.game-view{position:fixed;inset:0;background:var(--surface-0);z-index:100;display:flex;flex-direction:column}.game-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;padding-top:calc(8px + var(--safe-t));height:calc(52px + var(--safe-t));flex-shrink:0;background:#06060eeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.03);z-index:10}.toolbar-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--text-2);transition:color .2s,background .2s,transform .12s var(--ease-spring)}.toolbar-btn:hover{color:var(--text-1);background:#ffffff0d}.toolbar-btn:active{transform:scale(.88)}.toolbar-btn svg{width:20px;height:20px}.game-view-title{font-family:var(--font-display);font-size:.8rem;color:var(--text-3);font-weight:500;letter-spacing:.08em}.game-content{flex:1;position:relative;overflow:hidden}.game-content canvas{display:block;width:100%;height:100%;touch-action:none}.sound-prompt-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.sound-prompt{background:var(--surface-2);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:32px 28px 24px;text-align:center;max-width:280px;width:90%;animation:scaleIn .3s var(--ease-spring)}.sound-prompt-icon{color:var(--glow-cyan);margin-bottom:12px}.sound-prompt-text{color:var(--text-1);font-size:.95rem;margin-bottom:20px;letter-spacing:.02em}.sound-prompt-btns{display:flex;gap:10px}.sound-prompt-btn{flex:1;padding:10px 0;border-radius:10px;font-size:.82rem;letter-spacing:.04em;transition:all .2s ease}.sound-prompt-skip{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-3)}.sound-prompt-enable{background:#22d3ee1f;border:1px solid rgba(34,211,238,.25);color:var(--glow-cyan)}.sound-prompt-enable:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.bubble-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:24px 20px;max-width:380px;margin:0 auto;height:100%;align-content:center}@media(min-width:640px){.bubble-grid{grid-template-columns:repeat(8,1fr);max-width:520px}}.bubble{aspect-ratio:1;border-radius:50%;cursor:pointer;transition:transform .1s var(--ease-spring),box-shadow .1s ease,background .1s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative}.bubble:after{content:"";position:absolute;top:14%;left:18%;width:26%;height:20%;background:#ffffff47;border-radius:50%;transition:opacity .1s ease}.bubble--unpressed{background:var(--bubble-color);box-shadow:0 3px 6px #0006,inset 0 -3px 6px #0003,inset 0 2px 3px #ffffff26;transform:translateY(-2px)}.bubble--pressed{background:color-mix(in srgb,var(--bubble-color) 40%,var(--surface-0));box-shadow:inset 0 3px 10px #000000a6;transform:translateY(1px) scale(.84)}.bubble--pressed:after{opacity:0}.bubble-reset-wrap{position:absolute;bottom:calc(24px + var(--safe-b));left:50%;transform:translate(-50%);z-index:5}.btn-reset{padding:12px 32px;border-radius:100px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:var(--text-2);font-size:.82rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .25s var(--ease-out);letter-spacing:.04em}.btn-reset:hover{color:var(--text-1);border-color:#ffffff1f;background:#ffffff0d}.btn-reset:active{transform:scale(.94)}.breathing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:32px;padding:24px}.breathing-circle-wrap{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}@media(min-width:640px){.breathing-circle-wrap{width:280px;height:280px}}.breathing-circle{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(96,165,250,.5),rgba(96,165,250,.15) 55%,rgba(59,130,246,.05) 80%,transparent);box-shadow:0 0 100px #60a5fa1a,0 0 40px #60a5fa0f,inset 0 0 60px #60a5fa0f;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:scale(.5)}.breathing-text{font-family:var(--font-display);font-size:1.1rem;font-weight:400;letter-spacing:.2em;color:#ffffffe6}.breathing-timer{font-family:var(--font-display);font-size:2.4rem;font-weight:300;color:#ffffff80;margin-top:2px;font-variant-numeric:tabular-nums}.breathing-hint{font-size:.8rem;color:var(--text-3);text-align:center;letter-spacing:.06em}.zen-garden-reset{position:absolute;bottom:calc(24px + var(--safe-b));left:50%;transform:translate(-50%);z-index:5}.slice-hint{position:absolute;bottom:calc(24px + var(--safe-b));left:50%;transform:translate(-50%);color:var(--text-3);font-size:.8rem;pointer-events:none;transition:opacity 1s ease;letter-spacing:.06em;white-space:nowrap}.slice-hint.hidden{opacity:0}