.zuma-game .zuma-toolbar{align-items:flex-end;gap:1rem;flex-wrap:wrap;padding:1.1rem}
.zuma-game .zuma-toolbar .field{min-width:160px;flex:1}
.zuma-game .zuma-progress{display:grid;gap:.35rem;min-width:200px;flex:1;align-self:center}
.zuma-game .zuma-progress strong{font-size:1rem}
.zuma-game .zuma-stage{padding:0;position:relative;overflow:hidden;background:#d9e9df}
.zuma-game .zuma-hud{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;padding:.85rem 1rem;background:var(--panel);font-size:.85rem;border-bottom:1px solid var(--line)}
.zuma-game .zuma-hud strong{font-variant-numeric:tabular-nums}
.zuma-game canvas{display:block;width:100%;aspect-ratio:3/2;touch-action:none;cursor:crosshair;outline-offset:-4px}
.zuma-game .zuma-danger{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background:var(--panel);font-size:.75rem;border-top:1px solid var(--line)}
.zuma-game .zuma-danger progress{flex:1;min-width:30px;height:7px;border:none;appearance:none;border-radius:10px;background:var(--soft);accent-color:var(--accent)}
.zuma-game .zuma-danger progress::-webkit-progress-bar{background:var(--soft);border-radius:10px}
.zuma-game .zuma-danger progress::-webkit-progress-value{background:var(--accent);border-radius:10px}
.zuma-game .zuma-danger progress.is-danger::-webkit-progress-value{background:var(--danger)}
.zuma-game .zuma-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#20352b55;padding:1rem;backdrop-filter:blur(2px)}
.zuma-game .zuma-overlay[hidden]{display:none}
.zuma-game .zuma-overlay-card{width:min(450px,100%);padding:1.7rem;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 55px #142b2530;text-align:center}
.zuma-game .zuma-overlay-card h2{margin:.3rem 0 .7rem;font-size:clamp(1.1rem,3.7vw,1.7rem)}
.zuma-game .zuma-overlay-card p{line-height:1.6}
.zuma-game .zuma-overlay-card .row{justify-content:center;flex-wrap:wrap}
.zuma-game .zuma-overline{font-size:.65rem;font-weight:700;letter-spacing:.13em;color:var(--accent)}
.zuma-game .zuma-controls{padding:1rem;display:grid;gap:1rem}
.zuma-game .zuma-ammo{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}
.zuma-game .zuma-ammo small{display:block;font-size:.7rem;color:var(--muted);margin-bottom:.2rem}
.zuma-game .zuma-ammo strong{font-size:.9rem}
.zuma-game .zuma-ammo-circle{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#ffffffaa,var(--marble) 57%);border:1px solid #37535455;box-shadow:0 3px 4px #152c2425;color:#17363e;font-size:1.2rem;font-weight:700}
.zuma-game .zuma-ammo-small{width:27px;height:27px;margin-left:.65rem;font-size:.95rem}
.zuma-game .zuma-ammo .btn{margin-left:auto}
.zuma-game .zuma-action-row{gap:.5rem;flex-wrap:wrap}
.zuma-game .zuma-action-row .btn{font-size:.83rem;padding:.7rem .9rem}
.zuma-game .zuma-key-controls{gap:.6rem;align-items:center;flex-wrap:nowrap}
.zuma-game .zuma-key-controls .btn{white-space:nowrap;font-size:.75rem;padding:.5rem .65rem}
.zuma-game .zuma-key-controls input{width:100%;min-width:35px;accent-color:var(--accent);flex:1}
.zuma-game .zuma-key-controls output{min-width:42px;font-size:.75rem;text-align:right;font-variant-numeric:tabular-nums}
.zuma-game .zuma-status{font-size:.85rem;color:var(--muted);min-height:1.5em;margin:.15rem 0}
.zuma-game .zuma-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem}
.zuma-game .zuma-guide,.zuma-game .zuma-milestones{padding:1.3rem}
.zuma-game .zuma-bottom h2{font-size:1.05rem;margin:0 0 .8rem}
.zuma-game .zuma-guide p{font-size:.85rem;line-height:1.85;color:var(--muted)}
.zuma-game .zuma-palette{display:flex;gap:.65rem;flex-wrap:wrap;padding:1rem 0;margin-top:.7rem;border-top:1px solid var(--line)}
.zuma-game .zuma-palette span{display:flex;align-items:center;gap:.3rem;font-size:.75rem}
.zuma-game .zuma-palette i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--marble);color:#17363e;font-style:normal}
.zuma-game .zuma-milestones .muted{font-size:.8rem;line-height:1.8}
@media(max-width:650px){
 .zuma-game .zuma-toolbar .field{min-width:110px}
 .zuma-game .zuma-progress{flex-basis:100%;min-width:0;font-size:.85rem}
 .zuma-game .zuma-hud{padding:.6rem .65rem;font-size:.72rem;gap:.35rem}
 .zuma-game .zuma-danger{padding:.6rem .65rem;gap:.4rem}
 .zuma-game .zuma-bottom{grid-template-columns:1fr}
 .zuma-game .zuma-controls{padding:.7rem;gap:.8rem}
 .zuma-game .zuma-action-row .btn{flex:1 1 80px;padding:.65rem .45rem;font-size:.75rem}
 .zuma-game .zuma-overlay-card{padding:1.1rem;border-radius:15px}
 .zuma-game .zuma-overlay-card p{font-size:.8rem;margin:.5rem 0}
 .zuma-game .zuma-overline{font-size:.58rem!important}
 .zuma-game .zuma-overlay-card .btn{padding:.55rem .8rem;font-size:.8rem}
}