:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f0df;--panel:#111615c7;--panel-strong:#0c0f0fe6;--line:#f4dea938;--gold:#f4cf73;--teal:#77d7c2;--danger:#ff805d;background:#0e1111;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#0e1111}button,input,select{font:inherit}button,select,input{border:1px solid var(--line);color:#fff7e7;background:#080c0cc2}button{cursor:pointer;border-radius:8px;min-height:40px;padding:0 14px}button:hover{border-color:#f4cf73a6}canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.start-screen{z-index:10;padding:max(22px, env(safe-area-inset-top)) 18px max(22px, env(safe-area-inset-bottom));background:linear-gradient(#070a0a2e,#070a0a9e),radial-gradient(circle at 52% 18%,#6dc6ad33,#0000 38rem),#070a0a80;place-items:center;display:grid;position:fixed;inset:0}.start-screen.is-hidden{pointer-events:none;opacity:0;transition:opacity .22s}.brand-lockup{top:max(28px, env(safe-area-inset-top));position:fixed;left:clamp(18px,5vw,52px)}.brand-lockup p{color:var(--teal);text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-size:.78rem}.brand-lockup h1{letter-spacing:0;max-width:11ch;margin:0;font-size:clamp(3.2rem,10vw,8rem);line-height:.86}.start-form{border:1px solid var(--line);background:var(--panel-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;width:min(94vw,430px);margin-left:auto;margin-right:clamp(0px,5vw,72px);padding:18px;box-shadow:0 28px 90px #0000006b}.start-form label{gap:7px;margin-bottom:12px;display:grid}.start-form span{color:#d6c9aa;font-size:.78rem}.start-form input,.start-form select,#qualitySelect{border-radius:8px;width:100%;height:42px;padding:0 12px}.start-grid{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.primary-button{color:#101414;background:linear-gradient(135deg,#f4cf73,#88dec9);border:0;width:100%;margin-top:4px;font-weight:800}.status-line{color:#cfc8b8;white-space:pre-line;min-height:38px;margin:12px 0 0}.hud,.top-controls,.prompt,.mobile-controls{z-index:5;position:fixed}.app-shell:not(.is-started) .hud,.app-shell:not(.is-started) .prompt,.app-shell:not(.is-started) .mobile-controls{display:none}.hud{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));pointer-events:none;gap:8px;display:grid}.hud-chip,.hud-strip,.prompt,.top-controls{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px}.hud-chip{width:-moz-fit-content;width:fit-content;max-width:min(74vw,420px);color:var(--gold);padding:10px 12px;font-weight:700}.hud-strip{color:#e9dec7;flex-wrap:wrap;gap:8px 14px;width:-moz-fit-content;width:fit-content;max-width:min(88vw,620px);padding:8px 10px;font-size:.84rem;display:flex}.top-controls{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));align-items:center;gap:8px;padding:8px;display:flex}.segmented{gap:2px;display:flex}.segmented button{border-radius:6px;min-width:58px;padding:0 10px}.segmented button[aria-pressed=true]{background:#77d7c238;border-color:#77d7c2d1}#qualitySelect{width:104px}.prompt{left:50%;bottom:max(28px, env(safe-area-inset-bottom));color:var(--gold);padding:10px 14px;font-weight:800;transform:translate(-50%)}.mobile-controls{left:0;right:0;bottom:max(14px, env(safe-area-inset-bottom));padding:0 max(16px, env(safe-area-inset-left)) 0 max(16px, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:end;display:none}.joystick,.mobile-actions button{pointer-events:auto;touch-action:none}.joystick{border:1px solid var(--line);background:#0a0d0d75;border-radius:50%;width:116px;height:116px;position:relative}.joystick span{background:#f4cf73e6;border-radius:50%;width:38px;height:38px;position:absolute;top:38px;left:38px}.mobile-actions{grid-template-columns:72px 72px;gap:10px;display:grid}.mobile-actions button{border-radius:50%;height:72px;font-weight:800}@media (max-width:760px),(pointer:coarse){.brand-lockup{place-self:start;margin:6px 0 0 6px;position:static}.brand-lockup h1{font-size:clamp(2.8rem,14vw,5.6rem)}.start-screen{flex-direction:column;justify-content:space-between;align-items:stretch;display:flex}.start-form{margin:0 auto}.top-controls{top:auto;right:max(12px, env(safe-area-inset-right));bottom:calc(max(14px, env(safe-area-inset-bottom)) + 92px);flex-wrap:wrap;justify-content:end;max-width:calc(100vw - 24px)}.hud-strip{max-width:calc(100vw - 28px)}.mobile-controls{display:flex}}