@font-face{font-family:Sndwav Pixel;src:url(/fonts/sndwav-pixel.woff2) format("woff2");font-display:swap}:root{--ink: #ffe0a0;--ink-dim: #c9a36a;--amber: #fd963c;--outline: #1b0d05;--shadow: #7a2e10;--bg: #0b0806;--menu-bottom: 40vh;--menu-right: 0px;--pixel: "Sndwav Pixel", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden}body{font-family:var(--pixel);-webkit-font-smoothing:none;font-smooth:never}#room{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}#overlay{position:fixed;inset:0;pointer-events:none}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;pointer-events:auto}.sr-only:focus{width:auto;height:auto;clip:auto;left:16px;top:16px;padding:10px;background:var(--outline);color:var(--ink);font:12px var(--pixel)}.outrun,.hint,.caption,.menu h2,.menu .row,.menu .sub,.menu .note{text-shadow:2px 0 var(--outline),-2px 0 var(--outline),0 2px var(--outline),0 -2px var(--outline),3px 3px 0 var(--shadow)}.hint{position:absolute;transform:translate(-50%);font-size:11px;color:var(--ink);letter-spacing:1px;white-space:nowrap;animation:pulse 1.6s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:1}to{opacity:.35}}.caption{position:absolute;left:16px;right:16px;bottom:max(24px,env(safe-area-inset-bottom));text-align:center;line-height:1.5}.cap-top{font-size:10px;color:var(--ink-dim);margin-bottom:8px}.cap-main{font-size:16px}.menu{position:absolute;left:0;right:var(--menu-right);top:0;bottom:var(--menu-bottom);padding:max(14px,env(safe-area-inset-top)) max(16px,calc((100vw - 760px)/2)) 8px;display:flex;flex-direction:column;pointer-events:auto;background:linear-gradient(to bottom,#050302cc,#0503028c 75%,#05030200)}.menu.side{padding:max(8px,env(safe-area-inset-top)) 8px max(4px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:linear-gradient(to right,#050302d1,#05030299 80%,#05030200)}.menu.side .tabs{margin:0 0 4px;gap:4px}.menu.side .tab{flex:1;min-width:0;max-width:44px}.menu.side .menu-hint{font-size:8px}.menu.side .nav,.menu.side .close{height:36px}.menu button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.menu button:focus-visible,.menu input:focus-visible{outline:2px dashed var(--amber);outline-offset:3px}.menu-head{display:flex;align-items:center;gap:12px}.menu h2{flex:1;margin:0;font-size:18px;font-weight:400;text-align:center;color:var(--ink)}.nav{width:44px;height:44px;display:grid;place-items:center}.arrow{width:14px;height:14px;background:var(--ink);filter:drop-shadow(2px 2px 0 var(--outline))}.arrow.left{clip-path:polygon(100% 0,0 50%,100% 100%)}.arrow.right{clip-path:polygon(0 0,100% 50%,0 100%)}.close{width:44px;height:44px;font-size:14px}.tabs{display:flex;justify-content:center;gap:6px;margin:4px 0 10px}.tab{min-width:44px;height:32px;font-size:11px;color:var(--ink-dim);border:2px solid #3a2216!important;background:#00000059!important}.tab.on{color:var(--outline);background:var(--amber)!important;border-color:var(--amber)!important}.menu-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px 2px 8px 22px;-webkit-overflow-scrolling:touch}.menu .sub{font-size:10px;color:var(--ink-dim);margin:14px 0 10px;line-height:1.6}.menu .sub:first-child{margin-top:2px}.menu .note{font-size:9px;line-height:1.8;color:var(--ink-dim);margin:12px 0}.menu .note.dim{opacity:.8}.running{list-style:none;margin:0;padding:0}.menu .row{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;width:100%;min-height:34px;padding:6px 0;font-size:12px;line-height:1.4;text-align:left;color:var(--ink)}.menu button.row{min-height:44px}.row-label{flex:1 1 9em;min-width:0}.row-value{color:var(--ink-dim);white-space:nowrap}.row-sub{flex-basis:100%;font-size:9px;color:var(--ink-dim)}.menu .row.past{opacity:.45}.menu .row.cur .row-label,.menu .row.cur .row-value{color:#fff3c4}.menu .row.cur:before,.menu .row.sel:before,.menu button.row:focus-visible:before,.menu button.row:hover:before{content:"";position:absolute;left:-22px;top:10px;width:14px;height:12px;background:var(--amber);clip-path:polygon(0 30%,55% 30%,55% 0,100% 50%,55% 100%,55% 70%,0 70%)}.menu button.row:focus-visible{outline:none}.stepper{display:flex;align-items:center;gap:8px}.mini{min-width:44px;min-height:36px;font-size:12px;color:var(--ink)!important;border:2px solid #3a2216!important;background:#00000059!important}.meter{font-family:ui-monospace,monospace;letter-spacing:-1px;color:var(--amber)}.search{display:flex;gap:8px;margin:10px 0 4px}.search input{flex:1;min-width:0;height:44px;padding:0 10px;font:16px var(--pixel);color:var(--ink);background:#00000080;border:2px solid #3a2216;border-radius:0;text-transform:uppercase}.log{margin:0 0 14px}.log-at{font-size:9px;color:var(--amber);margin-bottom:6px}.log-entry{font-size:10px;line-height:1.8;color:var(--ink);text-shadow:1px 1px 0 var(--outline)}.k{display:inline-block;width:9px;height:9px;margin:0 3px;background:var(--ink-dim);vertical-align:-1px}.k.left{clip-path:polygon(100% 0,0 50%,100% 100%)}.k.right{clip-path:polygon(0 0,100% 50%,0 100%)}.k.up{clip-path:polygon(50% 0,100% 100%,0 100%)}.k.down{clip-path:polygon(0 0,100% 0,50% 100%)}.menu-hint{font-size:9px;color:var(--ink-dim);text-align:center;padding:8px 0 2px;letter-spacing:1px}@media(min-width:900px){.menu h2{font-size:22px}.menu .row{font-size:15px}.menu .sub{font-size:12px}.menu .note,.row-sub{font-size:11px}.log-entry{font-size:12px}.cap-main{font-size:22px}.cap-top{font-size:12px}}.debug-log{position:fixed;left:4px;right:4px;top:max(4px,env(safe-area-inset-top));max-height:40vh;overflow-y:auto;padding:6px;font:10px/1.3 ui-monospace,monospace;color:#9f9;background:#000c;pointer-events:auto;z-index:10;-webkit-overflow-scrolling:touch}.debug-log pre{margin:0;white-space:pre-wrap;font:inherit}.debug-status{color:#ff9;margin-bottom:4px}
