:root{--fg:#e9e4da;--dim:#8b8679;--accent:#e0a458;--panel:#08090c9e;color:var(--fg);font-family:ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif}html,body{overscroll-behavior:none;touch-action:none;background:#000;height:100%;margin:0;overflow:hidden}#app canvas{width:100vw;height:100dvh;display:block}#loading,#unsupported{z-index:10;text-align:center;background:radial-gradient(at 50% 60%,#12101a 0%,#000 70%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:0 16px;transition:opacity 1.2s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}[hidden]{display:none!important}.splash-title{letter-spacing:.55em;margin-right:-.55em;font-size:clamp(28px,7vw,64px);font-weight:200}.subtitle,.status,#unsupported .dim{color:var(--dim);letter-spacing:.18em;text-transform:uppercase;font-size:13px}#loading .bar{background:#2a2823;width:min(320px,70vw);height:1px}#loading .bar .fill{background:var(--accent);width:0;height:100%;transition:width .4s}#hud{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));background:var(--panel);-webkit-backdrop-filter:blur(8px);z-index:5;pointer-events:none;border:1px solid #ffffff0f;border-radius:6px;min-width:220px;padding:10px 12px;font:11px/1.55 ui-monospace,SF Mono,Menlo,monospace;position:fixed}#hud .row{justify-content:space-between;gap:18px;display:flex}#hud span{color:var(--dim)}#hud b{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:500}#hud .dim{text-transform:none;letter-spacing:0;margin-top:4px;font-size:10px}#bench{-webkit-backdrop-filter:blur(8px);color:var(--fg);z-index:20;cursor:pointer;background:#08080ae0;border:1px solid #ffffff14;border-radius:6px;max-width:calc(100vw - 32px);padding:14px 16px;font:12px/1.6 ui-monospace,SF Mono,Menlo,monospace;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#bench[hidden]{display:none}#bench .title{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:11px}#bench table{border-collapse:collapse;font-variant-numeric:tabular-nums}#bench th{color:var(--dim);text-align:right;padding:0 0 4px 18px;font-weight:400}#bench td{text-align:right;padding:0 0 0 18px}#bench th:first-child,#bench td:first-child{text-align:left;padding-left:0}#bench .dim{color:var(--dim);margin-top:8px;font-size:11px}.lil-gui.root{--background-color:var(--panel);--title-background-color:#141418d9}@media (width<=600px){#hud{min-width:0;font-size:10px}}#loading .begin{flex-direction:column;align-items:center;gap:12px;margin-top:18px;display:flex}#loading .begin[hidden]{display:none}#loading button{font:inherit;color:var(--fg);letter-spacing:.4em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #e9e4da59;padding:12px 42px;font-size:13px;transition:border-color .3s,background .3s}#loading button:hover{border-color:var(--accent);background:#e0a45814}#loading button.link{letter-spacing:.18em;color:var(--dim);border:none;padding:4px;font-size:11px}#loading button.link:hover{color:var(--fg);background:0 0}#loading .hint{color:var(--dim);letter-spacing:.14em;font-size:11px}#letterbox .bar{z-index:4;pointer-events:none;background:#000;height:max(0px,50dvh - 20.9205vw);transition:transform 1.6s cubic-bezier(.6,0,.2,1);position:fixed;left:0;right:0}#letterbox .top{top:0;transform:translateY(-100%)}#letterbox .bottom{bottom:0;transform:translateY(100%)}body.cinema #letterbox .bar{transform:none}#title-card{pointer-events:none;z-index:6;opacity:0;text-shadow:0 0 24px #0009;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity 1.4s;display:flex;position:fixed;inset:0}#title-card.on{opacity:1}.title-sub{color:var(--fg);opacity:.75;letter-spacing:.42em;text-transform:uppercase;text-align:center;padding:0 16px;font-size:12px}#caption{letter-spacing:.32em;color:var(--fg);opacity:0;z-index:6;pointer-events:none;font-size:11px;transition:opacity 1s;position:fixed;bottom:calc(max(0px,50dvh - 20.9205vw) + 4vh);left:max(5vw,16px)}#caption.on{opacity:.85}#scanhud{color:#bfe6ff;opacity:0;z-index:6;pointer-events:none;text-shadow:0 0 10px #50b4ff80;min-width:250px;font:11px/1.7 ui-monospace,SF Mono,Menlo,monospace;transition:opacity .8s,transform .8s;position:fixed;bottom:calc(max(0px,50dvh - 20.9205vw) + 4vh);right:max(5vw,16px);transform:translateY(8px)}#scanhud.on{opacity:1;transform:none}#scanhud .scan-head{letter-spacing:.3em;border-bottom:1px solid #96d2ff59;margin-bottom:6px;padding-bottom:4px}#scanhud .row{justify-content:space-between;gap:24px;display:flex}#scanhud span{opacity:.7}#scanhud b{font-variant-numeric:tabular-nums;font-weight:500}#sandbox-hint{left:50%;bottom:max(14px, env(safe-area-inset-bottom));color:var(--dim);letter-spacing:.14em;white-space:nowrap;z-index:5;pointer-events:none;font-size:10px;transition:opacity 2s;position:fixed;transform:translate(-50%)}body.ui-hidden #hud,body.ui-hidden .lil-gui.root,body.ui-hidden #sandbox-hint{display:none!important}@media (width<=700px){#sandbox-hint{white-space:normal;text-align:center;width:calc(100vw - 32px)}#scanhud{min-width:0;left:16px;right:16px}}
