:root{--bg:#0a0d14;--bg-deep:#0a0d14;--bg-surface:#141c26;--bg-panel:#1c2a3d;--bg-card:#243448;--bg-card-rgb:36, 52, 72;--gold:#f59e0b;--gold-bright:gold;--gold-text:#e8c65a;--gold-border:#a07830;--gold-glow:#e8c65a4d;--green:#4ade80;--green-dark:#3d6b4f;--green-darker:#1a2e1a;--green-glow:#4ade8040;--red:#ef4444;--red-dark:#7f1d1d;--brass-light:#f0d060;--brass:#d4aa40;--brass-dark:#96781e;--brass-shadow:#6a5010;--brass-glow:#d4aa4040;--olive-light:#8aaa6a;--olive:#5a7a42;--olive-dark:#3d5a28;--olive-shadow:#2a4a1a;--steel-light:#6a7a8a;--steel:#4a5a6a;--steel-dark:#2a3a4a;--leather:#8b5e3c;--wood:#7a6240;--text-white:#f5f0e0;--text-body:#e8d5a8;--text-muted:#8b7d5c;--panel-bg:linear-gradient(180deg, #2a3f5c 0%, #1c2e48 100%);--panel-border:#4a6080;--panel-highlight:#ffffff1f;--panel-shadow:#0009;--font-display:"Black Ops One", cursive;--font-mono:"Share Tech Mono", monospace;--font-body:"Segoe UI", system-ui, -apple-system, sans-serif;--fs-xs:9px;--fs-sm:11px;--fs-md:13px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:28px;--fs-3xl:36px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-pill:24px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:40px;--sp-8:48px;--sp-9:64px;--sp-10:80px;--dur-fast:.15s;--dur-med:.25s;--dur-slow:.4s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;height:100%}body{background:var(--bg);color:var(--text-white);font-family:var(--font-body);font-size:var(--fs-lg);line-height:1.5}#root{overscroll-behavior:none;height:100%;overflow:hidden auto}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}.game-canvas{touch-action:none;width:100%;height:100dvh;position:fixed;top:0;left:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.game-sheet-title,.training-section-label,.training-slot-label,.training-tier-multiplier,.training-cost-value,.store-pack-name,.store-pack-compute,.store-offer-title,.store-offer-value,.store-daily-title,.store-daily-amount,.roster-row-name,.roster-recruit-btn,.soldier-sheet-name,.medical-soldier-name,.recruit-name-call,.recruit-balance-value,.battle-card-name,.result-title,.camp-bottom-btn-label{-webkit-text-stroke:.5px #0009;paint-order:stroke fill}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(40%)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 6px 20px #b91c1c80,0 0 24px #ef444440,inset 0 1px #ffffff40}50%{box-shadow:0 6px 28px #b91c1cb3,0 0 40px #ef444466,inset 0 1px #ffffff40}}@keyframes sheetSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cardPop{0%{opacity:0;transform:scale(.85)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes glowPulseGold{0%,to{box-shadow:0 4px 16px #d4aa404d,0 0 20px #d4aa401a}50%{box-shadow:0 4px 24px #d4aa4080,0 0 40px #d4aa4040}}@keyframes shimmerSweep{0%{transform:translate(-100%)translateY(-100%)}to{transform:translate(100%)translateY(100%)}}@keyframes glowPulseGreen{0%,to{box-shadow:0 0 14px var(--green-glow), inset 0 0 8px #4ade800f}50%{box-shadow:0 0 24px #4ade8073,inset 0 0 12px #4ade801f}}.btn-action-red{border-radius:var(--radius-lg);color:#fff;font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px #00000080;cursor:pointer;transition:transform .1s var(--ease-spring);touch-action:none;background:linear-gradient(#f55 0%,#e63535 40%,#c41e1e 70%,#a31515 100%);border:2px solid #ff787866;border-bottom:6px solid #6b1010;justify-content:center;align-items:center;gap:10px;display:flex;box-shadow:0 6px 20px #b91c1c99,0 0 30px #ef444440,inset 0 2px #ffffff4d,inset 0 -2px 4px #0003}.btn-action-red:active{border-bottom-width:2px;transform:scale(.96)translateY(4px);box-shadow:0 2px 8px #b91c1c66,inset 0 2px #fff3}.btn-action-red:disabled{opacity:.4;pointer-events:none}.game-panel{border:2px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px var(--panel-shadow), inset 0 2px 0 var(--panel-highlight), inset 0 -2px 4px #0000004d;background:linear-gradient(#2d4565 0%,#1e3350 50%,#162840 100%)}.resource-pill{border-radius:var(--radius-pill);background:linear-gradient(#2d4060 0%,#1e3048 100%);border:2px solid #4a6888;align-items:center;gap:6px;padding:8px 16px;display:flex;box-shadow:0 3px 8px #0006,inset 0 1px #ffffff26}.resource-pill .icon{border-radius:50%;width:22px;height:22px}.resource-pill .icon.gold{background:radial-gradient(circle at 35% 35%,gold,#b8860b);box-shadow:0 0 8px #ffd70080}.resource-pill .icon.compute{background:radial-gradient(circle at 35% 35%,#4ade80,#22863a);box-shadow:0 0 8px #4ade8080}.resource-pill .value{font-family:var(--font-display);color:var(--text-white);text-shadow:0 1px 3px #00000080;min-width:36px;font-size:16px}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.hud-resource-group{gap:8px;display:flex}