:root{--page: #0b0f16;--panel-solid: #121823;--alert: #ff7a62;--glass-bg: rgba(12, 16, 24, .72);--glass-border: rgba(214, 181, 109, .22);--text: #eef0ea;--muted: #a3a9b4;--brass: #d6b56d;--teal: #5fd3c6;--radius: 10px;--font-display: "Big Shoulders Display", "Arial Narrow", sans-serif;--font-body: "Zen Kaku Gothic New", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--page);color:var(--text);font-family:var(--font-body);font-size:14px}#app,#render-canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none;outline:none}.hidden{display:none!important}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.glass{background:var(--glass-bg);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);border:1px solid var(--glass-border);border-radius:var(--radius)}.brand{font-family:var(--font-display);font-weight:800;font-size:34px;letter-spacing:.06em;color:var(--brass)}button{font-family:var(--font-body);color:var(--text);background:#ffffff0f;border:1px solid var(--glass-border);border-radius:8px;min-width:44px;min-height:44px;padding:10px 14px;font-size:14px;cursor:pointer}button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}button.primary{background:var(--brass);color:#14100a;font-weight:700}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--page);z-index:40}.loading-box{width:min(420px,86vw);padding:28px;text-align:center}.loading-box .bar{margin-top:18px;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}#loading-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--brass),var(--teal));transition:width .25s ease}.intro-card{width:min(460px,88vw);padding:26px}.intro-card p{line-height:1.5}#hud{position:fixed;inset:0;pointer-events:none;z-index:20}#hud>*{pointer-events:auto}#status-chips{position:absolute;top:calc(10px + env(safe-area-inset-top));left:12px;display:flex;gap:6px;flex-wrap:wrap}.chip{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;padding:5px 11px;font-size:12px;color:var(--text);backdrop-filter:blur(8px)}.brand-chip{font-family:var(--font-display);letter-spacing:.08em;color:var(--brass)}#toolbar{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.tool{min-width:76px}.primary-tool{border-color:var(--brass)}#panel{position:absolute;right:104px;top:50%;transform:translateY(-50%);width:360px;max-height:78vh;overflow:auto;padding:18px}#panel h2{margin:0 0 10px;font-family:var(--font-display);font-size:22px;letter-spacing:.05em;color:var(--brass)}#panel label{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);min-height:44px}#panel select,#panel input[type=checkbox]{min-height:34px}#panel .device-info{font-family:var(--font-mono);font-size:12px;color:var(--muted);white-space:pre-wrap;margin-top:10px}#perf-hud{position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px;padding:10px 12px;font-size:12px;line-height:1.5;min-width:180px;pointer-events:none}#touch-controls{position:absolute;inset:auto 0 0;height:190px;pointer-events:none}#joystick{position:absolute;left:26px;bottom:26px;width:132px;height:132px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);pointer-events:auto;touch-action:none}#joystick-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#d6b56d80;border:1px solid var(--brass)}#btn-run{position:absolute;right:26px;bottom:40px;width:84px;height:84px;border-radius:50%;pointer-events:auto;font-weight:700}#btn-run.active{background:var(--brass);color:#14100a}#toast-host{position:absolute;top:54px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:var(--panel-solid);border:1px solid var(--glass-border);border-radius:8px;padding:9px 14px;font-size:13px;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}@media(max-width:720px){.brand{font-size:26px}#toolbar{right:50%;top:auto;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(50%);flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:94vw}.tool{min-width:44px;padding:10px;font-size:12px}#panel{inset:auto 0 0;transform:none;width:100%;max-height:55%;border-radius:var(--radius) var(--radius) 0 0}#touch-controls:not(.hidden){bottom:88px}}