.so-gear,.so-backdrop{--so-bg: #0d1019;--so-card: #171b2b;--so-line: #2a3150;--so-text: #e9e6f2;--so-muted: #9a9cb8;--so-accent: #ffd23f;--so-on-accent: #241a24;--so-ui-font: system-ui, -apple-system, "Segoe UI", sans-serif}.so-gear{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));z-index:5;width:56px;height:56px;padding:0;border-radius:50%;border:2px solid rgba(233,230,242,.35);background:#e9e6f224;color:var(--so-text);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.so-gear[aria-expanded=true]{color:var(--so-accent);border-color:var(--so-accent)}.so-backdrop{position:fixed;inset:0;z-index:4;display:flex;padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));box-sizing:border-box;background:#0d1019d1;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.so-backdrop[hidden]{display:none}.so-card{margin:auto;width:100%;max-width:560px;box-sizing:border-box;padding:24px;border-radius:16px;border:2px solid var(--so-line);background:var(--so-card);color:var(--so-text);font:17px/1.4 var(--so-ui-font);animation:so-pop .14s ease-out}.so-title{margin:0 0 20px;font:20px/1.3 "Press Start 2P",Courier New,monospace;letter-spacing:.06em;color:var(--so-accent);text-align:center}.so-group{margin-bottom:22px}.so-label{font-weight:600;margin-bottom:10px}.so-options{display:flex;gap:12px}.so-option,.so-done{font:600 17px/1.25 var(--so-ui-font);border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.so-option{flex:1 1 0;min-width:0;min-height:64px;padding:8px 10px;border:3px solid var(--so-line);background:var(--so-bg);color:var(--so-text)}.so-option[aria-checked=true]{background:var(--so-accent);border-color:var(--so-text);color:var(--so-on-accent)}.so-option[aria-checked=true]:before{content:"✓ ";font-weight:800}.so-helper{margin:10px 0 0;color:var(--so-muted);font-size:15px}.so-done{display:block;width:100%;min-height:64px;margin-top:8px;border:3px solid var(--so-accent);background:transparent;color:var(--so-accent);font-size:19px}.so-gear:focus-visible,.so-option:focus-visible,.so-done:focus-visible{outline:4px solid var(--so-accent);outline-offset:3px}.so-option[aria-checked=true]:focus-visible{outline-color:var(--so-text)}@keyframes so-pop{0%{opacity:0;transform:scale(.96)}}@media(prefers-reduced-motion:reduce){.so-card{animation:none}}:root{--bg: #0d1019;--ink: #e9e6f2;--accent: #ffd23f;--control: rgba(233, 230, 242, .14);--control-edge: rgba(233, 230, 242, .35)}html,body{margin:0;height:100%;background:var(--bg);overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#game{position:fixed;inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}#touch{position:fixed;inset:0;z-index:2}#stick{position:fixed;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:2px solid var(--control-edge);background:var(--control);display:none;pointer-events:none}#stick.active{display:block}#knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:var(--control-edge)}#pepper{position:fixed;left:calc(24px + env(safe-area-inset-left,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));width:120px;height:120px;border-radius:50%;border:2px solid var(--control-edge);background:var(--control);color:var(--ink);font:13px "Press Start 2P",Courier New,monospace;letter-spacing:.06em;display:none;align-items:center;justify-content:center;pointer-events:none}#pepper.pressed{background:var(--control-edge);color:var(--accent)}body.pepper-right #pepper{left:auto;right:calc(24px + env(safe-area-inset-right,0px))}#dpad{position:fixed;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));width:200px;height:200px;border-radius:50%;border:2px solid var(--control-edge);background:var(--control);display:none;pointer-events:none}body.pepper-right #dpad{right:auto;left:calc(24px + env(safe-area-inset-left,0px))}#dpad svg{width:100%;height:100%;display:block}#dpad polygon{fill:var(--control-edge)}#dpad[data-dir^=up] .up,#dpad[data-dir^=down] .down,#dpad[data-dir$=left] .left,#dpad[data-dir$=right] .right{fill:var(--accent)}body.touch #pepper{display:flex}@media(any-pointer:coarse){#pepper{display:flex}}body.touch.steer-dpad #dpad{display:block}@media(any-pointer:coarse){body.steer-dpad #dpad{display:block}}