:root{--bg: #0e1813;--text: #dceadb;--dim: #9ab1a3;--accent: #9DBF7B;--panel: rgba(22, 36, 28, .9);--line: rgba(220, 234, 219, .12);--elev: rgba(220, 234, 219, .06)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:13px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#app{position:relative;height:100vh;overflow:hidden}#map{position:absolute;inset:0}#topbar{position:absolute;top:0;left:0;right:0;height:48px;z-index:3;display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-weight:750;letter-spacing:.14em;font-size:14px}.brand .thin{font-weight:300;color:var(--dim);margin-left:-6px}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.spacer{flex:1}.counts{font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums}.iconbtn{width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:14px;background:var(--elev);color:var(--text);border:1px solid var(--line)}.iconbtn:hover{filter:brightness(1.3)}.status{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);border:1px solid var(--line);border-radius:20px;padding:3px 10px;white-space:nowrap}.status[data-live=true]{color:#009b77;border-color:#009b7773}#sidebar{position:absolute;top:48px;right:0;bottom:28px;width:280px;z-index:2;padding:16px 18px 20px;overflow-y:auto;overscroll-behavior:contain;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line) transparent}#sidebar::-webkit-scrollbar{width:6px}#sidebar::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}#sidebar h3{margin:2px 0 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--dim)}#sidebar h3:first-child{margin-top:2px}#sidebar select{width:100%;padding:8px 10px;border-radius:10px;color:var(--text);font-size:12px;background:var(--elev);border:1px solid var(--line)}.pasterow{display:flex;gap:6px}.pasterow input{flex:1;min-width:0;padding:8px 10px;border-radius:10px;color:var(--text);background:var(--elev);border:1px solid var(--line);font-size:12px}.pasterow input:focus{outline:1px solid var(--accent)}.pasterow button{padding:8px 12px;border-radius:10px;border:0;cursor:pointer;background:var(--accent);color:#16130f;font-weight:650}.pasterow button:disabled{opacity:.5;cursor:wait}.legend{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--dim);margin:8px 0 0}.legend .swatch[data-tier=ok]{background:color-mix(in srgb,var(--text) 45%,transparent)}.legend .swatch[data-tier=decent]{background:color-mix(in srgb,var(--text) 65%,transparent)}.legend .swatch[data-tier=good]{background:color-mix(in srgb,var(--text) 88%,transparent)}.legend .swatch{width:10px;height:10px;border-radius:3px;margin-left:8px}.legend .swatch:first-child{margin-left:0}.sec{margin-top:4px;border-top:1px solid var(--line);padding-top:10px}.sec summary{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--dim);cursor:pointer;margin-bottom:8px;list-style:none;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.sec summary:before{content:"▸";transition:transform .15s}.sec[open] summary:before{transform:rotate(90deg)}.sec summary b{color:var(--text)}.axes{list-style:none;margin:0;padding:0}.axes li{display:grid;grid-template-columns:14px 96px 1fr 30px;align-items:center;gap:7px;margin-bottom:7px;font-size:11px}.axes li input[type=checkbox]{width:13px;height:13px;margin:0;accent-color:var(--accent);cursor:pointer}.axes li.off{opacity:.45}.axes li.off .bar>i{filter:grayscale(.8)}.axes .bar{height:6px;border-radius:3px;background:var(--elev);overflow:hidden}.axes .bar>i{display:block;height:100%;border-radius:3px}.axes .val{text-align:right;color:var(--dim);font-variant-numeric:tabular-nums}.cmpmodels{list-style:none;margin:0;padding:0}.cmpmodels li{display:flex;align-items:center;gap:7px;margin-bottom:6px;font-size:11.5px}.cmpmodels input[type=checkbox]{width:13px;height:13px;margin:0;accent-color:var(--accent);cursor:pointer}.cmpdot{width:9px;height:9px;border-radius:50%;flex:none}.cmpmsg{font-size:11px;color:var(--dim);font-style:italic;min-height:14px}.axes li.cmplegend{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-bottom:9px;font-size:11px;color:var(--text)}.cmplegend .cmpdot{margin-right:-4px}.axes li.cmprow{display:block;margin-bottom:9px}.cmpname{display:block;font-size:11px;font-weight:600;margin-bottom:2px}.cmpbars{display:grid;grid-template-columns:1fr 30px;gap:3px 7px;align-items:center}.cmpbars .bar{height:5px}body.compare-on .tourbtn,body.compare-on #display label:has(input[data-vis=shells]),body.compare-on #display label:has(input[data-vis=cage]),body.compare-on #display label:has(input[data-vis=port]){opacity:.35;pointer-events:none}.presetrow{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.defrow{display:flex;gap:6px;margin-bottom:10px}.defrow button{flex:1;padding:5px 8px;border-radius:8px;cursor:pointer;font-size:11px;color:var(--text);background:var(--elev);border:1px solid var(--line)}.defrow button:hover{filter:brightness(1.2)}.presetrow button{padding:4px 9px;border-radius:20px;cursor:pointer;font-size:11px;color:var(--text);background:var(--elev);border:1px solid var(--line)}.presetrow button:hover{filter:brightness(1.2)}.displaygrid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;font-size:12px}.displaygrid label{display:flex;align-items:center;gap:7px;cursor:pointer;color:var(--text)}.displaygrid input[type=checkbox]{width:13px;height:13px;margin:0;accent-color:var(--accent)}.segrow{display:flex;gap:6px;margin-bottom:10px}.segrow .seg{flex:1;padding:7px 0;border-radius:8px;cursor:pointer;font-size:12px;color:var(--text);background:var(--elev);border:1px solid var(--line)}.segrow .seg.active{background:var(--accent);border-color:var(--accent);color:#16130f;font-weight:650}.tourbtn{width:100%;padding:8px 12px;border-radius:10px;cursor:pointer;font-size:12px;color:var(--text);background:var(--elev);border:1px solid var(--line)}.tourbtn.on{background:var(--accent);border-color:var(--accent);color:#16130f;font-weight:650}.cwgrid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.cwgrid button{display:flex;align-items:center;gap:7px;text-align:left;padding:6px 9px;border-radius:8px;cursor:pointer;font-size:11.5px;color:var(--text);background:var(--elev);border:1px solid var(--line)}.cwgrid button .cwdot{width:10px;height:10px;border-radius:50%;flex:none}.cwgrid button:hover{filter:brightness(1.2)}.cwgrid button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,transparent);font-weight:650}.formrow{display:flex;align-items:center;gap:10px;margin-bottom:12px}.formrow span{font-size:12px;color:var(--text)}.formrow select{flex:1}.slidergrid{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}.slider{display:block;margin-bottom:8px}.slider span{display:flex;justify-content:space-between;font-size:11px;color:var(--text);margin-bottom:2px}.slider input[type=range]{height:14px}.slider span b{color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums}.slider input[type=range]{width:100%;accent-color:var(--accent)}.fly{width:100%;margin:0 0 10px;padding:10px 12px;border-radius:10px;cursor:pointer;color:#06121a;font-weight:650;border:0;letter-spacing:.02em;background:linear-gradient(180deg,#7fcdcd,#45b5aa)}.fly:hover{filter:brightness(1.06)}#hud{position:absolute;left:16px;bottom:44px;z-index:2;width:212px;padding:10px 12px;border-radius:14px;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line)}.hud-fly{display:block;width:100%;margin:0 0 8px;padding:7px 10px;border-radius:9px;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--text);font-size:12px;font-weight:650;text-align:center;cursor:pointer;animation:mm-fly-pulse 2.4s ease-in-out infinite}@keyframes mm-fly-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent)}50%{box-shadow:0 0 14px 2px color-mix(in srgb,var(--accent) 45%,transparent)}}.hud-sub{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--dim);margin:7px 0 3px}.hud-row{display:flex;align-items:center;gap:8px;margin:2px 0;font-size:10.5px;color:var(--dim)}.hud-row kbd{min-width:52px;text-align:center;padding:1px 5px;border-radius:5px;font:9.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);background:var(--elev);border:1px solid var(--line)}.portword{color:#9aa0a6}.mm-nuke{position:absolute;left:50%;top:50%;z-index:2;margin:0;transform:translate(-50%,-50%);font:700 22px/1.15 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffd27a;text-align:center;pointer-events:none;text-shadow:0 0 18px rgba(255,160,60,.9),0 0 60px rgba(255,90,20,.6);transform-origin:center;will-change:transform,opacity}.mm-nukeflash{position:absolute;inset:0;z-index:4;background:#fff;opacity:0;pointer-events:none}.mm-nukeflash.on{animation:mm-double-flash 1.1s ease-out forwards}@keyframes mm-double-flash{0%{opacity:.95}12%{opacity:.05}22%{opacity:.75}45%{opacity:0}to{opacity:0}}#footbar{position:absolute;left:0;right:0;bottom:0;height:28px;z-index:3;display:flex;align-items:center;gap:10px;padding:0 14px;font-size:11px;color:var(--dim);background:var(--panel);border-top:1px solid var(--line)}#footbar .foot-hint{opacity:.6}#benchCard,#modelCard{position:absolute;top:80px;left:36px;width:348px;z-index:3;max-height:calc(100vh - 110px);overflow-y:auto;overscroll-behavior:contain;padding:18px 20px 16px;border-radius:16px;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line) transparent}body.card-open #hud,body.card-open #modelCard{display:none}#modelCard .mc-meta{font-size:11px;color:var(--dim);margin:-4px 0 10px}#modelCard .mc-cap{font-size:10px;color:var(--dim);margin:-6px 0 10px}#benchCard .bc-accent,#modelCard .bc-accent{height:4px;border-radius:2px;margin-bottom:10px}#benchCard h2,#modelCard h2{margin:0 0 10px;font-size:19px;letter-spacing:-.01em}#benchCard h2 a,#modelCard h2 a{color:var(--text);text-decoration:none;border-bottom:1px dotted var(--line)}#benchCard h2 a:hover,#modelCard h2 a:hover{color:#92a8d1;border-bottom-color:#92a8d1}#benchCard h2 .ext,#modelCard h2 .ext{font-size:12px;color:var(--dim);margin-left:5px}#benchCard .bc-desc,#modelCard .bc-desc{color:var(--text);opacity:.85;font-size:12.5px;line-height:1.55}#benchCard .bc-score,#modelCard .bc-score{display:flex;align-items:center;gap:10px;margin-bottom:10px}#benchCard .bc-score span,#modelCard .bc-score span{font-size:24px;font-weight:650;font-variant-numeric:tabular-nums}#benchCard .bc-bar,#modelCard .bc-bar{flex:1;height:6px;border-radius:3px;background:var(--elev);overflow:hidden}#benchCard .bc-bar i,#modelCard .bc-bar i{display:block;height:100%;border-radius:3px}#benchCard p,#modelCard p{margin:0 0 8px;font-size:12px;color:var(--text);line-height:1.5}#benchCard .bc-source,#modelCard .bc-source{font-size:11px;color:var(--dim);margin:0}#benchCard .bc-source a,#modelCard .bc-source a{color:#92a8d1;text-decoration:none}#benchClose{position:absolute;top:8px;right:10px;background:none;border:0;cursor:pointer;color:var(--dim);font-size:18px;line-height:1}.mm-label{position:absolute;left:0;top:0;white-space:nowrap;pointer-events:none;font-size:10px;font-weight:600;letter-spacing:.04em;text-shadow:0 1px 3px var(--bg),0 0 8px var(--bg);transition:opacity .2s}body.camera-mode .mm-labels{display:none}.mm-label.mm-caption{font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}#tooltip{position:absolute;z-index:4;pointer-events:none;max-width:240px;padding:6px 10px;border-radius:8px;font-size:11px;line-height:1.45;background:var(--panel);border:1px solid var(--line);color:var(--text)}#tooltip b{font-variant-numeric:tabular-nums}#tooltip .tt-blurb{color:var(--dim);display:block}#reticle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;color:#7fcdcd;font-size:22px;line-height:1;pointer-events:none;text-shadow:0 0 6px #45B5AA}#mm-hint{position:absolute;top:58px;left:50%;transform:translate(-50%);z-index:5;display:none;align-items:center;gap:10px;max-width:460px;padding:9px 12px;border-radius:12px;font-size:12px;color:var(--text);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line)}#mm-hint.show{display:flex}#mm-hint button{background:none;border:0;cursor:pointer;padding:0;color:var(--dim);font-size:16px;line-height:1}#mm-hint button:hover{color:var(--text)}#mm-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:none;max-width:340px;text-align:center;pointer-events:none;font-size:13px;color:var(--dim)}#mm-loading.show{display:block}#mm-load-error{display:none;margin:6px 0 0;font-size:11px;line-height:1.5;color:var(--accent)}#mm-load-error.show{display:block}#mm-back{position:absolute;left:50%;bottom:44px;transform:translate(-50%);z-index:3;display:none;padding:7px 14px;border-radius:20px;cursor:pointer;font-size:12px;color:var(--text);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line)}#mm-back.show{display:block}#mm-back:hover{filter:brightness(1.2)}#mm-wasd{position:absolute;left:50%;bottom:44px;transform:translate(-50%);z-index:2;padding:7px 14px;border-radius:20px;cursor:pointer;font-size:12px;color:var(--text);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent);animation:mm-fly-pulse 2.4s ease-in-out infinite}#mm-wasd kbd{font:650 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent)}#mm-wasd:hover{filter:brightness(1.15)}#mm-wasd.hide{display:none}#mm-back.show+#mm-wasd{display:none}#mm-compare-summary{display:none;margin:6px 0 0;font-size:11px;color:var(--text)}#mm-compare-summary.show{display:block}.sec-sub{font-size:10px;font-style:italic;color:var(--dim);margin:-4px 0 8px}#mm-flybtn,#mm-stick,#mm-rotate{display:none}body.touch #hud,body.touch #mm-wasd,body.touch #modelCard,body.touch #footbar,body.touch #counts,body.touch #tooltip,body.touch #reticle{display:none!important}body.touch #mm-hint{max-width:86vw;top:54px}body.touch #sidebar{position:fixed;top:48px;right:0;bottom:0;width:min(86vw,340px);z-index:6;border-left:1px solid var(--line);box-shadow:-12px 0 40px #00000059}body.touch #benchCard{inset:auto 8px 8px;width:auto;max-height:44vh;padding:14px 16px 12px;border-radius:14px}body.touch #benchCard h2{font-size:16px}body.touch #benchCard .bc-score span{font-size:19px}body.touch #mm-flybtn{display:block;position:fixed;right:18px;bottom:24px;z-index:5;width:52px;height:52px;border-radius:50%;cursor:pointer;font-size:20px;color:var(--text);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent)}body.touch.touch-flying #mm-flybtn{background:var(--accent);color:#16130f}body.touch.touch-flying #mm-stick{display:block;position:fixed;left:20px;bottom:20px;z-index:5;width:104px;height:104px;border-radius:50%;touch-action:none;background:color-mix(in srgb,var(--panel) 70%,transparent);border:1px solid var(--line)}#mm-nub{position:absolute;left:50%;top:50%;width:44px;height:44px;border-radius:50%;margin:-22px 0 0 -22px;pointer-events:none;background:color-mix(in srgb,var(--accent) 55%,var(--panel));border:1px solid var(--accent)}@media(orientation:portrait){body.touch #mm-rotate{display:block;position:fixed;left:50%;bottom:92px;transform:translate(-50%);z-index:5;padding:7px 14px;border-radius:20px;font-size:12px;white-space:nowrap;color:var(--text);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line)}}body.touch #mm-rotate.gone{display:none!important}body.touch #mm-back{bottom:88px;z-index:5}body.touch.card-open #mm-back{bottom:calc(44vh + 24px)}body.sidebar-hidden #sidebar,body.camera-mode #topbar,body.camera-mode #sidebar,body.camera-mode #hud,body.camera-mode #footbar,body.camera-mode #mm-hint,body.camera-mode #mm-back,body.camera-mode #mm-wasd,body.camera-mode #modelCard,body.camera-mode #benchCard{display:none}body.camera-mode{cursor:none}
