:root{--bp-bg: #0a1628;--bp-panel: #0f2044;--bp-accent: #4fc3f7;--bp-accent-glow: rgba(79, 195, 247, .3);--bp-text: #e8f4fd;--bp-text-dim: #8ab4d0;--bp-btn: #1565c0;--bp-btn-hover: #1976d2;--bp-btn-active: #0d47a1;--bp-muted: #b0bec5}.bubble-pop-game{background:var(--bp-bg);color:var(--bp-text);overflow:hidden;height:100vh;height:100dvh;width:100vw;position:relative}.bubble-pop-game .scene-track{position:relative;width:100%;height:100%}.bubble-pop-game .screen,.bubble-pop-game [id$=-screen]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;transform:translate(100%);transition:transform .52s cubic-bezier(.33,1,.68,1);visibility:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.bubble-pop-game .screen.active,.bubble-pop-game [id$=-screen].active{transform:translate(0);visibility:visible}.bp-screen-panel{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:480px;width:100%;padding:1rem}.bp-start-panel,.bp-end-panel{padding:2rem 1rem}.bp-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem}.bp-title{font-size:1.8rem;font-weight:700;color:var(--bp-accent);margin:0;letter-spacing:.02em}.bp-title-small{font-size:1.2rem}.bp-subtitle{color:var(--bp-text-dim);text-align:center;font-size:1.1rem;margin:.5rem 0}.bp-menu-btn{background:var(--bp-btn);color:var(--bp-text);border:none;padding:.4rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem}.bp-menu-btn:hover{background:var(--bp-btn-hover)}.bp-menu-btn:focus-visible{outline:2px solid var(--bp-accent);outline-offset:2px}.bp-pose-list{width:100%}.bp-pose-list-title{font-weight:600;margin-bottom:.5rem;color:var(--bp-text)}.bp-pose-chips{display:flex;flex-wrap:wrap;gap:.5rem}.bp-pose-chip{background:var(--bp-panel);border:1px solid var(--bp-accent-glow);border-radius:8px;padding:.4rem .75rem;font-size:.85rem;color:var(--bp-text-dim)}.bp-camera-prompt{color:var(--bp-muted);font-size:.9rem;text-align:center}.bp-primary-btn{background:var(--bp-accent);color:var(--bp-bg);border:none;padding:.8rem 2rem;border-radius:8px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.bp-primary-btn:hover{background:var(--bp-btn-hover);transform:scale(1.02)}.bp-primary-btn:active{background:var(--bp-btn-active);transform:scale(.98)}.bp-primary-btn:focus-visible{outline:2px solid var(--bp-accent);outline-offset:2px}.bp-hud{display:flex;gap:1rem;padding:.4rem .8rem;background:#0f2044cc;border-radius:8px;font-size:.9rem;position:absolute;top:.5rem;left:50%;transform:translate(-50%);z-index:10}.bp-hud-item{color:var(--bp-accent);font-weight:600}.bp-floor{position:relative;width:100%;height:100%;overflow:hidden}#camera-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);opacity:.3;z-index:0;pointer-events:none}#pixi-stage{position:absolute;inset:0;width:100%;height:100%;z-index:1}#pixi-stage canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.bp-completion-msg{font-size:1.5rem;font-weight:700;color:var(--bp-accent);text-align:center}.noscript-message-bp{padding:2rem;text-align:center;color:var(--bp-text);background:var(--bp-panel);border-radius:8px;max-width:480px;margin:2rem auto}.bp-controls-help p{margin:.3rem 0;color:var(--bp-text-dim);font-size:.9rem}.bubble-pop-game [role=dialog]{z-index:200}.bubble-pop-game .gamepad-focus{outline:3px solid var(--bp-accent)!important;outline-offset:2px}@media(prefers-reduced-motion:reduce){.bubble-pop-game .screen,.bubble-pop-game [id$=-screen]{transition:none}}