/* Shared cartoon cases and illustrations; game values remain owned by each game. */
.cartoon-game{--hud-ink:#343327;--hud-cream:#fff0cd;--hud-olive:#d9dba9;--hud-rust:#a44631}
.cartoon-game .hud-case{border:2.5px solid var(--hud-ink);border-radius:999px;background:var(--hud-cream);color:var(--hud-ink);box-shadow:0 4px 0 var(--hud-ink),inset 0 3px 0 #fff9e7;min-width:0}
.cartoon-game .hud-stat-label{font:400 11px/1.1 Bowlby,Impact,sans-serif;letter-spacing:.15px;text-transform:none;color:#4d523a;white-space:nowrap;text-shadow:0 1px #fff9e4}
.cartoon-game .hud-stat-line{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}
.cartoon-game .hud-tire-icon,.cartoon-game .hud-resources i,.cartoon-game .fill-dots i{display:block;flex:none;background:url('../games/tread-toss/assets/tire-rolling-v9.png') center/contain no-repeat;width:32px;height:32px;border:0;border-radius:0;box-shadow:none}
.cartoon-game .hud-resources{display:flex;align-items:center;justify-content:center;gap:0;line-height:0}
.cartoon-game .hud-resources i{width:25px;height:25px;margin-left:-2px;transition:opacity .15s,filter .15s}
.cartoon-game .hud-resources i:first-child{margin-left:0}
.cartoon-game .hud-resources i[data-available=false]{opacity:.23;filter:grayscale(1)}
.cartoon-game [data-hud-clock]{display:inline-flex;flex:none;width:36px;height:39px;align-items:center;justify-content:center}
.cartoon-game .hud-clock{width:100%;height:100%;overflow:visible;transform:rotate(var(--clock-rock,0deg));transform-origin:50% 60%}
.cartoon-game .hud-clock-hand{transform:rotate(var(--clock-angle,0deg));transform-origin:24px 27px}
.cartoon-game :is(.toolbar>button,.game-actions button,.icon-button,.arcade-audio-controls .arcade-audio-pill){border:2px solid var(--hud-ink);background:var(--hud-cream);border-radius:999px;box-shadow:0 3px 0 var(--hud-ink),inset 0 2px #fff9e7;min-height:44px;color:var(--hud-ink)}
.cartoon-game .arcade-audio-controls .arcade-audio-pill[data-enabled=true]{background:#536049;color:#fff3d6;box-shadow:0 3px 0 var(--hud-ink),inset 0 2px #8d9875}
.cartoon-game :is(.control-panel,.panel,.result-card){border:3px solid var(--hud-ink);border-radius:38px;box-shadow:0 5px 0 var(--hud-ink),0 11px 24px #45361e24}
.cartoon-game :is(.primary,.pump-button){border:3px solid var(--hud-ink);border-radius:999px;box-shadow:0 4px 0 var(--hud-ink),inset 0 2px #e8825b;min-height:44px}
.cartoon-game :is(button,a):focus-visible{outline:3px solid var(--hud-rust);outline-offset:4px}
.cartoon-game .timer-stat{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.cartoon-game .hud-resources i{transition:none}}