:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#edf2f3;background:#060e1c;font-synthesis:none;--muted:#90a6b7;--yellow:#ffc86c}#play{position:absolute;left:50%;bottom:clamp(16px,3.5vh,38px);transform:translate(-50%);width:min(300px,65vw);min-height:54px;padding:14px 30px;border:1px solid #f6f8fc;border-radius:11px;background:#dce2ec;color:#101923;font-size:20px;font-weight:750;letter-spacing:.04em;box-shadow:0 5px 20px #0004;transition:background .2s,box-shadow .2s}#play:hover{background:#f3f6fb;box-shadow:0 5px 26px #bbcce933}#title-ui:has(#drive.editing) #play,body.booting #play{display:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}#world{display:block;width:100vw;height:100dvh;touch-action:none}header,#title-ui,#drive-ui{position:fixed;pointer-events:none;inset:0}button,select,input,aside{pointer-events:auto}header{bottom:auto;display:flex;justify-content:flex-end;padding:28px 32px;z-index:5}.icon-button{border:1px solid #42525f80;border-radius:50%;background:#12212b60;width:42px;height:42px;font-size:25px;line-height:1}.icon-button:hover{background:#294457}#title-ui{transition:opacity .5s}#drive{position:absolute;display:block;background:transparent;border:0;border-radius:16px;padding:0}#drive:disabled{pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}aside{position:fixed;top:87px;right:32px;width:310px;padding:23px;background:#0c1929ed;border:1px solid #73899e40;border-radius:7px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;box-shadow:0 15px 50px #0005;max-height:calc(100dvh - 110px);overflow:auto}.panel-heading{font-size:10px;letter-spacing:2px;margin-bottom:22px;display:flex;justify-content:space-between}.panel-heading span{color:var(--yellow)}aside label{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#c5d4dc;margin:16px 0}select,input[type=number]{background:#1d3042;border:1px solid #52647666;border-radius:3px;color:#dce9ef;padding:5px;max-width:140px}input[type=range]{width:130px;accent-color:var(--yellow)}input[type=checkbox]{accent-color:var(--yellow)}aside p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:20px}.subtle-button{background:#17283a99;border:1px solid #8cabb340;border-radius:3px;font-size:11px;padding:12px 16px}.subtle-button:hover{background:#294457}#editor .subtle-button,#return,#take-exit{width:100%;margin-top:8px}#navigation{font-size:11px;color:var(--yellow);line-height:1.6}kbd{font:inherit;border:1px solid #8a9eac40;padding:3px 5px;border-radius:3px}.seed-actions{display:flex;gap:8px}.seed-actions button{flex:1;padding:10px 8px}#generation-report{font-size:10px;margin:10px 0 20px;color:var(--yellow)}.touch-controls{display:none;gap:var(--tc-pedal-gap)}.touch-controls button{background:#173047aa;border:1px solid #90b2c366;border-radius:8px;min-width:var(--tc-pedal-w);height:64px;padding:0 14px;font:600 13px/1 inherit;letter-spacing:1.5px;color:#edf2f3;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch-controls button.held{background:#2a5674cc;border-color:#cfe3efaa}#toast{position:fixed;top:22%;left:50%;transform:translate(-50%);background:#142a3deb;border:1px solid #a1bbc044;color:#f1e7cd;padding:13px 22px;border-radius:4px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .3s}#toast.visible{opacity:1}[hidden]{display:none!important}body.clean header,body.clean main,body.clean section,body.clean aside{display:none!important}@media(pointer:coarse){.touch-controls{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom,0px));left:calc(20px + env(safe-area-inset-left,0px));right:calc(20px + env(safe-area-inset-right,0px));display:flex;gap:var(--tc-pedal-gap);touch-action:none}.touch-controls button:nth-child(3){margin-left:auto}header{padding-top:calc(20px + env(safe-area-inset-top,0px))}}@media(max-width:680px){header{padding:20px}aside{right:15px;top:76px;width:min(310px,calc(100vw - 30px))}}@media(prefers-reduced-motion:reduce){#title-ui,#toast{transition:none}}#title-edit{width:100%;margin-bottom:10px}#title-edit:disabled{opacity:.45;cursor:default}#drive.editing{outline:1px dashed #ffcf7d;outline-offset:8px;border-radius:0;cursor:grab;touch-action:none}#drive.editing:active{cursor:grabbing}#title-resize{position:absolute;width:28px;height:28px;border:1px solid #ffe5b5;border-radius:5px;background:#ffc86c;color:#12212b;cursor:nwse-resize;touch-action:none;font-size:20px;line-height:1}#title-editor{inset:auto auto 20px 20px;width:min(310px,calc(100vw - 40px));max-height:calc(100dvh - 120px)}#title-editor .panel-heading{margin-bottom:12px}#title-editor p{margin:10px 0;font-size:10px}#title-editor .seed-actions{margin-top:8px}#title-save{background:#ffc86c;color:#12212b}#title-editor .title-editor-actions{position:sticky;bottom:-23px;background:#0c1929;padding:10px 0}header{gap:10px}#home{display:grid;place-items:center}#title-save-state{color:#ffd993}#title-editor .title-editor-actions{z-index:1}#title-json{width:100%;resize:vertical;max-height:160px;background:#07121d;color:#dce9ef;border:1px solid #536575;border-radius:4px;padding:8px;font:11px monospace}#title-download{text-align:center;text-decoration:none;color:inherit;flex:1}#title-paste{width:100%;margin-top:8px}.title-motion-controls{border-block:1px solid #52647666;padding:12px 0;margin-bottom:16px}.title-motion-controls summary{cursor:pointer;color:#ffd993;font-size:12px}.title-motion-controls label{gap:6px}.title-motion-controls output{margin-left:auto;font-size:10px;color:#ffd993;white-space:nowrap}.title-motion-controls input[type=range]{width:105px}:root{--tc-edge-x:20px;--tc-pedal-gap:10px;--tc-pedal-w:88px;--tc-pedal-clear:4px;--ts-d:min(49vw,280px,calc(100vw - 2 * var(--tc-edge-x) - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 2 * var(--tc-pedal-w) - var(--tc-pedal-gap) - var(--tc-pedal-clear)))}.ts-ring{display:none;position:absolute;pointer-events:auto;bottom:calc(28px + env(safe-area-inset-bottom,0px));left:calc(var(--tc-edge-x) + env(safe-area-inset-left,0px));width:var(--ts-d);aspect-ratio:1;border-radius:50%;background:#0f2438aa;border:1px solid #90b2c355;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ts-ring.held{background:#153350cc;border-color:#cfe3ef88}.ts-knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38%;aspect-ratio:1;border-radius:50%;background:#cfe3efdd;border:1px solid #ffffff55;pointer-events:none;transition:transform .12s ease-out}.ts-ring.held .ts-knob{transition:none}@media(pointer:coarse){.ts-ring{display:block}.touch-controls button[data-key=ArrowLeft],.touch-controls button[data-key=ArrowRight]{display:none}}@media(prefers-reduced-motion:reduce){.ts-knob{transition:none}}