html,body{touch-action:none;-webkit-user-select:none;user-select:none;background:var(--background);overflow:hidden}.scatter-edge-fade{display:none!important}@media (orientation:portrait){.ctrl-viewport{transform-origin:0 0;width:100vh;height:100vw;position:fixed;top:0;left:0;transform:rotate(90deg)translate(100vw)}}@media (orientation:landscape){.ctrl-viewport{position:fixed;inset:0}}.ctrl-root{font-family:var(--font-geist-mono,monospace);background:var(--background);justify-content:center;align-items:center;padding:.75rem 1rem;display:flex;position:absolute;inset:0;overflow:hidden}.ctrl-section{flex:1;justify-content:center;align-items:center;display:flex}.ctrl-emerge{opacity:0;transition:opacity .6s,transform .6s;transform:scale(.92)}.ctrl-emerge.is-ready{opacity:1;transform:scale(1)}.ctrl-emerge-orb{opacity:0;transition:opacity .8s .2s,transform .8s .2s;transform:scale(.8)}.ctrl-emerge-orb.is-ready{opacity:1;transform:scale(1)}.ctrl-emerge-status{opacity:0;transition:opacity .5s .4s}.ctrl-emerge-status.is-ready{opacity:.25}.ctrl-emerge-playing{opacity:0;transition:opacity .5s .5s}.ctrl-emerge-playing.is-ready{opacity:.2}.dpad{--dpad-cell:min(56px, 18vh, 12vw);grid-template-areas:".up.""left center right"".down.";grid-template-columns:repeat(3, var(--dpad-cell));grid-template-rows:repeat(3, var(--dpad-cell));gap:0;display:grid}.dpad-btn{border:1px solid var(--glass-border-strong);background:var(--card-bg);color:var(--foreground);-webkit-tap-highlight-color:transparent;touch-action:none;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:background 80ms,transform 80ms,box-shadow 80ms;display:flex;position:relative;box-shadow:0 2px 6px #0000001f,0 1px 2px #00000014}.dpad-up{border-radius:6px 6px 0 0;grid-area:up}.dpad-down{border-radius:0 0 6px 6px;grid-area:down}.dpad-left{border-radius:6px 0 0 6px;grid-area:left}.dpad-right{border-radius:0 6px 6px 0;grid-area:right}.dpad-center{border:1px solid var(--glass-border-strong);background:var(--surface);pointer-events:none;grid-area:center}.dpad-btn:active,.dpad-btn.pressed{background:var(--surface);transform:scale(.96);box-shadow:0 1px 2px #0000001a}.action-btns{align-items:center;gap:1rem;display:flex}.action-btn{--btn-size:min(64px, 20vh, 14vw);width:var(--btn-size);height:var(--btn-size);border:1px solid var(--glass-border-strong);background:var(--card-bg);color:var(--foreground);font-family:var(--font-geist-mono,monospace);letter-spacing:.12em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;touch-action:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:background 80ms,transform 80ms,box-shadow 80ms;display:flex;box-shadow:0 3px 8px #00000024,0 1px 3px #0000001a}.action-btn:active,.action-btn.pressed{background:var(--surface);transform:scale(.94);box-shadow:0 1px 2px #0000001a}.btn-b{transform:translateY(min(16px,5vh))}.btn-a{transform:translateY(max(-16px,-5vh))}.btn-b:active,.btn-b.pressed{transform:translateY(min(16px,5vh))scale(.94)}.btn-a:active,.btn-a.pressed{transform:translateY(max(-16px,-5vh))scale(.94)}.orb-center{flex-shrink:0;width:min(120px,25vw,35vh);height:min(120px,25vw,35vh)}.ctrl-status{letter-spacing:.2em;text-transform:uppercase;color:var(--foreground);opacity:.25;align-items:center;gap:.4rem;font-size:7px;display:flex;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.status-dot{border-radius:50%;width:5px;height:5px}.ctrl-ended-overlay{background:var(--background);z-index:10;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;transition:opacity .6s;display:flex;position:absolute;inset:0}.ctrl-ended-overlay.is-visible{opacity:1}.ctrl-ended-text{letter-spacing:.15em;text-transform:uppercase;color:var(--foreground);opacity:.4;font-size:11px}.ctrl-ended-link{letter-spacing:.12em;text-transform:uppercase;color:var(--foreground);opacity:.3;text-underline-offset:3px;font-size:10px;text-decoration:underline;transition:opacity .2s}.ctrl-ended-link:hover{opacity:.6}.vol-rocker{flex-direction:column;gap:0;display:flex;position:absolute;top:50%;left:min(1rem,2vw);transform:translateY(-50%)}.vol-btn{border:1px solid var(--glass-border-strong);background:var(--card-bg);width:min(36px,8vw);height:min(44px,15vh);color:var(--foreground);-webkit-tap-highlight-color:transparent;touch-action:none;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:background 80ms,transform 80ms,box-shadow 80ms;display:flex;box-shadow:0 2px 6px #0000001f,0 1px 2px #00000014}.vol-btn-up{border-radius:6px 6px 0 0}.vol-btn-down{border-top:none;border-radius:0 0 6px 6px}.vol-btn:active{background:var(--surface);transform:scale(.96);box-shadow:0 1px 2px #0000001a}.vol-label{letter-spacing:.15em;text-transform:uppercase;text-align:center;color:var(--foreground);opacity:.2;margin-top:4px;font-size:6px}.ctrl-playing{letter-spacing:.12em;text-transform:uppercase;color:var(--foreground);opacity:.2;white-space:nowrap;text-overflow:ellipsis;max-width:80%;font-size:8px;position:absolute;bottom:.75rem;left:50%;overflow:hidden;transform:translate(-50%)}