game-hud{display:flex;flex-direction:column;gap:.55rem;width:min(100%,540px);padding-top:max(env(safe-area-inset-top),.25rem)}@media(min-width:940px){game-hud{width:100%}}hud-nav{display:flex;align-items:center;gap:.6rem}hud-back button,hud-restart button,hud-pause button{display:grid;place-items:center;width:48px;height:48px;color:var(--color-on-surface-variant);transition:background-color .2s var(--ease-emphasized),transform .25s var(--ease-spring)}hud-back m-symbol,hud-restart m-symbol,hud-pause m-symbol{font-size:27px}hud-back button:hover,hud-pause button:hover{background:var(--color-surface-container-high)}hud-restart button:hover{background:var(--color-coral-container);color:var(--color-on-coral-container)}hud-back button:active,hud-restart button:active,hud-pause button:active{transform:scale(.88)}hud-title{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.2;text-align:center}hud-mode{font-family:var(--font-serif);font-weight:600;font-variation-settings:"WONK" 1,"SOFT" 0;font-size:1.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}hud-difficulty{font-size:.85rem;color:var(--color-on-surface-variant)}hud-stats{display:flex;align-items:center;justify-content:space-between;gap:.6rem}hud-score{display:flex;align-items:center;gap:.4rem;padding:.42rem .85rem;border:var(--frame-width) solid var(--frame-color);background:var(--color-surface-container-lowest);box-shadow:3px 3px 0 var(--shadow-ink)}hud-score m-symbol{font-size:21px;color:var(--color-tertiary);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" var(--icon-grade),"opsz" 24}score-text{font-size:1.08rem;font-weight:800;font-variant-numeric:tabular-nums;min-width:2.2ch}hud-score[negative=true]{border-color:var(--color-error)}hud-score[negative=true] score-text{color:var(--color-error)}@keyframes score-bump{0%,to{transform:scale(1)}40%{transform:scale(1.16)}}hud-score[bump=true]{animation:score-bump .3s var(--ease-spring)}@keyframes score-debit{0%,to{transform:translate(0);background:var(--color-surface-container-lowest)}25%{transform:translate(-5px);background:var(--color-error-container)}75%{transform:translate(4px);background:var(--color-error-container)}}hud-score[debit=true]{animation:score-debit .45s var(--ease-emphasized)}hud-lives{display:flex;gap:4px}hud-lives[shown=false]{display:none}hud-lives m-symbol{font-size:25px;color:var(--color-error);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" var(--icon-grade),"opsz" 24;transition:font-variation-settings .3s var(--ease-emphasized),color .3s var(--ease-emphasized),transform .35s var(--ease-spring)}hud-lives m-symbol[state=lost]{color:var(--color-outline-variant);font-variation-settings:"FILL" 0,"wght" 400,"GRAD" var(--icon-grade),"opsz" 24;transform:scale(.82)}hud-timer{display:flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border:var(--frame-width) solid var(--frame-color);background:var(--color-surface-container-lowest);color:var(--color-on-surface);transition:background-color .3s var(--ease-emphasized),color .3s var(--ease-emphasized),border-color .3s var(--ease-emphasized)}hud-timer m-symbol{font-size:20px}timer-text{font-size:1.02rem;font-weight:700;font-variant-numeric:tabular-nums}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}hud-timer[urgent=true]{background:var(--color-error);border-color:var(--color-error);color:var(--color-on-error);animation:timer-pulse 1s var(--ease-emphasized) infinite}@media(max-width:480px){game-hud{gap:.45rem}hud-back button,hud-restart button,hud-pause button{width:42px}hud-mode{font-size:1.15rem}hud-lives m-symbol{font-size:22px}hud-score{padding:.36rem .65rem}hud-score m-symbol{font-size:18px}score-text{font-size:.98rem}hud-timer{padding:.38rem .65rem;gap:.3rem}hud-timer m-symbol{font-size:18px}timer-text{font-size:.95rem}}