@import url('../styles/game.css');
:root{--tank-focus:#087866}.game-layout{align-items:start}.game-battle-tanks .app-shell{width:min(1360px,calc(100% - 32px))}.game-battle-tanks .game-layout{grid-template-columns:minmax(0,1fr) minmax(280px,320px);gap:clamp(18px,2.5vw,38px)}.arena-wrap{position:relative;overflow:hidden;width:100%;min-width:0;aspect-ratio:16/9;border-radius:10px;background:#14251f;box-shadow:0 16px 50px rgba(22,38,33,.16)}:root[data-theme="dark"]{--tank-focus:#ffd36a}.arena-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;image-rendering:auto;touch-action:none}.arena-wrap:fullscreen canvas,.arena-wrap.is-fullscreen canvas{width:min(100%,177.78vh);width:min(100%,177.78dvh);max-width:100%;max-height:100%;height:auto;object-fit:contain}.active-flag{position:absolute;top:12px;left:12px;padding:7px 11px;border:1px solid #fff;border-radius:999px;color:#13241e;background:rgba(255,255,255,.92);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.arena-wrap[data-active="1"] .active-flag{right:12px;left:auto}.score small{display:block;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase}.readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.readouts div{display:grid;gap:4px;padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--card)}.readouts span,.control-group>span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.readouts strong{font-size:15px}.control-pad{display:grid;gap:9px}.control-group{display:grid;grid-template-columns:1fr 48px 48px;align-items:center;gap:8px}.control-group button{min-height:44px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--card);font-size:21px;font-weight:700;touch-action:manipulation;cursor:pointer}.control-group button:hover:not(:disabled){border-color:var(--ink)}.control-group button:disabled,.fire-button:disabled{cursor:not-allowed;opacity:.45}.fire-button{font-size:16px}.controls button:focus-visible{outline:3px solid var(--tank-focus);outline-offset:3px}@media(max-width:850px){.game-battle-tanks .game-layout{grid-template-columns:1fr}.arena-wrap{max-width:760px;margin-inline:auto}.readouts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.active-flag{top:7px;left:7px;padding:5px 8px;font-size:9px}.arena-wrap[data-active="1"] .active-flag{right:7px}.readouts{grid-template-columns:1fr}.readouts div{grid-template-columns:1fr auto}.control-group{grid-template-columns:1fr 54px 54px}.instructions{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.game-battle-tanks .mode-switch button:not([aria-pressed="true"]){color:#fff}

/* In-arena combat HUD */
.arena-health{position:absolute;z-index:2;top:14px;left:50%;display:grid;width:min(52%,430px);grid-template-columns:1fr 1fr;gap:18px;transform:translateX(-50%);pointer-events:none}.health-card{display:grid;gap:5px;padding:8px 10px;border:1px solid rgba(255,255,255,.65);border-radius:9px;color:#fff;background:rgba(18,38,32,.72);box-shadow:0 5px 18px rgba(0,0,0,.18);backdrop-filter:blur(7px)}.health-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.health-card span{font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.health-card strong{font-size:14px;font-variant-numeric:tabular-nums}.health-card.right>div:first-child{flex-direction:row-reverse}.health-track{height:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.2)}.health-track i{display:block;width:100%;height:100%;border-radius:inherit;background:#78d294;transition:width .35s ease,background .35s}.health-card.right .health-track i{margin-left:auto}.impact-callout{position:absolute;z-index:3;top:42%;left:50%;color:#fff;font-size:clamp(22px,4vw,38px);font-weight:900;letter-spacing:.08em;text-shadow:0 3px 16px #000;opacity:0;transform:translate(-50%,-50%) scale(.7);pointer-events:none}.impact-callout.show{animation:impact-pop .8s ease-out}@keyframes impact-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-65%) scale(1)}}
@media(max-width:480px){.arena-health{top:7px;width:58%;gap:5px}.health-card{padding:5px 6px}.health-card span{font-size:7px}.health-track{height:5px}}
.mobile-controls,.fullscreen-controls{display:none}.arena-wrap:fullscreen .fullscreen-controls,.arena-wrap.is-fullscreen .fullscreen-controls{position:absolute;z-index:5;bottom:max(14px,env(safe-area-inset-bottom));left:50%;display:grid;width:min(94vw,820px);grid-template-columns:repeat(3,minmax(88px,1fr));align-items:center;gap:7px;padding:8px;border:1px solid rgba(255,255,255,.55);border-radius:12px;color:#fff;background:rgba(15,28,24,.88);transform:translateX(-50%);backdrop-filter:blur(8px)}.arena-wrap[data-phase="game-over"] .fullscreen-controls{display:none}.compact-readouts{display:flex;justify-content:center;gap:10px;white-space:nowrap}.compact-readouts span{display:grid;gap:2px;color:rgba(255,255,255,.72);font-size:9px;font-weight:800;letter-spacing:.06em;text-align:center;text-transform:uppercase}.compact-readouts strong{color:#fff;font-size:15px;font-variant-numeric:tabular-nums}.compact-control-group{display:grid;grid-template-columns:repeat(2,minmax(44px,1fr));gap:4px}.fullscreen-controls button{min-height:46px;padding:5px;border:1px solid rgba(255,255,255,.55);border-radius:8px;color:#fff;background:rgba(255,255,255,.12);font-size:clamp(11px,1.8vw,16px);font-weight:800;touch-action:manipulation}.fullscreen-controls button:disabled{opacity:.4}.fullscreen-controls .fullscreen-fire{color:#14251f;background:#ffd36a}.compact-loadout{display:grid;min-width:0;grid-template-columns:auto minmax(76px,1fr);align-items:center;gap:2px 6px}.compact-loadout label,.compact-loadout span{font-size:10px;font-weight:700}.compact-loadout span{grid-column:2}.compact-loadout select{min-width:0;min-height:32px}.arena-wrap .arena-share{top:clamp(70px,15%,92px);bottom:auto}.arena-wrap:fullscreen .arena-share,.arena-wrap.is-fullscreen .arena-share{top:max(76px,calc(env(safe-area-inset-top) + 64px));z-index:7}.arena-wrap:fullscreen .fullscreen-exit,.arena-wrap.is-fullscreen .fullscreen-exit{z-index:10;border:2px solid #fff;color:#10231c;background:#ffd36a;box-shadow:0 4px 18px rgba(0,0,0,.55)}@media(max-width:620px){.arena-wrap:fullscreen .fullscreen-controls,.arena-wrap.is-fullscreen .fullscreen-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.fullscreen-controls .fullscreen-fire{grid-column:auto}.arena-wrap:fullscreen .fullscreen-exit,.arena-wrap.is-fullscreen .fullscreen-exit{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));min-height:44px;padding-inline:12px}}@media(max-width:620px) and (orientation:portrait){.arena-wrap:fullscreen,.arena-wrap.is-fullscreen{place-items:start center}.arena-wrap:fullscreen canvas,.arena-wrap.is-fullscreen canvas{width:100%;max-height:calc(100dvh - 180px - env(safe-area-inset-bottom))}}
.fullscreen-inventory{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-width:0;color:#fff}.fullscreen-inventory>strong{font-size:11px;text-transform:uppercase}.fullscreen-inventory .inventory{flex:1;min-width:0;min-height:0;flex-wrap:nowrap;overflow-x:auto}.fullscreen-inventory .inventory button{min-height:44px;padding:6px 10px;border-color:rgba(255,255,255,.7);color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,211,106,.18));font-size:12px;white-space:nowrap}.fullscreen-inventory .inventory:not(:has(button)){color:rgba(255,255,255,.75);font-size:12px}
.mobile-controls{position:sticky;z-index:20;bottom:max(6px,env(safe-area-inset-bottom));box-sizing:border-box;width:100%;grid-template-columns:1fr 1.2fr 72px;gap:6px;padding:8px;border:2px solid var(--ink);border-radius:14px;color:#fff;background:rgba(20,37,31,.96);box-shadow:0 8px 24px rgba(0,0,0,.3);backdrop-filter:blur(8px)}.mobile-controls button{min-width:0;min-height:44px;padding:4px;border:1px solid rgba(255,255,255,.5);border-radius:7px;color:#fff;background:rgba(255,255,255,.12);font-size:12px;font-weight:800;touch-action:manipulation}.mobile-controls button:disabled{opacity:.4}.mobile-controls .mobile-fire{color:#14251f;background:#ffd36a;font-size:15px}.mobile-controls .mobile-fullscreen{grid-column:1/-1}.mobile-controls .compact-loadout{grid-template-columns:auto minmax(60px,1fr)}.mobile-controls .compact-loadout select{height:30px}.mobile-controls>.compact-control-group{grid-row:2}.mobile-controls>.inventory{display:none;grid-column:1/-1;min-width:0;flex-wrap:nowrap;overflow-x:auto}.mobile-controls>.inventory:has(button){display:flex}.mobile-controls>.inventory button{white-space:nowrap}.mobile-effect-status{grid-column:1/-1;padding:5px 7px;border-radius:6px;color:#fff2b0;background:rgba(255,255,255,.1);font-size:11px;font-weight:700}.mobile-effect-status[hidden]{display:none}
.power-up-panel{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--card)}.power-up-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.power-up-heading span,.effect-status{color:var(--muted);font-size:12px}.inventory{display:flex;flex-wrap:wrap;gap:9px;min-height:44px}.inventory button{min-height:44px;padding:8px 12px;border:2px solid color-mix(in srgb,var(--line) 72%,var(--ink));border-radius:9px;color:var(--ink);background:linear-gradient(145deg,color-mix(in srgb,var(--card) 86%,#fff),color-mix(in srgb,var(--card) 82%,#ffd36a));box-shadow:inset 0 2px 0 #ffffff70,0 3px 0 color-mix(in srgb,var(--line) 76%,transparent);font-weight:800;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.inventory button:hover:not(:disabled){border-color:var(--ink);box-shadow:inset 0 2px 0 #ffffff90,0 5px 0 color-mix(in srgb,var(--line) 82%,transparent);transform:translateY(-2px)}.inventory button:active:not(:disabled){box-shadow:inset 0 2px 0 #ffffff70,0 1px 0 color-mix(in srgb,var(--line) 76%,transparent);transform:translateY(2px)}.inventory button:disabled{opacity:.45}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Acquisition presentation stays in the DOM (not the canvas) so it remains operable. */
:root{--power-card-bg:#fffdf4;--power-card-ink:#172b24;--power-card-accent:#d76b45}.power-card-layer{position:fixed;z-index:1000;inset:0;box-sizing:border-box;display:grid;width:100%;height:100vh;height:100dvh;place-items:center;overflow:hidden;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:rgba(10,24,20,.52);backdrop-filter:blur(4px);overscroll-behavior:none;pointer-events:auto;animation:power-backdrop .45s ease-out}.power-card-layer[hidden]{display:none}.power-card{box-sizing:border-box;display:grid;width:min(390px,100%);max-height:calc(100dvh - max(20px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom)));justify-items:center;gap:clamp(3px,1dvh,10px);overflow:hidden;padding:clamp(10px,2.2dvh,26px) clamp(14px,3vw,26px);border:3px solid var(--power-card-accent);border-radius:18px;color:var(--power-card-ink);background:var(--power-card-bg);box-shadow:0 18px 55px rgba(0,0,0,.5);text-align:center;animation:power-card-play 3.6s both}.power-card[data-theme="stealth"]{--power-card-accent:#6653a5}.power-card[data-theme="defence"]{--power-card-accent:#247c91}.power-card p,.power-card h2,.power-card dl{margin:0}.power-card-icon{display:block;font-size:clamp(28px,7dvh,58px);line-height:1}.power-card-player,.power-card-meta{font-size:clamp(.68rem,1.9dvh,.9rem);font-weight:800;text-transform:uppercase;letter-spacing:.07em}.power-card h2{font-size:clamp(1.35rem,4.8dvh,2rem);line-height:1.05}.power-card #power-card-effect{max-width:32rem;font-size:clamp(.78rem,2.2dvh,1rem);line-height:1.25}.power-card-values{display:flex;justify-content:center;gap:clamp(10px,3vw,24px)}.power-card-values div{display:grid}.power-card-values dt{font-size:clamp(.62rem,1.7dvh,.72rem);text-transform:uppercase}.power-card-values dd{margin:0;font-size:clamp(1rem,3dvh,1.2rem);font-weight:900}.power-card button{min-height:44px;padding:7px 18px;border:0;border-radius:8px;color:#fff;background:var(--power-card-ink);font-weight:800}@keyframes power-backdrop{0%,100%{background:rgba(10,24,20,.42)}45%{background:rgba(10,24,20,.62)}}@keyframes power-card-play{0%{opacity:0;transform:translateY(-35%) rotate(-7deg) scale(.72)}12%,82%{opacity:1;transform:translateY(0) rotate(0) scale(1)}100%{opacity:0;transform:translateY(12%) rotate(2deg) scale(.94)}}.arena-wrap:fullscreen .power-card,.arena-wrap.is-fullscreen .power-card{width:min(390px,100%)}@media(prefers-reduced-motion:reduce){.power-card-layer{animation:none}.power-card{animation:power-card-fade .12s linear both}@keyframes power-card-fade{from{opacity:0}to{opacity:1}}}

/* The result owns the visual focus without obscuring gameplay while a match is active. */
.result-layer{position:fixed;z-index:1001;inset:0;box-sizing:border-box;display:grid;width:100%;height:100vh;height:100dvh;place-items:center;overflow:hidden;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:rgba(10,24,20,.72);backdrop-filter:blur(5px);overscroll-behavior:none;animation:result-backdrop .45s ease-out}.result-layer[hidden]{display:none}.result-card{position:relative;box-sizing:border-box;display:grid;width:min(460px,100%);max-height:calc(100dvh - max(20px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom)));justify-items:center;gap:clamp(4px,1.2dvh,12px);overflow:hidden;padding:clamp(12px,3dvh,42px) clamp(14px,4vw,42px);border:2px solid rgba(255,255,255,.8);border-radius:24px;color:#172b24;background:linear-gradient(145deg,#fffdf4,#ffe49a);box-shadow:0 24px 80px rgba(0,0,0,.55);text-align:center;animation:result-arrive .7s cubic-bezier(.2,1.35,.35,1) both}.result-card::before,.result-card::after{position:absolute;content:'✦';color:#d76b45;font-size:clamp(22px,4dvh,34px);animation:result-spark 1.6s ease-in-out infinite}.result-card::before{top:clamp(9px,2dvh,18px);left:clamp(11px,3vw,22px)}.result-card::after{right:clamp(12px,3vw,24px);bottom:clamp(10px,2dvh,20px);animation-delay:.4s}.result-burst{display:block;color:#d76b45;font-size:clamp(34px,9dvh,72px);line-height:1;text-shadow:0 5px 0 rgba(128,61,35,.15)}.result-kicker,.result-card h2,.result-card p:not(.result-kicker){margin:0}.result-kicker{font-size:clamp(.66rem,1.8dvh,.75rem);font-weight:900;letter-spacing:.16em;text-transform:uppercase}.result-card h2{font-size:clamp(1.65rem,7dvh,4rem);line-height:1}.result-card p:not(.result-kicker){max-width:36rem;font-size:clamp(.78rem,2.2dvh,1rem);font-weight:700;line-height:1.3}.result-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-actions button{min-width:0;min-height:48px;padding-inline:8px}@keyframes result-backdrop{from{opacity:0}to{opacity:1}}@keyframes result-arrive{from{opacity:0;transform:translateY(45px) rotate(-3deg) scale(.72)}to{opacity:1;transform:none}}@keyframes result-spark{50%{transform:rotate(40deg) scale(1.35);opacity:.55}}

/* Landscape full screen uses a side command deck, leaving the 16:9 arena nearly full-height. */
@media(max-width:520px){.mobile-controls{display:grid}.controls>.readouts,.controls>.power-up-panel,.controls>.control-pad,.controls>.fire-button{display:none}}
@media (min-width:521px) and (max-height:900px), (min-width:701px) and (max-width:850px){.game-battle-tanks .game-layout{grid-template-areas:"arena compact" "arena settings";grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-template-rows:auto auto;align-items:start}.game-battle-tanks .arena-wrap{grid-area:arena}.game-battle-tanks .mobile-controls{position:static;display:grid;grid-area:compact;grid-template-columns:repeat(3,minmax(0,1fr))}.game-battle-tanks .controls{grid-area:settings;max-height:none;gap:8px;overflow:visible}.game-battle-tanks .controls>.readouts,.game-battle-tanks .controls>.power-up-panel,.game-battle-tanks .controls>.control-pad,.game-battle-tanks .controls>.color-controls,.game-battle-tanks .controls>.fire-button,.game-battle-tanks .controls>#fullscreen,.game-battle-tanks .controls>.instructions{display:none}}
@media (orientation:landscape){.arena-wrap:fullscreen,.arena-wrap.is-fullscreen{--battle-command-deck:clamp(150px,18vw,280px);box-sizing:border-box;grid-template-columns:minmax(0,1fr) var(--battle-command-deck);grid-template-rows:100%;place-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.arena-wrap:fullscreen canvas,.arena-wrap.is-fullscreen canvas{grid-column:1;grid-row:1;width:min(100%,177.78dvh);height:auto;max-width:100%;max-height:100%;object-fit:contain}.arena-wrap:fullscreen .fullscreen-controls,.arena-wrap.is-fullscreen .fullscreen-controls{position:relative;inset:auto;box-sizing:border-box;display:grid;width:100%;height:100%;grid-column:2;grid-row:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;align-self:stretch;justify-self:stretch;gap:7px;padding:clamp(8px,1.2vw,16px);border-width:0 0 0 1px;border-radius:0;transform:none}.fullscreen-controls>.compact-readouts,.fullscreen-controls>.fullscreen-inventory,.fullscreen-controls>.compact-control-group,.fullscreen-controls>.compact-loadout,.fullscreen-controls>.fullscreen-fire{grid-column:1/-1}.arena-wrap:fullscreen .arena-health,.arena-wrap.is-fullscreen .arena-health,.arena-wrap:fullscreen .impact-callout,.arena-wrap.is-fullscreen .impact-callout{left:calc((100% - var(--battle-command-deck))/2)}.arena-wrap:fullscreen[data-active="1"] .active-flag,.arena-wrap.is-fullscreen[data-active="1"] .active-flag{right:calc(var(--battle-command-deck) + 12px)}.arena-wrap:fullscreen .arena-share,.arena-wrap.is-fullscreen .arena-share{left:calc((100% - var(--battle-command-deck))/2)}}
@media (orientation:landscape) and (max-height:500px){.arena-wrap:fullscreen,.arena-wrap.is-fullscreen{--battle-command-deck:clamp(148px,18vw,190px)}.arena-wrap:fullscreen .fullscreen-controls,.arena-wrap.is-fullscreen .fullscreen-controls{gap:4px;padding:6px}.fullscreen-controls button{min-height:44px;font-size:10px}.fullscreen-controls label,.fullscreen-controls select,.fullscreen-controls span{min-width:0;font-size:9px}.fullscreen-inventory{gap:4px}.fullscreen-inventory>strong{display:none}.fullscreen-inventory .inventory{overflow:hidden}.fullscreen-inventory .inventory button{min-height:44px;padding:3px 5px;font-size:9px}.fullscreen-controls .inventory:not(:has(button)){display:none}.fullscreen-controls .compact-loadout{grid-template-columns:1fr}.fullscreen-controls .compact-loadout label{display:none}.fullscreen-controls .compact-loadout select{min-height:44px}.fullscreen-controls .compact-loadout span{grid-column:1;text-align:center}}
@media(max-height:420px){.power-card,.result-card{border-radius:14px}.power-card{gap:2px;padding:8px 14px}.power-card-icon{font-size:26px}.power-card h2{font-size:1.25rem}.power-card #power-card-effect{font-size:.75rem}.result-card{gap:3px;padding:8px 14px}.result-burst{font-size:30px}.result-card h2{font-size:1.55rem}.result-card p:not(.result-kicker){font-size:.75rem}.result-actions button{min-height:44px}}
body:has(.power-card-layer:not([hidden])),body:has(.result-layer:not([hidden])){overflow:hidden;overscroll-behavior:none}
@media(prefers-reduced-motion:reduce){.result-layer,.result-card,.result-card::before,.result-card::after{animation:none}}

/* Combat feedback intentionally reads at arena scale: bright projectile energy,
   a full-frame blast flash, hard screen shake, and oversized damage type. */
.impact-callout{z-index:4;padding:.12em .35em;font-size:clamp(28px,6vw,62px);font-weight:1000;-webkit-text-stroke:2px #701c0b;text-shadow:0 4px 0 #8f260d,0 8px 28px #000,0 0 18px #ff9a22;transform:translate(-50%,-50%) scale(.35) rotate(-6deg)}.impact-callout.show{animation:impact-mega-pop 1.05s cubic-bezier(.14,.88,.2,1.25)}.arena-wrap::after{position:absolute;z-index:3;inset:0;content:'';background:radial-gradient(circle at center,rgba(255,255,220,.96),rgba(255,102,20,.72) 18%,rgba(151,24,4,.25) 42%,transparent 70%);opacity:0;mix-blend-mode:screen;pointer-events:none}.arena-wrap.is-impacting::after{animation:impact-flash .72s ease-out}.arena-wrap.is-impacting canvas{animation:arena-impact-shake .62s cubic-bezier(.2,.8,.3,1)}@keyframes impact-mega-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-8deg)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.35) rotate(3deg)}30%{transform:translate(-50%,-50%) scale(.94) rotate(-2deg)}68%{opacity:1;transform:translate(-50%,-55%) scale(1.05)}100%{opacity:0;transform:translate(-50%,-85%) scale(1.2)}}@keyframes impact-flash{0%{opacity:1}18%{opacity:.28}30%{opacity:.78}100%{opacity:0}}@keyframes arena-impact-shake{0%,100%{transform:translate(0)}12%{transform:translate(-8px,5px) rotate(-.35deg)}24%{transform:translate(10px,-4px) rotate(.45deg)}38%{transform:translate(-7px,-3px)}52%{transform:translate(6px,4px)}68%{transform:translate(-3px,1px)}82%{transform:translate(2px,-1px)}}
@media(prefers-reduced-motion:reduce){.arena-wrap.is-impacting::after{animation:none;opacity:.35}.arena-wrap.is-impacting canvas,.impact-callout.show{animation:none}.impact-callout.show{opacity:1;transform:translate(-50%,-50%)}}

/* Pixel artillery presentation; mechanics and collision geometry stay untouched. */
:is([data-arcade-theme="playful"],[data-arcade-theme="cabinet"]) .game-battle-tanks .arena-wrap{border-radius:0}
:is([data-arcade-theme="playful"],[data-arcade-theme="cabinet"]) .game-battle-tanks :is(.active-flag,.health-card,.health-track,.readouts div,.control-group button,.power-up-panel,.inventory button,.mobile-controls,.fullscreen-controls,.power-card,.result-card){border-radius:0}
:is([data-arcade-theme="playful"],[data-arcade-theme="cabinet"]) .game-battle-tanks :is(.active-flag,.health-card span,.readouts span,.impact-callout,.power-card h2,.result-card h2){font-family:var(--pixel-font)}
:is([data-arcade-theme="playful"],[data-arcade-theme="cabinet"]) .game-battle-tanks .health-card{border:2px solid #fff4d6;box-shadow:3px 3px 0 #0008;backdrop-filter:none}
:is([data-arcade-theme="playful"],[data-arcade-theme="cabinet"]) .game-battle-tanks .arena-wrap::before{position:absolute;z-index:1;inset:0;background:repeating-linear-gradient(0deg,transparent 0 7px,#fff 7px 8px);content:"";opacity:.055;pointer-events:none}
:is([data-arcade-theme="playful"],[data-arcade-theme="cabinet"]) .game-battle-tanks .impact-callout{-webkit-text-stroke:0;text-shadow:5px 5px 0 #701c0b,8px 8px 0 #000}