:root{color-scheme:dark;--surface:#121819;--line:#354143;--muted:#a4b4b6;--text:#eef4f2;--accent:#b9efd1;font-family:'Segoe UI Variable','Segoe UI',sans-serif}
*{box-sizing:border-box}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,a{transition:background .16s,color .16s, border-color .16s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}
#interface{position:fixed;inset:0;z-index:4;pointer-events:none;color:var(--text);font-size:13px}#interface button,#interface select{color:inherit;background:transparent;border:1px solid transparent;border-radius:5px;padding:9px 12px;white-space:nowrap}#interface button:hover,#interface a:hover{background:#293536}#interface button[aria-pressed=true],#interface button[aria-selected=true]{background:var(--accent);color:#11241b}#interface a{color:inherit;text-decoration:none}#interface .topbar{pointer-events:auto;position:absolute;inset:0 0 auto;min-height:68px;display:flex;align-items:center;gap:30px;padding:0 26px;background:#121819f5;border-bottom:1px solid var(--line)}.wordmark{font-size:23px;font-weight:750;letter-spacing:-1px}.wordmark small{font-size:11px;letter-spacing:1px;color:var(--accent);vertical-align:middle;margin-left:8px}.topbar nav{display:flex;gap:4px}.topbar .links{margin-left:auto;display:flex;align-items:center;gap:18px;color:var(--muted);font-size:12px}#interface .benchmark{border-color:var(--line);padding:10px 16px}.scene-switch{position:absolute;top:88px;left:26px;display:flex;gap:2px;background:#121819ee;padding:4px;border:1px solid var(--line);border-radius:7px;pointer-events:auto}.scene-caption{position:absolute;left:28px;top:153px;pointer-events:none;text-shadow:0 2px 12px #071010}.scene-caption h1{font-size:clamp(22px,2.5vw,36px);font-weight:550;letter-spacing:-1.2px;margin:0 0 6px}.scene-caption p{margin:0;color:#c5d2d2;font-size:12px}.telemetry{position:absolute;right:26px;top:91px;text-align:right;font-family:Consolas,monospace;font-size:12px;line-height:1.9;text-shadow:0 1px 6px #000}.telemetry strong{font-size:20px;font-weight:500}.telemetry small{display:block;color:#c5d2d2}.dock{pointer-events:auto;position:absolute;bottom:45px;left:26px;right:26px;background:#121819f7;border:1px solid var(--line);border-radius:9px;padding:18px 20px;display:grid;grid-template-columns:150px 290px minmax(150px,1fr) auto;gap:24px;align-items:center;box-shadow:0 8px 36px #06101044}.control-label{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:var(--muted);margin:0 0 10px;letter-spacing:.3px}.control-label output{color:var(--text);font:12px Consolas,monospace}.segmented{display:flex;gap:3px}#interface .segmented button{flex:1;padding:9px 10px}#interface .count-input{background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--text);width:100%;font:25px Consolas,monospace;padding:0 0 3px}.dock-actions{display:flex;gap:4px;align-items:center}#interface .outline{border-color:var(--line)}input[type=range]{width:100%;accent-color:var(--accent);height:22px;margin:0;cursor:pointer}.footnote{position:absolute;left:28px;right:28px;bottom:15px;display:flex;justify-content:space-between;gap:15px;color:#c6d2d1;font-size:11px;text-shadow:0 1px 5px #000}.footnote a{pointer-events:auto}.key{font-family:Consolas,monospace;color:#fff}.drawer{position:absolute;pointer-events:auto;right:26px;top:140px;bottom:163px;width:330px;background:#121819fa;border:1px solid var(--line);border-radius:8px;overflow:auto;overscroll-behavior:contain;padding:22px;scrollbar-width:thin;scrollbar-color:#566b65 transparent}.drawer header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.drawer h2{font-size:21px;letter-spacing:-.5px;font-weight:550;margin:0}.drawer h3{font-size:13px;font-weight:600;margin:22px 0 12px}.drawer p{color:var(--muted);line-height:1.6;font-size:12px;margin:10px 0 18px}.drawer label{display:block}.drawer .field{margin-top:21px}.drawer .grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}#interface .drawer .grid button{background:#202b2b;white-space:normal;min-height:38px}#interface .drawer .grid button[aria-pressed=true]{background:var(--accent);color:#11241b}#interface select{width:100%;background:#202b2b;border-color:var(--line);padding:10px}.toggle-row{display:flex;align-items:center;gap:12px;padding:10px 0}.toggle-row label{flex:1}.toggle-row input{accent-color:var(--accent);width:18px;height:18px}.drawer details{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.drawer summary{cursor:pointer}.drawer a.resource{display:block;color:var(--accent);line-height:1.5;margin-top:18px}.drawer code{display:block;white-space:pre-wrap;font:11px/1.7 Consolas,monospace;color:var(--accent)}.data-readout{font:12px/1.8 Consolas,monospace;color:var(--accent);white-space:pre-wrap;overflow-wrap:anywhere}.status{position:absolute;left:50%;top:88px;transform:translateX(-50%);background:var(--surface);padding:10px 18px;border:1px solid var(--line);border-radius:5px;max-width:75%;font-size:12px}.restore-ui{position:fixed;bottom:18px;left:18px;z-index:5;background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:5px;padding:12px 18px}.mobile-controls{display:none}#receiptOpen{display:none!important}
body #receipts{background:#101617;inset:68px 0 0;padding:35px max(24px,calc((100vw - 1140px)/2));font:14px/1.6 'Segoe UI Variable','Segoe UI',sans-serif}body #receipts h1{font-size:36px;letter-spacing:-1.2px;font-weight:550;margin:0 0 10px}body #receipts button,body #receipts select{background:#202b2b;border:1px solid #42524d;border-radius:5px;color:var(--text);min-height:40px}body #receipts button:hover:not(:disabled){background:#344a40}body #receipts #receiptCurrent{background:var(--accent);color:#11241b;border-color:var(--accent)}body #receipts #receiptClose{margin-left:auto}body #receipts p,body #receipts small{color:var(--muted);opacity:1}body #receipts th{color:var(--text);font-weight:500}body #receipts td{color:var(--accent);font-variant-numeric:tabular-nums}body #receipts progress{accent-color:var(--accent);height:5px}body #receipts .note{border-color:#587966}body #receiptAdapter{font:11px/1.7 Consolas,monospace;overflow-wrap:anywhere}body #receipts details{margin:18px 0;color:var(--muted)}body #receipts summary{cursor:pointer;color:var(--text)}body #receipts .empty-results{padding:24px 0;color:var(--muted);border-bottom:1px solid var(--line)}body #receipts .bench-title{color:var(--accent);font-size:11px;letter-spacing:1.5px;margin-bottom:10px}
@media(min-width:1100px){.dock{right:auto;width:min(1100px,calc(100% - 52px));left:50%;transform:translateX(-50%)}}
@media(max-width:950px){.dock{grid-template-columns:105px 1fr 150px;gap:16px;padding:15px}.dock-actions{grid-column:1/-1;justify-content:flex-end;margin-top:-5px}.drawer{bottom:208px}.topbar .links a{display:none}.scene-caption h1{font-size:28px}.footnote .desktop-help{display:none}.mobile-controls{display:block}.scene-caption{top:146px}.telemetry{top:150px}}
@media(max-width:600px){#interface .topbar{padding:10px 14px;gap:12px;min-height:102px;align-content:center;flex-wrap:wrap}.wordmark{font-size:21px}.topbar nav{order:3;width:100%;justify-content:center}.topbar nav button{flex:1}.topbar .links{gap:0}.scene-switch{top:114px;left:14px;right:14px;justify-content:stretch}.scene-switch button{flex:1}.scene-caption{top:177px;left:18px}.scene-caption h1{font-size:23px}.scene-caption p{max-width:210px;font-size:11px}.telemetry{top:177px;right:16px;font-size:10px}.telemetry strong{font-size:16px}.telemetry .gpu-detail{display:none}.dock{left:12px;right:12px;bottom:39px;padding:12px;gap:12px;grid-template-columns:86px 1fr}.dock .range-control{grid-column:1/-1;display:flex;align-items:center;gap:15px}.range-control .control-label{min-width:106px;margin:0;gap:8px}.dock-actions{grid-column:1/-1;justify-content:space-between;margin:0}#interface .dock-actions button{padding:8px 10px}.control-label{margin-bottom:6px;font-size:10px}#interface .segmented button{padding:9px 6px;font-size:12px}.footnote{left:16px;right:16px;bottom:13px;font-size:10px}.drawer{top:167px;bottom:39px;left:12px;right:12px;width:auto;padding:20px;z-index:2}.drawer header{position:sticky;top:-20px;background:var(--surface);padding:15px 0;z-index:1;margin-top:-15px}.drawer-open .dock{visibility:hidden}.status{top:230px}body #receipts{inset:102px 0 0;padding:23px 18px}body #receipts h1{font-size:28px}body #receipts #receiptClose{margin-left:0}body #receipts .toolbar{gap:6px}body #receipts button{font-size:12px;padding:8px 10px}.data-readout{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}