:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#050806;color:#effff8}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}#game{position:relative;display:grid;place-items:center;isolation:isolate;background:#030504}#scene{position:absolute;inset:0;width:100%;height:100%;display:block}[data-game-topbar]{position:absolute!important;z-index:3;top:0;left:0;right:0}.placeholder{z-index:1;width:min(720px,calc(100% - 32px));padding:clamp(28px,6vw,68px);border:1px solid #b8ffda33;border-radius:24px;background:#07100dd9;box-shadow:0 28px 100px #000c,inset 0 1px #fff1;backdrop-filter:blur(18px);text-align:center;transition:opacity .5s,transform .5s}.runtime-ready .placeholder{opacity:0;transform:translateY(14px);pointer-events:none}.unsupported .placeholder{border-color:#ffad7f55}.eyebrow{color:#7fffc2;font-size:11px;font-weight:800;letter-spacing:.24em}.placeholder h2{margin:15px 0 12px;font-size:clamp(42px,8vw,78px);line-height:.88;letter-spacing:-.055em}.placeholder h2 b{color:#89edbb}.placeholder p{max-width:520px;margin:20px auto;color:#b9cec4;font-size:clamp(14px,2vw,17px);line-height:1.5}.pipeline{display:flex;align-items:center;justify-content:center;gap:11px;margin:30px 0;color:#dffff0;font-size:11px;font-weight:800;letter-spacing:.14em}.pipeline i{width:clamp(24px,7vw,70px);height:1px;background:linear-gradient(90deg,#7fffc244,#7fffc2);box-shadow:0 0 10px #7fffc2}.placeholder>strong{display:inline-block;padding:10px 16px;border:1px solid #7fffc266;border-radius:999px;color:#7fffc2;font-size:10px;letter-spacing:.2em}.diagnostics{position:absolute;z-index:4;right:12px;bottom:12px;width:min(320px,calc(100% - 24px));padding:12px;border:1px solid #7fffc23d;border-radius:10px;background:#03100ce8;box-shadow:0 10px 40px #0009;color:#bfe9d5;font:11px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;backdrop-filter:blur(10px)}.diagnostics>div:first-child{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #7fffc226;color:#7fffc2;letter-spacing:.08em}.diagnostics dl{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:8px 0}.diagnostics dt{color:#7f9e90}.diagnostics dd{margin:0;color:#eafff4;text-align:right}.diagnostics .error{color:#ffb18a}.simulation-controls{display:grid!important;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px 0!important;border-top:1px solid #7fffc226!important;border-bottom:0!important}.simulation-controls button,.render-cap select{min-height:26px;border:1px solid #7fffc244;border-radius:4px;background:#10251d;color:#cffff0;font:700 9px ui-monospace,monospace}.simulation-controls #simTest{grid-column:1/-1}.simulation-controls #geometryDiagnostics{grid-column:1/-1}.simulation-controls button[aria-pressed="true"]{border-color:#7fffc2;background:#194c38;color:#fff}.render-cap{display:flex;align-items:center;justify-content:space-between;color:#7f9e90}.render-cap select{padding:2px 6px}@media(max-height:620px){.placeholder{padding:22px}.placeholder h2{font-size:44px}.pipeline{margin:18px 0}.diagnostics{font-size:9px}}
.joystick{display:none;position:absolute;z-index:6}.stick-ring{position:absolute;inset:0;border:2px solid #7fffc266;border-radius:50%;background:#06130f99;box-shadow:inset 0 0 30px #7fffc214}.stick-knob{position:absolute;left:50%;top:50%;display:grid;width:58%;height:58%;place-items:center;transform:translate(-50%,-50%);border:1px solid #7fffc299;border-radius:50%;background:#15382ae8;color:#dffff0;box-shadow:0 0 18px #7fffc233}.stick-knob span{font:800 10px ui-monospace,monospace;letter-spacing:.12em}.simulation-controls #carpetStates,.simulation-controls #inputDiagnostics,.simulation-controls #inputTest{grid-column:1/-1}@media(pointer:coarse){.joystick{display:block}.diagnostics{pointer-events:auto}}@media(max-height:620px){.joystick{opacity:.84}}
.toolbox{position:absolute;z-index:5;left:50%;bottom:14px;display:flex;gap:7px;transform:translateX(-50%)}.toolbox .tool{display:grid;grid-template-columns:auto auto;gap:1px 10px;min-width:142px;padding:9px 15px;border:1px solid #7fffc266;border-radius:12px;background:#07130fe8;color:#dffff0;box-shadow:0 12px 35px #0009;backdrop-filter:blur(10px);text-align:left}.toolbox .tool span{font:900 12px ui-monospace,monospace;letter-spacing:.14em}.toolbox .tool small{grid-column:1;color:#8eaa9d;font-size:10px}.toolbox .tool kbd{grid-row:1/3;grid-column:2;align-self:center;color:#7fffc2;font:10px ui-monospace,monospace}.toolbox .tool.selected{border-color:#7fffc2;background:#123326f2;box-shadow:0 0 24px #7fffc226,0 12px 35px #0009}@media(pointer:coarse){.toolbox{bottom:9px}.toolbox .tool{min-width:112px;padding:7px 9px}.toolbox .tool small{display:none}}