:root{--bg: #0d0d1a;--surface: #16162a;--surface2: #1e1e38;--border: #2e2e52;--text: #dde1ff;--text-muted: #6b6b99;--accent: #7c6fff;--accent-dim: #3d3880;--win: #4ade80;--loss: #f87171}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;min-height:100vh}nav{display:flex;align-items:center;gap:2.5rem;padding:0 2rem;height:72px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{font-size:1.4rem;font-weight:700;letter-spacing:.05em;color:var(--accent);text-decoration:none}.nav-links{display:flex;gap:1.75rem;align-items:center}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:1rem}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-upload-btn{margin-left:.25rem}.nav-auth{margin-left:auto}.nav-auth>a{color:var(--text-muted);text-decoration:none}.nav-auth>a:hover{color:var(--text)}.nav-auth-links{display:flex;align-items:center;gap:1rem}.nav-auth-links>a:first-child{color:var(--text-muted);text-decoration:none;font-size:1rem}.nav-auth-links>a:first-child:hover{color:var(--text)}.nav-dropdown{position:relative}.nav-dropdown-trigger{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:0}.nav-dropdown-trigger:hover{color:var(--text)}.nav-dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface2);border:1px solid var(--border);border-radius:6px;min-width:140px;z-index:20;display:flex;flex-direction:column}.nav-dropdown-menu a,.nav-dropdown-menu button{display:block;width:100%;padding:.65rem 1rem;text-align:left;background:none;border:none;color:var(--text-muted);text-decoration:none;cursor:pointer;font-size:1rem}.nav-dropdown-menu a:hover,.nav-dropdown-menu button:hover{color:var(--text);background:var(--surface)}#app{padding:2rem 1.5rem;max-width:1280px;margin:0 auto}h1{font-size:1.4rem;margin-bottom:1.5rem}h2{font-size:1.1rem;margin-bottom:1rem;color:var(--text-muted)}.home-page{max-width:540px;padding-top:3rem}.home-headline{font-size:1.8rem;margin-bottom:1rem}.home-desc{color:var(--text-muted);line-height:1.7;margin-bottom:2rem}.home-ctas{display:flex;gap:1rem;margin-bottom:3rem}.home-features{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.home-feature{padding:.65rem .9rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:13px}.empty-state{text-align:center;padding:2rem 0}.empty-state .empty{margin-bottom:1rem}.empty-state-text{font-size:1.1rem;color:var(--text-muted);margin-bottom:1rem}.auth-page{max-width:380px}.auth-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.auth-form label{display:flex;flex-direction:column;gap:.3rem;font-size:13px;color:var(--text-muted)}.auth-form input{padding:.45rem .65rem;background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px}.auth-form input:focus{outline:none;border-color:var(--accent)}.auth-links{font-size:13px;color:var(--text-muted)}.auth-links a{color:var(--accent);text-decoration:none}.auth-links a:hover{text-decoration:underline}.field-hint{font-weight:400;color:var(--text-muted);font-size:11px}.account-email-current{font-size:13px;color:var(--text-muted);margin-bottom:.75rem}.btn{display:inline-block;padding:.45rem 1rem;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;font-size:13px;text-decoration:none;transition:border-color .15s}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent-dim);border-color:var(--accent);color:#fff}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-primary:not(:disabled):hover{background:var(--accent)}.btn-xs{padding:.25rem .6rem;font-size:12px}.btn-muted{color:var(--text-muted);border-color:var(--border)}.btn-muted:hover{border-color:var(--text-muted);color:var(--text)}.btn:disabled{opacity:.4;cursor:not-allowed}.bracket-pills{display:flex;gap:.35rem}.dropzone{border:2px dashed var(--border);border-radius:10px;padding:3rem 2rem;text-align:center;color:var(--text-muted);cursor:pointer;transition:border-color .2s,background .2s;margin-bottom:1rem}.dropzone.over{border-color:var(--accent);background:var(--surface2)}.dropzone .filename{margin-top:.75rem;color:var(--text);font-size:13px}.upload-result{margin-top:1.25rem;padding:.75rem 1rem;border-radius:8px;background:var(--surface2);border:1px solid var(--border)}.upload-result .stat{display:inline-block;margin-right:1.5rem}.upload-result .stat span{color:var(--accent);font-weight:600}.progress-bar{height:8px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;overflow:hidden;margin:.75rem 0 .5rem}.progress-fill{height:100%;background:var(--accent);width:var(--progress, 0%);transition:width .35s ease;border-radius:4px}.upload-hint{font-size:12px;color:var(--text-muted);margin-bottom:1rem}.upload-hint code{font-family:ui-monospace,monospace;background:var(--surface2);padding:.1rem .35rem;border-radius:3px;font-size:11px}.upload-complete{max-width:700px}.upload-complete-stats{display:flex;gap:1.5rem;padding:.75rem 1rem;border-radius:8px;background:var(--surface);border:1px solid var(--win);border-left:3px solid var(--win);margin-bottom:0}.upload-complete-stats .stat{display:inline-block}.upload-complete-stats .stat span{color:var(--win);font-weight:700}.upload-complete-stats .stat-error span{color:var(--loss)}.upload-complete-actions{display:flex;gap:.75rem;margin-top:1.25rem}.error-msg{color:var(--loss);margin-top:1rem}.notice-banner{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;background:var(--surface2);border:1px solid var(--accent-dim);border-radius:6px;padding:.6rem 1rem;font-size:.9rem;color:var(--text)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:.5rem}th,td{padding:.55rem .75rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--text-muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.05em;background:var(--surface)}tr:hover td{background:var(--surface2)}tr.clickable{cursor:pointer}td a{color:var(--text);text-decoration:none}td a:hover{color:var(--accent)}.toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.toolbar select{padding:.4rem .6rem;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:13px}.pagination{margin-top:1rem;display:flex;gap:.5rem;align-items:center}.pagination .page-info{color:var(--text-muted);font-size:13px}.arena-meta{display:flex;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.meta-item{display:flex;flex-direction:column;gap:.2rem}.meta-label{font-size:11px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.meta-value{font-size:1rem;font-weight:600}.team-section{margin-bottom:1.5rem}.team-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.tag-win{color:var(--win)}.tag-loss{color:var(--loss)}.back-link{color:var(--text-muted);text-decoration:none;font-size:13px;display:inline-block;margin-bottom:1.25rem}.back-link:hover{color:var(--text)}.loading{color:var(--text-muted);padding:3rem 0;text-align:center}.empty{color:var(--text-muted);padding:2rem 0;text-align:center}.bracket-badge{display:inline-block;padding:.15rem .45rem;border-radius:4px;font-size:11px;font-weight:600;background:var(--accent-dim);color:var(--accent)}.analyze-section{margin-top:2rem}.insights-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.insights-tab{padding:.35rem .9rem;border-radius:6px;border:1px solid transparent;background:none;color:var(--text-muted);font-size:13px;cursor:pointer;transition:color .15s,border-color .15s}.insights-tab:hover{color:var(--text)}.insights-tab.active{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.insights-tab-content.hidden{display:none}.insight-timeline{display:flex;flex-direction:column;gap:.6rem}.insight-card{display:flex;flex-direction:column;gap:.3rem;padding:.65rem .9rem;border-radius:8px;border-left:3px solid var(--border);background:var(--surface)}.insight-header{display:flex;align-items:center;gap:.75rem}.insight-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .45rem;border-radius:4px;background:var(--surface2);color:var(--text-muted)}.insight-time{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.insight-summary{font-size:13px;color:var(--text);line-height:1.4}.burst-hits{margin:.4rem 0 0;padding:0 0 0 1rem;font-size:12px;color:var(--text-muted)}.burst-hit{line-height:1.6}.burst-hit-crit{color:#fb923c;font-weight:600}.insight-kill{border-left-color:#f87171}.insight-kill .insight-badge{background:#3d1515;color:#f87171}.insight-burst{border-left-color:#fb923c}.insight-burst .insight-badge{background:#3d2010;color:#fb923c}.insight-cd{border-left-color:#facc15}.insight-cd .insight-badge{background:#3d3010;color:#facc15}.insight-interrupt{border-left-color:#60a5fa}.insight-interrupt .insight-badge{background:#10203d;color:#60a5fa}.insight-cc{border-left-color:#38bdf8}.insight-cc .insight-badge{background:#0c2233;color:#38bdf8}.cc-timeline{margin-top:.75rem}.cc-legend{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--muted);margin-bottom:.75rem}.cc-legend-dot{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px}.cc-timeline-body{display:flex;gap:.5rem}.cc-labels-col{width:90px;flex-shrink:0;display:flex;flex-direction:column}.cc-team-spacer{height:20px;flex-shrink:0}.cc-lane-label{height:24px;margin-bottom:4px;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center}.cc-lane-label.team-win{color:var(--win)}.cc-lane-label.team-loss{color:var(--loss)}.cc-tracks-col{flex:1}.cc-team-zone{position:relative;cursor:crosshair}.cc-team-header{height:20px;display:flex;align-items:center;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.cc-team-header.win{color:var(--win)}.cc-team-header.loss{color:var(--loss)}.cc-lane-track{background:var(--surface);border-radius:3px;overflow:hidden;margin-bottom:4px}.cc-lane-track svg{display:block}.cc-cursor-overlay{position:absolute;top:0;bottom:0;pointer-events:none}.cc-cursor-line{position:absolute;top:0;bottom:0;left:0;width:1px;background:#ffffff73}.cc-cursor-tooltip{position:absolute;top:0;background:var(--bg);border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:.35rem .5rem;font-size:.72rem;white-space:nowrap;z-index:20;min-width:130px}.cc-cursor-tooltip.right{left:6px}.cc-cursor-tooltip.left{right:6px;transform:translate(0)}.cc-cursor-time{font-weight:600;margin-bottom:.2rem;color:var(--text,#e2e8f0)}.cc-cursor-empty{color:var(--muted)}.cc-cursor-item{margin-top:.15rem;color:var(--text,#e2e8f0)}.cc-axis{position:relative;height:16px;margin-left:calc(90px + .5rem);font-size:.65rem;color:var(--muted);margin-top:2px}.cc-axis-tick{position:absolute;transform:translate(-50%)}.insight-clutch{border-left-color:#4ade80}.insight-clutch .insight-badge{background:#103d20;color:#4ade80}.insight-crit{border-left-color:#f97316}.insight-crit .insight-badge{background:#3d1f0a;color:#f97316}.insight-miss{border-left-color:#818cf8}.insight-miss .insight-badge{background:#1a1840;color:#818cf8}.insight-rare{border-left-color:#e879f9}.insight-rare .insight-badge{background:#2d103d;color:#e879f9}.severity-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.severity-low{background:#6b7280}.severity-medium{background:#facc15}.severity-high{background:#f87171}.player-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin:1.25rem 0 1rem}.player-identity{display:flex;align-items:center;gap:.75rem}.player-name{margin:0;font-size:1.3rem}.player-realm{font-size:.85rem;color:var(--text-muted)}.class-badge{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:12px;font-weight:600;background:var(--surface2);color:var(--text-muted)}.class-warrior{background:#1a2030;color:#c79c6e}.class-paladin{background:#2a1a2a;color:#f58cba}.class-hunter{background:#1a2a1a;color:#abd473}.class-rogue{background:#2a2a18;color:#fff569}.class-priest{background:#2a2a2a;color:#fff}.class-shaman{background:#1a1a2a;color:#0070de}.class-mage{background:#1a2a2a;color:#40c7eb}.class-warlock{background:#1e1a2a;color:#8787ed}.class-druid{background:#2a1e10;color:#ff7d0a}.stat-cards{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.75rem}.stat-card{display:flex;flex-direction:column;gap:.25rem;padding:.9rem 1.1rem;border-radius:8px;background:var(--surface);border:1px solid var(--border);min-width:130px;flex:1}.stat-card-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.stat-card-value{font-size:1.3rem;font-weight:700;line-height:1.2}.stat-card-sub{font-size:11px;color:var(--text-muted)}.player-section{margin-bottom:1.75rem}.player-section h2{margin-bottom:.6rem}.comp-cell{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.comp-spec{display:inline-block;padding:.15rem .45rem;border-radius:4px;font-size:11px;background:var(--surface2);color:var(--text-muted);white-space:nowrap}.spec-icon-badge{width:24px;height:24px;border-radius:4px;flex-shrink:0;image-rendering:auto}.spec-icon-badge.unknown{opacity:.45}.split-breakdown{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-top:1rem}.split-half{flex:1;min-width:0;display:flex;flex-direction:column}.split-half+.split-half{border-left:1px solid var(--border)}.split-half-header{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.07em;padding:.35rem .75rem}.split-half-header.team-win{color:var(--win);background:#4ade8014}.split-half-header.team-loss{color:var(--loss);background:#f8717114}.player-bookmarks{display:flex;flex-wrap:wrap;gap:6px;padding:.55rem .7rem;background:var(--surface);border-bottom:1px solid var(--border);border-top:1px solid var(--border)}.player-bookmark{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500;transition:border-color .12s,color .12s,background .12s;white-space:nowrap}.player-bookmark:hover{border-color:var(--accent);color:var(--text)}.player-bookmark.active{border-color:var(--accent);background:var(--accent-dim);color:var(--text)}.player-bookmark img{width:22px;height:22px;border-radius:3px;flex-shrink:0}.bookmark-class-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.heal-reduction-row td{color:var(--text-muted);font-style:italic}.heal-reduction-row .spell-name-cell{color:var(--loss);font-style:normal}.heal-reduction-tag{font-size:.75em;opacity:.8}.mana-section-row td{font-size:.72em;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding-top:.7rem;border-top:1px solid var(--border)}.mana-taken-row td,.mana-taken-row .spell-name-cell{color:var(--loss)}.mana-regen-summary{display:flex;gap:1rem;padding:.5rem .7rem;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.mana-regen-stat{display:flex;flex-direction:column;gap:1px}.mana-regen-label{font-size:.7em;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.mana-regen-value{font-size:.9em;color:var(--text)}.mana-regen-warn .mana-regen-label,.mana-regen-warn .mana-regen-value{color:var(--text-muted);font-style:italic}.breakdown-type-toggle{display:flex;gap:6px;padding:.5rem .7rem;background:var(--surface);border-bottom:1px solid var(--border)}.breakdown-type-btn{padding:.3rem .8rem;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:14px;transition:background .12s,color .12s,border-color .12s}.breakdown-type-btn:hover{color:var(--text);border-color:var(--accent)}.breakdown-type-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.breakdown-table-wrap{flex:1;overflow-y:auto}.spell-name-cell{display:flex;align-items:center;gap:.5rem}.spell-icon{width:20px;height:20px;border-radius:3px;flex-shrink:0;image-rendering:auto}.team-icons{display:flex;flex-wrap:nowrap;gap:3px;align-items:center;width:fit-content;margin:0 auto}.team-icons-result{padding:.45rem .6rem;border-radius:8px}.team-icons-win{background:#4ade8038}.team-icons-loss{background:#f871712e}.scoreboard-table tbody tr.scoreboard-row td,.meta-table tbody tr td{padding:.65rem .75rem}.scoreboard-realm{color:var(--text-muted);font-size:.72em;margin-left:1px}.scoreboard-icon{width:28px;height:28px;border-radius:5px;flex-shrink:0;image-rendering:auto;display:block}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{color:var(--accent)}.sort-indicator{font-size:10px;opacity:.55;margin-left:2px}.sortable-th:hover .sort-indicator{opacity:1;color:var(--accent)}.arenas-table tbody tr.arenas-row td{padding:.7rem .75rem;font-size:14px;text-align:center}.arena-list-icon{width:30px;height:30px;border-radius:5px;flex-shrink:0;image-rendering:auto;display:block}.col-map{width:48px;min-width:48px;max-width:60px;white-space:nowrap;font-size:13px;color:var(--text-muted);text-align:center}.col-date{white-space:nowrap;font-size:13px;color:var(--text-muted)}.icon-popup-wrap{position:relative;display:inline-block;flex-shrink:0}.icon-popup{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:100;min-width:130px;max-width:180px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:.45rem .6rem;box-shadow:0 4px 12px #00000059;pointer-events:none;white-space:nowrap}.icon-popup-name{font-size:12px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.35rem;margin-bottom:.2rem}.icon-popup-claimed{font-size:10px;font-weight:500;color:var(--accent);background:var(--accent-dim);border-radius:3px;padding:.05rem .3rem;letter-spacing:.03em}.icon-popup-spec{font-size:11px;color:var(--text-muted);margin-bottom:.25rem}.icon-popup-stats{font-size:12px;font-weight:600;color:var(--text);border-top:1px solid var(--border);padding-top:.25rem;margin-top:.1rem}.icon-popup-unclaimed{color:var(--text-muted);font-style:italic}.events-form{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.events-label{display:flex;flex-direction:column;gap:.3rem;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.events-input{padding:.4rem .6rem;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:13px;width:120px}.events-input:focus{outline:none;border-color:var(--accent)}.events-submit{align-self:flex-end}.events-meta{font-size:12px;color:var(--text-muted);margin-bottom:.75rem}.events-meta strong{color:var(--text)}.events-range{font-variant-numeric:tabular-nums}.events-log{display:flex;flex-direction:column;gap:2px;font-size:14px;font-family:ui-monospace,Cascadia Code,Fira Mono,monospace;max-height:70vh;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:.5rem;background:var(--surface)}.ev-row{display:flex;align-items:baseline;gap:.6rem;padding:.2rem .4rem;border-radius:4px;border-left:2px solid transparent;line-height:1.5}.ev-row:hover{background:var(--surface2)}.ev-time{flex-shrink:0;width:7ch;color:#a5b4fc;font-variant-numeric:tabular-nums}.ev-badge{flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.04em;padding:.1rem .35rem;border-radius:3px;background:var(--surface2);color:#c4c9f0;white-space:nowrap}.ev-desc{color:var(--text);word-break:break-word}.ev-damage{border-left-color:#f87171}.ev-damage .ev-badge{background:#3d1515;color:#f87171}.ev-heal{border-left-color:#4ade80}.ev-heal .ev-badge{background:#103d20;color:#4ade80}.ev-death{border-left-color:#dc2626}.ev-death{background:#1a0808}.ev-death .ev-badge{background:#4d1010;color:#fca5a5}.ev-death .ev-desc{color:#fca5a5;font-weight:600}.ev-interrupt{border-left-color:#60a5fa}.ev-interrupt .ev-badge{background:#10203d;color:#60a5fa}.ev-dispel{border-left-color:#38bdf8}.ev-dispel .ev-badge{background:#0c2233;color:#38bdf8}.ev-aura{border-left-color:#818cf8}.ev-aura .ev-badge{background:#1a1840;color:#818cf8}.ev-cast{border-left-color:var(--border)}.ev-cast .ev-badge{color:var(--text-muted)}.ev-miss{border-left-color:#6b7280}.ev-miss .ev-badge{background:#1a1a20;color:#9ca3af}.ev-drain{border-left-color:#a78bfa}.ev-drain .ev-badge{background:#1e1540;color:#a78bfa}.ev-misc .ev-badge{color:var(--text-muted)}.insight-players{font-size:12px;color:var(--text-muted);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:10px;padding:0 .25rem;flex-shrink:0;line-height:1}.insight-toggle:hover{color:var(--text)}.insight-group{margin-top:1rem}.insight-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.4rem;padding-bottom:.25rem;border-bottom:1px solid var(--border)}.insights-group-toggle{display:flex;gap:.4rem;margin-bottom:1rem}.insights-rework{margin-top:.75rem}.insights-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.insights-bookmarks{display:flex;gap:4px}.insights-bookmark{padding:.3rem .75rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:500;transition:border-color .12s,color .12s,background .12s}.insights-bookmark:hover{border-color:var(--accent);color:var(--text)}.insights-bookmark.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.insights-team-toggle{display:flex;gap:4px}.insights-team-btn{padding:.25rem .65rem;border:1px solid var(--border);border-radius:4px;background:transparent;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-muted);transition:border-color .12s,color .12s,background .12s}.insights-team-btn.team-win.active{background:#4ade801f;border-color:var(--win);color:var(--win)}.insights-team-btn.team-loss.active{background:#f871711f;border-color:var(--loss);color:var(--loss)}.insights-team-btn:not(.active):hover{border-color:var(--accent);color:var(--text)}.wrong-summary{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;padding:.6rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:5px;margin-bottom:.75rem}.wrong-total{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:.25rem}.wrong-summary-item{display:flex;align-items:center;gap:.3rem}.wrong-count{font-size:14px;font-weight:700;color:var(--loss);min-width:18px;text-align:right}.wrong-label{font-size:12px;color:var(--text-muted)}.account-layout{display:flex;align-items:flex-start;margin-left:-1.5rem;margin-right:-1.5rem}.account-main{flex:1;min-width:0;padding:0 1.5rem}.account-sidebar{width:200px;flex-shrink:0;position:sticky;top:72px;padding:1rem 0;border-right:1px solid var(--border);min-height:calc(100vh - 72px)}.account-nav{display:flex;flex-direction:column;gap:1px}.account-nav-item{display:flex;align-items:center;width:100%;padding:.75rem 1.5rem;border:none;outline:none;background:none;color:var(--text-muted);font-size:14px;cursor:pointer;text-align:left;border-radius:0;transition:background .1s,color .1s}.account-nav-item:hover{background:var(--surface2);color:var(--text)}.account-nav-item.active{background:var(--accent-dim);color:var(--accent);font-weight:500}.account-nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.inv-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font-size:10px;font-weight:700;background:var(--loss);color:#fff;margin-left:auto;flex-shrink:0}.inv-new-badge{font-size:10px;font-weight:700;color:var(--accent);margin-left:auto;flex-shrink:0;letter-spacing:.03em}.account-section{margin-bottom:2.5rem}.add-user-form{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.add-user-input{flex:1 1 160px;min-width:0;padding:.35rem .6rem;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:13px}.add-user-input:focus{outline:none;border-color:var(--accent)}.account-arenas-toolbar{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem;flex-wrap:wrap}.filter-select{padding:.4rem .6rem;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:13px}.arena-filter-toggle.active{border-color:var(--accent);color:var(--accent)}.arena-filter-panel{display:flex;flex-direction:column;gap:.6rem;padding:.75rem 1rem;background:var(--surface2);border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem}.arena-filter-group{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.arena-filter-label{font-size:12px;color:var(--text-muted);min-width:52px}.arena-filter-pills{display:flex;gap:.3rem;flex-wrap:wrap}.arena-filter-pill{padding:.2rem .65rem;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:12px;transition:background .1s,color .1s,border-color .1s}.arena-filter-pill:hover{color:var(--text);border-color:var(--accent)}.arena-filter-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.inv-summary-wrap{margin-bottom:0}.inv-summary-table{width:auto}.inv-sum-name{font-weight:500;min-width:100px}.inv-sum-chars{font-weight:400;color:var(--text-muted);font-size:.85em}.inv-sum-count{text-align:center;color:var(--text-muted);min-width:60px}.inv-sum-actions{display:flex;gap:.35rem;align-items:center;flex-wrap:nowrap}.trusted-btn{color:#facc15;border-color:#facc15}.trusted-btn:hover{background:#facc151a}.inv-comp{display:flex;align-items:center;gap:.4rem;font-size:12px}.inv-team{display:flex;align-items:center;gap:2px}.inv-vs{color:var(--text-muted);font-size:11px;padding:0 .1rem}.account-pw-form{max-width:320px}.account-toggle-row{display:flex;align-items:center;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--border)}.account-toggle-row:last-child{border-bottom:none}.account-toggle-label{flex:1;font-size:13px}.account-toggle-desc{font-size:12px;color:var(--text-muted);margin-top:.15rem}.toggle-switch{position:relative;width:36px;height:20px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:var(--surface2);border:1px solid var(--border);cursor:pointer;transition:background .15s,border-color .15s}.toggle-switch input:checked+.toggle-track{background:var(--accent-dim);border-color:var(--accent)}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-muted);transition:transform .15s,background .15s}.toggle-switch input:checked+.toggle-track:after{transform:translate(16px);background:var(--accent)}.success-msg{color:var(--win);margin-top:.5rem;font-size:13px}.profile-overview{display:flex;gap:2rem;align-items:flex-start}.profile-main{flex:1;min-width:0}.profile-main h2{margin-bottom:.75rem}.profile-side{width:180px;flex-shrink:0}.profile-side h2{margin-bottom:.5rem}.profile-side-heading{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:1rem 0 .4rem}.mini-heatmap-wrap{display:flex;flex-direction:column;gap:3px}.mini-heatmap-months{display:grid;gap:3px;font-size:10px;color:var(--text-muted)}.mini-heatmap-month{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip}.mini-heatmap-grid{display:grid;grid-template-rows:repeat(7,14px);gap:3px}.mini-heatmap-tooltip{font-size:11px;color:var(--text-muted);min-height:1.4em;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heatmap-cell{width:14px;height:14px;border-radius:2px;cursor:default}.heatmap-l0{background:var(--surface2)}.heatmap-l1{background:#810e0e}.heatmap-l2{background:#811a0e}.heatmap-l3{background:#81270e}.heatmap-l4{background:#81320e}.heatmap-l5{background:#813e0e}.heatmap-l6{background:#854e0f}.heatmap-l7{background:#845910}.heatmap-l8{background:#846510}.heatmap-l9{background:#887611}.heatmap-l10{background:#878112}.heatmap-l11{background:#858b13}.heatmap-l12{background:#768a15}.heatmap-l13{background:#6a8816}.heatmap-l14{background:#618b18}.heatmap-l15{background:#548b18}.heatmap-l16{background:#4b8d1b}.heatmap-l17{background:#3f8d1b}.heatmap-l18{background:#33921c}.heatmap-l19{background:#29901d}.heatmap-l20{background:#1f931f}.comp-summary-table{width:100%;border-collapse:collapse;table-layout:fixed}.comp-summary-table td{padding:2px 0;vertical-align:middle;font-size:12px}.comp-summary-icons{width:100px}.comp-summary-icons .comp-cell{flex-wrap:nowrap;gap:2px}.comp-summary-icons .spec-icon-badge{width:18px;height:18px}.comp-summary-played{width:38px;text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums}.comp-summary-wr{text-align:right;font-variant-numeric:tabular-nums}.faq-list{display:flex;flex-direction:column;gap:.5rem;max-width:720px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden}.faq-question{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;font-weight:600;color:var(--text);gap:1rem;-webkit-user-select:none;user-select:none}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";font-size:1.1rem;color:var(--accent);flex-shrink:0;transition:transform .2s}.faq-item[open] .faq-question:after{transform:rotate(45deg)}.faq-item[open] .faq-question{border-bottom:1px solid var(--border)}.faq-answer{padding:.75rem 1rem;color:var(--text-muted);line-height:1.6}.site-footer{border-top:1px solid var(--border);margin-top:4rem;padding:1.25rem 2rem}.site-footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;max-width:1280px;margin:0 auto;font-size:.8rem;color:var(--text-muted)}.site-footer-inner a{color:var(--text-muted);text-decoration:none}.site-footer-inner a:hover{color:var(--text)}.footer-sep{color:var(--border)}.footer-disclaimer{flex:1 1 100%}@media (min-width: 640px){.footer-disclaimer{flex:unset}}@media (max-width: 639px){.footer-sep{display:none}}.privacy-page{max-width:680px}.privacy-updated{color:var(--text-muted);font-size:.85rem;margin-bottom:2rem}.privacy-section{margin-bottom:2rem}.privacy-section h2{font-size:1rem;color:var(--text);margin-bottom:.5rem}.privacy-section p{color:var(--text-muted);line-height:1.7}.feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.feedback-modal{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.5rem;width:min(480px,calc(100vw - 2rem));display:flex;flex-direction:column;gap:1rem}.feedback-modal-header{display:flex;align-items:center;justify-content:space-between}.feedback-modal-header h2{margin:0;font-size:1rem}.feedback-close{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:.2rem .4rem;line-height:1}.feedback-close:hover{color:var(--text)}.feedback-form{display:flex;flex-direction:column;gap:.75rem}.feedback-kind-row{display:flex;gap:1.5rem}.feedback-kind-row label{display:flex;align-items:center;gap:.4rem;font-size:13px;color:var(--text-muted);cursor:pointer}.feedback-kind-row input[type=radio]{accent-color:var(--accent)}.feedback-textarea{width:100%;box-sizing:border-box;background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;padding:.6rem .75rem;resize:vertical;font-family:inherit}.feedback-textarea:focus{outline:none;border-color:var(--accent)}.feedback-char-count{font-size:11px;color:var(--text-muted);text-align:right;margin-top:-.5rem}.feedback-actions{display:flex;justify-content:flex-end;gap:.5rem}.feedback-done{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:.5rem 0}.feedback-done p{color:var(--text-muted);margin:0}.feedback-nav-btn{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:0}.feedback-nav-btn:hover{color:var(--text)}@media (max-width: 768px){nav{gap:1.25rem;padding:0 1rem}.nav-links{gap:1rem}#app{padding:1.25rem 1rem}.account-layout{flex-direction:column;margin-left:0;margin-right:0}.account-sidebar{width:100%;position:static;min-height:unset;border-right:none;border-bottom:1px solid var(--border);padding:.5rem 0}.account-nav{flex-direction:row;flex-wrap:wrap;gap:2px;padding:0 .5rem}.account-nav-item{flex:none;font-size:13px;padding:.35rem .65rem}.account-main{padding:1rem}.profile-overview{flex-direction:column;gap:1.5rem}.profile-side{width:100%}.split-breakdown{flex-direction:column}.split-half+.split-half{border-left:none;border-top:1px solid var(--border)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.home-features{grid-template-columns:1fr}}@media (max-width: 480px){.nav-links{display:none}nav{gap:.75rem}h1{font-size:1.2rem}.feedback-modal{width:calc(100vw - 2rem);max-height:90vh;overflow-y:auto}.pagination .btn{padding:.3rem .55rem;font-size:12px}.auth-page{max-width:100%}.toolbar{flex-wrap:wrap}}