:root{color:#edf7f6;background:#07101c;font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel: rgba(12, 27, 43, .9);--panel-border: rgba(182, 221, 226, .17);--text-muted: #9db2bd;--accent: #65dec9;--danger: #ff756b}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;min-width:320px;background:#07101c;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:auto}button,select,input{color:inherit;font:inherit}button{min-width:44px;min-height:44px;border:1px solid var(--panel-border);border-radius:14px;background:#162a3ceb;cursor:pointer;touch-action:manipulation}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid rgba(101,222,201,.52);outline-offset:2px}button:active{transform:scale(.96)}.game-shell{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;background:#07101c;isolation:isolate}.game-canvas,#game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));left:max(12px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;pointer-events:none}.hud__status,.hud-status,.control-cluster{display:flex;align-items:center;gap:8px}.hud__status,.hud-status{min-height:44px;width:max-content;max-width:100%;padding:8px 12px;border:1px solid var(--panel-border);border-radius:15px;background:#081625b8;box-shadow:0 8px 28px #0000002b;backdrop-filter:blur(12px)}.hud__score,.hud-score{justify-self:center;font-weight:750;letter-spacing:.06em}.hud__actions,.hud-actions{justify-self:end;pointer-events:auto}.icon-button{display:inline-grid;width:46px;height:46px;padding:10px;place-items:center;border-radius:50%;box-shadow:0 6px 24px #0003}.icon-button img,.icon-button svg{display:block;width:24px;height:24px}.icon-button img,.setting-group>img,.mute-control>img{filter:invert(88%) sepia(19%) saturate(395%) hue-rotate(115deg) brightness(105%) contrast(97%)}.settings-button{font-size:1.45rem;line-height:1}.lives{color:var(--danger);letter-spacing:.15em}.overlay{position:absolute;z-index:4;inset:0;display:grid;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));place-items:center;overflow:auto;background:#040b148c;backdrop-filter:blur(10px)}.overlay[hidden]{display:none}.panel,.menu-panel,.settings-panel{width:min(100%,440px);max-height:100%;padding:clamp(20px,5vw,32px);overflow:auto;border:1px solid var(--panel-border);border-radius:28px;background:linear-gradient(145deg,rgba(28,49,67,.94),var(--panel)),#102033;box-shadow:0 30px 80px #0000006b}.panel h1,.panel h2,.menu-panel h1,.menu-panel h2,.settings-panel h2{margin:0 0 8px;font-size:clamp(1.65rem,7vw,2.4rem);line-height:1.05;letter-spacing:-.035em}.panel p,.menu-panel p,.settings-panel p{color:var(--text-muted);line-height:1.5}.menu-actions,.settings-actions{display:grid;gap:10px;margin-top:24px}.primary-button{min-height:52px;border-color:#8ff2dd6b;background:var(--accent);color:#06231f;font-weight:780}.settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:58px;border-bottom:1px solid rgba(182,221,226,.1)}.setting-group.settings-row{grid-template-columns:32px minmax(0,1fr);padding:16px 0}.setting-group h2,.setting-group .gyro-message,.setting-group [data-testid=calibrate]{grid-column:1 / -1}.setting-group>img,.mute-control>img{display:block;width:28px;height:28px}.setting-group>button{grid-column:2;width:100%}.setting-group.settings-row.material-options{grid-template-columns:repeat(2,minmax(0,1fr))}.material-options>button{grid-column:auto}.setting-group [data-testid=calibrate]{grid-column:1 / -1}.setting-group .gyro-message{min-height:0;margin:0}.drag-rate-settings{grid-template-columns:minmax(0,1fr) auto;padding:16px 0}.drag-rate-settings>input{grid-column:1 / -1;width:100%}.drag-rate-settings>button{grid-column:1 / -1}.mute-control.settings-row{grid-template-columns:32px minmax(0,1fr) auto;padding:16px 0}.mute-control input{width:22px;height:22px;margin:0}.segmented-control{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;border-radius:15px;background:#050f1a99}.segmented-control button{min-width:52px;border:0;background:transparent}.segmented-control button[aria-pressed=true]{background:#65dec933;color:#baffef}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(orientation:landscape)and (max-height:560px){.hud{grid-template-columns:auto 1fr auto}.panel,.menu-panel,.settings-panel{width:min(620px,100%);padding:18px 24px}.settings-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.settings-panel h2,.settings-panel .settings-actions{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}