:root{--ink: #140f24;--ink-2: #221a3a;--paper: #f4efe6;--gold: #f2c14e;--gold-dark: #b9822a;--blood: #e0503a;--stamina: #55c8f2;--muted: #b9b0cc;--display: "Impact", "Haettenschweiler", "Arial Narrow Bold", "Arial Black", system-ui, sans-serif;--body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--paper);font-family:var(--body);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;inset:0}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}.hidden{display:none!important}button{font-family:var(--display);letter-spacing:.06em;cursor:pointer;border:none;color:var(--ink)}#hud{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}.hud-side{display:flex;align-items:center;gap:10px;flex:1 1 0;max-width:420px}.hud-side[data-side="1"]{flex-direction:row-reverse;text-align:right}.hud-portrait{width:clamp(40px,6vw,64px);height:clamp(40px,6vw,64px);border-radius:50%;background:radial-gradient(circle at 50% 35%,#3a2d5c,#1a1330);border:3px solid var(--gold);box-shadow:0 4px #00000059;flex:none}.hud-bars{flex:1;display:flex;flex-direction:column;gap:4px}.hud-name{font-family:var(--display);font-size:clamp(14px,2vw,20px);letter-spacing:.08em;text-shadow:0 2px 0 rgba(0,0,0,.6)}.hp,.st{position:relative;border-radius:999px;overflow:hidden;background:#0a0614b3;border:2px solid rgba(0,0,0,.6)}.hp{height:clamp(12px,1.8vw,18px)}.st{height:7px;width:70%}.hud-side[data-side="1"] .st{margin-left:auto}.hp-fill,.hp-trail,.st-fill{position:absolute;top:0;bottom:0;left:0;width:100%;transform-origin:left center}.hud-side[data-side="1"] .hp-fill,.hud-side[data-side="1"] .hp-trail,.hud-side[data-side="1"] .st-fill{transform-origin:right center}.hp-trail{background:#fff3d6;transition:transform .5s ease-in .25s}.hp-fill{background:linear-gradient(180deg,#ffd66b,#e98a2b 60%,#c9561f)}.hp-fill.low{background:linear-gradient(180deg,#ff8a7a,var(--blood) 60%,#a12a1c)}.st-fill{background:linear-gradient(180deg,#a6ecff,var(--stamina))}.st-fill.short{background:#7d7690}.hud-centre{display:flex;align-items:center;gap:8px;padding-top:6px;flex:none}.hud-floor{font-family:var(--display);font-size:clamp(12px,1.6vw,16px);letter-spacing:.12em;color:var(--gold);text-shadow:0 2px 0 rgba(0,0,0,.6);white-space:nowrap}.pips{display:flex;gap:4px}.pip{width:12px;height:12px;border-radius:50%;border:2px solid var(--gold);background:#0006}.pip.won{background:var(--gold);box-shadow:0 0 10px #f2c14ecc}#hint{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);padding:8px 16px;border-radius:999px;background:#0a0614a6;font-size:clamp(12px,1.6vw,15px);color:var(--paper);pointer-events:none;white-space:nowrap;transition:opacity .6s}#hint.fade{opacity:0}#jump{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:clamp(64px,10vw,92px);height:clamp(64px,10vw,92px);border-radius:50%;background:radial-gradient(circle at 40% 35%,#8fe3ff,#2b9fd0);border:4px solid rgba(255,255,255,.85);box-shadow:0 5px #0006;font-size:clamp(14px,2vw,18px);color:#0c2a3a;touch-action:none}#jump:active{transform:translateY(3px);box-shadow:0 2px #0006}#jump2{position:absolute;right:max(70px,calc(env(safe-area-inset-right) + 58px));bottom:max(18px,env(safe-area-inset-bottom));width:clamp(64px,10vw,92px);height:clamp(64px,10vw,92px);border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffb59a,#d0542b);border:4px solid rgba(255,255,255,.85);box-shadow:0 5px #0006;font-size:clamp(14px,2vw,18px);color:#3a1208;touch-action:none}#jump2:active{transform:translateY(3px);box-shadow:0 2px #0006}#mute{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:44px;height:44px;border-radius:50%;background:#0a061499;color:var(--paper);display:grid;place-items:center}#mute .cross,#mute.off .wave{display:none}#mute.off .cross{display:inline}#banner{position:absolute;left:0;right:0;top:26%;transform:translateY(-50%);text-align:center;font-family:var(--display);font-size:clamp(44px,10vw,128px);letter-spacing:.04em;color:var(--paper);text-shadow:0 6px 0 rgba(0,0,0,.55),0 0 40px rgba(0,0,0,.4);pointer-events:none;opacity:0}#banner.show{animation:banner-in .9s cubic-bezier(.2,1.4,.4,1) forwards}#banner.gold{color:var(--gold);-webkit-text-stroke:2px #6b3d0f}#banner.red{color:#ff5a3c;-webkit-text-stroke:3px #3a0c06;font-size:clamp(56px,13vw,170px)}#banner.small{font-size:clamp(28px,6vw,72px)}@keyframes banner-in{0%{opacity:0;transform:translateY(-50%) scale(2.2) rotate(-4deg)}35%{opacity:1;transform:translateY(-50%) scale(.95) rotate(1deg)}55%{transform:translateY(-50%) scale(1.03)}80%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(1.05)}}#versus{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(12px,5vw,80px);background:linear-gradient(100deg,#285a3cd9 0 49.6%,#0c0814f2 49.6% 50.4%,#781e1ed9 50.4%);pointer-events:none}.vs-card{display:flex;flex-direction:column;align-items:center;animation:vs-left .5s cubic-bezier(.2,1.2,.4,1) both}.vs-card[data-side="1"]{animation-name:vs-right}.vs-card canvas{width:clamp(120px,26vw,280px);height:clamp(120px,26vw,280px)}.vs-name{font-family:var(--display);font-size:clamp(30px,6vw,72px);letter-spacing:.06em;text-shadow:0 5px 0 rgba(0,0,0,.5)}.vs-title{font-size:clamp(12px,1.8vw,18px);color:var(--gold);letter-spacing:.12em;text-transform:uppercase}.vs-mark{font-family:var(--display);font-size:clamp(48px,10vw,140px);color:var(--gold);-webkit-text-stroke:3px #6b3d0f;text-shadow:0 8px 0 rgba(0,0,0,.5);animation:vs-pop .6s .25s cubic-bezier(.2,1.6,.4,1) both}@keyframes vs-left{0%{transform:translate(-60vw)}to{transform:none}}@keyframes vs-right{0%{transform:translate(60vw)}to{transform:none}}@keyframes vs-pop{0%{transform:scale(0) rotate(-30deg)}to{transform:none}}#title-screen,#result-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2vh,18px);padding:16px;background:radial-gradient(ellipse at center,#140f2459,#140f24e0 75%);text-align:center}.logo{margin:0;font-family:var(--display);font-size:clamp(48px,min(15vw,22vh),190px);line-height:.9;letter-spacing:.02em;color:var(--paper);-webkit-text-stroke:3px #1b1330;text-shadow:0 8px 0 #1b1330,0 14px 30px rgba(0,0,0,.5);transform:rotate(-3deg)}.logo span{color:var(--blood)}.tagline{margin:0;font-size:clamp(14px,2.2vw,22px);color:var(--muted);letter-spacing:.04em}#play,#result-primary{margin-top:6px;padding:clamp(12px,2.2vh,20px) clamp(48px,9vw,110px);font-size:clamp(32px,6vw,64px);border-radius:18px;background:linear-gradient(180deg,#ffe08a,var(--gold) 55%,var(--gold-dark));box-shadow:0 8px #6b3d0f,0 16px 30px #00000073;animation:breathe 1.6s ease-in-out infinite}#play:active,#result-primary:active{transform:translateY(6px);box-shadow:0 2px #6b3d0f;animation:none}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}#roster{display:flex;gap:clamp(8px,2vw,18px);margin-top:6px}.fighter-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px 8px;border-radius:14px;background:#140f24b3;border:3px solid transparent;color:var(--paper);font-family:var(--body);letter-spacing:0}.fighter-card canvas{width:clamp(52px,8vw,84px);height:clamp(52px,8vw,84px)}.fighter-card[aria-checked=true]{border-color:var(--gold);background:#3c2d5ad9}.fighter-card .fc-name{font-family:var(--display);font-size:clamp(14px,2vw,20px);letter-spacing:.08em}.fighter-card .fc-weapon{font-size:12px;color:var(--muted)}.controls{margin:4px 0 0;font-size:clamp(11px,1.5vw,14px);color:var(--muted)}.result-title{margin:0;font-family:var(--display);font-size:clamp(44px,min(12vw,18vh),150px);letter-spacing:.03em;text-shadow:0 8px 0 rgba(0,0,0,.5)}.result-title.win{color:var(--gold);-webkit-text-stroke:3px #6b3d0f}.result-title.loss{color:#ff6a50;-webkit-text-stroke:3px #3a0c06}.result-sub{margin:0;font-size:clamp(16px,2.4vw,24px);color:var(--paper)}.result-stats{display:flex;gap:clamp(12px,3vw,36px);margin:4px 0}.stat{display:flex;flex-direction:column;align-items:center}.stat b{font-family:var(--display);font-size:clamp(24px,4vw,40px);color:var(--gold);font-weight:400}.stat span{font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}#result-secondary{padding:10px 22px;border-radius:999px;font-size:clamp(14px,2vw,18px);background:#ffffff1f;color:var(--paper)}#rotate{position:absolute;left:50%;top:12px;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#f2c14eeb;color:var(--ink);font-size:13px;white-space:nowrap;pointer-events:none}@media(max-height:520px){#title-screen,#result-screen{gap:6px}.tagline,.controls{display:none}#play,#result-primary{padding:8px 56px;font-size:34px;box-shadow:0 5px #6b3d0f}.fighter-card canvas{width:46px;height:46px}#hint{display:none}}#modes{display:flex;gap:clamp(8px,2vw,16px);margin-top:4px}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px;border-radius:12px;background:#140f24b3;border:3px solid transparent;color:var(--paper);font-family:var(--body);letter-spacing:0;text-align:left;max-width:260px}.mode-card[aria-checked=true]{border-color:var(--gold);background:#3c2d5ad9}.mode-name{font-family:var(--display);font-size:clamp(16px,2.2vw,22px);letter-spacing:.08em}.mode-line{font-size:12px;color:var(--muted)}#timer{font-family:var(--display);font-size:clamp(14px,2vw,22px);letter-spacing:.1em;color:var(--paper);text-shadow:0 2px 0 rgba(0,0,0,.6);margin-left:10px}#timer.urgent,.build-clock.urgent{color:#ff6a50;animation:blink .6s steps(2) infinite}@keyframes blink{50%{opacity:.35}}#siren{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #ff2814b3;animation:blink .5s steps(2) infinite}#cards{position:absolute;right:max(70px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:6px}.supply{position:relative;width:min(240px,40vw);height:14px;border-radius:999px;overflow:hidden;background:#0a0614b3;border:2px solid rgba(0,0,0,.6)}.supply-fill{position:absolute;inset:0;transform-origin:left center;background:linear-gradient(180deg,#d9a3ff,#8f4ed6)}.supply-text{position:absolute;inset:0;font-family:var(--display);font-size:11px;letter-spacing:.1em;text-align:center;line-height:12px;color:var(--paper)}.card-row{display:flex;gap:6px}.card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:clamp(56px,9vw,84px);height:clamp(56px,9vw,84px);border-radius:12px;background:#140f24cc;border:3px solid rgba(255,255,255,.2);color:var(--paper);font-family:var(--body);letter-spacing:0;opacity:.55;touch-action:none}.card.ready{opacity:1;border-color:var(--gold);box-shadow:0 0 14px #f2c14e80}.card.spent{opacity:.25;text-decoration:line-through}.card-cost{font-family:var(--display);font-size:clamp(16px,2.6vw,24px);color:#d9a3ff}.card-name{font-size:10px;text-align:center;line-height:1.1}#build{position:absolute;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(96vw,900px);display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:16px;background:#0e0a1ad1;border:2px solid rgba(242,193,78,.35)}.build-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-family:var(--display);letter-spacing:.1em}.build-title{font-size:clamp(14px,2vw,20px);color:var(--gold)}.build-clock{font-size:clamp(18px,3vw,30px)}.build-budget{font-size:clamp(14px,2vw,20px);color:#9fe0a8}.build-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.row-label{font-family:var(--display);font-size:12px;letter-spacing:.14em;color:var(--muted);margin-right:4px}.tool{display:flex;align-items:center;gap:6px;padding:5px 9px;border-radius:10px;background:#ffffff14;border:2px solid transparent;color:var(--paper);font-family:var(--body);letter-spacing:0;font-size:13px}.tool[aria-checked=true]{border-color:var(--gold);background:#3c2d5ae6}.tool.poor{opacity:.45}.tool-cost{color:#9fe0a8;font-family:var(--display)}.swatch{width:16px;height:16px;border-radius:4px;border:2px solid #1a1224;background:#888}.swatch-wood{background:#a8743f}.swatch-stone{background:#8e8ca0}.swatch-steel{background:#6f7f94}.swatch-bunker{background:#4a4f5c;box-shadow:inset 0 0 0 2px #d9c35b}.swatch-turret{background:#5d6a78;border-radius:50%}.swatch-flak{background:#7a8a9a;border-radius:50%}.swatch-mine{background:#3f3a3a;border-radius:50% 50% 4px 4px}.swatch-erase{background:transparent;border-style:dashed}.chip{padding:5px 10px;border-radius:999px;background:#ffffff14;border:2px solid transparent;color:var(--paper);font-family:var(--body);letter-spacing:0;font-size:13px}.chip[aria-checked=true],.chip[aria-pressed=true]{border-color:var(--gold);background:#3c2d5ae6}#ready{align-self:flex-end;padding:8px 28px;border-radius:12px;font-size:clamp(18px,2.6vw,26px);background:linear-gradient(180deg,#ffe08a,var(--gold) 55%,var(--gold-dark));box-shadow:0 5px #6b3d0f}#ready:disabled{opacity:.6;box-shadow:none;transform:translateY(3px)}@media(max-height:520px){#build{gap:3px;padding:5px 8px}.tool,.chip{padding:3px 7px;font-size:12px}#ready{padding:4px 18px;font-size:16px}.build-clock{font-size:18px}#modes .mode-line{display:none}}.icon{display:block;object-fit:cover;background:#14203a;border:2px solid #1a1224;border-radius:8px;box-sizing:border-box}.icon.missing{display:none}.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;width:68px;padding:5px 2px 4px;border-radius:10px;background:#ffffff14;border:2px solid transparent;color:var(--paper);font-family:var(--body);letter-spacing:0;font-size:11px;line-height:1.1}.tile .icon,.tile .swatch{width:46px;height:46px;border-radius:8px}.tile .swatch-erase{display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:26px;color:var(--muted);border:2px dashed var(--muted)}.tile .swatch-erase:after{content:"×"}.tile-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-cost{position:absolute;top:2px;right:4px;font-family:var(--display);font-size:13px;color:#9fe0a8;text-shadow:0 1px 2px #000,0 0 4px #000}.tile.supply-cost .tile-cost{color:#d9a3ff}.tile[aria-checked=true],.tile[aria-pressed=true]{border-color:var(--gold);background:#3c2d5ae6;box-shadow:0 0 10px #f2c14e59}.tile.poor{opacity:.45}.card{position:relative;justify-content:flex-start;padding-top:5px}.card .icon{width:58%;aspect-ratio:1}.card .card-cost{position:absolute;top:0;right:5px;text-shadow:0 1px 2px #000,0 0 4px #000}.fc-weapon{display:inline-flex;align-items:center;gap:5px}.fc-weapon .icon{width:24px;height:24px;border-radius:6px;border-width:1px}@media(max-height:520px){#build{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:5px 8px 6px;padding-right:max(8px,calc(env(safe-area-inset-right) + 58px))}.build-top{grid-column:1;grid-row:1;gap:12px}#ready{grid-column:2;grid-row:1;justify-self:end;padding:4px 18px;font-size:18px;box-shadow:0 3px #6b3d0f}.build-palette{grid-column:1 / -1}.build-weapons{grid-column:1}.build-cards{grid-column:2}.tile{width:44px;padding:3px 2px;gap:0}.tile .icon,.tile .swatch{width:36px;height:36px}.tile-name{display:none}.tile-cost{font-size:11px;top:0;right:2px}}#online{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:10px}.online-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}#online-code{width:5.5ch;padding:5px 8px;border-radius:999px;border:2px solid rgba(255,255,255,.25);background:#0a061499;color:var(--paper);font-family:var(--display);font-size:15px;letter-spacing:.18em;text-align:center;text-transform:uppercase}#online-code:focus{outline:none;border-color:var(--gold)}.online-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--paper);max-width:90vw}.online-link{color:#9fd8ff;font-family:var(--display);letter-spacing:.04em;text-decoration:none;word-break:break-all}#net-note{position:absolute;left:50%;bottom:max(70px,calc(env(safe-area-inset-bottom) + 60px));transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#0a0614bf;color:var(--paper);font-size:13px;pointer-events:none}@media(max-height:520px){#online{margin-top:4px;gap:3px}}#wardrobe{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:6px}.wardrobe-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.tile.ward{width:60px;padding-top:4px;font-size:10px}.tile.ward canvas.icon{width:40px;height:40px;background:#140f2499}.tile.ward.locked{opacity:.45}.tile.ward.locked .tile-cost{color:var(--muted);font-size:10px;letter-spacing:.08em}@media(max-height:520px){#wardrobe{display:none}}