body.breakers-game{--font: system-ui, -apple-system, "Segoe UI", sans-serif;--font-title: system-ui, -apple-system, "Segoe UI", sans-serif;--bg: #0a0a14;--text: #e0e0e0;--muted: rgba(224, 224, 224, .65);--panel: rgba(16, 14, 24, .78);--panel-strong: rgba(24, 20, 36, .92);--line: rgba(224, 224, 224, .14);--accent: #ff5533;--accent-soft: rgba(255, 85, 51, .16);--hud-bg: rgba(8, 6, 14, .85);--spotlight: radial-gradient(circle at 50% 40%, rgba(255, 85, 51, .1), transparent 55%);min-height:100dvh;margin:0;overflow:hidden;font-family:var(--font);color:var(--text);background:var(--bg)}body.breakers-game main{overflow:hidden}.scene-track{position:relative;width:100%;height:100%;min-height:100dvh;overflow:hidden;background:var(--spotlight),var(--bg)}.ba-screen-panel{width:min(100%,78rem);margin:0 auto;display:grid;gap:clamp(.8rem,2vw,1.4rem);padding:max(1rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));box-sizing:border-box}.ba-start-panel{align-content:center;min-height:100dvh;text-align:center}.ba-game-panel{min-height:100dvh;grid-template-rows:auto minmax(0,1fr)}.ba-end-panel{align-content:center;min-height:100dvh;text-align:center}.ba-header{display:flex;align-items:center;gap:.6rem;padding:.5rem .8rem;background:var(--panel);border:1px solid var(--line);border-radius:1rem}.ba-title{margin:0;font-family:var(--font-title);font-size:clamp(2rem,5vw,3.6rem);letter-spacing:.04em;color:var(--text)}.ba-start-panel .ba-title{color:var(--accent);text-shadow:0 0 6px color-mix(in srgb,var(--accent) 70%,transparent),0 0 18px color-mix(in srgb,var(--accent) 50%,transparent),0 0 38px color-mix(in srgb,var(--accent) 35%,transparent)}.ba-menu-btn{appearance:none;font-family:var(--font);font-size:.95rem;font-weight:600;letter-spacing:.04em;padding:.6rem 1rem;border-radius:.8rem;border:1px solid var(--line);background:var(--panel-strong);color:var(--text);cursor:pointer}.ba-menu-btn:focus-visible{outline:3px solid #ffffff;outline-offset:2px}.ba-icon-btn{appearance:none;font-family:var(--font);font-size:1.4rem;font-weight:700;width:44px;height:44px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--line);background:var(--panel-strong);color:var(--text);cursor:pointer;transition:background .16s ease-out,transform .12s ease-out;touch-action:manipulation}.ba-icon-btn:hover{background:#3c2832eb}.ba-icon-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ba-icon-btn:active{transform:scale(.93)}.ba-quit-btn{border-color:#f536;color:var(--accent)}.ba-subtitle{margin:0;color:var(--muted);font-size:clamp(1rem,2.2vw,1.25rem)}.ba-camera-prompt{color:var(--muted);font-size:clamp(.9rem,2vw,1.1rem)}.ba-camera-prompt p{margin:0}.ba-primary-btn{appearance:none;font-family:var(--font-title);font-size:clamp(1.1rem,2.4vw,1.4rem);font-weight:700;letter-spacing:.06em;padding:.9rem 2rem;border-radius:1rem;border:0;cursor:pointer;color:var(--bg);background:var(--accent);box-shadow:0 0 1.4rem var(--accent);transition:transform .12s ease-out,filter .16s ease-out}.ba-primary-btn:hover{filter:brightness(1.15)}.ba-primary-btn:focus-visible{outline:3px solid #ffffff;outline-offset:3px}.ba-primary-btn:active{transform:scale(.97)}.ba-hud-item{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:.95rem;white-space:nowrap}.ba-combo{color:var(--accent);font-weight:700;font-size:1rem}.ba-floor{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;border-radius:1rem;border:1px solid var(--line);background:var(--panel);flex:1}#camera-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);border-radius:inherit;z-index:1;opacity:.35}#pixi-stage,.ba-floor{-webkit-touch-callout:none;user-select:none;touch-action:none}#pixi-stage{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;z-index:2}#pixi-stage canvas{display:block;width:100%;height:100%;border-radius:inherit}.ba-completion-msg{margin:0;color:var(--muted);font-size:clamp(1rem,2.2vw,1.25rem)}.ba-pose-list{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:.8rem;background:var(--panel);border:1px solid var(--line);max-width:min(100%,28rem);margin:0 auto}.ba-pose-list-title{font-size:clamp(.75rem,1.6vw,.85rem);font-weight:600;color:var(--muted);margin:0}.ba-pose-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.ba-pose-chip{font-size:clamp(.7rem,1.4vw,.8rem);padding:.25rem .55rem;border-radius:1rem;background:var(--panel-strong);color:var(--text);border:1px solid var(--line);white-space:nowrap}.ba-controls-help{display:grid;gap:.5rem;color:var(--muted)}.ba-controls-help kbd{font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Menlo,monospace;font-size:.9em;padding:.05rem .4rem;border:1px solid var(--line);border-radius:.3rem;background:#ffffff0f}.noscript-message{margin:2rem auto;max-width:36rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:1rem;background:var(--panel);color:var(--text);text-align:center}@media(orientation:landscape)and (max-height:480px){.ba-game-panel{gap:.4rem}.ba-header{padding:.4rem .7rem}}@media(prefers-reduced-motion:reduce){body.breakers-game .screen{transition-duration:0ms}.ba-primary-btn,.ba-icon-btn,.ba-menu-btn{transition:none}}body.breakers-game[data-reduce-motion=true] .screen{transition-duration:0ms}body.breakers-game[data-reduce-motion=true] .ba-primary-btn,body.breakers-game[data-reduce-motion=true] .ba-icon-btn,body.breakers-game[data-reduce-motion=true] .ba-menu-btn{transition:none}