@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700;800&family=Rajdhani:wght@500;600;700&display=swap";:root{--bg-void: #07080a;--bg-deep: #0d1014;--bg-panel: #121620;--bg-elevated: #1a1f2c;--border: #232838;--border-bright: #3a4258;--ink: #d8dde8;--ink-dim: #8089a0;--ink-faint: #4a5168;--amber: #ffb627;--amber-bright: #ffd166;--amber-dim: #8a6418;--ct: #4ec9ff;--ct-deep: #1a5d80;--t: #ff6b35;--t-deep: #8a3815;--danger: #ff3860;--success: #5cd97a;--grid: rgba(255, 182, 39, .04);--mono: "JetBrains Mono", ui-monospace, monospace;--display: "Rajdhani", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--mono);background:var(--bg-void);color:var(--ink);font-size:13px;line-height:1.5;overflow:hidden;-webkit-font-smoothing:antialiased;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px}button{font-family:var(--mono);border:none;background:none;color:inherit;cursor:pointer}input{font-family:var(--mono)}.app{display:flex;flex-direction:column;height:100vh;width:100vw}.header{padding:12px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.brand{font-weight:700;letter-spacing:.05em}.header-map{color:var(--amber);font-weight:600}.upload-screen{flex:1;display:grid;place-items:center;padding:40px;position:relative}.upload-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,182,39,.06),transparent 60%);pointer-events:none}.upload-card{width:100%;max-width:560px;background:var(--bg-panel);border:1px solid var(--border);position:relative;z-index:1}.upload-card:before,.upload-card:after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--amber)}.upload-card:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.upload-card:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.upload-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.upload-title{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:.15em;text-transform:uppercase}.upload-id{font-size:10px;color:var(--ink-faint);letter-spacing:.1em}.dropzone{margin:24px;padding:56px 24px;border:1px dashed var(--border-bright);text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-deep);position:relative}.dropzone:hover,.dropzone.drag-over{border-color:var(--amber);background:#ffb62708}.dropzone-icon{margin:0 auto 16px;width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--amber);color:var(--amber)}.dropzone-text{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:6px}.dropzone-sub{font-size:11px;color:var(--ink-dim);letter-spacing:.1em}.upload-info{padding:0 24px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info-cell{padding:12px;background:var(--bg-deep);border-left:2px solid var(--amber)}.info-cell-label{font-size:9px;color:var(--ink-faint);letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px}.info-cell-value{font-family:var(--display);font-weight:600;font-size:13px;color:var(--ink)}.upload-loading{padding:24px;display:flex;flex-direction:column;gap:10px}.upload-progress-label{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}.upload-progress-label>span:last-child{color:var(--ink-dim);font-size:11px;font-variant-numeric:tabular-nums}.upload-progress-track{height:6px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;overflow:hidden;position:relative}.upload-progress-fill{height:100%;background:var(--amber);transition:width .15s ease-out;width:0}.upload-progress-fill.indeterminate{width:35%;position:absolute;left:0;top:0;animation:upload-progress-slide 1.4s cubic-bezier(.4,0,.2,1) infinite}@keyframes upload-progress-slide{0%{transform:translate(-100%)}to{transform:translate(286%)}}.upload-progress-sub{font-size:11px;color:var(--ink-faint);text-align:center}.upload-error{margin:0 24px 24px;padding:12px 16px;background:#ff38601a;border-left:2px solid var(--danger);color:var(--danger);font-size:11px;letter-spacing:.05em}.scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--amber),transparent);animation:scan 3s linear infinite;pointer-events:none;opacity:.5}@keyframes scan{0%{top:0}to{top:100%}}.analyzer{flex:1;display:grid;grid-template-columns:280px 1fr 240px 320px;overflow:hidden}.panel{background:var(--bg-deep);display:flex;flex-direction:column;overflow:hidden}.panel-left{border-right:1px solid var(--border)}.panel-events,.panel-right{border-left:1px solid var(--border)}.panel-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid var(--border);color:var(--ink-dim);cursor:pointer;transition:color .12s,border-color .12s,background .12s}.panel-icon-btn:hover{color:var(--amber);border-color:var(--border-bright);background:#ffb62714}.panel-header-right{display:inline-flex;align-items:center;gap:10px}.panel-header{padding:10px 16px;min-height:48px;box-sizing:border-box;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-panel)}.panel-title{font-family:var(--display);font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}.panel-meta{font-size:10px;color:var(--ink-faint);letter-spacing:.1em}.demo-summary{padding:16px;border-bottom:1px solid var(--border)}.summary-row{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px}.summary-row:last-child{margin-bottom:0}.summary-label{color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase}.summary-value{color:var(--ink);font-weight:600}.summary-value.amber{color:var(--amber)}.round-list{flex:1;overflow-y:auto}.round-item{padding:10px 16px;border-bottom:1px solid var(--border);cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .15s;position:relative}.round-item:hover{background:var(--bg-panel)}.round-item.active{background:var(--bg-elevated)}.round-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--amber)}.round-num{font-family:var(--display);font-weight:700;font-size:14px;color:var(--amber);min-width:28px}.round-info{flex:1;display:flex;flex-direction:column;gap:2px}.round-info-top{font-size:10px;color:var(--ink-dim);letter-spacing:.1em;text-transform:uppercase}.round-info-bottom{font-size:10px;color:var(--ink-faint)}.round-winner{width:24px;height:24px;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.05em}.round-winner.ct{color:var(--ct);border:1px solid var(--ct-deep)}.round-winner.t{color:var(--t);border:1px solid var(--t-deep)}.map-viewer{flex:1;display:flex;flex-direction:column;overflow:hidden}.map-container{flex:1;position:relative;overflow:hidden;background:var(--bg-void);display:grid;place-items:center;padding:16px}.map-canvas-wrap{position:relative;width:100%;height:100%;max-width:min(100%,calc(100vh - 200px));max-height:100%;aspect-ratio:1;overflow:hidden}canvas.map-canvas{width:100%;height:100%;display:block;background:#0a0d12;image-rendering:pixelated}canvas.map-draw-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;z-index:5}.playback{background:var(--bg-panel);border-top:1px solid var(--border);padding:14px 20px}.playback-row{display:flex;align-items:center;gap:16px}.play-btn{width:40px;height:40px;display:grid;place-items:center;background:var(--amber);color:var(--bg-void);transition:background .15s}.play-btn:hover{background:var(--amber-bright)}.icon-btn{width:32px;height:32px;display:grid;place-items:center;background:var(--bg-elevated);color:var(--ink);border:1px solid var(--border);transition:all .15s}.icon-btn:hover{border-color:var(--amber);color:var(--amber)}.timeline-wrap{flex:1;display:flex;flex-direction:column;gap:6px}.timeline-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-faint);letter-spacing:.1em}.timeline-labels .current{color:var(--amber);font-weight:600}.round-clock{font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.05em;font-variant-numeric:tabular-nums}.round-clock--round{color:var(--amber)}.round-clock--bomb{color:var(--danger);text-shadow:0 0 6px rgba(255,56,96,.4);animation:round-clock-pulse 1s ease-in-out infinite}.round-clock--aftermath{color:var(--ink-faint);font-weight:500}@keyframes round-clock-pulse{0%,to{opacity:1}50%{opacity:.6}}.timeline{position:relative;height:6px;background:var(--bg-elevated);cursor:pointer;border:1px solid var(--border)}.timeline-fill{position:absolute;left:0;top:0;height:100%;background:var(--amber);pointer-events:none}.timeline-thumb{position:absolute;top:50%;width:12px;height:12px;background:var(--amber-bright);border:2px solid var(--bg-void);transform:translate(-50%,-50%) rotate(45deg);cursor:grab}.timeline-thumb:active{cursor:grabbing}body.is-scrubbing{cursor:grabbing;-webkit-user-select:none;user-select:none}.speed-selector{display:flex;gap:4px}.speed-btn{padding:4px 8px;font-size:10px;letter-spacing:.05em;background:var(--bg-elevated);border:1px solid var(--border);color:var(--ink-dim);font-weight:600}.speed-btn:hover{color:var(--ink)}.speed-btn.active{background:var(--amber);color:var(--bg-void);border-color:var(--amber)}.players-section{display:flex;flex-direction:column;gap:14px;padding:14px 12px;border-bottom:1px solid var(--border)}.team-card{background:var(--bg-panel);border:1.5px solid var(--border);border-radius:6px;overflow:hidden}.team-card.ct{border-color:var(--ct)}.team-card.t{border-color:var(--t)}.team-card-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:700;letter-spacing:.04em;background:#0000004d;border-bottom:1px solid var(--border)}.team-card.ct .team-card-name{color:var(--ct)}.team-card.t .team-card-name{color:var(--t)}.team-card-name{font-size:13px}.team-card-score{font-size:16px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.team-card-body{display:flex;flex-direction:column}.team-player{padding:8px 14px;border-bottom:1px solid var(--border)}.team-player:last-child{border-bottom:none}.team-player.dead{opacity:.45}.team-player.dead .team-player-nick{text-decoration:line-through;color:var(--ink-faint)}.team-player-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:4px;margin-bottom:6px}.team-player-nick{font-weight:700;font-size:12px;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;border-bottom:1.5px solid transparent;padding-bottom:3px}.team-player-nick.ct{border-color:var(--ct);color:var(--ink)}.team-player-nick.t{border-color:var(--t);color:var(--ink)}.team-player-weapon{display:inline-flex;align-items:center;height:18px;flex-shrink:0}.team-player-weapon img{height:16px;max-width:60px;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}.team-player-weapon-text{font-size:9px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.1em}.team-player-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.team-player-cash{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink-dim)}.team-player-armor-icon{display:inline-flex;color:var(--ink-dim)}.team-player-hp{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;min-width:22px;text-align:right;letter-spacing:.02em}.team-player-hp.high{color:var(--ink)}.team-player-hp.mid{color:var(--amber)}.team-player-hp.low{color:#f56}.team-player-hp.dead{color:var(--ink-faint);text-decoration:line-through}.team-player-cash-text{color:var(--ink);font-weight:600}.team-player-equipment{display:inline-flex;align-items:center;gap:4px}.equipment-slot{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0}.equipment-slot img{width:14px;height:14px;filter:brightness(0) invert(.9)}.team-player-kit{color:var(--amber)}.team-header{padding:8px 16px;font-size:10px;font-family:var(--display);font-weight:700;letter-spacing:.2em;text-transform:uppercase;display:flex;justify-content:space-between;background:var(--bg-panel);border-bottom:1px solid var(--border)}.team-header.ct{color:var(--ct);border-left:3px solid var(--ct)}.team-header.t{color:var(--t);border-left:3px solid var(--t)}.player-row{padding:8px 16px;display:grid;grid-template-columns:16px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--border);font-size:11px}.player-row.dead{opacity:.35}.player-num{font-family:var(--display);font-weight:600;color:var(--ink-faint);font-size:10px}.player-name{display:flex;flex-direction:column;gap:2px;overflow:hidden}.player-name-text{color:var(--ink);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-hp-bar{width:100%;height:3px;background:var(--bg-elevated);position:relative}.player-hp-fill{height:100%;background:var(--success);transition:width .2s}.player-hp-fill.low{background:var(--amber)}.player-hp-fill.critical{background:var(--danger)}.player-stat{font-family:var(--display);font-size:12px;font-weight:600;color:var(--ink);text-align:right}.player-stat-sub{font-size:9px;color:var(--ink-faint);letter-spacing:.1em;text-align:right}.events-list{flex:1;overflow-y:auto;padding:6px 0}.events-empty{padding:20px 16px;font-size:11px;color:var(--ink-faint);text-align:center;letter-spacing:.1em}.kill-row{display:flex;align-items:center;gap:6px;padding:5px 10px;border-bottom:1px solid rgba(35,40,56,.35);font-family:var(--mono);font-size:11px;white-space:nowrap}.kill-attacker,.kill-victim{font-weight:700;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.kill-attacker.t,.kill-victim.t{color:var(--t)}.kill-attacker.ct,.kill-victim.ct{color:var(--ct)}.kill-attacker:not(.t):not(.ct),.kill-victim:not(.t):not(.ct){color:var(--ink-dim)}.kill-assister{font-size:10px;font-weight:500;opacity:.75;flex-shrink:0}.kill-assister.t{color:var(--t)}.kill-assister.ct{color:var(--ct)}.kill-weapon{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;padding:0 4px;color:var(--ink)}.kill-weapon-img{height:16px;max-width:88px;width:auto;object-fit:contain;filter:brightness(0) invert(.95)}.kill-weapon-text{font-size:9px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em}.kill-mod{width:12px;height:12px;color:var(--ink);flex-shrink:0}.kill-mod.kill-mod-smoke{width:20px;height:14px;color:#dcdce6f2}.kill-mod.kill-mod-wallbang{width:16px;height:12px;color:#ffc878f2}.kill-row .kill-mod[aria-label=Headshot]{color:var(--danger)}.kill-wing{width:8px;height:8px;color:var(--amber);flex-shrink:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-bright)}::-webkit-scrollbar-thumb:hover{background:var(--amber-dim)}.map-overlay-min{position:absolute;top:12px;left:16px;font:500 13px system-ui,sans-serif;color:var(--ink);background:#00000080;padding:6px 10px;border-radius:4px;display:flex;gap:8px;align-items:center;pointer-events:none}.map-overlay-min .overlay-map{color:var(--amber);font-weight:700}.map-overlay-min .overlay-sep{color:var(--ink-faint)}.map-render-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;-webkit-user-select:none;user-select:none}.grenade-icon-overlay{position:absolute;width:22px;height:22px;transform:translate(-50%,-50%);pointer-events:none;background:#000000bf;border:1.2px solid rgba(255,255,255,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;z-index:2}.grenade-icon-overlay img{width:14px;height:14px;display:block;filter:brightness(1.15)}.bomb-icon-overlay{position:absolute;width:14px;height:14px;transform:translate(-50%,-50%);pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:2}.bomb-icon-overlay img{width:12px;height:12px;display:block}.map-tools{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:4px;z-index:3;pointer-events:auto}.map-tool-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#0009;border:1px solid var(--border);color:var(--ink-dim);cursor:pointer;border-radius:4px;padding:0;transition:color .12s,border-color .12s,background .12s}.map-tool-btn:hover{color:var(--ink);border-color:var(--border-bright);background:#000000bf}.map-tool-btn.active{color:var(--amber);border-color:var(--amber);background:#ffb6271f}.map-tool-zoom{margin-top:4px;font-size:10px;font-variant-numeric:tabular-nums;text-align:center;color:var(--ink-faint);letter-spacing:.05em}.map-tool-pencil-wrap,.map-tool-info-wrap{position:relative;display:block}.map-tool-colors-pop{position:absolute;top:0;right:100%;margin-right:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;background:#000000d9;border:1px solid var(--border);border-radius:4px;z-index:4}.map-tool-color{width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);padding:0;cursor:pointer;transition:transform .1s,border-color .12s,box-shadow .12s}.map-tool-color:hover{transform:scale(1.15);border-color:#fff9}.map-tool-color.active{border-color:#fff;box-shadow:0 0 0 1.5px #000000d9,0 0 0 3px #fff}.map-tool-hotkeys-pop{position:absolute;top:0;right:100%;margin-right:6px;min-width:200px;padding:10px 12px;background:#000000eb;border:1px solid var(--border);border-radius:4px;z-index:4;color:var(--ink);font-size:12px}.map-tool-hotkeys-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.map-tool-hotkeys-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.map-tool-hotkeys-list li{display:flex;align-items:center;gap:10px;justify-content:space-between}.map-tool-hotkeys-list kbd{font-family:var(--mono, ui-monospace, monospace);font-size:10.5px;padding:2px 6px;background:#ffffff14;border:1px solid var(--border);border-radius:3px;color:var(--ink);white-space:nowrap}.map-tool-hotkeys-list span{color:var(--ink-dim);text-align:right}:root{--util-smoke: #4ec9ff;--util-flash: #ffb627;--util-inc: #ff3860;--util-he: #ff6b35;--util-decoy: #a89070}.header-left{display:flex;align-items:center;gap:24px}.tab-bar{display:flex;gap:4px;border-left:1px solid var(--border);padding-left:24px;height:32px}.tab{padding:6px 18px;background:transparent;color:var(--ink-dim);border:none;font-family:var(--mono);font-size:13px;letter-spacing:.05em;font-weight:600;cursor:pointer;transition:color .12s,background .12s}.tab:hover{color:var(--ink)}.tab.active{background:var(--bg-elevated);color:var(--amber);border-bottom:2px solid var(--amber);font-weight:700}.stats-view{flex:1;overflow-y:auto;padding:0;background:var(--bg-void)}.stats-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--ink-dim);font-size:14px}.stats-section{padding:20px 28px;border-bottom:1px solid var(--border)}.stats-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stats-section-title{color:var(--amber);font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:12px}.stats-header{display:flex;align-items:center;padding:18px 28px;border-bottom:1px solid var(--border);background:var(--bg-deep);position:relative}.stats-score{flex:1;display:flex;justify-content:center;align-items:center;gap:24px}.stats-team{display:flex;align-items:center;gap:12px}.stats-team-info{display:flex;flex-direction:column;align-items:center}.stats-team-name{font-weight:700;font-size:15px;color:var(--ink)}.stats-team-score{font-size:32px;font-weight:800;line-height:1;margin-top:4px}.stats-team-ct .stats-team-score{color:var(--ct)}.stats-team-t .stats-team-score{color:var(--t)}.stats-vs{color:var(--ink-faint);font-size:18px;font-weight:600}.stats-meta{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:flex;gap:8px;color:var(--ink-dim);font-size:12px;letter-spacing:.04em}.stats-toggle{display:flex;gap:4px}.stats-toggle-btn{padding:5px 14px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--ink-dim);font-family:var(--mono);font-size:12px;letter-spacing:.04em;font-weight:700;border-radius:3px;cursor:pointer;transition:all .12s}.stats-toggle-btn:hover{color:var(--ink);border-color:var(--border-bright)}.stats-toggle-btn.active{background:#ffb6271f;border-color:var(--amber);color:var(--amber)}.dim{color:var(--ink-dim)}.amber{color:var(--amber)}.danger{color:var(--danger)}.bold{font-weight:700}.num{text-align:center}.small{font-size:12px}.label{text-transform:uppercase;letter-spacing:.06em;font-size:12px}.ct-color{color:var(--ct)}.t-color{color:var(--t)}.side-ct-color{color:var(--ct)}.side-t-color{color:var(--t)}.side-badge{display:inline-block;padding:2px 7px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.04em;margin-right:6px}.side-badge.side-ct{background:#4ec9ff1f;color:var(--ct)}.side-badge.side-t{background:#ff6b351f;color:var(--t)}.overview-table{width:100%;border-collapse:collapse;font-size:13px}.overview-table th{color:var(--ink-dim);font-weight:500;text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);font-size:12px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.overview-table th.num{text-align:center}.overview-table td{padding:10px;border-bottom:1px solid rgba(35,40,56,.5);white-space:nowrap}.overview-row{cursor:pointer;transition:background .12s}.overview-row:hover{background:#ffb6270a}.overview-row.expanded{background:#ffb6270f}.overview-player{display:flex;align-items:center;gap:4px}.overview-name{font-weight:700}.overview-chevron{color:var(--ink-faint);font-size:11px;margin-left:4px}.overview-spacer td{padding:6px 0;border-bottom:none}.overview-weapon{font-weight:700}.overview-expanded-row td{padding:0;background:var(--bg-deep);border-left:2px solid var(--amber)}.stats-legend{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;padding:10px 14px;margin-bottom:12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;font-size:12px;color:var(--ink-dim);letter-spacing:.02em}.stats-legend strong{color:var(--ink);font-weight:700;margin-right:4px}.stats-legend .marcos-badge{margin:0 4px}.overview-table-wrap,.duels-table-wrap{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:16px 20px;overflow-x:auto}.round-breakdown{padding:14px 18px}.round-breakdown-header{display:flex;justify-content:space-between;margin-bottom:10px}.round-breakdown-table{width:100%;font-size:12px}.round-breakdown-table th{color:var(--ink-dim);font-weight:500;font-size:11px;text-transform:uppercase;padding:6px 8px;border-bottom:1px solid var(--border)}.round-breakdown-table td{padding:6px 8px;border-bottom:1px solid rgba(35,40,56,.3)}.result-pill{display:inline-block;padding:2px 8px;border-radius:8px;font-size:11px;font-weight:700}.result-pill.win{background:#5cd97a26;color:var(--success)}.result-pill.loss{background:#ff386026;color:var(--danger)}.multi-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:700;background:#ffb6272e;color:var(--amber)}.marcos-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.04em;margin-right:3px}.marcos-fk{background:#5cd97a26;color:var(--success)}.marcos-tr{background:#ffb6272e;color:var(--amber)}.marcos-cl{background:#ff6b352e;color:var(--t)}.duels-table{width:100%;border-collapse:collapse;font-size:13px}.duels-table th{color:var(--ink-dim);font-weight:500;text-align:center;padding:8px 10px;border-bottom:1px solid var(--border);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.duels-table td{padding:8px 10px;text-align:center;border-bottom:1px solid rgba(35,40,56,.5)}.duels-table td:first-child{text-align:left}.duel-cell{display:inline-block;background:var(--bg-panel);border-radius:3px;padding:5px 12px;font-weight:700;font-size:13px}.duel-cell.duel-win{background:#4ec9ff26;color:var(--ct)}.duel-cell.duel-loss{background:#ff6b3526;color:var(--t)}.utility-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.utility-team{display:flex;flex-direction:column;gap:12px}.utility-cards-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.utility-team-name{font-weight:700;font-size:15px}.utility-cards{display:flex;gap:8px}.utility-card{flex:1;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:10px;text-align:center}.utility-card-num{font-size:22px;font-weight:800;line-height:1}.utility-card-label{font-size:11px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;margin-top:5px}.util-chart{background:var(--bg-deep);border:1px solid var(--border);border-radius:6px;padding:18px 24px 16px;position:relative}.util-pies{display:flex;justify-content:space-between;gap:12px;padding:8px 0 12px}.util-pie-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;transition:opacity .15s}.util-pie-col.dim{opacity:.5}.util-pie{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.util-slice{cursor:pointer;transition:opacity .15s,filter .15s;transform-origin:center}.util-slice.inactive{opacity:.25}.util-pie-col .util-player-row{display:flex;flex-direction:column;align-items:center;gap:4px;transition:opacity .15s}.util-pie-col .util-player-row:not(.highlight){opacity:.85}.util-player-total{background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;padding:3px 10px;font-weight:700;font-size:13px;transition:all .15s}.util-player-row.highlight .util-player-total{background:#ffb6272e;border-color:var(--amber);color:var(--amber)}.util-player-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border)}.util-player-name{font-size:12px;font-weight:700}.util-tooltip{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--border-bright);border-radius:4px;padding:8px 12px;box-shadow:0 4px 16px #0009;z-index:10;pointer-events:none;min-width:180px;white-space:nowrap}.util-tooltip-header{font-size:12px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid var(--border)}.util-tooltip-row{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:13px}.util-tooltip-row.active{color:var(--amber);font-weight:800}.util-tooltip-row.dim{color:var(--ink-dim)}.util-tooltip-dot{width:8px;height:8px;border-radius:1px;flex-shrink:0}.util-chart-legend{display:flex;gap:16px;margin-top:14px;font-size:12px;color:var(--ink-dim)}.util-chart-legend-item{display:flex;align-items:center;gap:5px}.notes-view{--sev-high: #ff3860;--sev-med: #ff9933;--sev-low: #6e7790;--sev-pos: #5cd97a;flex:1;overflow-y:auto;padding:18px 22px 32px;font-family:var(--mono);color:var(--ink)}.notes-empty,.notes-empty-match{padding:60px 24px;text-align:center;color:var(--ink-dim);font-size:14px}.notes-empty-match{color:var(--success);font-size:16px;letter-spacing:.06em}.notes-toolbar{display:flex;align-items:center;margin-bottom:18px}.player-selector{display:flex;align-items:center;gap:10px}.player-selector-label{font-size:11px;letter-spacing:.12em;color:var(--ink-dim);text-transform:uppercase}.player-selector-select{background:var(--bg-elevated);color:var(--ink);border:1px solid var(--border-bright);padding:7px 12px;font-family:var(--mono);font-size:13px;min-width:280px;cursor:pointer}.player-selector-select:focus{outline:none;border-color:var(--amber)}.player-selector-select optgroup.optgroup-ct{color:var(--ct)}.player-selector-select optgroup.optgroup-t{color:var(--t)}.player-selector-select option.opt-ct{color:var(--ct)}.player-selector-select option.opt-t{color:var(--t)}.profile-header{background:var(--bg-panel);border:1px solid var(--border);border-radius:2px;padding:16px 18px;margin-bottom:16px}.profile-header.side-ct-tint{border-left:3px solid var(--ct)}.profile-header.side-t-tint{border-left:3px solid var(--t)}.profile-identity{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.profile-name{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:.04em;display:flex;align-items:center;gap:12px}.profile-side-tag{font-family:var(--mono);font-size:11px;font-weight:700;padding:3px 7px;border-radius:1px;background:var(--bg-elevated)}.profile-side-tag.side-ct{color:var(--ct);border:1px solid var(--ct-deep)}.profile-side-tag.side-t{color:var(--t);border:1px solid var(--t-deep)}.profile-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 1100px){.profile-metrics-grid{grid-template-columns:repeat(2,1fr)}}.metric-card{position:relative;background:var(--bg-deep);border:1px solid var(--border);padding:12px 14px;border-radius:2px}.metric-value{font-family:var(--display);font-size:26px;font-weight:600;line-height:1;color:var(--ink)}.metric-unit{font-size:13px;color:var(--ink-dim);margin-left:3px;font-weight:400}.metric-label{margin-top:6px;font-size:11px;letter-spacing:.1em;color:var(--ink-dim);text-transform:uppercase}.metric-desc{margin-top:4px;font-size:10.5px;line-height:1.35;color:var(--ink-dim);opacity:.8;padding-right:14px}.metric-flag{position:absolute;top:12px;right:12px;width:8px;height:8px;border-radius:50%}.flag-dot-red{background:var(--sev-high);box-shadow:0 0 6px var(--sev-high)}.flag-dot-yellow{background:var(--sev-med);box-shadow:0 0 6px var(--sev-med)}.flag-dot-green{background:var(--sev-pos);box-shadow:0 0 6px var(--sev-pos)}.patterns-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:2px;padding:14px 18px;margin-bottom:16px}.patterns-title{font-family:var(--display);font-size:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--amber-bright);margin:0 0 12px}.pattern-block{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px dashed var(--border);font-size:13px;line-height:1.55}.pattern-block:first-of-type{border-top:none;padding-top:4px}.pattern-icon{font-size:16px;opacity:.85}.pattern-text{flex:1;color:var(--ink)}.pattern-text strong{color:var(--amber-bright)}.pattern-rounds{display:block;margin-top:4px;font-size:11px;color:var(--ink-dim)}.pattern-loadout-items{font-family:var(--mono);font-size:11px;color:var(--ct);padding:1px 4px;background:var(--bg-deep);border-radius:1px}.tilt-sparkline{display:block;margin-top:8px}.tilt-sparkline .sparkline-path{stroke:var(--amber);stroke-width:1.5}.tilt-sparkline .sparkline-dot{fill:var(--amber)}.tilt-sparkline .sparkline-dot.drop{fill:var(--sev-high);r:2.5}.findings-filters{display:flex;flex-direction:column;gap:8px;background:var(--bg-deep);border:1px solid var(--border);padding:10px 14px;margin-bottom:12px}.filter-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-label{font-size:10px;letter-spacing:.12em;color:var(--ink-dim);text-transform:uppercase;margin-right:4px;min-width:70px}.filter-pill{background:transparent;color:var(--ink-dim);border:1px solid var(--border);padding:4px 10px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;cursor:pointer;transition:color .1s,border-color .1s;border-radius:1px}.filter-pill:hover:not(:disabled){color:var(--ink);border-color:var(--border-bright)}.filter-pill.active{color:var(--amber-bright);border-color:var(--amber);font-weight:700}.filter-pill.filter-high.active{color:var(--sev-high);border-color:var(--sev-high)}.filter-pill.filter-medium.active{color:var(--sev-med);border-color:var(--sev-med)}.filter-pill.filter-low.active{color:var(--sev-low);border-color:var(--sev-low)}.filter-pill.filter-highlights.active{color:var(--sev-pos);border-color:var(--sev-pos)}.filter-pill:disabled{opacity:.35;cursor:not-allowed}.filter-count{display:inline-block;margin-left:4px;font-weight:700;font-size:10px}.round-notes-list{display:flex;flex-direction:column;gap:6px}.round-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:2px;overflow:hidden}.round-card.expanded{border-color:var(--border-bright)}.round-card-head{display:grid;grid-template-columns:22px 90px 50px 36px 1fr;align-items:center;gap:12px;width:100%;background:transparent;color:var(--ink);border:none;padding:10px 14px;cursor:pointer;font-family:var(--mono);font-size:13px;text-align:left}.round-card-head:hover{background:var(--bg-elevated)}.round-toggle{color:var(--amber);font-size:14px}.round-num{font-weight:700;letter-spacing:.06em}.round-side{font-size:11px;font-weight:700;letter-spacing:.08em;padding:2px 7px;border-radius:1px;background:var(--bg-elevated);text-align:center}.round-side.side-ct{color:var(--ct);border:1px solid var(--ct-deep)}.round-side.side-t{color:var(--t);border:1px solid var(--t-deep)}.round-side.side-none{color:var(--ink-faint)}.round-result{font-weight:700;font-size:13px;text-align:center}.round-result.win{color:var(--success)}.round-result.loss{color:var(--sev-high)}.round-counts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:11px}.round-clean{color:var(--ink-faint);font-style:italic}.cnt{display:inline-block;padding:1px 5px;border-radius:1px;font-weight:700}.cnt-high{color:var(--sev-high)}.cnt-med{color:var(--sev-med)}.cnt-low{color:var(--sev-low)}.cnt-pos{color:var(--sev-pos)}.round-card-body{padding:6px 14px 14px;display:flex;flex-direction:column;gap:6px;border-top:1px dashed var(--border)}.finding{background:var(--bg-deep);border:1px solid var(--border);border-left-width:3px;border-radius:1px;padding:10px 12px;position:relative}.finding-sev-high{border-left-color:var(--sev-high)}.finding-sev-medium{border-left-color:var(--sev-med)}.finding-sev-low{border-left-color:var(--sev-low)}.finding-sev-good,.finding-sev-great,.finding-sev-amazing,.finding.finding-positive{border-left-color:var(--sev-pos)}.finding-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}.finding-sev-badge{font-size:10px;font-weight:700;letter-spacing:.1em;padding:2px 6px;border-radius:1px;background:var(--bg-elevated)}.finding-sev-high .finding-sev-badge{color:var(--sev-high)}.finding-sev-medium .finding-sev-badge{color:var(--sev-med)}.finding-sev-low .finding-sev-badge{color:var(--sev-low)}.finding-positive .finding-sev-badge{color:var(--sev-pos)}.finding-title{font-weight:600;font-size:13px;letter-spacing:.02em}.finding-mods{font-size:10px;color:var(--amber);margin-left:auto;cursor:help}.finding-body{font-size:12px;color:var(--ink-dim);line-height:1.5;margin-bottom:6px}.finding-jump{background:transparent;color:var(--amber);border:1px solid var(--amber-dim);padding:3px 9px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;cursor:pointer;transition:background .1s,color .1s;border-radius:1px}.finding-jump:hover{background:var(--amber-dim);color:var(--bg-void)}.error-boundary{min-height:100vh;width:100%;display:grid;place-items:center;padding:40px 24px;background:var(--bg-void);overflow-y:auto}.error-boundary-card{background:var(--bg-deep);border:1px solid var(--danger);border-left-width:3px;padding:24px 26px;max-width:720px;width:100%}.error-boundary-icon{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--danger);color:var(--danger);margin-bottom:14px}.error-boundary-title{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.1em;color:var(--ink);margin-bottom:8px}.error-boundary-text{font-size:12px;color:var(--ink-dim);line-height:1.6;margin-bottom:16px}.error-boundary-detail{background:var(--bg-void);border:1px solid var(--border);padding:12px 14px;margin-bottom:18px}.error-boundary-message{font-family:var(--mono);font-size:12px;color:var(--danger);margin-bottom:10px;word-wrap:break-word}.error-boundary-stack{font-family:var(--mono);font-size:10px;color:var(--ink-faint);white-space:pre-wrap;max-height:240px;overflow:auto;margin:0}.error-boundary-actions{display:flex;gap:8px;flex-wrap:wrap}.error-boundary-btn{display:inline-flex;align-items:center;gap:6px;background:var(--amber);color:var(--bg-void);border:1px solid var(--amber);padding:8px 12px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;font-weight:700;cursor:pointer}.error-boundary-btn:hover{background:var(--amber-bright)}.error-boundary-btn-secondary{background:transparent;color:var(--ink-dim);border-color:var(--border)}.error-boundary-btn-secondary:hover{color:var(--ink);border-color:var(--border-bright)}.spin{animation:hud-spin 1s linear infinite}@keyframes hud-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-screen,.waitlist-screen{min-height:100vh;width:100%;display:grid;place-items:center;padding:40px 24px;position:relative;overflow-y:auto}.auth-screen:before,.waitlist-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,rgba(255,182,39,.08),transparent 60%);pointer-events:none}.auth-card,.waitlist-card{position:relative;width:100%;max-width:440px;background:var(--bg-deep);border:1px solid var(--border);padding:32px 28px 28px;overflow:hidden}.auth-header,.waitlist-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.1em;color:var(--ink-dim);margin-bottom:24px;gap:8px}.waitlist-header{color:var(--amber)}.waitlist-header svg{stroke:currentColor}.auth-brand{font-family:var(--display);font-weight:700;font-size:14px;color:var(--ink);letter-spacing:.12em;text-decoration:none}.auth-brand:hover{color:var(--amber)}.auth-id{color:var(--amber-dim);font-family:var(--mono);font-size:10px}.auth-title,.waitlist-title{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:.06em;color:var(--ink);margin-bottom:22px}.waitlist-title{font-size:20px;margin-bottom:16px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:10px;letter-spacing:.12em;color:var(--ink-dim)}.auth-form input{background:var(--bg-void);border:1px solid var(--border);color:var(--ink);padding:10px 12px;font-size:13px;outline:none;transition:border-color .15s}.auth-form input:focus{border-color:var(--amber-dim)}.auth-hint{font-size:10px;color:var(--ink-faint);letter-spacing:.02em}.auth-field-link{align-self:flex-end;font-size:10px;color:var(--amber);text-decoration:none;letter-spacing:.06em;margin-top:2px}.auth-field-link:hover{color:var(--amber-bright);text-decoration:underline}.auth-error{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;background:#ff386014;border-left:2px solid var(--danger);color:var(--danger);padding:8px 10px;font-size:11px;letter-spacing:.04em}.auth-error-link{color:var(--amber);text-decoration:none;border-bottom:1px solid var(--amber-dim);letter-spacing:.06em;font-weight:600}.auth-error-link:hover{color:var(--amber-bright);border-color:var(--amber)}.auth-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--amber);color:var(--bg-void);border:1px solid var(--amber);padding:10px 14px;font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.12em;cursor:pointer;margin-top:4px;transition:background .15s,color .15s;text-decoration:none}.auth-submit:hover:not(:disabled){background:var(--amber-bright)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-submit-secondary{background:transparent;color:var(--amber)}.auth-submit-secondary:hover{background:var(--amber-dim);color:var(--bg-void)}.auth-footer{display:flex;gap:6px;justify-content:center;margin-top:8px;font-size:11px;color:var(--ink-dim)}.auth-footer a{color:var(--amber);text-decoration:none;letter-spacing:.04em}.auth-footer a:hover{color:var(--amber-bright)}.auth-confirmation{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:8px 0}.auth-confirmation-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--amber-dim);border-radius:50%;color:var(--amber)}.auth-confirmation-icon-success{color:var(--success);border-color:var(--success)}.auth-confirmation-icon-error{color:var(--danger);border-color:var(--danger)}.auth-confirmation-title{font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.1em}.auth-confirmation-text{font-size:12px;color:var(--ink-dim);line-height:1.6}.auth-confirmation-secondary{color:var(--ink-faint)}.auth-loading{height:100vh;display:grid;place-items:center}.auth-loading-pulse{font-family:var(--mono);letter-spacing:.15em;color:var(--amber-dim);font-size:11px;animation:hud-pulse 1.4s ease-in-out infinite}@keyframes hud-pulse{0%,to{opacity:.4}50%{opacity:1}}.waitlist-text{font-size:12px;color:var(--ink-dim);line-height:1.6;margin-bottom:8px}.waitlist-text-secondary{color:var(--ink-faint);margin-bottom:20px}.waitlist-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--amber);color:var(--bg-void);border:1px solid var(--amber);padding:10px 14px;font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.1em;cursor:pointer;margin-top:4px}.waitlist-cta:hover:not(:disabled){background:var(--amber-bright)}.waitlist-cta:disabled{opacity:.5;cursor:not-allowed}.waitlist-confirmation{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#5cd97a14;border-left:2px solid var(--success);color:var(--success);padding:10px 12px;font-size:11px;letter-spacing:.06em}.waitlist-logout{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--ink-faint);border:1px solid var(--border);padding:8px 14px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;cursor:pointer;margin-top:16px;width:100%}.waitlist-logout:hover{color:var(--ink);border-color:var(--border-bright)}.app-shell{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.app-header{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;background:var(--bg-deep);border-bottom:1px solid var(--border);flex-shrink:0}.app-header-left{display:flex;align-items:center;gap:14px}.app-header-right{display:flex;align-items:center;gap:12px}.app-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.14em}.app-brand:hover{color:var(--amber)}.app-brand svg{color:var(--amber)}.sidebar-toggle{display:grid;place-items:center;width:28px;height:28px;background:transparent;border:1px solid var(--border);color:var(--ink-dim);cursor:pointer;transition:border-color .15s,color .15s}.sidebar-toggle:hover{color:var(--amber);border-color:var(--amber-dim)}.app-user{font-size:11px;color:var(--ink-dim);letter-spacing:.04em}.app-logout{display:grid;place-items:center;width:28px;height:28px;background:transparent;border:1px solid var(--border);color:var(--ink-dim);cursor:pointer;transition:border-color .15s,color .15s}.app-logout:hover{color:var(--danger);border-color:var(--danger)}.app-body{display:flex;flex:1;min-height:0}.app-main{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column}.sidebar{width:250px;flex-shrink:0;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.sidebar-section{padding:14px 12px}.sidebar-list-wrap{flex:1;min-height:0;display:flex;flex-direction:column;padding-bottom:12px}.sidebar-divider{height:1px;background:var(--border);margin:0 12px}.sidebar-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--amber);color:var(--bg-void);border:1px solid var(--amber);padding:10px 12px;font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.1em;cursor:pointer;transition:background .15s}.sidebar-upload-btn:hover:not(:disabled){background:var(--amber-bright)}.sidebar-upload-btn:disabled{opacity:.7;cursor:progress}.sidebar-upload-error{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 8px;background:#ff386014;border-left:2px solid var(--danger);color:var(--danger);font-size:10px;letter-spacing:.04em}.sidebar-list-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em;color:var(--ink-faint);padding:0 4px 8px}.sidebar-list-count{font-size:10px;color:var(--ink-dim);background:var(--bg-elevated);padding:1px 6px;border:1px solid var(--border)}.sidebar-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:2px}.sidebar-empty{font-size:11px;color:var(--ink-faint);padding:12px 4px;line-height:1.5}.demo-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--bg-elevated);border:1px solid transparent;border-left:2px solid transparent;text-decoration:none;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}.demo-item:hover{border-color:var(--border-bright);border-left-color:var(--amber-dim)}.demo-item.active{border-left-color:var(--amber);background:var(--bg-panel)}.demo-item-main{display:flex;flex-direction:column;gap:2px;min-width:0}.demo-item-map{font-family:var(--display);font-weight:600;font-size:12px;letter-spacing:.06em}.demo-item-meta{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--ink-dim)}.demo-item-sep{color:var(--ink-faint)}.demo-item-score{color:var(--amber-dim);font-weight:500}.demo-item-delete{opacity:0;background:transparent;border:1px solid transparent;color:var(--ink-faint);width:22px;height:22px;display:grid;place-items:center;cursor:pointer;transition:opacity .15s,color .15s,border-color .15s}.demo-item:hover .demo-item-delete{opacity:1}.demo-item-delete:hover{color:var(--danger);border-color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#07080ad9;display:grid;place-items:center;z-index:100}.modal-card{background:var(--bg-deep);border:1px solid var(--border-bright);padding:22px 24px 18px;max-width:420px;width:90%}.modal-header{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--danger)}.modal-divider{height:1px;background:var(--border);margin:12px 0 14px}.modal-body{font-size:12px;color:var(--ink);line-height:1.6;margin-bottom:16px}.modal-btn{display:block;width:100%;background:transparent;color:var(--amber);border:1px solid var(--amber-dim);padding:9px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;cursor:pointer;transition:background .15s,color .15s}.modal-btn:hover{background:var(--amber-dim);color:var(--bg-void)}.landing{min-height:100vh;width:100%;background:var(--bg-void);overflow-x:hidden}html:has(.landing),body:has(.landing){overflow:auto!important;height:auto}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 36px;border-bottom:1px solid var(--border);background:#0d1014d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.landing-brand{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:.16em}.landing-brand svg{color:var(--amber)}.landing-nav-links{display:flex;align-items:center;gap:18px}.landing-nav-link{color:var(--ink-dim);text-decoration:none;font-size:11px;letter-spacing:.1em;transition:color .15s}.landing-nav-link:hover{color:var(--ink)}.landing-nav-cta{display:inline-flex;align-items:center;gap:6px;background:var(--amber);color:var(--bg-void);text-decoration:none;padding:8px 14px;font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.1em;transition:background .15s}.landing-nav-cta:hover{background:var(--amber-bright)}.landing-main{max-width:1200px;margin:0 auto;padding:60px 36px 40px}.landing-hero{padding:30px 0 90px}.landing-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}@media (max-width: 880px){.landing-hero-grid{grid-template-columns:1fr}}.landing-hero-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--amber-dim);padding:4px 10px;font-size:10px;letter-spacing:.12em;color:var(--amber);margin-bottom:22px}.landing-hero-title{font-family:var(--display);font-weight:700;font-size:48px;line-height:1.1;letter-spacing:.02em;margin-bottom:22px;color:var(--ink)}.landing-hero-title .amber{color:var(--amber)}.landing-hero-subtitle{font-size:14px;color:var(--ink-dim);line-height:1.7;margin-bottom:28px;max-width:540px}.landing-hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.landing-cta-primary{display:inline-flex;align-items:center;gap:8px;background:var(--amber);color:var(--bg-void);text-decoration:none;padding:12px 18px;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.12em;transition:background .15s}.landing-cta-primary:hover{background:var(--amber-bright)}.landing-cta-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--amber);text-decoration:none;padding:12px 18px;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.12em;border:1px solid var(--amber-dim);transition:background .15s,color .15s}.landing-cta-secondary:hover{background:var(--amber-dim);color:var(--bg-void)}.landing-hero-visual{display:flex;align-items:center;justify-content:center}.hero-radar{position:relative;width:100%;max-width:420px;aspect-ratio:1 / 1;background:radial-gradient(circle at 50% 50%,rgba(255,182,39,.09),transparent 70%),var(--bg-deep);border:1px solid var(--border);overflow:hidden}.hero-radar-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,182,39,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,182,39,.08) 1px,transparent 1px);background-size:28px 28px}.hero-radar-sweep{position:absolute;top:50%;left:50%;width:50%;height:2px;background:linear-gradient(90deg,transparent,var(--amber));transform-origin:left center;animation:radar-sweep 3.2s linear infinite;opacity:.7;filter:blur(.5px)}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-radar-blip{position:absolute;width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor;animation:radar-blip 1.6s ease-in-out infinite}.hero-radar-blip-ct{background:var(--ct);color:var(--ct)}.hero-radar-blip-t{background:var(--t);color:var(--t)}@keyframes radar-blip{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.hero-radar-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-radar-corner{position:absolute;width:14px;height:14px;border:1px solid var(--amber);opacity:.6}.hero-radar-corner.tl{top:8px;left:8px;border-right:none;border-bottom:none}.hero-radar-corner.tr{top:8px;right:8px;border-left:none;border-bottom:none}.hero-radar-corner.bl{bottom:8px;left:8px;border-right:none;border-top:none}.hero-radar-corner.br{bottom:8px;right:8px;border-left:none;border-top:none}.hero-radar-overlay{position:absolute;bottom:14px;left:14px;right:14px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--amber)}.landing-pitch{padding:60px 0;max-width:720px}.landing-pitch p{font-size:15px;color:var(--ink-dim);line-height:1.8}.landing-pitch strong{color:var(--ink)}.landing-section-header{margin-bottom:32px}.landing-section-tag{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--amber);margin-bottom:8px}.landing-section-title{font-family:var(--display);font-weight:700;font-size:28px;letter-spacing:.02em;color:var(--ink);line-height:1.2}.landing-features{padding:60px 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.feature-card{background:var(--bg-deep);border:1px solid var(--border);padding:22px 20px 18px;transition:border-color .15s}.feature-card:hover{border-color:var(--border-bright)}.feature-icon{display:inline-grid;place-items:center;width:32px;height:32px;background:var(--bg-elevated);border:1px solid var(--amber-dim);color:var(--amber);margin-bottom:14px}.feature-title{font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:.02em;margin-bottom:8px;color:var(--ink)}.feature-text{font-size:12px;line-height:1.7;color:var(--ink-dim)}.landing-preview{padding:50px 0}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.preview-tile{display:flex;flex-direction:column;gap:10px;margin:0}.preview-tile-frame{position:relative;background:var(--bg-deep);border:1px solid var(--border);aspect-ratio:16 / 10;overflow:hidden;transition:border-color .15s,transform .2s}.preview-tile:hover .preview-tile-frame{border-color:var(--amber-dim);transform:translateY(-2px)}.preview-tile-frame img{width:100%;height:100%;object-fit:cover;display:block}.preview-tile-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,rgba(255,182,39,.05),transparent 60%),linear-gradient(var(--grid) 1px,transparent 1px) 0 0 / 28px 28px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0 / 28px 28px,var(--bg-elevated);color:var(--amber-dim);text-align:center}.preview-tile-fallback span{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.14em;color:var(--amber)}.preview-tile-fallback small{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--ink-faint)}.preview-tile-corner{position:absolute;width:12px;height:12px;border:1px solid var(--amber);opacity:.7;z-index:2;pointer-events:none}.preview-tile-corner.tl{top:6px;left:6px;border-right:none;border-bottom:none}.preview-tile-corner.tr{top:6px;right:6px;border-left:none;border-bottom:none}.preview-tile-corner.bl{bottom:6px;left:6px;border-right:none;border-top:none}.preview-tile-corner.br{bottom:6px;right:6px;border-left:none;border-top:none}.preview-tile-overlay{position:absolute;bottom:8px;left:8px;background:#07080ab3;border-left:2px solid var(--amber);padding:3px 8px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--amber);z-index:3}.preview-tile-caption{font-size:11px;color:var(--ink-dim);letter-spacing:.04em;line-height:1.5}.landing-stack{padding:50px 0}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border:1px solid var(--border)}.stack-cell{padding:18px 18px 16px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.stack-cell:last-child{border-right:none}.stack-label{font-size:10px;letter-spacing:.16em;color:var(--ink-faint);margin-bottom:6px}.stack-value{font-size:12px;color:var(--ink);letter-spacing:.04em}.landing-final-cta{text-align:center;padding:80px 0 40px}.landing-final-cta p{color:var(--ink-dim);font-size:13px;margin:12px auto 24px;max-width:460px;line-height:1.7}.landing-footer{display:flex;justify-content:space-between;padding:22px 36px;border-top:1px solid var(--border);font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--ink-faint);max-width:1200px;margin:40px auto 0}.dashboard{flex:1;overflow-y:auto;padding:32px 40px;max-width:1100px;width:100%}.dashboard-welcome{margin-bottom:28px}.dashboard-welcome-tag{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--amber);margin-bottom:8px}.dashboard-welcome-title{font-family:var(--display);font-weight:700;font-size:30px;letter-spacing:.02em;color:var(--ink)}.dashboard-welcome-title .amber{color:var(--amber)}.dashboard-welcome-sub{font-size:13px;color:var(--ink-dim);margin-top:6px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}@media (max-width: 720px){.dashboard-stats{grid-template-columns:1fr}}.dashboard-stat-card{background:var(--bg-deep);border:1px solid var(--border);padding:16px 18px}.dashboard-stat-icon{display:inline-grid;place-items:center;width:26px;height:26px;background:var(--bg-elevated);border:1px solid var(--amber-dim);color:var(--amber);margin-bottom:10px}.dashboard-stat-label{font-size:10px;letter-spacing:.16em;color:var(--ink-faint);margin-bottom:4px}.dashboard-stat-value{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:.02em;color:var(--ink)}.continue-card{display:block;background:var(--bg-deep);border:1px solid var(--amber-dim);border-left:3px solid var(--amber);padding:16px 20px;text-decoration:none;color:inherit;margin-bottom:22px;transition:background .15s}.continue-card:hover{background:var(--bg-panel)}.continue-card-tag{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--amber);margin-bottom:8px}.continue-card-body{display:flex;justify-content:space-between;align-items:center;gap:16px}.continue-card-info{min-width:0}.continue-card-map{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.04em;color:var(--ink)}.continue-card-meta{font-size:11px;color:var(--ink-dim);margin-top:2px}.continue-card-cta{display:inline-flex;align-items:center;gap:8px;background:var(--amber);color:var(--bg-void);padding:8px 14px;font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.1em}.recent-demos-header{margin-bottom:12px}.recent-demos-tag{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--ink-faint)}.recent-demos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.recent-demo-card{background:var(--bg-deep);border:1px solid var(--border);border-left:2px solid transparent;padding:14px 16px;text-decoration:none;color:inherit;transition:border-color .15s,background .15s}.recent-demo-card:hover{border-color:var(--border-bright);border-left-color:var(--amber)}.recent-demo-map{font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.04em;color:var(--ink)}.recent-demo-score{font-size:16px;color:var(--amber);font-weight:600;margin-top:2px}.recent-demo-date{font-size:10px;color:var(--ink-dim);margin-top:4px;letter-spacing:.06em}.dashboard-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;color:var(--ink-dim)}.dashboard-empty-icon{width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--amber-dim);border-radius:50%;color:var(--amber);margin-bottom:18px}.dashboard-empty-title{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.06em;color:var(--ink);margin-bottom:12px}.dashboard-empty-text{max-width:460px;font-size:13px;line-height:1.7;margin-bottom:22px}.dashboard-empty-meta{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--ink-faint)}.analyzer-page{flex:1;display:flex;flex-direction:column;min-height:0}.analyzer-tabs{display:flex;align-items:center;gap:4px;padding:8px 18px;border-bottom:1px solid var(--border);background:var(--bg-deep);flex-shrink:0}.analyzer-tabs .tab{padding:6px 14px;background:transparent;border:1px solid transparent;color:var(--ink-dim);font-family:var(--mono);font-size:11px;letter-spacing:.1em;cursor:pointer;transition:color .15s,border-color .15s}.analyzer-tabs .tab:hover{color:var(--ink)}.analyzer-tabs .tab.active{color:var(--amber);border-color:var(--amber-dim)}.analyzer-tabs-spacer{flex:1}.analyzer-map-tag{color:var(--amber);font-family:var(--mono);font-size:11px;letter-spacing:.12em;font-weight:600}.viewer-loading,.viewer-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;text-align:center;color:var(--ink-dim)}.viewer-loading{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--amber)}.viewer-error svg{color:var(--danger)}.viewer-error h2{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.06em;color:var(--ink)}.viewer-error p{font-size:13px;max-width:480px;line-height:1.6}.viewer-error-back{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:8px 14px;background:transparent;border:1px solid var(--amber-dim);color:var(--amber);font-family:var(--mono);font-size:11px;letter-spacing:.1em;cursor:pointer}.viewer-error-back:hover{background:var(--amber-dim);color:var(--bg-void)}.util-chart-legend-dot{width:8px;height:8px;border-radius:1px}