/* Gameplay reference: independent of the home lobby and modal layouts. */
#app.playing:not(.social-active) .hud{inset:max(14px,env(safe-area-inset-top)) 14px auto;pointer-events:none}
#app.playing:not(.social-active) .game-brand{max-width:none;overflow:visible}
#app.playing:not(.social-active) .game-brand strong{font-size:clamp(40px,9.4vw,76px);line-height:1;letter-spacing:-.065em}
#app.playing:not(.social-active) .game-brand small{max-width:none;margin-top:8px;padding:5px 10px;border-radius:30px;background:linear-gradient(#7050ab,#49307e);font-size:clamp(10px,2.65vw,18px);white-space:nowrap;box-shadow:inset 0 0 0 1px #ffffff55;text-shadow:none}
#app.playing:not(.social-active)>.score-card{top:var(--play-score-top,160px);left:14px;width:clamp(130px,33vw,240px);padding:12px 13px;border:1.5px solid #fff;border-radius:20px;background:linear-gradient(135deg,#ffffffaa,#f0edffb8);box-shadow:0 12px 28px #7870b326,inset 0 1px 1px #fff;color:#685797;backdrop-filter:blur(14px);text-align:left;pointer-events:none}
#app.playing:not(.social-active)>.score-card>span:first-child{font-size:clamp(14px,3.1vw,22px);color:#685797}
#app.playing:not(.social-active) #score{display:block;font-size:clamp(56px,14vw,96px);line-height:1.08;color:#35216e;text-shadow:0 2px 2px #b6acd7}
#app.playing:not(.social-active) #score::after{content:"跳";font-size:.38em;color:#a69ac4;margin-left:10px;text-shadow:none}
#app.playing:not(.social-active) #combo{display:block;margin-top:6px;padding:9px 0;border-top:1px solid #d9d0f3;border-bottom:1px solid #d9d0f3;font-size:clamp(11px,2.75vw,18px);color:#665390;white-space:nowrap}
#app.playing:not(.social-active) #combo::before{content:"★ ";color:#ffc629;font-size:1.3em}
#app.playing:not(.social-active) #next-bonus{display:none}
#app.playing:not(.social-active) .best-line{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:clamp(12px,2.8vw,18px);color:#a095bc}
#app.playing:not(.social-active) #hud-best{color:#4a347e;font-weight:800}
#app.playing:not(.social-active) .crown-icon{color:#35d995}
.play-instruction{display:none}
#app.playing:not(.social-active) .play-instruction{display:block;position:absolute;bottom:max(28px,calc(env(safe-area-inset-bottom) + 16px));left:0;width:100%;text-align:center;color:#74689e;font-size:clamp(13px,3.3vw,21px);pointer-events:none;z-index:4}
.play-instruction::before,.play-instruction::after{content:"—";margin:0 13px;color:#afa4cb}
@media(max-height:520px){#app.playing:not(.social-active)>.score-card{top:var(--play-score-top,120px);transform:scale(.78);transform-origin:top left}#app.playing:not(.social-active) .game-brand strong{font-size:34px}}