:root{color:#231711;background:radial-gradient(circle at top,#ffe7b2a6,#0000 40%),linear-gradient(#f2d2a2 0%,#d89b58 48%,#7f5132 100%);font-family:Avenir Next Condensed,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}#app{min-height:100vh;padding:clamp(1rem,2vw,2rem)}.screen{width:min(1100px,100%);margin:0 auto}.screen-loadout{background:oklab(94.4361% .00242336 .0392094);border:3px solid #5c3117;gap:1.4rem;padding:clamp(1.5rem,3vw,3rem);display:grid;box-shadow:0 24px 80px #2f190a33}.loadout-hero h1,.battle-header h2{letter-spacing:-.05em;text-transform:uppercase;margin:0;font-size:clamp(2.8rem,6vw,5.8rem);line-height:.95}.eyebrow{text-transform:uppercase;letter-spacing:.28em;margin:0 0 .5rem;font-size:.8rem}.lede{max-width:42rem;font-size:1.1rem}.loadout-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.picker{gap:.4rem;font-weight:700;display:grid}.picker select,.start-button,.touch-button{font:inherit}.picker select{background:#fff2d6;border:2px solid #5c3117;padding:.8rem 1rem}.progress-note{flex-wrap:wrap;gap:.75rem;font-weight:700;display:flex}.start-button{color:#fff3e1;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg,#9d3c12,#d46120);border:0;justify-self:start;padding:.9rem 1.4rem}.screen-battle{gap:1rem;display:grid;position:relative}.battle-header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.battle-title{max-width:9ch;font-size:clamp(1.9rem,4vw,3.4rem);line-height:.95}.hud-bars{grid-template-columns:repeat(2,minmax(11rem,15rem));gap:1rem;display:grid}.health-panel{background:#fff2d6d1;border:2px solid #5c3117;gap:.35rem;padding:.7rem .8rem;display:grid}.health-panel-copy{justify-content:space-between;align-items:center;gap:.75rem;font-weight:700;display:flex}.health-label{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.health-value{font-variant-numeric:tabular-nums}.health-track{background:#4d2c1933;border:2px solid #412111;height:.8rem}.health-fill{height:100%}.health-fill-player{background:linear-gradient(90deg,#cf5e31,#f3b15f)}.health-fill-opponent{background:linear-gradient(90deg,#2b6f73,#66b6a7)}.battle-stage{background:#d0a468;border:3px solid #3a200f;position:relative;overflow:clip}.damage-feed{pointer-events:none;align-content:start;gap:.45rem;width:min(16rem,100% - 1.5rem);min-height:5.25rem;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:.75rem;left:.75rem}.damage-event{background:#fff3dce6;border:2px solid #4c2815;justify-self:start;align-items:center;min-height:1.55rem;padding:.32rem .55rem;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 8px 18px #2f190a2e}.damage-event-projectile{background:#ffe7bef2}.damage-event-hazard,.damage-event-trap{background:#efcbbff2}canvas[data-battle-canvas=true]{background:#d0a468;width:100%;height:min(56vh,640px);display:block}.touch-controls{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;display:grid}.touch-button{background:#fff1d2e0;border:2px solid #432514;padding:.9rem .7rem}.result-overlay{place-items:center;padding:1rem;display:grid;position:absolute;inset:5.5rem 0 4.5rem}.result-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid #3b1f14;width:min(32rem,100%);padding:clamp(1.2rem,3vw,2rem);box-shadow:0 26px 80px #1f100a47}.result-overlay-victory .result-panel{background:linear-gradient(#fdefc3f5,#efcf8aeb),radial-gradient(circle at 100% 0,#ffffff52,#0000 38%)}.result-overlay-defeat .result-panel{background:linear-gradient(#f4dac5f2,#be765beb),radial-gradient(circle at 100% 0,#fff0e138,#0000 42%)}.result-panel h3{text-transform:uppercase;letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,5vw,4.2rem);line-height:.92}.result-message,.result-next{max-width:28rem;margin:.65rem 0 0}.result-message{font-size:1.1rem;font-weight:700}.result-next{color:oklab(44.5812% .0265944 .0268254)}.result-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.result-button{min-width:8.75rem;font:inherit;text-transform:uppercase;letter-spacing:.08em;border:2px solid #3b1f14;padding:.85rem 1rem}.result-button-primary{color:#fff3e1;background:linear-gradient(135deg,#9d3c12,#d46120)}.result-button-secondary{color:#311b13;background:#fff4ddeb}.result-button-ghost{color:#311b13;background:0 0}@media (width<=720px){.battle-header{flex-direction:column;align-items:start}.hud-bars{grid-template-columns:1fr;width:100%}.battle-title{max-width:12ch;font-size:clamp(1.6rem,7vw,2.4rem)}.damage-feed{width:min(12rem,100% - 1rem);min-height:4.4rem;top:.5rem;left:.5rem}.touch-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.result-overlay{inset:6.5rem 0 6rem}.result-actions{flex-direction:column}.result-button{width:100%}}