.app--artillery{grid-template-rows:auto auto 1fr auto auto}.app--artillery>.topbar{grid-row:1}.app--artillery>.ar-life{grid-row:2}.app--artillery>.board{grid-row:3}.app--artillery>.ar-status{grid-row:4}.app--artillery>.controls{grid-row:5}:root{--left:#4da3ff;--right:#ff9147;--ground:#2f6b45;--ground-edge:#57c483;--sky:#0910208c}:root[data-theme=light]{--left:#1f6feb;--right:#e2670d;--ground:#49906a;--ground-edge:#2f6b45;--sky:#ffffff80}.ar-life{grid-template-columns:1fr 1fr;gap:10px;padding:2px 14px 6px;display:grid}.ar-gauge{flex-direction:column;gap:4px;display:flex}.ar-gauge-head{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-items:baseline;gap:6px;font-size:.7rem;font-weight:700;display:flex}.ar-gauge--right .ar-gauge-head{flex-direction:row-reverse}.ar-gauge-hp{font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--text);font-size:.95rem}.ar-gauge-bar{background:var(--glass);border-radius:99px;height:8px;position:relative;overflow:hidden}.ar-gauge-bar:after{content:"";width:var(--hp,100%);background:var(--left);border-radius:99px;transition:width .3s;position:absolute;inset:0 auto 0 0}.ar-gauge--right .ar-gauge-bar:after{background:var(--right);inset:0 0 0 auto}.ar-gauge.is-active .ar-gauge-head{color:var(--text)}.ar-gauge.is-active .ar-gauge-bar{box-shadow:0 0 0 1.5px var(--glass-edge)}.app--artillery .board{isolation:isolate;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);padding:0 8px;display:grid}.ar-field-host{place-items:center;width:100%;height:100%;display:grid}.ar-field{background:linear-gradient(180deg, var(--bg-glow) 0%, transparent 70%), var(--sky);border-radius:14px;width:100%;height:100%;min-height:0;display:block;overflow:hidden}.ar-ground{fill:var(--ground)}.ar-surface{fill:none;stroke:var(--ground-edge);stroke-width:1.2px;stroke-linejoin:round}.ar-trail{fill:none;stroke-width:.7px;stroke-dasharray:2.5 3;stroke-linecap:round;opacity:.45}.ar-trail--left{stroke:var(--left)}.ar-trail--right{stroke:var(--right)}.ar-trail.is-empty{display:none}.ar-arc{fill:none;stroke:var(--text);stroke-width:.8px;stroke-linecap:round;opacity:.6}.ar-shell{fill:var(--text)}.ar-hull,.ar-turret{fill:var(--left)}.ar-barrel{stroke:var(--left);stroke-width:1.8px;stroke-linecap:round}.ar-tank--right .ar-hull,.ar-tank--right .ar-turret{fill:var(--right)}.ar-tank--right .ar-barrel{stroke:var(--right)}.ar-marker{fill:var(--text);opacity:0}.ar-tank.is-active .ar-marker{opacity:.85;animation:1.1s ease-in-out infinite ar-bob}.ar-tank.is-out{opacity:.3}.ar-tank.is-out .ar-barrel{stroke-dasharray:1.5 1.5}@keyframes ar-bob{0%,to{transform:translateY(0)}50%{transform:translateY(1.6px)}}.ar-burst{fill:var(--danger);transform-box:fill-box;transform-origin:50%;animation:ar-burst var(--burst-ms,.45s) ease-out forwards}.ar-burst--dirt,.ar-burst--fill{fill:var(--ground-edge)}@keyframes ar-burst{0%{opacity:.95;transform:scale(.15)}55%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.ar-tank.is-active .ar-marker{animation:none}.ar-burst{animation:ar-burst-still var(--burst-ms,.45s) linear forwards}@keyframes ar-burst-still{0%,70%{opacity:.8}to{opacity:0}}}.ar-status{min-height:1.15rem;color:var(--text-dim);text-align:center;font-variant-numeric:tabular-nums;margin:0;padding:0 14px;font-size:.74rem}.ar-status.is-alert{color:var(--danger)}.app--artillery .controls{flex-direction:column;align-items:stretch;gap:8px}.ar-row{align-items:stretch;gap:8px;display:flex}.ar-dial{border-radius:var(--radius);background:var(--surface);box-shadow:0 2px 0 var(--shadow);flex:1;align-items:center;gap:4px;padding:5px 6px;display:flex}.ar-dial-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);flex:1;padding-left:4px;font-size:.62rem;font-weight:700}.ar-dial-value{text-align:center;font-variant-numeric:tabular-nums;min-width:2.6ch;font-size:1.05rem;font-weight:700}.ar-step{background:var(--surface-raised);width:38px;height:38px;color:var(--text);border-radius:11px;flex:none;place-items:center;font-size:1.2rem;font-weight:700;line-height:1;display:grid}.ar-step:active:not(:disabled){background:var(--accent-soft)}.ar-step:disabled{opacity:.35}.ar-move{border-radius:var(--radius);background:var(--surface);box-shadow:0 2px 0 var(--shadow);align-items:center;gap:4px;padding:5px 6px;display:flex}.ar-move-value{text-align:center;min-width:3.4ch}.ar-move-value b{font-variant-numeric:tabular-nums;font-size:1.05rem;line-height:1.05;display:block}.ar-move-value span{letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);font-size:.55rem;font-weight:700}.ar-weapon{border-radius:var(--radius);background:var(--surface);min-width:0;color:var(--text);text-align:left;box-shadow:0 2px 0 var(--shadow);flex:1;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.ar-weapon-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.86rem;font-weight:700;overflow:hidden}.ar-weapon-name small{letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);font-size:.6rem;font-weight:700;display:block}.ar-weapon-count{background:var(--accent-soft);color:var(--accent);font-variant-numeric:tabular-nums;border-radius:99px;flex:none;padding:2px 8px;font-size:.7rem;font-weight:700}.ar-fire{border-radius:var(--radius);background:var(--accent);color:#fff;letter-spacing:.1em;text-transform:uppercase;width:100%;box-shadow:0 3px 0 var(--shadow);padding:14px;font-size:1.05rem;font-weight:800}.ar-fire:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.ar-fire:disabled{opacity:.4}.controls.is-right .ar-fire{background:var(--right)}.controls.is-right .ar-weapon-count{color:var(--right);background:#ff91472e}.controls.is-right .ar-step:active:not(:disabled){background:#ff91472e}.ar-secondary{justify-content:center;gap:10px;display:flex}.ar-list{flex-direction:column;gap:6px;margin:4px 0 12px;padding:0;list-style:none;display:flex}.ar-pick{background:var(--surface-raised);width:100%;color:var(--text);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.ar-pick[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.ar-pick b{font-size:.88rem;display:block}.ar-pick small{color:var(--text-dim);font-size:.68rem;display:block}.ar-pick-uses{color:var(--text-dim);font-variant-numeric:tabular-nums;flex:none;font-size:.72rem;font-weight:700}.ar-shop{flex-direction:column;gap:8px;width:100%;height:100%;padding:0 4px;display:flex}.ar-shop-turn{text-align:center;margin:0;font-size:.82rem;font-weight:700}.ar-shop-turn span{color:var(--text-dim);font-weight:600}.ar-pool{flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.ar-chip{background:var(--surface);width:100%;height:100%;color:var(--text);text-align:left;border-radius:11px;flex-direction:column;justify-content:center;gap:1px;padding:6px 8px;display:flex}.ar-chip b{font-size:.76rem;font-weight:700;line-height:1.15}.ar-chip span{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.6rem}.ar-chip.is-taken{background:var(--glass);opacity:.62}.ar-chip.is-taken b{text-decoration:line-through;text-decoration-thickness:1.5px}.ar-chip.is-taken--left b{color:var(--left)}.ar-chip.is-taken--right b{color:var(--right)}.ar-shop-tally{color:var(--text-dim);justify-content:space-between;margin:0;padding:0 4px;font-size:.7rem;font-weight:700;display:flex}.ar-shop-tally b{font-variant-numeric:tabular-nums}.ar-shop-tally .ar-shop-left b{color:var(--left)}.ar-shop-tally .ar-shop-right b{color:var(--right)}.ar-shop[hidden],.ar-life[hidden],.ar-row[hidden],.ar-field-host[hidden],.ar-secondary[hidden]{display:none}