:root{color-scheme:light;--ink: #172125;--muted: #667276;--line: rgba(32, 47, 52, .2);--glass: rgba(246, 249, 248, .88);--active: #e5b443;--active-dark: #89620c;--danger: #d95141;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#dde3e6;color:var(--ink)}button,output{font:inherit;letter-spacing:0}button{color:inherit}#app{position:fixed;inset:0;min-width:320px}#scene{display:block;width:100%;height:100%;touch-action:none}.glass{position:absolute;border:1px solid var(--line);background:var(--glass);box-shadow:0 8px 28px #1f2d311f;backdrop-filter:blur(12px) saturate(.9)}.control-cluster{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:14px;z-index:6;display:grid;width:max-content;max-width:calc(100vw - 28px);gap:8px}.control-tip{position:relative;min-width:0;width:100%;padding:8px 10px;border-radius:6px}.control-tip p{margin:0;font-size:9px;font-weight:650;line-height:1.6;white-space:nowrap}.control-tip strong{display:inline-block;width:64px;color:var(--muted);font:800 8px/1 ui-monospace,monospace}.control-tip kbd{padding:1px 3px;border:1px solid #aeb9bb;border-radius:3px;background:#fff;font:750 9px/1 ui-monospace,monospace}.sensor-head{color:var(--muted);font-size:9px;font-weight:750;text-transform:uppercase}.motion-stack{display:grid;gap:7px}.velocity-panel{width:136px;padding:0 2px}.velocity-values{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.velocity-values div{min-width:0}.velocity-values span{display:block;margin-bottom:3px;color:var(--muted);font:750 8px/1 ui-monospace,monospace}.velocity-values output{display:block;font:750 12px/1 ui-monospace,monospace}.depth-view{top:14px;right:14px;width:248px;border-radius:6px;padding:11px}.sensor-head{display:flex;justify-content:space-between;align-items:center}.sensor-head{margin-bottom:8px}#depth{width:100%;aspect-ratio:44 / 23;display:block;image-rendering:pixelated;background:#111;border:1px solid rgba(0,0,0,.28)}.gate-view{top:185px;right:14px;width:248px;border-radius:6px;padding:10px 11px 11px}.gate-head,.gate-head>div{display:flex;align-items:center}.gate-head{min-height:18px;justify-content:space-between}.gate-head>div{gap:8px}.gate-head span{color:var(--muted);font-size:9px;font-weight:750}.gate-head output{font:750 9px/1 ui-monospace,monospace}.gate-plot-body{height:112px;margin-top:7px}#gatePlot{display:block;width:100%;height:100%;border:1px solid rgba(32,47,52,.2);background:#f8faf9}.gate-view:not(.enabled){padding-bottom:10px}.gate-view:not(.enabled) .gate-plot-body{display:none}.gate-view:not(.enabled) #gateScore{display:none}.plot-switch{position:relative;display:block;width:26px;height:14px;flex:0 0 auto;cursor:pointer}.plot-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.plot-switch span{position:absolute;inset:0;border:1px solid #9aa7a9;border-radius:7px;background:#d2d9da;transition:background .15s ease,border-color .15s ease}.plot-switch span:after{content:"";position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #17212540;transition:transform .15s ease}.plot-switch input:checked+span{border-color:#28758a;background:#3a8da2}.plot-switch input:checked+span:after{transform:translate(12px)}.plot-switch input:focus-visible+span{outline:2px solid var(--active-dark);outline-offset:2px}.spawn-selector{right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:510px;border-radius:6px;padding:8px}.spawn-title{display:block;margin:0 0 6px 2px;color:var(--muted);font-size:8px;font-weight:750}.spawn-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.spawn-option{min-width:0;display:grid;grid-template-rows:30px 36px}.spawn-options button{min-width:0;height:30px;padding:0 8px;border:1px solid #aeb9bb;border-right:0;border-radius:0;background:#f8faf9;color:var(--muted);font-size:9px;font-weight:750;line-height:1.15;cursor:pointer}.spawn-option:first-child button{border-radius:4px 0 0 4px}.spawn-option:last-child button{border-right:1px solid #aeb9bb;border-radius:0 4px 4px 0}.spawn-options button:hover{background:#fff;color:var(--ink)}.spawn-options button.active{border-color:#8b6b21;background:var(--active);color:#382d15}.spawn-option:has(button.active)+.spawn-option button{border-left-color:#8b6b21}.spawn-option small{padding:6px 7px 0;color:var(--muted);font:650 8px/1.25 ui-monospace,monospace;text-align:center;white-space:pre-line;overflow-wrap:anywhere}.control-deck{position:relative;border-radius:6px;padding:9px;display:flex;gap:11px;align-items:center}.motion-controls{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);gap:5px}.key-w{grid-column:2;grid-row:1}.key-q{grid-column:1;grid-row:1}.key-e{grid-column:3;grid-row:1}.key-a{grid-column:1;grid-row:2}.key-s{grid-column:2;grid-row:2}.key-d{grid-column:3;grid-row:2}.key,.icon-button{width:42px;height:42px;padding:0;border:1px solid #aeb9bb;border-radius:4px;background:#f8faf9;box-shadow:inset 0 -2px #202f341a;font-size:12px;font-weight:800;cursor:pointer;user-select:none;touch-action:none}.key:hover,.icon-button:hover{border-color:#748386;background:#fff}.key.active,.key:active,.icon-button:active{background:var(--active);border-color:#a87e1e;box-shadow:none;transform:translateY(1px)}.deck-divider{width:1px;height:78px;background:var(--line)}.action-controls{display:grid;grid-template-columns:repeat(2,58px) 42px;gap:5px}.action-controls{grid-template-columns:112px 48px 42px;align-items:start}.key-with-label{min-width:0;display:grid;justify-items:center;gap:5px}.key-with-label small{color:var(--muted);font:700 7px/1.15 ui-monospace,monospace;text-align:center;text-transform:none}.corruption-meta{min-height:18px;display:grid;justify-items:center;gap:2px}.corruption-exposure{display:flex;align-items:center;gap:3px;text-transform:uppercase;white-space:nowrap}.corruption-exposure[hidden]{display:none}.corruption-exposure i{width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:#788487}.corruption-exposure[data-exposure=seen]{color:#2f7657}.corruption-exposure[data-exposure=seen] i{background:#3a916a}.corruption-exposure[data-exposure=unseen]{color:var(--active-dark)}.corruption-exposure[data-exposure=unseen] i{background:var(--active)}#corruptionButton.active{color:#fff;background:var(--danger);border-color:#a83a2e}.icon-button{font-size:17px;line-height:1}#sleep{position:absolute;inset:0;z-index:16;display:grid;place-content:center;justify-items:center;gap:8px;padding:24px;background:rgba(23,33,37,.62);color:#f4f7f6;cursor:pointer}#sleep[hidden]{display:none!important}#sleep strong{font-size:15px;font-weight:750;letter-spacing:.04em}#sleep span{max-width:16rem;color:rgba(244,247,246,.82);font-size:12px;font-weight:600;text-align:center}#boot{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:11px;background:#e4e9ea;z-index:20;transition:opacity .3s ease}#bootMessage{font-size:13px;font-weight:700}#bootDetail{color:var(--muted);font:10px/1.3 ui-monospace,monospace;max-width:70vw;text-align:center}.progress{width:min(280px,72vw);height:3px;background:#bdc7c9;overflow:hidden}.progress i{display:block;width:4%;height:100%;background:var(--active);transition:width .2s ease}#boot.error{color:#7f281f}#boot.error .progress i{background:var(--danger);width:100%}@media(max-width:760px){.control-cluster{left:8px;bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 16px);max-width:none;gap:6px}.control-tip{padding:7px 8px}.control-tip p{font-size:9px}.control-tip strong{width:60px;font-size:7px}.depth-view{top:8px;right:8px;width:128px}.gate-view{top:110px;right:8px;width:180px}.gate-plot-body{height:90px}.sensor-head span:first-child{font-size:0}.sensor-head span:first-child:after{content:"DEPTH";font-size:9px}.control-deck{width:100%;padding:7px;gap:7px;display:grid;grid-template-columns:108px 1px minmax(0,1fr)}.motion-stack{gap:5px}.velocity-panel{width:108px;padding:0}.velocity-values{grid-template-columns:repeat(3,1fr);gap:3px}.velocity-values output{font-size:10px}.motion-controls{grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,36px);gap:4px}.key,.icon-button{width:36px;height:36px}.deck-divider{height:68px}.action-controls{grid-template-columns:minmax(100px,1fr) 44px 36px;gap:4px}.key-with-label .key{width:36px}.spawn-selector{right:8px;bottom:calc(max(8px,env(safe-area-inset-bottom)) + 184px);width:calc(100vw - 16px)}}@media(min-width:761px)and (max-width:1100px){.spawn-selector{width:min(510px,calc(100vw - 420px))}}@media(max-width:620px){.depth-view,.gate-view{display:none}}@media(max-width:420px){.control-tip p{font-size:8px}.control-tip strong{width:56px}.control-tip kbd{font-size:8px}.control-tip p:last-child strong{display:none}.spawn-selector{padding:6px}.spawn-option{grid-template-rows:38px 34px}.spawn-options button{height:38px;padding:0 5px}.spawn-option small{padding:5px 3px 0;font-size:7px}.motion-controls{grid-template-columns:repeat(3,32px);grid-template-rows:repeat(2,34px)}.key,.icon-button{width:32px;height:34px}.action-controls{grid-template-columns:minmax(82px,1fr) 40px 32px}.key-with-label .key{width:32px}}