:root{--bg: #0a0c10;--surface: #111520;--surface2: #161c2a;--border: #1e2a40;--accent: #f5a623;--accent2: #00d4ff;--danger: #ff3d3d;--success: #00e676;--draw: #9c88ff;--ct: #00b4e6;--t: #e8a000;--text: #e8eaf0;--muted: #5a6880;--header-bg: rgba(17,21,32,.95);--glow: 0 0 20px rgba(245,166,35,.3);--modal-bg: #000}html.light{--bg: #f0f2f7;--surface: #ffffff;--surface2: #e8ecf5;--border: #c8d0e0;--accent: #d4860a;--accent2: #0088bb;--danger: #d93030;--success: #00a854;--draw: #7c66dd;--ct: #0090bb;--t: #c07800;--text: #1a2030;--muted: #7a8aa0;--header-bg: rgba(240,242,247,.96);--glow: 0 0 20px rgba(212,134,10,.2);--modal-bg: #d4d8e2}*{box-sizing:border-box;margin:0;padding:0}#root{min-height:100vh}body.modal-open #root{filter:blur(4px);transition:filter .15s ease;pointer-events:none}body{background:var(--bg);color:var(--text);font-family:Rajdhani,sans-serif;min-height:100vh;transition:background .3s,color .3s;background-image:radial-gradient(ellipse at 20% 0%,rgba(0,212,255,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(245,166,35,.04) 0%,transparent 60%)}html.light body{background-image:radial-gradient(ellipse at 20% 0%,rgba(0,136,187,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(212,134,10,.06) 0%,transparent 60%)}.header{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--border);background:var(--header-bg);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{font-family:Orbitron,monospace;font-weight:900;font-size:1.4rem;color:var(--accent);letter-spacing:2px;text-shadow:0 0 20px rgba(245,166,35,.5)}.logo span{color:var(--accent2)}.nav-tabs{display:flex;gap:4px}.nav-tab{padding:8px 20px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;letter-spacing:1px;text-transform:uppercase;transition:all .2s;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%)}.nav-tab:hover{color:var(--text);border-color:var(--accent)}.nav-tab.active{background:var(--accent);color:#000;border-color:var(--accent)}.view{padding:28px 32px;max-width:1400px;margin:0 auto}.section-title{font-family:Orbitron,monospace;font-size:.7rem;color:var(--accent);letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px}.section-title:after{content:"";flex:1;height:1px;background:var(--border)}.card{background:var(--surface);border:1px solid var(--border);padding:20px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}.form-row{display:flex;gap:10px;margin-bottom:12px;align-items:flex-end;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-family:Share Tech Mono,monospace}input,select{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:9px 14px;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:500;outline:none;transition:border-color .2s;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%)}input:focus,select:focus{border-color:var(--accent)}input[name=name]{width:200px}.btn{padding:9px 20px;border:none;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:all .15s;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);display:inline-flex;align-items:center;gap:6px}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:#ffbb44;transform:translateY(-1px)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-success{background:var(--success);color:#000}.btn-danger{background:var(--danger);color:#fff}.btn-draw{background:var(--draw);color:#fff}.btn-sm{padding:5px 12px;font-size:.8rem}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:16px}.player-card{background:var(--surface2);border:1px solid var(--border);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;transition:all .2s;position:relative;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%)}.player-card:hover{border-color:var(--accent);background:rgba(245,166,35,.05)}.player-card.selected{border-color:var(--accent);background:rgba(245,166,35,.12);box-shadow:0 0 12px #f5a62326}.player-card.in-queue{opacity:.4;cursor:not-allowed;pointer-events:none}.player-info{display:flex;flex-direction:column;gap:2px;min-width:0}.player-name{font-weight:700;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-elo-text{font-size:.72rem;color:var(--muted);font-family:Share Tech Mono,monospace}.player-actions{display:flex;gap:4px}.rank-icon-svg{width:34px;height:34px;flex-shrink:0;display:block}.rank-badge-wrap{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.rank-score{font-family:Share Tech Mono,monospace;font-size:.78rem;color:var(--text)}.match-rank .rank-icon-svg{width:26px;height:26px}.match-rank .rank-score{font-size:.72rem}.hcard-player .rank-icon-svg{width:22px;height:22px}.hcard-player .rank-score{font-size:.7rem}.queue-controls{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.selected-count{font-family:Orbitron,monospace;font-size:1.1rem;color:var(--accent)}.selected-count span{color:var(--muted);font-size:.7rem}.match-arena{display:grid;grid-template-columns:1fr 60px 1fr;gap:16px;align-items:start}.team-panel{background:var(--surface);border:1px solid var(--border);overflow:hidden}.team-header{padding:12px 16px;font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;letter-spacing:2px;display:flex;align-items:center;justify-content:space-between}.team-ct .team-header{background:rgba(0,180,230,.12);border-bottom:2px solid var(--ct);color:var(--ct)}.team-t .team-header{background:rgba(232,160,0,.12);border-bottom:2px solid var(--t);color:var(--t)}.team-rating{font-family:Share Tech Mono,monospace;font-size:.85rem;color:var(--text)}.team-players-list{padding:10px;display:flex;flex-direction:column;gap:6px;min-height:320px}.match-player{background:var(--surface2);border:1px solid var(--border);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:grab;transition:all .2s;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);-webkit-user-select:none;user-select:none}.match-player:hover{border-color:#fff3;background:rgba(255,255,255,.04)}.match-player.dragging{opacity:.4;cursor:grabbing}.match-player.drag-over{border-color:var(--accent);background:rgba(245,166,35,.12);transform:scale(1.02)}.match-player.swap-pending{border-color:var(--accent2);background:rgba(0,212,255,.12);box-shadow:0 0 12px #00d4ff33}.match-player.swap-target:hover{border-color:var(--accent);background:rgba(245,166,35,.1);cursor:pointer}.team-players-list.drag-over-zone{background:rgba(245,166,35,.04);border:2px dashed var(--accent)}.vs-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding-top:60px}.vs-text{font-family:Orbitron,monospace;font-size:1.4rem;font-weight:900;color:var(--muted)}.balance-diff{font-family:Share Tech Mono,monospace;font-size:.7rem;color:var(--muted);text-align:center}.balance-diff.good{color:var(--success)}.balance-diff.ok{color:var(--accent)}.balance-diff.bad{color:var(--danger)}.match-actions{display:flex;gap:10px;justify-content:center;margin-top:24px;flex-wrap:wrap}.leaderboard-table{width:100%;border-collapse:collapse;margin-top:12px}.leaderboard-table th{padding:10px 14px;text-align:left;font-family:Share Tech Mono,monospace;font-size:.7rem;color:var(--muted);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--border)}.leaderboard-table td{padding:12px 14px;border-bottom:1px solid rgba(30,42,64,.5);font-weight:600;font-size:.95rem;transition:background .2s}.leaderboard-table tr:hover td{background:rgba(255,255,255,.02)}.rank-num{font-family:Orbitron,monospace;font-size:.8rem;color:var(--muted)}.rank-num.top1{color:gold}.rank-num.top2{color:silver}.rank-num.top3{color:#cd7f32}.stat-bar-container{display:flex;align-items:center;gap:8px}.stat-bar{height:4px;background:var(--border);flex:1;max-width:80px}.stat-bar-fill{height:100%;background:var(--accent);transition:width .5s}.winrate-text{font-family:Share Tech Mono,monospace;font-size:.85rem}.toast-container{position:fixed;top:80px;right:20px;z-index:999;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 20px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);font-size:.9rem;font-weight:600;animation:slideIn .3s ease,fadeOut .3s ease 2.7s forwards;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%)}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:none;opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translate(20px)}}.history-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.history-item{background:var(--surface);border:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;gap:16px;font-size:.9rem}.history-result{font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;padding:3px 10px;border:1px solid}.result-ct-win{color:var(--ct);border-color:var(--ct);background:rgba(0,180,230,.1)}.result-t-win{color:var(--t);border-color:var(--t);background:rgba(232,160,0,.1)}.result-draw{color:var(--draw);border-color:var(--draw);background:rgba(156,136,255,.1)}.theme-toggle{background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;padding:7px 14px;font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:1px;display:flex;align-items:center;gap:7px;transition:all .2s;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);flex-shrink:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle .icon{font-size:1rem;transition:transform .4s}html.light .theme-toggle .icon{transform:rotate(180deg)}.card,.player-card,.team-panel,.history-item,.leaderboard-table td,input,select,.match-player,.nav-tab,.btn-secondary{transition:background .25s,border-color .25s,color .25s}html.light .logo{text-shadow:0 0 12px rgba(212,134,10,.3)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mt-16{margin-top:16px}.empty-state{text-align:center;color:var(--muted);padding:40px;font-size:.9rem}.drag-icon{color:var(--muted);font-size:.8rem;flex-shrink:0}.checkbox-sel{width:16px;height:16px;border:2px solid var(--border);background:transparent;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.player-card.selected .checkbox-sel{background:var(--accent);border-color:var(--accent)}.checkbox-sel:after{content:"✓";color:#000;font-size:10px;font-weight:700;display:none}.player-card.selected .checkbox-sel:after{display:block}.delete-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.85rem;padding:2px 5px;transition:color .15s}.delete-btn:hover{color:var(--danger)}.history-cards{display:flex;flex-direction:column;gap:12px;margin-top:4px}.hcard{background:var(--surface);border:1px solid var(--border);overflow:hidden;position:relative}.hcard:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.hcard.win-a:before{background:linear-gradient(90deg,var(--ct),transparent)}.hcard.win-b:before{background:linear-gradient(90deg,var(--t),transparent)}.hcard.win-draw:before{background:linear-gradient(90deg,var(--draw),transparent)}.hcard-header{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--border)}.hcard-date{font-family:Share Tech Mono,monospace;font-size:.72rem;color:var(--muted);margin-left:auto}.hcard-body{display:grid;grid-template-columns:1fr auto 1fr;gap:0}.hcard-team{padding:10px 14px;display:flex;flex-direction:column;gap:3px;transition:background .2s}.hcard-team-b{border-left:1px solid var(--border)}.hcard-team.winner-a{background:rgba(0,180,230,.08);border-top:2px solid var(--ct)}.hcard-team.winner-b{background:rgba(232,160,0,.08);border-top:2px solid var(--t)}.hcard-team.winner-draw{background:rgba(156,136,255,.06);border-top:2px solid var(--draw)}.hcard-team-label{font-family:Orbitron,monospace;font-size:.62rem;letter-spacing:2px;font-weight:700;margin-bottom:3px;display:flex;align-items:center;justify-content:space-between}.hcard-team-a .hcard-team-label{color:var(--ct)}.hcard-team-b .hcard-team-label{color:var(--t)}.hcard-avg{font-family:Share Tech Mono,monospace;font-size:.68rem;color:var(--muted)}.hcard-player{font-size:.82rem;font-weight:600;color:var(--text);padding:2px 0;display:flex;align-items:center;gap:7px}.hcard-vs{display:flex;align-items:center;justify-content:center;padding:0 12px;font-family:Orbitron,monospace;font-size:.85rem;font-weight:900;color:var(--muted);border-left:1px solid var(--border);border-right:1px solid var(--border)}.data-bar{display:flex;gap:8px;align-items:center;padding:12px 16px;background:var(--surface2);border:1px solid var(--border);border-top:none;flex-wrap:wrap}.data-bar-label{font-family:Share Tech Mono,monospace;font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-right:4px}.btn-icon{padding:6px 14px;border:1px solid var(--border);background:transparent;color:var(--text);font-family:Rajdhani,sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;letter-spacing:.5px;display:inline-flex;align-items:center;gap:5px;transition:all .15s;clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%)}.btn-icon:hover{border-color:var(--accent);color:var(--accent)}.btn-icon.danger:hover{border-color:var(--danger);color:var(--danger)}.screenshot-upload-section{margin-top:24px;border:1px solid var(--border);background:var(--surface);overflow:hidden}.screenshot-upload-row{display:flex;align-items:center;gap:14px;padding:14px 16px;flex-wrap:wrap;border-bottom:1px solid var(--border)}.screenshot-label{cursor:pointer;flex-shrink:0}.screenshot-label-ok{border-color:var(--success)!important;color:var(--success)!important}.screenshot-label-disabled{opacity:.35}.screenshot-label-error{border-color:var(--danger)!important;color:var(--danger)!important;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.no-screenshot-check{display:flex;align-items:center;gap:7px;font-family:Share Tech Mono,monospace;font-size:.75rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:auto}.no-screenshot-check input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer;clip-path:none}.screenshot-error-msg{font-family:Share Tech Mono,monospace;font-size:.78rem;color:var(--danger)}.screenshot-preview-wrap{background:#000;display:flex;align-items:center;justify-content:center;max-height:260px;overflow:hidden}.screenshot-preview-img{display:block;max-width:100%;max-height:260px;object-fit:contain}.hcard-screenshot{border-top:1px solid var(--border)}.hcard-screenshot-toggle{width:100%;background:transparent;border:none;color:var(--muted);font-family:Share Tech Mono,monospace;font-size:.72rem;letter-spacing:1px;text-transform:uppercase;padding:8px 14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .15s,background .15s}.hcard-screenshot-toggle:hover{color:var(--accent);background:rgba(245,166,35,.04)}.hcard-screenshot a{display:block;background:#000;overflow:hidden;border-top:1px solid var(--border)}.hcard-screenshot-img{display:block;width:100%;max-height:320px;object-fit:contain;transition:opacity .2s}.hcard-screenshot a:hover .hcard-screenshot-img{opacity:.85}@media (max-width: 900px){.match-arena{grid-template-columns:1fr}.vs-divider{flex-direction:row;padding-top:0}.header{padding:12px 16px}.view{padding:16px}.grid-2,.hcard-body{grid-template-columns:1fr}.hcard-vs{padding:8px;border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.hcard-team-b{border-left:none}}@media (max-width: 640px){.header{flex-wrap:wrap;padding:10px 14px 0;column-gap:8px;row-gap:0}.nav-tabs{order:10;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 0 10px;flex-wrap:nowrap;border-top:1px solid var(--border);margin-top:8px}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{padding:6px 14px;font-size:.82rem;white-space:nowrap;flex-shrink:0}.logo{font-size:1.1rem;letter-spacing:1px}.user-email,.theme-label{display:none}.theme-toggle{padding:7px 10px}.form-row{flex-direction:column;align-items:stretch}.form-group{width:100%}.form-group input,.form-group select{width:100%!important}input[name=name]{width:100%}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.leaderboard-table{min-width:500px}.screenshot-upload-row{flex-direction:column;align-items:flex-start}.no-screenshot-check{margin-left:0}.players-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 480px){.view{padding:12px}.nav-tab{padding:6px 10px;font-size:.78rem}.players-grid{grid-template-columns:1fr 1fr}.match-actions{flex-direction:column}.match-actions .btn{width:100%;justify-content:center}.queue-controls .btn{font-size:.82rem}.toast-container{left:12px;right:12px}.toast{font-size:.82rem}.hcard-header{flex-wrap:wrap;gap:6px}.hcard-date{margin-left:0}}