:root{color-scheme:dark;--bg:#0c1015;--panel:#131920;--raised:#1b232d;--line:#29333e;--text:#eef2f5;--muted:#a0acb9;--subtle:#788694;--accent:#ff5666;--blue:#83bfcb;--amber:#edc68a;font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue)}button{border:1px solid var(--line);border-radius:5px;padding:10px 14px;background:var(--raised);color:var(--text);cursor:pointer;min-height:42px}button:hover:not(:disabled){border-color:var(--subtle);background:#26313e}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}p{color:var(--muted);margin:6px 0 0}h1,h2{margin:0;font-weight:650;letter-spacing:-.035em}h1{font-size:32px;line-height:1.25}h2{font-size:19px}small{font-size:11px}code,pre,.eyebrow,.workspace-label,.version,.stage-meta,.stage-footer,.empty-caption,.required,.unverified-badge{font-family:ui-monospace,"Cascadia Code",Consolas,monospace}.rail{position:fixed;inset:0 auto 0 0;width:208px;background:#10161d;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column}.wordmark{display:flex;align-items:center;gap:4px;white-space:nowrap;font-weight:800;font-size:15px;letter-spacing:.025em}.wordmark>span:last-child{font-weight:350}.brand-mark{font-size:32px;color:var(--accent);margin-right:5px;font-style:italic;line-height:1}.workspace-label{font-size:9px;letter-spacing:.14em;color:var(--subtle);margin:44px 0 14px}.game-chip{display:flex;gap:10px;align-items:center}.game-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid #543238;background:#271d24;color:var(--accent);font-size:20px;font-weight:900}.game-chip strong{font-size:12px;letter-spacing:.045em}.game-chip small{display:block;color:var(--subtle);margin-top:1px}nav{display:flex;flex-direction:column;gap:5px;margin-top:30px}nav a,nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:11px 9px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:12px;min-height:42px}nav span{font-family:monospace;font-size:10px;color:var(--subtle)}nav .nav-active{background:#202a35;color:var(--text)}nav .nav-active span{color:var(--accent)}.rail-bottom{margin-top:auto;padding-top:30px;font-size:9px;letter-spacing:.06em;color:var(--blue)}.local-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin-right:5px}.rail-bottom p{font-size:11px;letter-spacing:0;line-height:1.6;margin:10px 0 17px;color:var(--subtle)}.rail-bottom a{font-size:10px;letter-spacing:0;color:var(--muted)}main{margin-left:208px;padding:0 32px;max-width:2100px}.topbar{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--subtle);font-size:11px}.topbar strong{color:var(--muted);font-weight:500}.topbar span:not(.version){padding:0 12px;color:#4a5662}.version{font-size:9px;letter-spacing:.1em;padding:4px 7px;border:1px solid var(--line);border-radius:3px;color:var(--subtle)}.heading-row{display:flex;align-items:center;justify-content:space-between;padding:27px 0 21px;gap:20px}.eyebrow{font-size:9px;letter-spacing:.13em;color:var(--subtle);margin-bottom:6px}.heading-row p{font-size:12px;margin-top:8px}.status{padding:11px 14px;background:#17232a;border:1px solid #2b424c;border-radius:4px;color:#b6d3dc;font-size:11px;margin-bottom:17px}.error{padding:12px 14px;border:1px solid #875343;background:#2e2121;color:#ffd2bd;font-size:12px;margin:12px 0}.import-layout{display:grid;grid-template-columns:310px 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden;min-height:570px}.import-card{padding:24px;background:var(--panel);border-right:1px solid var(--line)}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:23px}.step{font-size:10px;color:var(--accent);border:1px solid #55323b;width:25px;height:25px;display:grid;place-items:center}.section-heading h2{font-size:18px}.import-card label:not(.file-drop){display:flex;justify-content:space-between;font-size:11px;font-weight:600;margin-bottom:8px}.required{font-size:8px;color:var(--subtle);font-weight:400;align-self:center;letter-spacing:.06em}select{width:100%;padding:10px;background:#0d131a;border:1px solid #3a4552;border-radius:4px;color:var(--text);font-size:12px;min-height:42px}.field-help{font-size:10px;line-height:1.6;margin:8px 0 19px}.file-drop{border:1px dashed #465664;display:flex;align-items:center;flex-direction:column;padding:17px 9px;background:#101820;border-radius:5px;cursor:pointer;text-align:center;transition:background .12s}.file-drop:hover,.file-drop.dragging{background:#1c2a36;border-color:var(--blue)}.upload-symbol{font-size:24px;color:var(--blue);line-height:1.3;margin-bottom:6px}.file-drop strong{font-size:12px}.file-drop>span:not(.upload-symbol){font-size:10px;color:var(--muted);margin-top:5px}.file-drop small{font-size:9px;color:var(--subtle);line-height:1.8;margin-top:13px}#replay-files{width:100%;font-size:9px;color:var(--subtle);margin:10px 0 0}#replay-files::file-selector-button{border:1px solid var(--line);background:var(--raised);padding:5px 8px;color:var(--muted);font-size:10px;border-radius:3px;margin-right:8px}.file-list{list-style:none;padding:0;margin:9px 0;font-size:10px}.file-list li{display:flex;justify-content:space-between;gap:5px;padding:3px 0;color:var(--muted)}.file-list li span:last-child{color:var(--subtle)}.primary{background:var(--accent);border-color:var(--accent);color:#160d11;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:12px;font-weight:700;margin-top:14px}.primary:hover:not(:disabled){background:#ff7380}.privacy-note{font-size:9px;line-height:1.8;margin-top:9px;color:var(--subtle)}.raw-help{margin-top:21px;padding-top:16px;border-top:1px solid var(--line)}.raw-help strong{font-size:11px;font-weight:600}.raw-help p{font-size:10px;line-height:1.65}.text-button{border:none;background:none;padding:8px 0 0;font-size:10px;color:var(--blue);min-height:32px}.text-button:hover:not(:disabled){background:none}.empty-stage{position:relative;display:flex;align-items:center;justify-content:center;background:#0e151c;overflow:hidden;min-height:570px}.empty-stage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#7b899908 1px,transparent 1px),linear-gradient(90deg,#7b899908 1px,transparent 1px);background-size:44px 44px;pointer-events:none}.stage-meta{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.06em;color:var(--subtle);z-index:1}.stage-meta span:last-child{color:#607581}#map-preview{position:absolute;inset:11%;width:78%;height:78%;object-fit:contain;opacity:.14;filter:grayscale(1)}.empty-content{position:relative;text-align:center;padding:20px}.empty-crosshair{margin:0 auto 22px;border:1px solid #3c4b59;width:40px;height:40px;display:grid;place-items:center;font-family:monospace;font-size:20px;color:#7d96a6;background:#142029}.empty-content h2{font-size:25px;font-weight:550;letter-spacing:-.02em}.empty-content p{font-size:12px;line-height:1.8;margin-top:11px}.empty-caption{display:inline-block;margin-top:26px;font-size:8px;letter-spacing:.08em;color:var(--subtle)}.stage-footer{position:absolute;bottom:22px;left:24px;right:24px;display:flex;gap:20px;justify-content:space-between;font-size:8px;color:#65788a;letter-spacing:.1em}.match-strip{display:flex;gap:15px;align-items:center;border:1px solid var(--line);background:var(--panel);padding:14px 20px;border-radius:5px 5px 0 0}.match-strip h2{font-size:20px}.summary{font-size:11px;color:var(--muted);margin-left:auto}.unverified-badge{font-size:8px;letter-spacing:.05em;color:var(--amber);border:1px solid #645037;background:#2d271f;padding:5px 7px;border-radius:3px}#viewer-host{height:720px;border:1px solid var(--line);border-top:0;background:#0b0e14}#viewer-host iframe{border:0;width:100%;height:100%;display:block}.evidence{font-size:11px;border:1px solid var(--line);border-top:0;border-radius:0 0 5px 5px;padding:12px 16px;color:var(--muted)}.evidence summary{cursor:pointer;color:var(--amber);font-weight:600}.evidence summary span{font-weight:400;color:var(--subtle);padding-left:12px}.evidence li{margin:6px 0}.notes-section{padding:28px 0 22px}.notes-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:15px}.notes-heading p{font-size:11px}.notes-heading button{font-size:11px}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.notes-grid label{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:8px}.notes-grid label span{font-size:10px;color:var(--subtle)}textarea{width:100%;resize:vertical;min-height:94px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--text);padding:11px;font-size:12px}textarea::placeholder{color:#6c7a88}textarea:disabled{opacity:.5}.note-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:7px}.note-actions span{font-size:9px;color:var(--subtle)}.note-actions button{font-size:10px}.notes-list{border:1px solid var(--line);border-radius:4px;max-height:300px;overflow-y:auto}.notes-empty{font-size:11px;padding:25px;color:var(--subtle);text-align:center}.note{padding:12px 16px;border-bottom:1px solid var(--line)}.note:last-child{border:0}.note-header{display:flex;justify-content:space-between;gap:10px}.note-jump{font-size:10px;color:var(--blue);border:0;background:transparent;padding:0;min-height:28px}.note-remove{font-size:10px;min-height:28px;padding:0 8px;color:var(--subtle)}.note p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}footer{border-top:1px solid var(--line);padding:15px 0 23px;color:#758593;font-size:9px;display:flex;justify-content:space-between;gap:20px}dialog{width:min(660px,calc(100% - 28px));max-height:90vh;border:1px solid #3b4957;border-radius:8px;background:var(--panel);color:var(--text);padding:0}dialog::backdrop{background:#05090dd9}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid var(--line)}.dialog-head button{font-size:23px;line-height:1;padding:0 13px}.guide-body{padding:0 25px 27px;overflow-wrap:anywhere}.guide-body>p{margin-top:22px}.guide-body p{font-size:12px;line-height:1.8}.guide-body ol{padding-left:19px}.guide-body li{padding:9px 0 12px;font-size:12px}.guide-body code{font-size:10px;background:#0d131a;padding:2px 4px;border-radius:3px}.guide-body pre{font-size:10px;white-space:pre-wrap;padding:12px;background:#0a1016;border:1px solid var(--line);border-radius:4px;line-height:1.7}.guide-body>a{font-size:11px;color:var(--blue)}[hidden]{display:none!important}@media(min-width:1650px){.import-layout{grid-template-columns:340px 1fr}.empty-stage{min-height:650px}.import-card{padding:30px}#viewer-host{height:810px}}@media(max-width:1150px){.rail{width:170px;padding:24px 14px}.wordmark{font-size:12px}main{margin-left:170px;padding:0 22px}.import-layout{grid-template-columns:285px 1fr}.import-card{padding:20px}.stage-meta,.stage-footer{left:16px;right:16px}.stage-meta{flex-direction:column}.stage-footer{gap:8px;font-size:7px}.notes-grid{grid-template-columns:1fr}.summary{max-width:160px}.unverified-badge{max-width:100px;text-align:center}}@media(max-width:760px){html{scroll-behavior:auto}.rail{position:static;width:auto;padding:14px 18px;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line)}.rail .workspace-label,.rail .game-chip,.rail-bottom{display:none}nav{flex-direction:row;margin:0;gap:4px}nav a,nav button{padding:6px;font-size:10px;min-height:44px}nav span{display:none}nav a:last-child{display:none}main{margin:0;padding:0 16px}.topbar{height:48px;font-size:10px}.topbar span:not(.version){padding:0 5px}.heading-row{padding:22px 0 17px;gap:10px}h1{font-size:28px}.heading-row p{max-width:235px;line-height:1.7;font-size:11px}.heading-row button{font-size:10px;padding:8px}.import-layout{grid-template-columns:1fr}.import-card{border-right:0;border-bottom:1px solid var(--line);padding:22px}.empty-stage{min-height:330px}.stage-meta{flex-direction:row;font-size:7px}.stage-footer{font-size:7px}.file-drop{padding:17px}.empty-content h2{font-size:23px}.empty-caption{font-size:7px}.empty-content{padding-top:30px}.match-strip{flex-wrap:wrap}.summary{max-width:none;font-size:10px;margin-left:0}.unverified-badge{margin-left:auto}.match-strip>div:first-child{width:100%}#viewer-host{height:940px}.evidence summary span{display:block;padding-left:14px;padding-top:5px}.notes-heading h2{font-size:20px}.notes-heading p{max-width:250px;font-size:10px}.notes-heading button{font-size:10px;padding:8px}.notes-grid label{align-items:flex-start;gap:8px;flex-direction:column}.note-actions{align-items:flex-start}.note-actions button{font-size:10px;min-height:44px}.note-actions span{max-width:150px}footer{flex-direction:column;gap:6px}button{min-height:44px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}