html,body{color:#e6e8eb;background:#000;height:100%;margin:0;font:14px/1.4 Segoe UI,system-ui,sans-serif;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}#crosshair{pointer-events:none;z-index:2;border:1px solid #ffffffd9;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;display:none;position:fixed;top:50%;left:50%}body.locked.interact #crosshair{display:block}#hover-bar{pointer-events:none;z-index:3;background:#140e20a6;border:1px solid #c7aef34d;border-radius:3px;width:112px;height:4px;display:none;position:fixed;bottom:28px;left:50%;overflow:hidden;transform:translate(-50%)}body.locked #hover-bar{display:block}#hover-bar>div{transform-origin:0;background:#9979c8;width:100%;height:100%}#hover-bar.active>div{background:#dbc2ff}#world-status{color:#e4deef;pointer-events:none;z-index:2;background:#0e1018b3;border-radius:6px;padding:9px 14px;position:fixed;bottom:20px;left:20px}#boot{pointer-events:none;z-index:4;place-items:center;display:grid;position:fixed;inset:0}#boot .card{pointer-events:auto;background:#0e1012e0;border:1px solid #ffffff1f;border-radius:10px;width:min(420px,100vw - 32px);padding:22px 24px 18px;box-shadow:0 16px 50px #00000059}#boot h1{letter-spacing:.02em;margin:0 0 6px;font-size:28px;font-weight:600}#boot p{color:#c4c8ce;margin:0 0 12px}#boot table{border-collapse:collapse;width:100%;margin-bottom:12px}#boot td{vertical-align:top;padding:3px 8px 3px 0}#boot td:first-child{color:#fff;white-space:nowrap;width:38%}#boot .go{text-align:center;color:#fff;letter-spacing:.04em;margin:0}#dev{z-index:5;background:#0c0e10e6;border-left:1px solid #ffffff1f;flex-direction:column;width:min(340px,42vw);display:none;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 40px #00000047}#dev.open{display:flex}.dev-head{justify-content:space-between;align-items:baseline;gap:10px;padding:14px 14px 4px;display:flex}.dev-head strong{font-size:15px}.dev-head span{color:#9aa1aa;font-size:12px}.dev-head .fps{font-variant-numeric:tabular-nums;color:#fff;margin-left:auto}.dev-note{color:#9aa1aa;margin:0;padding:0 14px 8px;font-size:12px}.dev-tabs{gap:4px;padding:0 10px 8px;display:flex}.dev-tabs button{white-space:nowrap;color:#c4c8ce;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:6px;flex:1;padding:6px 8px}.dev-tabs button.on{color:#fff;background:#2a313a;border-color:#3d4652}.dev-page{min-height:0;padding:4px 14px 18px;overflow:auto}.dev-category{border-bottom:1px solid #ffffff14;margin:10px 0 4px}.dev-category summary{color:#8b939e;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;user-select:none;padding:4px 0;font-size:11px;font-weight:600}.dev-category-content{padding:1px 0 6px}.dev-category summary::marker{color:#9aa1aa}.dev-page h3{letter-spacing:.08em;text-transform:uppercase;color:#8b939e;margin:14px 0 4px;font-size:11px;font-weight:600}.row{grid-template-columns:1fr auto;align-items:center;gap:2px 8px;margin:8px 0;display:grid}.row label{color:#c4c8ce;align-items:center;font-size:12px;display:flex}.param-actions{gap:2px;margin-right:6px;display:inline-flex}.param-actions button{color:#aeb8c5;cursor:pointer;background:#252c35;border:1px solid #414b59;border-radius:4px;place-items:center;width:17px;height:17px;padding:0;font:12px/1 sans-serif;display:inline-grid}.param-actions button:hover:not(:disabled){color:#fff;background:#384352}.param-actions button:disabled{opacity:.35;cursor:default}.row .mark{vertical-align:1px;background:0 0;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff47}.row.dirty .mark{box-shadow:none;background:#e2b657}.row .val{font-variant-numeric:tabular-nums;color:#fff;font-size:12px}.row.dirty .val{color:#e2b657}.row input.number-value{box-sizing:border-box;color:#fff;font-variant-numeric:tabular-nums;text-align:right;background:#161d29;border:1px solid #394555;border-radius:4px;grid-column:2;width:74px;padding:3px 5px;font-family:inherit;font-size:12px;line-height:1.2}.row.dirty input.number-value{color:#e2b657}.row input.number-value::-webkit-inner-spin-button,.row input.number-value::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.row input.number-value{-moz-appearance:textfield}.row input[type=range]{accent-color:#8eb4e8;grid-column:1/-1;width:100%;margin:0}.row.choice input[type=color]{cursor:pointer;background:0 0;border:none;width:36px;height:20px;padding:0}.row.check{grid-template-columns:1fr auto}.row.check input{accent-color:#8eb4e8;justify-self:end}.fog-graph{touch-action:none;cursor:crosshair;border-radius:6px;grid-column:1/-1;width:100%}.fog-presets{grid-column:1/-1;gap:5px;display:flex}.fog-presets button{color:#c4c8ce;cursor:pointer;background:#2a313a;border:1px solid #3d4652;border-radius:4px;flex:1;padding:5px}.row>.dev-note{grid-column:1/-1;margin:4px 0}body.building #view{cursor:crosshair}body.building #crosshair{display:none}.build-page{padding:10px 0}.build-page button,.build-page select,.build-page>input{color:#e4ebf1;background:#263442;border:1px solid #536779;border-radius:4px;max-width:100%;margin:3px;padding:6px 8px}.build-page button{cursor:pointer}.build-page button.on{background:#367064}.build-page button:disabled{opacity:.4;cursor:default}.build-page select,.build-page>input{width:calc(100% - 6px)}.build-field{justify-content:space-between;align-items:center;gap:6px;margin:6px 3px;font-size:12px;display:flex}.build-field input{color:#e4ebf1;background:#161d29;border:1px solid #536779;border-radius:3px;width:75px;padding:4px}.build-vector{gap:4px;display:flex}.build-vector .build-field{flex-direction:column;flex:1;align-items:stretch;min-width:0}.build-vector input{box-sizing:border-box;width:100%}#touch-controls{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none;position:fixed;inset:0}#touch-controls[hidden]{display:none}.touch-stick{left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));aspect-ratio:1;pointer-events:auto;touch-action:none;background:#10141c6b;border:1px solid #ffffff4d;border-radius:50%;width:clamp(118px,22vw,152px);position:absolute;box-shadow:inset 0 0 0 12px #ffffff09}.touch-stick-knob{will-change:transform;background:#c1b2e16b;border:1px solid #ffffff7a;border-radius:50%;width:42%;height:42%;margin:-21% 0 0 -21%;position:absolute;top:50%;left:50%;box-shadow:0 2px 12px #0000004d}.touch-actions{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));pointer-events:auto;grid-template-columns:repeat(2,minmax(62px,76px));gap:9px;display:grid;position:absolute}.touch-actions button{color:#f1edf8;letter-spacing:.04em;touch-action:none;-webkit-tap-highlight-color:transparent;background:#12151eb8;border:1px solid #ffffff52;border-radius:50%;min-height:56px;padding:8px 5px;font:700 11px/1 Segoe UI,system-ui,sans-serif;box-shadow:0 2px 12px #00000047}.touch-actions button.pressed{background:#7e65a4e6;border-color:#ede0ffcc;transform:scale(.96)}body.touch-capable .touch-help{color:#c4c8ce;font-size:12px;display:block}body.touch-capable .touch-help[hidden]{display:none}body.touch-capable #world-status{top:max(8px, env(safe-area-inset-top));text-align:center;width:max-content;max-width:calc(100vw - 32px);padding:6px 10px;font-size:11px;bottom:auto;left:50%;transform:translate(-50%)}body.touch-capable #hover-bar{bottom:calc(max(18px, env(safe-area-inset-bottom)) + 156px)}@media (width<=540px){.touch-stick{width:118px}.touch-actions{grid-template-columns:repeat(2,62px);gap:7px}.touch-actions button{min-height:52px}body.touch-capable #boot .card{padding:18px}}