*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0e1a2e;--bg2: #121e34;--surface: #162440;--surface2: #1a2a4a;--surface3: #1e3258;--border: #2a4a72;--border-bright: #3a6a9a;--accent: #f0a830;--accent-dim: rgba(240, 168, 48, .16);--accent-glow: rgba(240, 168, 48, .4);--accent2: #e04040;--accent2-dim: rgba(224, 64, 64, .14);--accent2-glow: rgba(224, 64, 64, .35);--ember: #ff9030;--ember-dim: rgba(255, 144, 48, .14);--ember-glow: rgba(255, 144, 48, .4);--cyan: #50b8e8;--cyan-dim: rgba(80, 184, 232, .12);--cyan-glow: rgba(80, 184, 232, .35);--gold: #f0c030;--gold-dim: rgba(240, 192, 48, .14);--gold-glow: rgba(240, 192, 48, .4);--purple: #a060e0;--purple-dim: rgba(160, 96, 224, .14);--purple-glow: rgba(160, 96, 224, .35);--green: #40c870;--green-dim: rgba(64, 200, 112, .12);--green-glow: rgba(64, 200, 112, .35);--magenta: #e050a0;--magenta-dim: rgba(224, 80, 160, .12);--magenta-glow: rgba(224, 80, 160, .35);--text: #e8e0d0;--text-dim: #a8a090;--text-muted: #687080;--team0: #50b8e8;--team1: #e04040;--hp-high: #40c870;--hp-mid: #f0a830;--hp-low: #e04040;--font-ui: "Philosopher", "Segoe UI", system-ui, sans-serif;--font-title: "Philosopher", "Segoe UI", system-ui, sans-serif;--font-display: "Philosopher", "Segoe UI", system-ui, sans-serif;--font-arcade: "Press Start 2P", "Courier New", monospace;--font-mono: "Press Start 2P", "Courier New", monospace;--font-sans: "Philosopher", "Segoe UI", system-ui, sans-serif;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 28px;--sa-top: env(safe-area-inset-top, 0px);--sa-right: env(safe-area-inset-right, 0px);--sa-bottom: env(safe-area-inset-bottom, 0px);--sa-left: env(safe-area-inset-left, 0px)}button,.btn,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:15px;line-height:1.45}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:radial-gradient(ellipse at 50% 30%,rgba(160,96,224,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,transparent 35%,rgba(6,10,20,.55) 100%);opacity:.9}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg);border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--border-bright),#2a5080);border-radius:2px;border:1px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4a8ac0,var(--cyan));box-shadow:0 0 10px var(--cyan-glow)}.btn{position:relative;padding:13px 26px;border:1px solid transparent;border-radius:3px;font-family:var(--font-title);font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase;transition:transform .12s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translate(-120%);transition:transform .6s ease;pointer-events:none}.btn:hover:before{transform:translate(120%)}.btn:active{transform:translateY(0) scale(.97)}.btn--primary{background:linear-gradient(180deg,#f0c030,#d08820);color:#1a0e00;border-color:#f0c030;box-shadow:0 0 28px var(--gold-glow),inset 0 1px #fff8c866,inset 0 -10px 18px #783c0040;text-shadow:0 1px 1px rgba(255,220,120,.4)}.btn--primary:hover{background:linear-gradient(180deg,#ffe040,#f0a830);box-shadow:0 0 44px var(--gold-glow),0 6px 18px #0006,inset 0 1px #fff8c880;transform:translateY(-2px)}.btn--secondary{background:var(--surface2);color:var(--text);border-color:var(--border-bright);box-shadow:inset 0 1px #ffffff0f}.btn--secondary:hover{border-color:var(--cyan);background:var(--cyan-dim);color:#fff;transform:translateY(-1px);box-shadow:0 0 18px var(--cyan-glow)}.btn--danger{background:linear-gradient(180deg,#e04040,#a02020);color:#fff;border-color:#e04040;box-shadow:0 0 20px var(--accent2-glow)}.btn--disabled{opacity:.32;cursor:not-allowed;pointer-events:none;filter:saturate(.35)}.ornate-frame{position:relative}.ornate-frame:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid var(--gold);opacity:.35;pointer-events:none;border-radius:inherit}.filigree-corners:before,.filigree-corners:after{content:"◆";position:absolute;font-size:10px;color:var(--gold);text-shadow:0 0 8px var(--gold-glow);pointer-events:none}.filigree-corners:before{top:4px;left:6px}.filigree-corners:after{bottom:4px;right:6px}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:2px;background:var(--bg2);border:1px solid var(--border);font-family:var(--font-title);font-size:10px;font-weight:700;letter-spacing:1px;color:var(--text-dim);text-transform:uppercase}.kbd{display:inline-block;min-width:16px;padding:0 4px;font-family:var(--font-arcade);font-size:9px;color:var(--text);background:var(--surface3);border:1px solid var(--border-bright);border-bottom-width:2px;border-radius:2px;text-align:center;line-height:14px}.phase-header{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--border);font-family:var(--font-title);font-size:12px;font-weight:700;letter-spacing:4px;color:var(--text-dim);text-transform:uppercase}.phase-header__dot{width:8px;height:8px;background:var(--gold);box-shadow:0 0 10px var(--gold-glow);animation:pulseDot 2s ease-in-out infinite;transform:rotate(45deg)}@keyframes pulseDot{0%,to{opacity:1;transform:rotate(45deg) scale(1)}50%{opacity:.45;transform:rotate(45deg) scale(1.25)}}@keyframes glowIdle{0%,to{filter:drop-shadow(0 0 6px var(--gold-glow))}50%{filter:drop-shadow(0 0 16px var(--gold-glow))}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes numberPop{0%{transform:scale(1)}30%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes hpFlash{0%,to{background:transparent}50%{background:#e040402e}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes flickerOnce{0%{opacity:0}10%{opacity:1}15%{opacity:.2}25%{opacity:1}to{opacity:1}}@keyframes scanShift{0%{background-position:0 0}to{background-position:0 200px}}@keyframes gridSlide{0%{transform:translateY(0)}to{transform:translateY(40px)}}@keyframes entryIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translate(var(--dx, 20px),var(--dy, -60px)) rotate(360deg);opacity:0}}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:after{display:none}}.game-tooltip{position:fixed;pointer-events:none;z-index:10000;transform:translate(-50%,calc(-100% - 8px));opacity:0;transition:opacity .12s ease;background:#040912fa;border:1px solid rgba(240,192,48,.35);border-top:2px solid rgba(240,192,48,.6);border-radius:4px;padding:6px 10px 7px;font-family:var(--font-sans);font-size:13px;font-weight:500;color:#c8bfaa;line-height:1.55;letter-spacing:.2px;white-space:pre-line;max-width:280px;width:max-content;box-shadow:0 12px 32px #000000d9,0 0 0 1px #ffffff08}.game-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#f0c03066}.game-tooltip--visible{opacity:1}.gtip-name{font-family:var(--font-sans);font-size:17px;font-weight:700;color:#f0e8cc;letter-spacing:1px;margin-bottom:0;text-shadow:0 0 12px rgba(240,192,48,.4)}.gtip-row{display:flex;align-items:baseline;gap:6px;font-family:var(--font-sans);font-size:15px;font-weight:600;color:#b0a890;line-height:1.2}.gtip-row span{flex:1}.gtip-row--dmg{color:#ff9090}.gtip-row--heal{color:#6acc88}.gtip-row--range{color:#90c8e8}.gtip-row--cd{color:#ffb840}.gtip-row--lasts{color:#c090f0}.gtip-row--passive{color:#7bd4f0}.gtip-row--desc{color:#c8bfaa;font-style:italic}.gtip-divider{height:1px;background:linear-gradient(90deg,rgba(240,192,48,.4),transparent);margin:1px 0}.gtip-desc{font-family:var(--font-sans);font-size:15px;font-weight:500;color:#c8bfaa;line-height:1.55;letter-spacing:.1px}.profile-card{position:absolute;top:16px;right:20px;background:#0e1a2eeb;border:1px solid rgba(240,192,48,.3);border-radius:8px;padding:10px 14px 8px;min-width:160px;box-shadow:0 0 16px #f0c03014,0 4px 16px #00000080;z-index:10}.profile-card__identity{display:flex;align-items:center;gap:8px;margin-bottom:6px}.profile-card__level{font-family:var(--font-title);font-size:11px;font-weight:900;letter-spacing:1px;color:var(--gold);background:#f0c0301f;border:1px solid rgba(240,192,48,.35);border-radius:3px;padding:2px 6px;white-space:nowrap}.profile-card__name{font-family:var(--font-title);font-size:13px;font-weight:700;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card__logout{background:none;border:none;color:var(--text-muted);font-size:16px;line-height:1;cursor:pointer;padding:0 2px;opacity:.5;transition:opacity .15s}.profile-card__logout:hover{opacity:1;color:var(--red)}.profile-card__xpbar-wrap{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-bottom:8px}.profile-card__xpbar{height:100%;background:linear-gradient(90deg,var(--gold),#ffdf80);border-radius:2px;transition:width .4s ease;min-width:2px}.profile-card__currencies{display:flex;gap:10px}.profile-currency{font-family:var(--font-title);font-size:12px;font-weight:700;letter-spacing:.5px}.profile-currency--gold{color:#f0c030}.profile-currency--gems{color:#a78bfa}.main-menu{width:100%;height:100vh;height:100dvh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,rgba(240,192,48,.1),transparent 45%),radial-gradient(ellipse at 20% 60%,rgba(80,184,232,.06),transparent 40%),radial-gradient(ellipse at 80% 60%,rgba(160,96,224,.06),transparent 40%),radial-gradient(ellipse at 50% 90%,rgba(64,200,112,.06),transparent 40%),linear-gradient(180deg,#0a1420,#0e1a2e 30%,#121e34,#0a1420)}.main-menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle 4px at 15% 25%,rgba(240,192,48,1) 0%,rgba(240,192,48,.3) 60%,transparent),radial-gradient(circle 3px at 30% 55%,rgba(80,184,232,.95) 0%,rgba(80,184,232,.2) 60%,transparent),radial-gradient(circle 3px at 50% 15%,rgba(160,96,224,.95) 0%,rgba(160,96,224,.2) 60%,transparent),radial-gradient(circle 4px at 65% 40%,rgba(240,192,48,.9) 0%,rgba(240,192,48,.2) 60%,transparent),radial-gradient(circle 3px at 80% 20%,rgba(64,200,112,.9) 0%,rgba(64,200,112,.2) 60%,transparent),radial-gradient(circle 3px at 10% 70%,rgba(240,192,48,.85) 0%,rgba(240,192,48,.2) 60%,transparent),radial-gradient(circle 4px at 85% 65%,rgba(80,184,232,.9) 0%,rgba(80,184,232,.2) 60%,transparent),radial-gradient(circle 3px at 45% 80%,rgba(160,96,224,.85) 0%,rgba(160,96,224,.2) 60%,transparent),radial-gradient(circle 3px at 72% 75%,rgba(240,192,48,.85) 0%,rgba(240,192,48,.2) 60%,transparent),radial-gradient(circle 3px at 25% 90%,rgba(64,200,112,.8) 0%,rgba(64,200,112,.2) 60%,transparent),radial-gradient(circle 3px at 55% 48%,rgba(255,144,48,.85) 0%,rgba(255,144,48,.2) 60%,transparent),radial-gradient(circle 4px at 38% 35%,rgba(240,192,48,.9) 0%,rgba(240,192,48,.2) 60%,transparent),radial-gradient(circle 3px at 92% 38%,rgba(160,96,224,.8) 0%,rgba(160,96,224,.2) 60%,transparent),radial-gradient(circle 3px at 6% 42%,rgba(80,184,232,.8) 0%,rgba(80,184,232,.2) 60%,transparent),radial-gradient(circle 4px at 60% 92%,rgba(240,192,48,.85) 0%,rgba(240,192,48,.2) 60%,transparent);animation:emberDrift 4s ease-in-out infinite alternate}@keyframes emberDrift{0%{opacity:.55;transform:translateY(0) scale(1)}to{opacity:1;transform:translateY(-22px) scale(1.08)}}.main-menu:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-30%;height:65%;pointer-events:none;background-image:linear-gradient(rgba(42,74,114,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(42,74,114,.3) 1px,transparent 1px);background-size:48px 48px;transform:perspective(400px) rotateX(62deg);transform-origin:50% 0;opacity:.2;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%)}.main-menu__scroll{position:relative;z-index:1;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;padding:28px 16px 40px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(240,192,48,.25) transparent}.main-menu__scroll::-webkit-scrollbar{width:5px}.main-menu__scroll::-webkit-scrollbar-track{background:transparent}.main-menu__scroll::-webkit-scrollbar-thumb{background:#f0c03038;border-radius:3px}.main-menu__scroll::-webkit-scrollbar-thumb:hover{background:#f0c03073}.main-menu__logo,.main-menu__budget,.main-menu__buttons,.main-menu__footer,.main-menu__parade{position:relative;z-index:1}.main-menu__parade{width:100vw;height:80px;flex-shrink:0;overflow:visible;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%)}.main-menu__logo{display:flex;flex-direction:column;align-items:center;gap:16px}.main-menu__logo h1{font-family:var(--font-display);font-size:104px;font-weight:900;letter-spacing:14px;padding-left:14px;line-height:1;color:var(--gold);text-align:center;position:relative;background:linear-gradient(180deg,#ffe870,#f0c030 32%,#d08820 62%,#a06010);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px var(--gold-glow)) drop-shadow(0 0 40px rgba(160,96,224,.3));animation:titleBreath 4s ease-in-out infinite,flickerOnce 1s ease}.main-menu__logo h1:before,.main-menu__logo h1:after{content:"❖";position:absolute;top:50%;transform:translateY(-50%);font-size:28px;color:var(--cyan);text-shadow:0 0 14px var(--cyan-glow);-webkit-text-fill-color:var(--cyan);filter:drop-shadow(0 0 10px var(--cyan-glow))}.main-menu__logo h1:before{left:-46px}.main-menu__logo h1:after{right:-60px}@keyframes titleBreath{0%,to{filter:drop-shadow(0 0 18px var(--gold-glow)) drop-shadow(0 0 40px rgba(160,96,224,.3))}50%{filter:drop-shadow(0 0 32px var(--gold-glow)) drop-shadow(0 0 70px rgba(160,96,224,.5))}}.main-menu__logo p{text-align:center;color:var(--text-dim);font-family:var(--font-title);font-size:14px;letter-spacing:10px;text-transform:uppercase;font-weight:700;padding-left:10px;text-shadow:0 0 12px var(--purple-glow)}.main-menu__budget{display:flex;flex-direction:column;align-items:center;gap:18px;width:min(580px,calc(100vw - 32px));padding:24px 20px 22px;position:relative;background:linear-gradient(180deg,#1a2a4af7,#0a1226fc);border:1px solid var(--gold);border-radius:6px;box-shadow:0 6px 60px #0000008c,0 0 40px var(--gold-glow),inset 0 0 30px #f0c0300f,inset 0 1px #fff8c82e;animation:budgetGlow 4s ease-in-out infinite}@keyframes budgetGlow{0%,to{box-shadow:0 6px 60px #0000008c,0 0 30px #f0c0302e,inset 0 0 30px #f0c0300d}50%{box-shadow:0 6px 60px #0000008c,0 0 55px #f0c03052,inset 0 0 40px #f0c03017}}.main-menu__budget:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(240,192,48,.22);border-radius:3px;pointer-events:none}.main-menu__budget:after{content:"◆";position:absolute;top:-10px;left:50%;transform:translate(-50%);color:var(--gold);font-size:16px;background:var(--bg);padding:0 10px;text-shadow:0 0 16px var(--gold-glow);animation:diamondSpin 6s ease-in-out infinite}@keyframes diamondSpin{0%,to{text-shadow:0 0 12px rgba(240,192,48,.5)}50%{text-shadow:0 0 28px rgba(240,192,48,1),0 0 50px rgba(240,192,48,.4)}}.budget-label{font-family:var(--font-title);font-size:13px;font-weight:900;letter-spacing:8px;color:var(--gold);text-transform:uppercase;text-shadow:0 0 14px var(--gold-glow)}.budget-options{display:flex;gap:12px;width:100%}.budget-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:0;padding:0;background:linear-gradient(170deg,#081020eb,#040a16f5);border:1px solid rgba(255,255,255,.08);border-top:4px solid var(--accent, rgba(240,192,48,.4));border-radius:7px;color:var(--text-muted);cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .14s,background .18s;overflow:hidden;position:relative}.budget-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent, #f0c030) 14%,transparent),transparent 70%);opacity:0;transition:opacity .2s;pointer-events:none}.budget-btn:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transition:left 0s;pointer-events:none}.budget-btn:hover:after{left:200%;transition:left .55s ease}.budget-btn:hover{border-color:var(--accent, rgba(240,192,48,.6));border-top-color:var(--accent, #f0c030);color:var(--text);transform:translateY(-5px) scale(1.02);box-shadow:0 12px 32px #0000008c,0 0 22px color-mix(in srgb,var(--accent, #f0c030) 22%,transparent)}.budget-btn:hover:before{opacity:1}.budget-btn--active{border-color:var(--accent, #f0c030);border-top-color:var(--accent, #f0c030);background:linear-gradient(170deg,#081020eb,#040a16f5);color:var(--text);transform:translateY(-5px) scale(1.03);box-shadow:0 12px 36px #0009,0 0 28px color-mix(in srgb,var(--accent, #f0c030) 35%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--accent, #f0c030) 22%,transparent);animation:budgetBtnPulse 2.5s ease-in-out infinite}@keyframes budgetBtnPulse{0%,to{box-shadow:0 12px 36px #0009,0 0 22px color-mix(in srgb,var(--accent, #f0c030) 28%,transparent)}50%{box-shadow:0 12px 36px #0009,0 0 44px color-mix(in srgb,var(--accent, #f0c030) 52%,transparent)}}.budget-btn--active:before{opacity:1}.budget-btn__tier{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px 8px;border-bottom:1px solid rgba(255,255,255,.07);background:color-mix(in srgb,var(--accent, #f0c030) 9%,transparent)}.budget-btn__icon{font-size:16px;line-height:1}.budget-btn__tiername{font-family:var(--font-title);font-size:10px;font-weight:900;letter-spacing:3.5px;text-transform:uppercase;color:var(--accent, #f0c030);text-shadow:0 0 10px color-mix(in srgb,var(--accent, #f0c030) 70%,transparent)}.budget-btn__pts{display:flex;flex-direction:column;align-items:center;gap:0;padding:14px 6px 8px}.budget-btn__val{font-family:var(--font-display);font-size:42px;font-weight:900;letter-spacing:1px;line-height:1;color:var(--accent, #f0c030);text-shadow:0 0 18px color-mix(in srgb,var(--accent, #f0c030) 60%,transparent)}.budget-btn--active .budget-btn__val{animation:valPulse 2.5s ease-in-out infinite}@keyframes valPulse{0%,to{text-shadow:0 0 14px color-mix(in srgb,var(--accent, #f0c030) 50%,transparent)}50%{text-shadow:0 0 30px color-mix(in srgb,var(--accent, #f0c030) 90%,transparent),0 0 60px color-mix(in srgb,var(--accent, #f0c030) 30%,transparent)}}.budget-btn__unit{font-family:var(--font-title);font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;opacity:.5;margin-top:2px}.budget-btn__divider{width:65%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent, #f0c030) 45%,transparent),transparent);margin:4px 0 10px}.budget-btn__dims{font-family:var(--font-title);font-size:11px;font-weight:700;letter-spacing:2px;color:var(--text);opacity:.75}.budget-btn__scale{font-family:var(--font-title);font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent, #f0c030);opacity:.65;margin-top:4px;margin-bottom:8px}.budget-btn__flavor{font-family:var(--font-ui);font-size:10px;font-style:italic;color:var(--text-dim);text-align:center;padding:8px 8px 12px;line-height:1.4;opacity:.7;border-top:1px solid rgba(255,255,255,.05);margin-top:6px;width:100%}.main-menu__mapsize{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:1}.mapsize-options{display:flex;gap:10px}.mapsize-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:130px;padding:12px 10px 11px;background:linear-gradient(180deg,#1a2a4acc,#0e1a2ee6);border:1px solid var(--border);border-radius:3px;color:var(--text-dim);cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .18s ease,background .18s ease;font-family:inherit}.mapsize-btn:hover{border-color:var(--purple);transform:translateY(-2px);box-shadow:0 0 20px var(--purple-glow);color:var(--text)}.mapsize-btn--active{border-color:var(--gold);background:linear-gradient(180deg,#f0c0301f,#a060e014);color:var(--gold);box-shadow:0 0 22px var(--gold-glow),inset 0 0 14px #f0c03014}.mapsize-btn--active:before{content:"◆";position:absolute;top:-8px;left:50%;transform:translate(-50%);color:var(--gold);background:var(--bg);padding:0 6px;font-size:10px;text-shadow:0 0 10px var(--gold-glow)}.mapsize-btn__label{font-family:var(--font-title);font-size:13px;font-weight:900;letter-spacing:3px;text-transform:uppercase}.mapsize-btn--active .mapsize-btn__label{text-shadow:0 0 12px var(--gold-glow)}.mapsize-btn__dims{font-family:var(--font-arcade);font-size:9px;color:var(--cyan);letter-spacing:1px;text-shadow:0 0 6px var(--cyan-glow)}.mapsize-btn__hint{font-size:10px;color:var(--text-muted);font-style:italic;line-height:1.3;text-align:center}.mapsize-btn--active .mapsize-btn__hint{color:var(--text-dim)}.main-menu__buttons{display:flex;flex-direction:column;gap:14px;width:320px}.main-menu__buttons .btn{padding:16px 24px;font-size:15px;letter-spacing:4px}.main-menu__footer{color:var(--text-muted);font-family:var(--font-title);font-size:11px;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 6px var(--purple-glow)}.unit-parade__canvas{display:block}.parade-tip{position:fixed;z-index:40;pointer-events:none;opacity:1;min-width:240px;max-width:300px;background:linear-gradient(180deg,#0e1424fa,#0a0e1afa);border:1px solid rgba(240,192,48,.4);border-radius:6px;box-shadow:0 12px 40px #000000bf,0 0 20px #f0c0302e,inset 0 0 0 1px #ffffff0a;overflow:hidden}.parade-tip:after{content:"";position:absolute;left:calc(50% + var(--arrow-dx, 0px));bottom:-7px;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:#0e1424fa;border-right:1px solid rgba(240,192,48,.4);border-bottom:1px solid rgba(240,192,48,.4)}.parade-tip--below:after{bottom:auto;top:-7px;border-right:none;border-bottom:none;border-left:1px solid rgba(240,192,48,.4);border-top:1px solid rgba(240,192,48,.4)}.parade-tip__header{display:flex;align-items:center;gap:10px;padding:10px 12px 9px;border-bottom:1px solid rgba(240,192,48,.18);background:linear-gradient(90deg,rgba(240,192,48,.08),transparent)}.parade-tip__portrait{width:44px;height:44px;border-radius:5px;overflow:hidden;border:2px solid;background:#0006;flex-shrink:0;box-shadow:0 0 10px currentColor,inset 0 0 0 1px #ffffff1a}.parade-tip__portrait>canvas{width:100%;height:100%;image-rendering:pixelated}.parade-tip__title{flex:1;min-width:0}.parade-tip__name{font-family:var(--font-title);font-size:14px;font-weight:900;letter-spacing:.5px;color:var(--text);line-height:1.1;margin-bottom:4px;text-shadow:0 1px 3px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.parade-tip__meta{display:flex;align-items:center;gap:8px}.parade-tip__category{font-family:var(--font-mono, monospace);font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:2px 7px;border-radius:3px;border:1px solid}.parade-tip__cost{font-family:var(--font-mono, monospace);font-size:13px;font-weight:800;color:var(--gold);text-shadow:0 0 8px rgba(240,192,48,.45)}.parade-tip__cost small{font-size:9px;opacity:.7;margin-left:2px;letter-spacing:.5px}.parade-tip__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06)}.parade-tip__stat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px 5px;background:#0e1626d9;gap:1px}.parade-tip__stat span{font-family:var(--font-title);font-size:15px;font-weight:800;color:var(--text);line-height:1;font-variant-numeric:tabular-nums}.parade-tip__stat label{font-family:var(--font-mono, monospace);font-size:8px;font-weight:700;letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase}.parade-tip__stat--hp span{color:#5af096}.parade-tip__stat--atk span{color:#ff8a8a}.parade-tip__stat--def span{color:#7bc3e8}.parade-tip__stat--dex span{color:#f0c030}.parade-tip__stat--mag span{color:#c080ff}.parade-tip__stat--spd span{color:#ffd366}.parade-tip__section{padding:8px 12px 6px;border-bottom:1px solid rgba(255,255,255,.04)}.parade-tip__section:last-child{border-bottom:none}.parade-tip__section-label{font-family:var(--font-title);font-size:9px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px;opacity:.85}.parade-tip__weapon,.parade-tip__ability{display:flex;align-items:center;gap:8px;padding:3px 4px;font-family:var(--font-mono, monospace);font-size:11px}.parade-tip__weapon-icon,.parade-tip__ability-icon{flex-shrink:0;font-size:10px;opacity:.9}.parade-tip__weapon-icon{color:#ff8a8a}.parade-tip__ability-icon{color:var(--gold)}.parade-tip__weapon-name,.parade-tip__ability-name{flex:1;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.parade-tip__weapon-dmg{color:#ffd366;font-weight:800;letter-spacing:.3px;font-variant-numeric:tabular-nums}.parade-tip__weapon-range{color:var(--text-muted);font-size:10px;letter-spacing:.3px}.parade-tip__lore{padding:7px 12px 9px;font-family:var(--font-ui);font-size:11px;font-style:italic;color:var(--text-muted);line-height:1.35;background:#00000040;border-top:1px solid rgba(255,255,255,.04)}@media(max-width:768px){.profile-card{top:max(8px,var(--sa-top));right:max(8px,var(--sa-right));min-width:0;padding:6px 10px;font-size:12px}.profile-card__name{font-size:11px;max-width:92px}.profile-card__currencies{gap:6px}.profile-currency{font-size:10px}.main-menu{gap:20px;padding:calc(var(--sa-top) + 56px) 14px calc(var(--sa-bottom) + 8px);overflow-y:auto;overflow-x:hidden;justify-content:flex-start}.main-menu__logo h1{font-size:clamp(48px,13vw,80px)!important}.main-menu__logo h1:before,.main-menu__logo h1:after{display:none}.main-menu__logo p{font-size:11px!important;letter-spacing:2px!important}.main-menu__budget{width:min(420px,92vw)!important}.budget-options{flex-wrap:wrap;justify-content:center}.main-menu__mapsize{width:min(360px,92vw)}.mapsize-options{flex-direction:column;width:100%;gap:8px}.mapsize-btn{width:100%!important;flex-direction:row!important;justify-content:space-between;padding:10px 14px!important;min-height:48px}.mapsize-btn__hint{flex:1;text-align:right;font-size:10px!important}.main-menu__buttons{width:min(360px,92vw);display:flex;flex-direction:column;gap:10px}.main-menu__buttons .btn{width:100%;min-height:48px;padding:12px 18px!important;font-size:13px!important;letter-spacing:2px!important}.main-menu__parade{height:64px}}@media(hover:none)and (pointer:coarse){.main-menu .btn:hover{transform:none!important}}.gem-wallet{width:100%;max-width:720px;background:#080e1ab3;border:1px solid rgba(240,192,48,.2);border-radius:10px;padding:14px 20px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 24px #0006,0 0 16px #f0c0300f}.gem-wallet__title{font-family:var(--font-title);font-size:10px;font-weight:900;letter-spacing:4px;text-transform:uppercase;color:var(--gold);text-shadow:0 0 8px var(--gold-glow);margin-bottom:12px;text-align:center;opacity:.85}.gem-wallet__grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.gem-wallet__item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px 5px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);opacity:.4;transition:opacity .2s,background .2s,box-shadow .2s}.gem-wallet__item--owned{opacity:1;background:#ffffff12;border-color:#ffffff1f;box-shadow:0 0 8px #f0c03014}.gem-wallet__icon{font-size:16px;line-height:1;filter:drop-shadow(0 0 3px currentColor)}.gem-wallet__count{font-family:var(--font-title);font-size:13px;font-weight:900;color:var(--text);line-height:1}.gem-wallet__cat{font-family:var(--font-title);font-size:7px;font-weight:600;letter-spacing:.5px;color:var(--text-muted);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-height:720px){.main-menu__scroll{gap:14px;padding-top:16px}.main-menu__parade{height:60px}.gem-wallet{padding:10px 14px 12px}.gem-wallet__title{margin-bottom:8px}.gem-wallet__icon{font-size:13px}.gem-wallet__count{font-size:11px}}@media(max-width:600px){.main-menu__scroll{gap:14px;padding:16px 10px 32px}.main-menu__logo{gap:8px}.gem-wallet__grid{grid-template-columns:repeat(5,1fr)}.budget-options{flex-wrap:wrap}.budget-btn{min-width:calc(50% - 8px)}.main-menu__parade{height:64px}}@media(max-width:420px){.gem-wallet{padding:8px 10px 10px}.gem-wallet__grid{grid-template-columns:repeat(4,1fr);gap:4px}.gem-wallet__icon{font-size:12px}.gem-wallet__cat{font-size:6px}}.login-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,rgba(160,96,224,.06),transparent 60%),var(--bg);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(80,184,232,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(80,184,232,.04) 1px,transparent 1px);background-size:48px 48px;animation:scanShift 25s linear infinite;pointer-events:none}.login-card{position:relative;background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--border-bright);border-radius:4px;padding:44px 42px;width:400px;display:flex;flex-direction:column;gap:26px;box-shadow:0 20px 60px #00000080,0 0 40px var(--purple-glow);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.login-card:before,.login-card:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--gold);border-style:solid;pointer-events:none}.login-card:before{top:8px;left:8px;border-width:1px 0 0 1px}.login-card:after{bottom:8px;right:8px;border-width:0 1px 1px 0}.login-card h2{font-family:var(--font-title);font-size:24px;font-weight:900;letter-spacing:6px;color:var(--text);text-align:center;text-transform:uppercase;text-shadow:0 0 16px var(--gold-glow);position:relative}.login-card h2:after{content:"";display:block;width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:10px auto 0;box-shadow:0 0 8px var(--gold-glow)}.login-card form{display:flex;flex-direction:column;gap:18px}.login-card label{display:flex;flex-direction:column;gap:7px;color:var(--text-dim);font-family:var(--font-title);font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase}.login-card input{background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:12px 14px;color:var(--text);font-size:14px;font-family:var(--font-ui);font-weight:600;letter-spacing:.5px;outline:none;transition:all .18s}.login-card input:focus{border-color:var(--gold);background:var(--surface2);box-shadow:0 0 0 2px var(--gold-dim),0 0 16px var(--gold-glow)}.login-error{color:var(--accent2);font-size:12px;font-weight:700;text-align:center;letter-spacing:1px;text-shadow:0 0 8px var(--accent2-glow)}.login-switch{background:none;border:none;color:var(--cyan);font-size:12px;cursor:pointer;padding:0;text-align:center;font-family:var(--font-ui);letter-spacing:1px;font-weight:700;text-transform:uppercase;transition:text-shadow .15s}.login-switch:hover{text-shadow:0 0 10px var(--cyan-glow);text-decoration:underline}@media(max-width:480px){.login-page{padding:calc(var(--sa-top) + 12px) 14px calc(var(--sa-bottom) + 12px);align-items:flex-start}.login-card{width:100%;max-width:100%;padding:28px 22px;gap:18px}.login-card h2{font-size:18px;letter-spacing:4px}.login-card input{padding:14px;font-size:16px}.login-card .btn{width:100%;min-height:48px}}.lobby-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,rgba(160,96,224,.06),transparent 60%),var(--bg);position:relative;overflow:hidden}.lobby-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(80,184,232,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(80,184,232,.04) 1px,transparent 1px);background-size:48px 48px;animation:scanShift 25s linear infinite;pointer-events:none}.lobby-card{position:relative;background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--border-bright);border-radius:4px;padding:44px 40px;width:360px;display:flex;flex-direction:column;gap:20px;box-shadow:0 20px 60px #00000080,0 0 40px var(--purple-glow);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.lobby-card:before,.lobby-card:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--gold);border-style:solid;pointer-events:none}.lobby-card:before{top:8px;left:8px;border-width:1px 0 0 1px}.lobby-card:after{bottom:8px;right:8px;border-width:0 1px 1px 0}.lobby-card h2{font-family:var(--font-title);font-size:22px;font-weight:900;letter-spacing:6px;color:var(--text);text-align:center;text-transform:uppercase;text-shadow:0 0 16px var(--gold-glow)}.lobby-budget-display{display:flex;flex-direction:column;align-items:center;background:var(--bg);border:1px solid var(--gold);border-radius:3px;padding:16px 20px;gap:4px;box-shadow:inset 0 0 16px var(--gold-dim),0 0 12px var(--gold-glow)}.lobby-budget-label{font-family:var(--font-title);font-size:10px;font-weight:700;letter-spacing:4px;color:var(--text-dim);text-transform:uppercase}.lobby-budget-value{font-family:var(--font-title);font-size:40px;font-weight:900;color:var(--gold);letter-spacing:3px;text-shadow:0 0 18px var(--gold-glow);line-height:1}.lobby-budget-note{font-size:11px;color:var(--text-muted);text-align:center;line-height:1.5;letter-spacing:.3px}.lobby-error{color:var(--accent2);font-size:12px;font-weight:700;text-align:center;letter-spacing:1px;text-shadow:0 0 8px var(--accent2-glow)}.lobby-searching{display:flex;flex-direction:column;align-items:center;gap:18px;padding:8px 0}.lobby-searching p{color:var(--text-dim);font-family:var(--font-title);font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 10px var(--gold-glow)}.lobby-spinner{width:50px;height:50px;border:3px solid var(--border);border-top-color:var(--gold);border-right-color:var(--gold);border-radius:50%;animation:spin .9s linear infinite;box-shadow:0 0 24px var(--gold-glow)}@keyframes spin{to{transform:rotate(360deg)}}.lobby-found p{color:var(--hp-high);font-family:var(--font-title);font-weight:900;text-align:center;font-size:15px;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 12px var(--green-glow);animation:flickerOnce .7s ease}@media(max-width:480px){.lobby-page{padding:calc(var(--sa-top) + 12px) 14px calc(var(--sa-bottom) + 12px);align-items:flex-start}.lobby-card{width:100%;max-width:100%;padding:28px 22px;gap:16px}.lobby-card h2{font-size:17px;letter-spacing:4px}.lobby-budget-value{font-size:32px}.lobby-card .btn{width:100%;min-height:48px}}.draft-page{display:grid;grid-template-columns:300px 1fr 300px;grid-template-rows:auto 1fr;height:100%;background:var(--bg);overflow:hidden;position:relative}.draft-phase-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;background:linear-gradient(180deg,var(--surface),var(--surface2));border-bottom:1px solid var(--border);position:relative;z-index:1}.draft-phase-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5}.draft-phase-title{font-family:var(--font-title);font-size:22px;font-weight:900;letter-spacing:5px;color:var(--gold);display:flex;align-items:center;gap:12px;text-transform:uppercase;text-shadow:0 0 18px rgba(240,192,48,.55),0 2px 4px rgba(0,0,0,.6)}.draft-phase-title__dot{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold-glow),0 0 4px #fff6;animation:pulseDot 2s ease-in-out infinite;flex-shrink:0}.draft-randomize-btn{width:100%;font-family:var(--font-title);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:10px 14px;background:#a060e014;border:1px solid rgba(160,96,224,.3);color:var(--purple, #a060e0);border-radius:5px;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.draft-randomize-btn:hover{background:#a060e02e;border-color:#a060e0a6;box-shadow:0 0 10px #a060e040;color:#c080ff}.draft-phase-hint{font-family:var(--font-title);font-size:13px;color:var(--text-dim);font-style:italic;letter-spacing:.8px;text-shadow:0 0 10px rgba(240,192,48,.15)}.draft-team{background:linear-gradient(180deg,#0e1628fa,#0a101efa);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;grid-row:2;position:relative;z-index:1}.draft-team--1{border-right:none;border-left:1px solid var(--border)}.draft-team__header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 12px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,color-mix(in srgb,var(--team-accent, var(--team0)) 10%,transparent),transparent);border-top:3px solid var(--team-accent, var(--team0))}.draft-team__label{font-family:var(--font-title);font-size:15px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:var(--team-accent, var(--team0));text-shadow:0 0 12px color-mix(in srgb,var(--team-accent, var(--team0)) 60%,transparent)}.draft-team__pts{display:flex;align-items:baseline;gap:2px}.draft-team__pts-val{font-family:var(--font-display);font-size:28px;font-weight:900;line-height:1;color:var(--gold);text-shadow:0 0 12px rgba(240,192,48,.45)}.draft-team__pts-sep{font-family:var(--font-title);font-size:14px;font-weight:700;color:var(--text-dim)}.draft-team__pts-sep:after{content:attr(data-total)}.draft-team__pts-unit{font-family:var(--font-title);font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);margin-left:2px}.draft-team__actions{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:8px}.draft-seal-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;background:#f0c0300f;border:1px solid rgba(240,192,48,.22);border-radius:5px;color:var(--text-muted);font-family:var(--font-title);font-size:13px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;cursor:not-allowed;opacity:.45;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,opacity .18s}.draft-seal-btn--ready{opacity:1;cursor:pointer;color:var(--gold);border-color:#f0c03080;background:#f0c0301a}.draft-seal-btn--ready:hover{background:#f0c0302e;border-color:var(--gold);box-shadow:0 0 16px #f0c03040,inset 0 0 12px #f0c0300f;color:#ffe070}.draft-seal-btn__icon{font-size:15px;opacity:.85}.draft-team__roster-label{padding:8px 16px 5px;font-family:var(--font-title);font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:8px;opacity:.85}.draft-team__roster-count{font-family:var(--font-title);font-size:12px;font-weight:700;color:var(--text-dim);background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:0 6px;letter-spacing:0}.draft-team__units{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:6px 10px 12px}.draft-selected-unit{display:flex;align-items:center;gap:0;height:52px;background:#0a101ecc;border:1px solid rgba(255,255,255,.06);border-left:3px solid rgba(255,255,255,.15);border-radius:5px;overflow:hidden;transition:background .13s,border-color .13s,transform .12s;animation:entryIn .25s ease}.draft-selected-unit:hover{background:#121a2eeb;border-color:#ffffff1f;transform:translate(2px)}.roster-sprite-wrap{width:50px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.roster-sprite{width:40px;height:40px;display:block}.draft-selected-unit__body{flex:1;min-width:0;display:flex;align-items:center;padding:0 6px}.draft-selected-unit__name{font-family:var(--font-title);font-size:13px;font-weight:700;letter-spacing:.2px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}.draft-selected-unit__right{display:flex;flex-direction:row;align-items:center;gap:4px;padding:0 8px 0 4px;flex-shrink:0}.draft-selected-unit__cost{font-family:var(--font-title);font-size:18px;font-weight:900;color:var(--gold);line-height:1;text-shadow:0 0 10px rgba(240,192,48,.4)}.draft-selected-unit__cost small{font-size:11px;opacity:.65;margin-left:1px}.draft-remove{background:none;border:none;color:var(--text-muted);font-size:17px;line-height:1;padding:0 4px;cursor:pointer;transition:color .1s,transform .1s;font-weight:900}.draft-remove:hover{color:var(--accent);transform:scale(1.2);text-shadow:0 0 6px var(--accent-glow)}.draft-locked{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(90deg,transparent,var(--green-dim),transparent);border:1px solid rgba(46,139,87,.45);border-radius:5px;color:var(--hp-high);font-family:var(--font-title);font-size:14px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;box-shadow:0 0 16px var(--green-glow),inset 0 0 10px var(--green-dim);text-shadow:0 0 6px var(--green-glow);animation:glowIdle 2.5s ease-in-out infinite}.draft-browser{display:flex;flex-direction:column;overflow:hidden;grid-row:2;border-left:1px solid var(--border);border-right:1px solid var(--border);position:relative;z-index:1}.draft-browser__controls{padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.draft-filters{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.filter-btn--cost{margin-left:6px;border-left:1px solid var(--border);padding-left:10px}.filter-btn{background:#ffffff0a;border:1px solid var(--border);border-radius:20px;padding:5px 11px;font-family:var(--font-title);font-size:11px;font-weight:700;letter-spacing:1px;color:var(--text-dim);cursor:pointer;transition:all .14s;white-space:nowrap}.filter-btn:hover{border-color:var(--border-bright);color:var(--text);background:#ffffff14;transform:translateY(-1px)}.filter-btn--active{background:#f0c03024;border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px var(--gold-glow);text-shadow:0 0 8px rgba(240,192,48,.5)}.draft-search-wrap{position:relative;margin-left:auto;flex-shrink:0}.draft-search{background:var(--surface2);border:1px solid var(--border);border-radius:3px;padding:4px 22px 4px 10px;font-family:var(--font-ui);font-size:11px;color:var(--text);width:160px;outline:none;transition:border-color .12s,box-shadow .12s}.draft-search::placeholder{color:var(--text-muted);font-style:italic;letter-spacing:.3px}.draft-search:focus{border-color:var(--gold);box-shadow:0 0 8px var(--gold-glow);width:200px}.draft-search::-webkit-search-cancel-button,.draft-search::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.draft-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:0 4px;font-weight:700}.draft-search-clear:hover{color:var(--accent)}.draft-picking-for{font-family:var(--font-title);font-size:11px;color:var(--text-muted);font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:6px 10px;background:var(--surface2);border-left:3px solid var(--gold);border-radius:2px}.draft-picking-for strong{color:var(--gold);margin-left:4px}.draft-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));grid-auto-rows:max-content;gap:10px;padding:12px;align-content:start;background:var(--bg)}.draft-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 5px 8px;background:linear-gradient(180deg,#0e1424f7,#0a0e1af7);border:1px solid rgba(240,192,48,.18);border-radius:5px;cursor:pointer;transition:border-color .13s,box-shadow .13s,transform .12s;overflow:hidden;-webkit-user-select:none;user-select:none}.draft-tile:hover:not(.draft-tile--disabled){border-color:#f0c0308c;box-shadow:0 0 14px #f0c0302e;transform:translateY(-2px)}.draft-tile--selected{border-color:#f0c030cc;box-shadow:0 0 0 2px #f0c03066,0 0 18px #f0c03038}.draft-tile--expanded{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 20px #f0c03059}.draft-tile--disabled{opacity:.3;cursor:not-allowed;filter:saturate(.15)}.draft-tile__cost{font-family:var(--font-title);font-size:17px;font-weight:900;color:var(--gold);letter-spacing:.5px;align-self:flex-start;line-height:1;text-shadow:0 0 8px rgba(240,192,48,.45)}.draft-tile__cost small{font-size:11px;opacity:.8}.draft-tile__sprite{width:64px;height:64px;background:transparent}.draft-tile__name{font-family:var(--font-title);font-size:11px;font-weight:700;color:var(--text);letter-spacing:.2px;text-align:center;width:100%;line-height:1.3;word-break:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.draft-tile__category{font-family:var(--font-title);font-size:7px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:2px 5px;border:1px solid;border-radius:2px;line-height:1}.unit-card{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--border);border-left:4px solid var(--border-bright);border-radius:4px;padding:12px 13px 13px;cursor:pointer;transition:border-color .16s ease,transform .14s ease,box-shadow .18s ease,background .18s ease;position:relative;display:flex;flex-direction:column;gap:8px;overflow:visible}.unit-card:hover:not(.unit-card--disabled){background:linear-gradient(180deg,var(--surface3),var(--surface2));border-color:var(--gold);transform:translateY(-2px);box-shadow:0 6px 20px #f0c0301f,0 0 14px var(--gold-glow)}.unit-card--selected{background:linear-gradient(180deg,var(--surface3),var(--surface2));box-shadow:0 0 0 2px var(--gold),0 0 18px var(--gold-glow)}.unit-card--disabled{opacity:.38;cursor:not-allowed;filter:saturate(.35)}.unit-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.unit-card__header-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.unit-portrait{width:48px;height:48px;image-rendering:pixelated;border-radius:3px;border:1px solid var(--border);background:var(--bg2);display:block}.unit-card:hover:not(.unit-card--disabled) .unit-portrait{border-color:var(--border-bright)}.unit-card__title{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.unit-card__name{font-family:var(--font-title);font-size:15px;font-weight:900;color:var(--text);line-height:1.15;letter-spacing:.5px;word-break:break-word}.unit-card__cat{font-family:var(--font-title);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:inline-block;padding:2px 7px;border-radius:2px;border:1px solid;background:var(--surface);align-self:flex-start}.unit-card__cost{font-family:var(--font-title);font-size:20px;font-weight:900;line-height:1;color:var(--gold);white-space:nowrap;text-shadow:0 1px 2px rgba(240,192,48,.2);padding:5px 9px 4px;background:var(--gold-dim);border-radius:3px;border:1px solid rgba(240,192,48,.35);display:flex;align-items:baseline;gap:3px}.unit-card__cost small{font-family:var(--font-title);font-size:9px;font-weight:700;letter-spacing:1px;color:var(--text-dim);text-shadow:none}.unit-card__statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.unit-card__statgrid--3{grid-template-columns:repeat(3,1fr)}.unit-card__statgrid--4{grid-template-columns:repeat(4,1fr)}.stat{display:flex;flex-direction:column;align-items:center;padding:4px 2px;background:var(--surface2);border:1px solid var(--border);border-radius:2px}.stat__k{font-family:var(--font-title);font-size:8px;font-weight:700;letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase}.stat__v{font-family:var(--font-title);font-size:15px;font-weight:900;color:var(--text);line-height:1.1;letter-spacing:.5px}.stat__v--sm{font-size:11px;letter-spacing:1px;color:var(--text-dim)}.unit-card:hover:not(.unit-card--disabled) .stat{border-color:var(--border-bright)}.unit-card__row{display:flex;align-items:baseline;gap:6px;font-size:11.5px;line-height:1.3;padding:3px 0;border-top:1px dashed var(--border)}.unit-card__row-icon{font-size:12px;flex-shrink:0;text-shadow:0 0 4px currentColor}.unit-card__row-name{font-family:var(--font-title);font-size:11px;font-weight:700;color:var(--text);letter-spacing:.6px;text-transform:uppercase;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-card__row-meta{font-family:Rajdhani,Segoe UI,sans-serif;font-weight:600;font-size:11px;color:var(--text-dim);letter-spacing:.5px;white-space:nowrap;text-transform:uppercase}.unit-card__tags{display:flex;flex-wrap:wrap;gap:3px;min-height:0}.unit-card__tags:empty{display:none}.tag{font-family:var(--font-title);font-size:8.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:2px 6px;border-radius:2px;background:var(--surface2);border:1px solid var(--border);color:var(--text-dim)}.tag--fly,.tag--swim{color:var(--cyan);border-color:#50b8e866}.tag--resist{color:var(--gold);border-color:#f0c03066}.unit-card__statgrid--6{grid-template-columns:repeat(6,1fr);gap:2px}.stat--sm{padding:2px 1px}.stat--sm .stat__k{font-size:7px;letter-spacing:1px}.stat--sm .stat__v{font-size:10px;display:flex;align-items:baseline;gap:2px}.stat--sm .stat__v em{font-style:normal;font-size:8px;color:var(--text-muted);font-weight:600}.unit-card__ability-row{display:flex;flex-wrap:wrap;gap:3px;padding-top:5px;border-top:1px dashed var(--border)}.draft-ability-chip{display:flex;align-items:center;gap:3px;padding:3px 6px 3px 5px;background:var(--surface2);border:1px solid var(--border);border-left:2px solid var(--purple);border-radius:3px;font-size:10px;font-family:var(--font-ui);cursor:default;transition:border-color .12s,background .12s,box-shadow .12s;max-width:100%}.draft-ability-chip:hover{border-color:var(--purple);background:var(--purple-dim);box-shadow:0 0 8px var(--purple-glow)}.draft-ability-chip--passive{border-left-color:var(--cyan)}.draft-ability-chip--passive:hover{border-color:var(--cyan);background:#50b8e814;box-shadow:0 0 8px #50b8e84d}.draft-ability-chip__icon{font-size:9px;color:var(--purple);flex-shrink:0;text-shadow:0 0 4px currentColor}.draft-ability-chip--passive .draft-ability-chip__icon{color:var(--cyan)}.draft-ability-chip__name{font-family:var(--font-title);font-size:9px;font-weight:700;letter-spacing:.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-ability-chip__meta{font-family:Rajdhani,Segoe UI,sans-serif;font-weight:500;font-size:11px;color:var(--text-muted);white-space:nowrap;padding:1px 4px;background:var(--surface);border-radius:2px;border:1px solid var(--border);margin-left:1px;flex-shrink:0}.unit-card__defenses{display:flex;align-items:baseline;gap:5px;padding:2px 0;font-size:9px;line-height:1.3}.unit-card__def-label{font-family:var(--font-title);font-size:7.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:1px 4px;border-radius:2px;white-space:nowrap;flex-shrink:0}.def-resist{color:var(--gold);background:#f0c0301a;border:1px solid rgba(240,192,48,.3)}.def-vuln{color:var(--hp-low);background:#e0404014;border:1px solid rgba(224,64,64,.25)}.def-immune{color:var(--cyan);background:#50b8e814;border:1px solid rgba(80,184,232,.25)}.unit-card__def-list{font-family:var(--font-title);font-size:8.5px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--text-dim)}.unit-card__defense-combined{display:flex;flex-wrap:wrap;gap:4px 10px;padding:4px 0;border-top:1px dashed var(--border)}.unit-card__def-group{display:flex;align-items:baseline;gap:4px;cursor:help}.unit-card__lore{font-size:11px;color:var(--text-muted);font-style:italic;line-height:1.45;padding-top:4px;border-top:1px dashed var(--border);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.unit-card__badge{position:absolute;top:-10px;right:-10px;background:linear-gradient(180deg,#ffd700,var(--gold));color:#4a2800;font-family:var(--font-title);font-size:12px;font-weight:900;border-radius:50%;min-width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 0 12px var(--gold-glow),inset 0 1px #ffffff80;letter-spacing:0;border:2px solid var(--surface);animation:numberPop .3s ease;z-index:2}.expanded-card-close{position:absolute;top:8px;left:8px;z-index:10;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#c8282833;border:1px solid rgba(200,40,40,.55);border-radius:4px;color:#ff6060;font-size:17px;font-weight:900;line-height:1;cursor:pointer;transition:background .14s,border-color .14s,color .14s}.expanded-card-close:hover{background:#c8282873;border-color:#ff4040;color:#fff}.parade-tip.uc{position:relative!important;pointer-events:auto!important;cursor:pointer;min-width:0;max-width:none;z-index:auto;transition:transform .13s ease,box-shadow .16s ease,border-color .16s ease;align-self:start}.parade-tip.uc:after{display:none}.parade-tip.uc:hover:not(.uc--disabled){transform:translateY(-2px);z-index:2;border-color:#f0c030a6;box-shadow:0 14px 40px #000000c7,0 0 26px #f0c03040,inset 0 0 0 1px #ffffff0f}.parade-tip.uc.uc--selected{border-color:#f0c030d9;box-shadow:0 0 0 2px #f0c03080,0 0 30px #f0c03052,inset 0 0 0 1px #ffffff0f}.parade-tip.uc.uc--disabled{opacity:.36;cursor:not-allowed;filter:saturate(.2)}.parade-tip.uc .parade-tip__ability{cursor:help}.parade-tip.uc.uc--floating{position:relative!important;pointer-events:auto!important;max-width:none;cursor:pointer}.parade-tip.uc.uc--floating .parade-tip__header{padding-left:36px}.uc-badge{position:absolute;top:6px;right:8px;background:linear-gradient(180deg,#ffd700,var(--gold));color:#4a2800;font-family:var(--font-sans);font-size:11px;font-weight:900;border-radius:50%;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0 3px;box-shadow:0 0 12px var(--gold-glow),inset 0 1px #ffffff80;border:2px solid var(--surface);animation:numberPop .3s ease;z-index:3;letter-spacing:0}@media(max-width:1024px){.draft-page{grid-template-columns:1fr!important;grid-template-rows:auto auto 1fr auto!important;overflow-y:auto!important;overflow-x:hidden}.draft-page .draft-team,.draft-page .draft-browser{grid-row:auto!important;grid-column:1 / -1!important}.draft-page .draft-phase-header{grid-row:1!important}.draft-phase-header{padding:8px 14px;padding-top:max(8px,var(--sa-top));flex-wrap:wrap;gap:6px}.draft-phase-hint{display:none}.draft-team{max-height:128px;min-height:96px;overflow-x:auto;overflow-y:hidden;padding:8px 10px!important;border-top-width:2px;border-left:none!important;border-right:none!important}.draft-team__header{position:sticky;left:0;background:inherit}.draft-team__units{display:flex!important;flex-direction:row!important;gap:6px;flex-wrap:nowrap!important}.draft-selected-unit{flex:0 0 auto}.draft-browser{overflow:hidden}.draft-browser__controls{flex-wrap:wrap;padding:6px 10px!important;gap:6px!important}.draft-filters{flex-wrap:wrap;gap:4px!important}.filter-btn{padding:6px 10px!important;font-size:11px!important;min-height:36px}.draft-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;padding:10px!important;gap:8px!important;padding-bottom:max(10px,var(--sa-bottom))!important}.uc-stats{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:480px){.draft-grid{grid-template-columns:1fr 1fr!important}}.deployment-page{display:flex;flex-direction:column;height:100%;background:var(--bg);overflow:hidden}.deployment-phase-header{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:linear-gradient(180deg,var(--surface),var(--surface2));border-bottom:1px solid var(--border);flex-shrink:0;position:relative}.deployment-phase-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5}.deployment-phase-title{font-family:var(--font-title);font-size:13px;font-weight:900;letter-spacing:5px;color:var(--text);display:flex;align-items:center;gap:10px;text-transform:uppercase;text-shadow:0 1px 2px rgba(240,192,48,.15)}.deployment-phase-title__dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold-glow);animation:pulseDot 2s ease-in-out infinite}.deployment-map-style{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--gold);opacity:.65;padding:1px 7px;border:1px solid rgba(212,176,60,.22);border-radius:3px;background:#d4b03c0f;margin-left:8px;vertical-align:middle}.deployment-phase-hint{font-size:12px;color:var(--text-muted);letter-spacing:.5px;font-style:italic}.deployment-body{display:flex;flex:1;overflow:hidden}.deploy-panel{width:240px;flex-shrink:0;background:linear-gradient(180deg,#0e1628fa,#0a101efa);display:flex;flex-direction:column;overflow:hidden;gap:0}.deploy-panel--left{border-right:1px solid var(--border)}.deploy-panel--right{border-left:1px solid var(--border)}.deploy-progress{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.deploy-progress__bar{flex:1;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.deploy-progress__bar div{height:100%;background:var(--gold);border-radius:3px;transition:width .35s ease;box-shadow:0 0 6px var(--gold-glow)}.deploy-progress__text{font-family:var(--font-title);font-size:12px;font-weight:700;color:var(--gold);flex-shrink:0;white-space:nowrap}.deploy-progress__text small{font-size:10px;color:var(--text-muted);font-weight:400}.deploy-section-label{font-family:var(--font-title);font-size:10px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);padding:6px 14px 4px;border-bottom:1px solid rgba(255,255,255,.05)}.deploy-unit-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding:6px 8px 10px}.deploy-unit-row{display:flex;align-items:center;gap:0;height:50px;background:var(--surface2);border:1px solid rgba(255,255,255,.06);border-left:3px solid rgba(255,255,255,.15);border-radius:4px;overflow:hidden;cursor:pointer;transition:background .13s,border-color .13s,transform .12s,box-shadow .13s;position:relative}.deploy-unit-row:hover{background:#121a2ef2;transform:translate(2px)}.deploy-unit-row--selected{background:var(--gold-dim);border-color:var(--gold);box-shadow:0 0 12px var(--gold-glow);transform:translate(3px)}.deploy-unit-row--placed{opacity:.72}.deploy-unit-row--placed:hover{opacity:1}.deploy-sprite-wrap{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.deploy-sprite{width:38px;height:38px;display:block;image-rendering:pixelated}.deploy-unit-row__body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 8px 0 4px}.deploy-unit-row__top{display:flex;align-items:baseline;justify-content:space-between;gap:4px}.deploy-unit-row__name{font-family:var(--font-title);font-size:12px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}.deploy-unit-row--selected .deploy-unit-row__name{color:var(--gold)}.deploy-unit-row__hp{font-family:var(--font-title);font-size:11px;font-weight:700;color:var(--text-dim);flex-shrink:0}.deploy-unit-row__hp small{font-size:9px;opacity:.6}.deploy-unit-row__bar{height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}.deploy-unit-row__bar div{height:100%;border-radius:2px;opacity:.7;transition:width .3s ease}.deploy-unit-row__tag{font-family:var(--font-title);font-size:9px;font-weight:600;color:var(--hp-high);letter-spacing:.3px;opacity:.8}.deploy-unit-row__tag--locked{color:var(--text-muted);opacity:.55}.deploy-unit-row--readonly{pointer-events:none;opacity:.6}.deploy-unit-row--readonly:hover{transform:none;background:var(--surface2)}.deploy-begin-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;pointer-events:none}.deploy-begin-overlay .deployment-begin-btn{pointer-events:all;position:relative;overflow:hidden;padding:22px 72px;font-size:18px;letter-spacing:7px;border-radius:8px;background:linear-gradient(180deg,#f5d060,#c8900a,#f0c030);color:#1a0e00;border:3px solid #ffe080;box-shadow:0 0 0 6px #f0c0302e,0 0 40px #f0c03099,0 0 80px #f0a00059,0 8px 32px #000000b3;text-shadow:0 1px 0 rgba(255,255,255,.3),0 -1px 0 rgba(0,0,0,.3);font-weight:900;white-space:nowrap;animation:beginCombatPulseGold 1.6s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.deploy-begin-overlay .deployment-begin-btn:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.55) 50%,transparent 80%);transform:skew(-15deg);pointer-events:none}.deploy-begin-overlay .deployment-begin-btn:hover:after{animation:btnShineSwipe .55s ease-in-out forwards}.deploy-begin-overlay .deployment-begin-btn:hover{box-shadow:0 0 0 8px #f0c03047,0 0 60px #f0c030e6,0 0 110px #f0a0008c,0 12px 40px #000c}@keyframes btnShineSwipe{0%{left:-120%;opacity:1}to{left:130%;opacity:1}}@keyframes beginCombatPulseGold{0%,to{box-shadow:0 0 0 4px #f0c03026,0 0 30px #f0c03080,0 0 60px #f0a00040,0 8px 32px #000000b3;transform:scale(1)}50%{box-shadow:0 0 0 8px #f0c03040,0 0 55px #f0c030d9,0 0 100px #f0a00080,0 8px 32px #000000b3;transform:scale(1.04)}}.deploy-instruction{padding:12px 14px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid rgba(255,255,255,.05)}.deploy-instruction__step{display:flex;align-items:flex-start;gap:10px;font-family:var(--font-title);font-size:12px;color:var(--text-dim);line-height:1.4}.deploy-instruction__step strong{color:var(--text)}.deploy-instruction__num{width:20px;height:20px;border-radius:50%;background:#f0c0301f;border:1px solid rgba(240,192,48,.35);color:var(--gold);font-family:var(--font-title);font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.deploy-actions{padding:12px 14px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid rgba(255,255,255,.05)}.deployment-team-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:3px;font-family:var(--font-title);font-size:13px;font-weight:900;letter-spacing:2px;text-transform:uppercase;position:relative;overflow:hidden}.deployment-team-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.06;background-size:200% 100%;animation:shimmer 4s linear infinite;pointer-events:none}.deployment-team-banner--0{background:linear-gradient(90deg,#50b8e81f,#50b8e80d);border:1px solid var(--team0);color:var(--team0);box-shadow:0 0 10px var(--cyan-glow),inset 0 0 8px #50b8e80f;text-shadow:0 1px 2px rgba(0,50,100,.15)}.deployment-team-banner--1{background:linear-gradient(90deg,#e040401f,#e040400d);border:1px solid var(--team1);color:var(--team1);box-shadow:0 0 10px var(--accent-glow),inset 0 0 8px #e040400f;text-shadow:0 1px 2px rgba(100,0,0,.15)}.deployment-team-banner__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;animation:pulseDot 2s ease-in-out infinite}.deployment-team-banner--0 .deployment-team-banner__dot{background:var(--team0);box-shadow:0 0 8px var(--cyan-glow)}.deployment-team-banner--1 .deployment-team-banner__dot{background:var(--team1);box-shadow:0 0 8px var(--accent-glow)}.deployment-instruction{padding:10px 12px;background:var(--surface2);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:3px;font-size:11.5px;color:var(--text-dim);line-height:1.55}.deployment-instruction strong{color:var(--text);font-family:var(--font-title);letter-spacing:1px}.deployment-begin-btn{font-family:var(--font-title);font-size:14px;font-weight:900;letter-spacing:5px;text-transform:uppercase;cursor:pointer;transition:transform .15s,box-shadow .15s}.deployment-auto-btn{width:100%;padding:10px;margin-bottom:10px;background:linear-gradient(180deg,#50b8e826,#50b8e80f);border:1px solid rgba(80,184,232,.5);border-radius:4px;color:var(--cyan);font-family:var(--font-title);font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:background .15s,box-shadow .15s,transform .12s;text-shadow:0 0 10px var(--cyan-glow)}.deployment-auto-btn:hover{background:linear-gradient(180deg,#50b8e840,#50b8e81f);box-shadow:0 0 16px var(--cyan-glow);transform:translateY(-1px)}.deployment-auto-btn:active{transform:translateY(0)}.deployment-confirm-btn{width:100%;padding:13px 10px;background:linear-gradient(180deg,#f0c03033,#f0c03017);border:2px solid var(--gold);border-radius:4px;color:var(--gold);font-family:var(--font-title);font-size:12px;font-weight:900;letter-spacing:3px;text-transform:uppercase;cursor:pointer;position:relative;text-shadow:0 0 14px var(--gold-glow);box-shadow:0 0 22px var(--gold-glow),inset 0 0 14px #f0c0301a;animation:confirmPop .45s cubic-bezier(.34,1.56,.64,1) both;overflow:visible}.deployment-confirm-btn:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:2px solid var(--gold);border-radius:6px;opacity:0;animation:confirmRing .55s ease-out .1s both;pointer-events:none}.deployment-confirm-btn:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:1px solid var(--gold);border-radius:8px;opacity:0;animation:confirmRing .65s ease-out .18s both;pointer-events:none}.deployment-confirm-btn:hover{background:linear-gradient(180deg,#f0c03047,#f0c03024);box-shadow:0 0 34px var(--gold-glow),inset 0 0 18px #f0c03024;transform:translateY(-1px)}.deployment-confirm-btn:active{transform:translateY(0)}@keyframes deployCommitFlash{0%,to{box-shadow:0 0 14px var(--gold-glow),inset 0 0 10px #f0c03026;transform:scale(1)}50%{box-shadow:0 0 36px #f0c030,0 0 60px #f0c0308c,inset 0 0 22px #f0c03059;transform:scale(1.04)}}.deployment-confirm-btn--flash,.deployment-commit-flash{animation:deployCommitFlash .85s ease-in-out infinite;outline:2px solid rgba(240,192,48,.75);outline-offset:2px}@keyframes confirmPop{0%{transform:scale(.82);opacity:0;box-shadow:none}55%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}@keyframes confirmRing{0%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.deployment-done{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:linear-gradient(90deg,transparent,var(--green-dim),transparent);border:1px solid rgba(46,139,87,.4);border-radius:3px;color:var(--hp-high);font-family:var(--font-title);font-size:12px;font-weight:900;letter-spacing:2.5px;text-transform:uppercase;box-shadow:0 0 16px var(--green-glow);text-shadow:0 0 6px var(--green-glow);animation:glowIdle 2.5s ease-in-out infinite}.deployment-legend{display:none}.deployment-canvas-outer{flex:1;min-width:0;min-height:0;position:relative;display:flex;align-items:stretch;justify-content:stretch}.deployment-canvas-wrap{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at center,rgba(255,215,0,.04),transparent 60%),var(--bg);position:relative}.map-key__row{display:flex;align-items:center;gap:8px}.deployment-canvas-wrap canvas{width:auto;height:100%;max-width:100%;aspect-ratio:1 / 1;image-rendering:pixelated;touch-action:none}@media(max-width:1024px){.deployment-phase-header{padding:8px 14px!important;padding-top:max(8px,var(--sa-top))!important;flex-wrap:wrap;gap:6px}.deployment-phase-hint{display:none}.deployment-body{flex-direction:column}.deploy-panel{width:100%;max-height:38vh;border-right:none!important;border-left:none!important;border-bottom:1px solid var(--border)}.deploy-panel--right{display:none}.deploy-unit-list{flex-direction:row!important;flex-wrap:wrap;gap:5px}.deploy-unit-row{flex:0 0 calc(50% - 3px)}.deployment-canvas-wrap{padding:8px!important;padding-bottom:max(8px,var(--sa-bottom))!important}}@media(hover:none)and (pointer:coarse){.deploy-unit-row:hover{transform:none!important}}.rotate-prompt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:radial-gradient(ellipse at center,#0e1a2ef5,#060c16fc);display:flex;align-items:center;justify-content:center;padding:24px;animation:rpFade .28s ease-out}.rotate-prompt__card{text-align:center;color:var(--text);max-width:320px;padding:28px 24px;background:var(--surface);border:1px solid var(--border-bright);border-radius:6px;box-shadow:0 0 0 1px #f0c0302e,0 20px 50px #000000b3,inset 0 1px #ffffff0f}.rotate-prompt__icon{color:var(--gold);filter:drop-shadow(0 0 10px var(--gold-glow));animation:rpTilt 2.2s ease-in-out infinite;display:inline-flex;margin-bottom:14px}.rotate-prompt__title{font-family:var(--font-title);font-size:18px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.rotate-prompt__sub{font-family:var(--font-ui);font-size:14px;color:var(--text-dim);letter-spacing:.3px}@keyframes rpFade{0%{opacity:0}to{opacity:1}}@keyframes rpTilt{0%,to{transform:rotate(0)}40%{transform:rotate(-90deg)}60%{transform:rotate(-90deg)}}.combat-page{display:flex;flex-direction:column;height:100%;background:var(--bg);overflow:hidden}.combat-page--death-shake{animation:deathShake .55s cubic-bezier(.36,.07,.19,.97) both}@keyframes deathShake{0%{transform:translate(0) rotate(0)}8%{transform:translate(-6px,-3px) rotate(-.8deg)}16%{transform:translate(7px,4px) rotate(.9deg)}24%{transform:translate(-8px,2px) rotate(-.6deg)}32%{transform:translate(6px,-4px) rotate(.7deg)}40%{transform:translate(-5px,3px) rotate(-.5deg)}50%{transform:translate(4px,-2px) rotate(.4deg)}62%{transform:translate(-3px,1px) rotate(-.25deg)}75%{transform:translate(2px,-1px) rotate(.15deg)}88%{transform:translate(-1px) rotate(-.05deg)}to{transform:translate(0) rotate(0)}}.combat-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:48px;background:linear-gradient(180deg,var(--surface),var(--surface2));border-bottom:1px solid var(--border);flex-shrink:0;position:relative}.combat-topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold) 80%,transparent);opacity:.4}.combat-topbar__left{display:flex;align-items:center;gap:18px}.combat-round{font-family:var(--font-title);font-size:15px;font-weight:900;letter-spacing:3px;color:var(--text-muted);text-transform:uppercase}.combat-round span{color:var(--gold);font-size:20px;text-shadow:0 1px 3px rgba(240,192,48,.25);display:inline-block;min-width:26px;text-align:center;animation:numberPop .4s ease}.combat-phase-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent-glow);animation:pulseDot 1.5s ease-in-out infinite}.combat-map-style{font-family:var(--font-title);font-size:11px;font-weight:700;letter-spacing:2px;color:var(--gold);text-transform:uppercase;opacity:.7;padding:2px 8px;border:1px solid rgba(212,176,60,.25);border-radius:3px;background:#d4b03c0f}.combat-active-unit{font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:1px;color:var(--text-dim);text-transform:uppercase}.combat-active-unit strong{color:var(--text);margin-left:6px}.combat-your-turn{display:flex;align-items:center;gap:8px;padding:6px 16px;background:linear-gradient(90deg,#f0c03014,#f0c03029,#f0c03014);background-size:200% 100%;border:2px solid var(--gold);border-radius:3px;font-family:var(--font-title);font-size:13px;font-weight:900;letter-spacing:3px;color:var(--gold);text-transform:uppercase;animation:yourTurnPulse 2.4s ease-in-out infinite,shimmer 3s linear infinite;text-shadow:0 1px 2px rgba(240,192,48,.2);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.combat-your-turn__dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px var(--gold-glow);animation:pulseDot 1.2s ease-in-out infinite}@keyframes yourTurnPulse{0%,to{box-shadow:0 0 #f0c03000}50%{box-shadow:0 0 16px 2px #f0c03033}}.combat-waiting{font-size:12px;color:var(--text-muted);letter-spacing:2px;font-style:italic;text-transform:uppercase;display:flex;align-items:center;gap:8px}.combat-waiting:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:pulseDot 1s ease-in-out infinite}.combat-topbar__right{display:flex;align-items:center;gap:14px}.auto-toggle{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px dashed rgba(110,188,255,.55);border-left:3px solid #6ebcff;border-radius:2px;font-family:var(--font-mono, monospace);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,opacity .15s}.auto-toggle__led{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor;flex-shrink:0}.auto-toggle__label{opacity:.85}.auto-toggle__state{padding:1px 6px;border:1px solid currentColor;border-radius:2px;font-size:10px;letter-spacing:1px;opacity:.9}.auto-toggle--off{color:#8caac88c;border-color:#6e8caa4d;border-left-color:#6e8caa80;background:#283c5026;box-shadow:none}.auto-toggle--off:hover{color:#a9d4ff;border-color:#6ebcff73;background:#3a84d21f}.auto-toggle--on{color:#dff1ff;border-color:#6ebcff;background:linear-gradient(180deg,#4a90d973,#1e468240);box-shadow:inset 0 0 0 1px #a9d4ff4d,0 0 16px #6ebcff99;text-shadow:0 0 6px rgba(169,212,255,.6);animation:autoToggleBreathe 1.8s ease-in-out infinite alternate}.auto-toggle--on .auto-toggle__led{animation:autoToggleLed 1s ease-in-out infinite}@keyframes autoToggleBreathe{0%{box-shadow:inset 0 0 0 1px #a9d4ff40,0 0 12px #6ebcff73}to{box-shadow:inset 0 0 0 1px #a9d4ff66,0 0 26px #6ebcffd9}}@keyframes autoToggleLed{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.turn-timer{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 9px;background:linear-gradient(180deg,#4a90d924,#4a90d90f);border:1px solid rgba(74,144,217,.42);border-radius:3px;font-family:var(--font-mono, monospace);color:#a9d4ff;font-weight:700;letter-spacing:1px;box-shadow:0 0 10px #4a90d91f,inset 0 0 0 1px #ffffff0a;transition:background .2s,border-color .2s,color .2s;min-width:118px;position:relative;overflow:hidden}.turn-timer--center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);gap:14px;padding:10px 20px;min-width:320px;border-radius:6px;z-index:2}.turn-timer--center .turn-timer__icon{font-size:22px}.turn-timer--center .turn-timer__label{font-size:13px;letter-spacing:2.5px;opacity:.85}.turn-timer--center .turn-timer__time{font-size:26px;letter-spacing:2px;min-width:68px}.turn-timer--center .turn-timer__track{height:6px;min-width:90px}.turn-timer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%);transform:translate(-200%);animation:timerSheen 3.5s linear infinite;pointer-events:none}@keyframes timerSheen{0%{transform:translate(-200%)}to{transform:translate(200%)}}.turn-timer__icon{font-size:13px;filter:drop-shadow(0 0 6px currentColor);flex-shrink:0}.turn-timer__time{font-size:13px;font-weight:800;letter-spacing:.5px;color:inherit;text-shadow:0 0 6px currentColor;min-width:36px;text-align:center;font-variant-numeric:tabular-nums}.turn-timer__track{position:relative;flex:1;height:4px;min-width:40px;background:#00000073;border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 2px #0009}.turn-timer__fill{height:100%;background:linear-gradient(90deg,#6eaeee,#a9d4ff);box-shadow:0 0 6px #6eaeeebf;transition:width .3s linear,background .3s;border-radius:2px}.turn-timer--warn{color:#ffd366;border-color:#f0c0308c;background:linear-gradient(180deg,#f0c03029,#f0c0300f);box-shadow:0 0 14px #f0c03038,inset 0 0 0 1px #ffffff0d}.turn-timer--warn .turn-timer__fill{background:linear-gradient(90deg,#e0a528,#ffd366);box-shadow:0 0 6px #f0c030cc}.turn-timer--urgent{color:#ff8080;border-color:#e83040e6;background:linear-gradient(180deg,#e8304052,#e8304024);box-shadow:0 0 28px #e8304099,inset 0 0 0 1px #ffffff14;animation:turnTimerUrgent .6s ease-in-out infinite alternate}.turn-timer--urgent .turn-timer__fill{background:linear-gradient(90deg,#c82a3a,#ff7070);box-shadow:0 0 10px #e83040f2}.turn-timer--urgent .turn-timer__icon{animation:turnTimerTick .36s steps(2,end) infinite}.turn-timer--critical{color:#fff;border-color:#ff3040;background:linear-gradient(180deg,#ff283c80,#c8142840);box-shadow:0 0 48px #ff283cd9,inset 0 0 12px #ff505066;animation:turnTimerCritical .35s ease-in-out infinite alternate;text-shadow:0 0 10px #ff4060,0 0 20px #ff4060}.turn-timer--critical .turn-timer__fill{background:linear-gradient(90deg,#ff2040,#ffb0b0);box-shadow:0 0 14px #ff4060}.turn-timer--critical .turn-timer__icon{animation:turnTimerTick .18s steps(2,end) infinite;filter:drop-shadow(0 0 10px #ff4060)}.turn-timer--critical .turn-timer__time{animation:turnTimerDigitFlash .35s ease-in-out infinite alternate}@keyframes turnTimerUrgent{0%{box-shadow:0 0 20px #e8304080,inset 0 0 0 1px #ffffff0d}to{box-shadow:0 0 40px #e83040d9,inset 0 0 0 1px #ffffff1a}}.turn-timer--urgent:not(.turn-timer--center){animation-name:turnTimerUrgentScale}@keyframes turnTimerUrgentScale{0%{transform:scale(1);box-shadow:0 0 20px #e8304080,inset 0 0 0 1px #ffffff0d}to{transform:scale(1.04);box-shadow:0 0 40px #e83040d9,inset 0 0 0 1px #ffffff1a}}.turn-timer--center.turn-timer--urgent{animation-name:turnTimerUrgentCenter}@keyframes turnTimerUrgentCenter{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 20px #e8304080,inset 0 0 0 1px #ffffff0d}to{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 46px #e83040f2,inset 0 0 0 1px #ffffff1f}}@keyframes turnTimerCritical{0%{box-shadow:0 0 28px #ff283cb3,inset 0 0 10px #ff50504d;filter:brightness(1)}to{box-shadow:0 0 72px #ff283c,inset 0 0 22px #ff787899;filter:brightness(1.25)}}.turn-timer--critical:not(.turn-timer--center){animation-name:turnTimerCriticalScale}@keyframes turnTimerCriticalScale{0%{transform:scale(1);box-shadow:0 0 28px #ff283cb3,inset 0 0 10px #ff50504d;filter:brightness(1)}to{transform:scale(1.09);box-shadow:0 0 72px #ff283c,inset 0 0 22px #ff787899;filter:brightness(1.3)}}.turn-timer--center.turn-timer--critical{animation-name:turnTimerCriticalCenter}@keyframes turnTimerCriticalCenter{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 32px #ff283cbf,inset 0 0 12px #ff505059;filter:brightness(1)}to{transform:translate(-50%,-50%) scale(1.14);box-shadow:0 0 96px #ff283c,inset 0 0 26px #ff7878b3;filter:brightness(1.35)}}@keyframes turnTimerDigitFlash{0%{color:#fff;text-shadow:0 0 12px #ff4060,0 0 24px #ff4060}to{color:#ffe6e6;text-shadow:0 0 24px #ff8080,0 0 48px #ff4060}}@keyframes turnTimerTick{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.turn-timer__label{font-size:10px;font-weight:600;letter-spacing:.5px;opacity:.75;text-transform:uppercase;flex-shrink:0}.turn-timer--opponent{color:#c9a8f5;border-color:#a064f06b;background:linear-gradient(180deg,#8c50dc24,#8c50dc0f);box-shadow:0 0 10px #8c50dc1f,inset 0 0 0 1px #ffffff0a}.turn-timer--opponent .turn-timer__fill{background:linear-gradient(90deg,#9b5de5,#c9a8f5);box-shadow:0 0 6px #9b5de5bf}.combat-body{display:flex;flex:1;overflow:hidden}.initiative-panel{width:210px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.initiative-panel__header{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface2)}.initiative-panel__title{font-family:var(--font-title);font-size:11px;font-weight:700;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase}.round-counter{font-family:var(--font-title);font-size:12px;font-weight:900;color:var(--gold);padding:2px 8px;background:var(--gold-dim);border:1px solid rgba(240,192,48,.3);border-radius:3px;letter-spacing:1px}.initiative-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding:8px}.initiative-item{position:relative;padding:4px 6px 4px 14px;border-radius:4px;border:1px solid transparent;border-left:3px solid transparent;cursor:default;transition:background .15s,box-shadow .15s,border-color .15s;background:var(--surface2);display:flex;align-items:center;gap:6px;min-height:38px}.initiative-item:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid transparent;transition:border-left-color .15s}.initiative-item--active{border-color:var(--gold);border-left-color:var(--gold);background:var(--gold-dim);box-shadow:0 0 12px #f0c03026;animation:activeBreath 2.2s ease-in-out infinite}.initiative-item--active:before{border-left-color:var(--gold)}@keyframes activeBreath{0%,to{box-shadow:0 0 8px #f0c0301f}50%{box-shadow:0 0 18px #f0c03047}}.initiative-item--dead{opacity:.35;filter:grayscale(1)}.initiative-item--dead .initiative-name:before{content:"☠ ";color:var(--accent)}.ii-portrait{width:30px;height:30px;border-radius:4px;overflow:hidden;border:1.5px solid;background:#0006;flex-shrink:0;box-shadow:0 0 6px currentColor,inset 0 0 0 1px #0000004d;align-self:center;transition:box-shadow .15s}.ii-portrait>canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.initiative-item--active .ii-portrait{box-shadow:0 0 10px currentColor,0 0 0 1px var(--gold),inset 0 0 0 1px #0000004d}.ii-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ii-top{display:flex;align-items:baseline;justify-content:space-between;gap:4px;line-height:1}.initiative-name{font-size:11.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;flex:1;letter-spacing:.2px}.initiative-hp-num{font-family:var(--font-mono),monospace;font-size:10px;font-weight:700;color:var(--text);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.initiative-hp-num small{font-size:8px;color:var(--text-muted);opacity:.65}.initiative-item--active .initiative-name{color:var(--gold);text-shadow:0 1px 2px rgba(240,192,48,.2)}.initiative-hp-bar{height:4px;background:#00000073;border-radius:2px;overflow:hidden;border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 1px 1px #00000073}.initiative-hp-bar div{height:100%;border-radius:1px;transition:width .4s ease;box-shadow:0 0 4px currentColor}.ii-stats{display:flex;gap:6px;align-items:center;font-family:var(--font-mono, monospace);font-size:9px;font-weight:700;letter-spacing:.2px;color:var(--text-muted);line-height:1;font-variant-numeric:tabular-nums}.ii-stat{white-space:nowrap;display:inline-flex;align-items:center;gap:2px}.ii-stat--atk{color:#ff9090}.ii-stat--def{color:#8fc6ee}.ii-stat--mag{color:#c080ff}.ii-stat--ini{color:#ffd366}.ii-stat small{font-size:7.5px;opacity:.6;font-weight:600}.initiative-item--active .ii-stats{color:var(--text)}.initiative-item--active .ii-stat small{color:#f0c0308c}.ii-conditions{display:flex;flex-wrap:wrap;gap:3px;line-height:1}.ii-cond{display:inline-block;padding:1px 4px;font-family:var(--font-mono, monospace);font-size:8px;font-weight:700;letter-spacing:.5px;border:1px solid;border-radius:2px;text-transform:uppercase}.combat-canvas-wrap{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at center,rgba(255,215,0,.04),transparent 60%),var(--bg);position:relative}.combat-canvas-wrap canvas{width:auto!important;height:100%!important;max-width:100%!important;aspect-ratio:1 / 1!important;image-rendering:pixelated;touch-action:none}.combat-right-panel{width:264px;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.panel-section-label{font-family:var(--font-title);font-size:10px;font-weight:700;letter-spacing:3px;color:var(--text-muted);text-transform:uppercase;padding:8px 12px 4px}.action-panel{border-bottom:1px solid var(--border);display:flex;flex-direction:column;background:linear-gradient(180deg,var(--surface),var(--surface2));overflow-y:auto;flex-shrink:0}.ap-card-header{display:grid;grid-template-columns:56px 1fr;border-bottom:1px solid rgba(255,255,255,.07)}.ap-portrait-frame{width:56px;height:52px;overflow:hidden;border-right:1px solid rgba(255,255,255,.08);flex-shrink:0}.ap-portrait-frame .unit-portrait,.ap-portrait-frame img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:pixelated;border:none;border-radius:0;background:var(--bg2)}.ap-card-info{padding:7px 10px;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}.ap-card-name{font-family:var(--font-title);font-size:12px;font-weight:900;color:var(--text);letter-spacing:.5px;line-height:1.1;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.ap-card-name:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold-glow);flex-shrink:0;animation:pulseDot 2s ease-in-out infinite}.ap-card-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.ap-card-cat{font-family:var(--font-title);font-size:8px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:2px 6px;border-radius:2px;border:1px solid;white-space:nowrap}.ap-temp-hp{font-family:var(--font-mono),monospace;font-size:9px;font-weight:700;color:var(--cyan);padding:1px 5px;border:1px solid rgba(80,184,232,.35);border-radius:2px;background:#50b8e81a;text-shadow:0 0 4px var(--cyan-glow)}.ap-hp-row{padding:4px 14px 6px;background:#00000014;border-bottom:1px solid rgba(255,255,255,.06)}.ap-hp-track{position:relative;width:100%;height:22px;background:#00000059;border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.ap-hp-fill{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;border-radius:5px;transition:width .35s ease,background .35s ease;box-shadow:inset 0 1px #ffffff2e,0 0 8px currentColor;opacity:.82}.ap-hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:12px;font-weight:900;letter-spacing:1px;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 6px rgba(0,0,0,.6);pointer-events:none}.ap-hp-text small{font-size:9px;opacity:.7;font-weight:400;margin-left:1px}.ap-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(255,255,255,.06)}.ap-cstat{display:flex;flex-direction:column;align-items:center;padding:8px 4px 6px;gap:1px;cursor:help}.ap-cstat+.ap-cstat{border-left:1px solid rgba(255,255,255,.06)}.ap-cstat:nth-child(4),.ap-cstat:nth-child(5),.ap-cstat:nth-child(6){border-top:1px solid rgba(255,255,255,.06)}.ap-cstat__v{font-family:var(--font-title);font-size:19px;font-weight:900;line-height:1;letter-spacing:.5px}.ap-cstat__k{font-family:var(--font-title);font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.ap-cstat--hp{background:#ff8c0021}.ap-cstat--hp .ap-cstat__v{color:#ff8c00}.ap-cstat--hp .ap-cstat__k{color:#e08020}.ap-cstat--atk{background:#c8282821}.ap-cstat--atk .ap-cstat__v{color:#e87878}.ap-cstat--atk .ap-cstat__k{color:#d06868}.ap-cstat--def{background:#3c64c821}.ap-cstat--def .ap-cstat__v{color:#7aace8}.ap-cstat--def .ap-cstat__k{color:#6898d8}.ap-cstat--ini{background:#dcb40021}.ap-cstat--ini .ap-cstat__v{color:#e8cc40}.ap-cstat--ini .ap-cstat__k{color:#d4b832}.ap-cstat--mag{background:#823cdc21}.ap-cstat--mag .ap-cstat__v{color:#c880ff}.ap-cstat--mag .ap-cstat__k{color:#b070e8}.ap-cstat--mov{background:#2e8b5721}.ap-cstat--mov .ap-cstat__v{color:#6acc88}.ap-cstat--mov .ap-cstat__k{color:#5ab87a}.ap-section{padding:6px 14px 8px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:3px;background:#ffffff05}.ap-section__label{font-family:var(--font-title);font-size:8px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-dim);margin-bottom:2px}.ap-weapon{display:flex;align-items:baseline;gap:5px}.ap-weapon__icon{font-size:9px;color:var(--accent2, #d4a020);flex-shrink:0;width:12px;text-shadow:0 0 4px currentColor}.ap-weapon__name{font-family:var(--font-title);font-size:10px;font-weight:700;color:var(--text);letter-spacing:.4px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.ap-weapon__dmg{font-family:var(--font-mono),monospace;font-size:10px;font-weight:700;color:var(--accent);white-space:nowrap;flex-shrink:0}.ap-weapon__range{font-family:var(--font-title);font-size:8px;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;flex-shrink:0;padding:1px 4px;border:1px solid rgba(255,255,255,.09);border-radius:2px;background:#ffffff0a}.attack-list{display:flex;flex-direction:column;gap:6px;padding:6px 14px 8px}.attack-btn{display:grid;grid-template-columns:30px 1fr auto;grid-template-areas:"icon name range" "icon dmg  dmg";align-items:center;gap:2px 10px;padding:10px 14px 11px 12px;font-family:inherit;background:linear-gradient(180deg,#c8293a2e,#8c19281a);border:1px solid rgba(200,41,58,.45);border-radius:5px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .08s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease;color:var(--text);text-align:left;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 -2px #00000040,0 2px 4px #00000059;position:relative;overflow:hidden}.attack-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-120%);transition:transform .55s ease;pointer-events:none}.attack-btn:hover:not(:disabled){background:linear-gradient(180deg,#e83c5052,#a01e302e);border-color:#ff6478d9;box-shadow:0 0 22px #e8304659,0 0 0 1px #ff788c59,inset 0 0 0 1px #ffffff17,inset 0 -2px #00000040,0 4px 10px #00000073;transform:translateY(-1px)}.attack-btn:hover:not(:disabled):before{transform:translate(120%)}.attack-btn:hover:not(:disabled) .attack-btn__icon{transform:scale(1.12) rotate(-7deg);text-shadow:0 0 12px rgba(255,120,140,.85)}.attack-btn:active:not(:disabled){transform:translateY(1px) scale(.985);box-shadow:inset 0 2px 6px #00000073,0 0 18px #e8304673;transition-duration:.04s}.attack-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.attack-btn--active{background:linear-gradient(180deg,#f0c0304d,#b4821429);border-color:var(--gold);box-shadow:0 0 24px #f0c03073,0 0 0 1px #ffdc648c,inset 0 0 0 1px #ffffff1f,inset 0 -2px #00000040;animation:activeBreath 2.2s ease-in-out infinite}.attack-btn__icon{grid-area:icon;justify-self:center;color:#ff7a8a;font-size:22px;line-height:1;text-shadow:0 0 8px rgba(232,48,70,.55),0 1px 2px rgba(0,0,0,.6);transform-origin:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1),text-shadow .18s ease,color .18s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.attack-btn--active .attack-btn__icon{color:var(--gold);text-shadow:0 0 12px var(--gold-glow),0 1px 2px rgba(0,0,0,.6)}.attack-btn__name{grid-area:name;align-self:end;font-family:var(--font-title);font-size:15px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:#ffeadc;line-height:1.1;white-space:normal;word-break:keep-all;overflow-wrap:break-word;min-width:0;text-shadow:0 1px 2px rgba(0,0,0,.7),0 0 10px rgba(232,48,70,.25)}.attack-btn--active .attack-btn__name{color:var(--gold);text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 12px rgba(240,192,48,.5)}.attack-btn__dmg{grid-area:dmg;align-self:start;font-family:var(--font-mono, monospace);font-size:15px;font-weight:900;color:#ffc070;white-space:nowrap;letter-spacing:.5px;text-shadow:0 0 10px rgba(255,160,60,.5),0 1px 2px rgba(0,0,0,.6);font-variant-numeric:tabular-nums}.attack-btn__dmg:after{content:" dmg";font-size:9px;font-family:var(--font-title);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin-left:4px;text-shadow:none;opacity:.65}.attack-btn__range{grid-area:range;align-self:center;justify-self:end;font-family:var(--font-title);font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;color:#ffd4b0;white-space:nowrap;padding:3px 8px;border-radius:3px;border:1px solid rgba(255,180,130,.35);background:#280a0c8c;font-weight:800;box-shadow:inset 0 0 0 1px #0000004d}.attack-btn--active .attack-btn__range{color:var(--gold);border-color:#f0c0308c;background:#281e0a8c}.attack-btn--los-blocked,.ability-btn--los-blocked{opacity:.38;cursor:not-allowed;filter:grayscale(.6)}.attack-btn--los-blocked:after,.ability-btn--los-blocked:after{content:"🚫 No LOS";position:absolute;bottom:3px;right:5px;font-size:9px;color:#f66;font-style:italic;pointer-events:none}.ap-actions-wrap{display:flex;flex-direction:column;gap:8px;padding:10px 14px 12px}.action-buttons{display:flex;flex-direction:column;gap:4px}.act-btn{position:relative;background:var(--surface2);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:4px;padding:9px 12px;font-size:13px;font-weight:700;color:var(--text-dim);cursor:pointer;text-align:left;transition:all .14s ease;font-family:var(--font-ui);letter-spacing:.8px;text-transform:uppercase;overflow:hidden}.act-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-100%);transition:transform .5s ease;pointer-events:none}.act-btn:hover:not(:disabled):before{transform:translate(100%)}.act-btn small{font-family:var(--font-mono),monospace;font-size:10px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-muted);margin-left:6px}.act-btn:hover:not(:disabled){border-color:var(--gold);border-left-color:var(--gold);background:var(--gold-dim);color:var(--text);transform:translate(2px);box-shadow:0 0 12px var(--gold-glow)}.act-btn:active:not(:disabled){transform:translate(2px) scale(.98)}.act-btn:disabled{opacity:.32;cursor:not-allowed;filter:saturate(.4)}.act-btn--active{border-color:var(--gold);border-left-color:var(--gold);background:var(--gold-dim);color:var(--text);box-shadow:0 0 12px var(--gold-glow)}.act-btn--move{border-color:#6acc8873;border-left-color:#6acc88;color:#6acc88;background:#2e8b571f;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:10px 12px}.act-btn--move:hover:not(:disabled){border-color:#6acc88;border-left-color:#6acc88;background:#2e8b5738;color:#a0e8b0;box-shadow:0 0 14px #6acc8840;transform:translate(2px)}.act-btn--move-active{border-color:#6acc88!important;border-left-color:#6acc88!important;background:#2e8b5738!important;color:#a0e8b0!important;box-shadow:0 0 14px #6acc884d!important}.act-btn__label{font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;line-height:1}.act-btn__sub{font-family:var(--font-mono),monospace;font-size:10px;font-weight:600;letter-spacing:0;text-transform:none;opacity:.7;line-height:1}.act-btn--end{margin-top:6px;border-color:var(--accent);border-left-color:var(--accent);color:var(--accent);font-family:var(--font-title);font-weight:900;letter-spacing:2px;text-transform:uppercase;font-size:12px;background:var(--accent-dim)}.act-btn--end:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow);transform:translateY(-1px)}.act-btn--auto{margin-top:8px;position:relative;border:1px dashed rgba(110,188,255,.7);border-left:3px solid #6ebcff;border-radius:2px;color:#bfe1ff;font-family:var(--font-mono, monospace);font-weight:700;letter-spacing:3px;text-transform:uppercase;font-size:11px;padding:8px 12px;background:linear-gradient(180deg,#3a84d22e,#1e46821a),repeating-linear-gradient(135deg,transparent 0 6px,rgba(110,188,255,.06) 6px 7px);box-shadow:inset 0 0 0 1px #6ebcff1a,0 0 10px #3a84d22e;text-shadow:0 0 6px rgba(110,188,255,.45);transition:background .15s,color .15s,box-shadow .15s,transform .08s}.act-btn--auto:before{content:"◈";margin-right:8px;color:#6ebcff;font-size:10px;letter-spacing:0;filter:drop-shadow(0 0 4px rgba(110,188,255,.8))}.act-btn--auto:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#6ebcff;box-shadow:0 0 8px #6ebcff,0 0 14px #6ebcff99;animation:autoBtnBlink 1.6s ease-in-out infinite}.act-btn--auto:hover:not(:disabled){color:#fff;border-color:#a9d4ff;background:linear-gradient(180deg,#4a90d966,#285aa038),repeating-linear-gradient(135deg,transparent 0 6px,rgba(169,212,255,.1) 6px 7px);box-shadow:inset 0 0 0 1px #a9d4ff40,0 0 18px #6ebcff8c;transform:translateY(-1px)}.act-btn--auto:disabled{opacity:.45;filter:grayscale(.3)}.act-btn--auto-down{color:#fff;border-style:solid;border-color:#6ebcff;background:linear-gradient(180deg,#4a90d98c,#1e468259);box-shadow:inset 0 0 10px #0006,0 0 20px #6ebcffb3;transform:translateY(1px)}.act-btn--auto-down:after{animation:autoBtnBlink .4s ease-in-out infinite}@keyframes autoBtnBlink{0%,60%,to{opacity:1;transform:translateY(-50%) scale(1)}30%{opacity:.3;transform:translateY(-50%) scale(.75)}}@keyframes endTurnFlash{0%,to{background:var(--accent-dim);box-shadow:0 0 #0000}50%{background:var(--accent);color:#fff;box-shadow:0 0 22px var(--accent-glow)}}.act-btn--end.act-btn--flash{animation:endTurnFlash .7s ease-in-out infinite}.ability-list{display:flex;flex-direction:column;gap:4px}.ability-list h5{font-family:var(--font-title);font-size:10px;font-weight:700;letter-spacing:3px;color:var(--text-muted);text-transform:uppercase;margin-bottom:3px;padding-bottom:3px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px}.ability-list h5:before{content:"✦";color:var(--purple);text-shadow:0 0 4px var(--purple-glow)}.ability-btn{position:relative;display:grid;grid-template-columns:28px 1fr auto;grid-template-areas:"icon name range" "icon pills pills";align-items:center;gap:4px 10px;padding:9px 12px 10px 10px;font-family:inherit;background:linear-gradient(180deg,#a060e029,#6a3d9a1a);border:1px solid rgba(160,96,224,.42);border-radius:5px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .08s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease;color:var(--text);text-align:left;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 -2px #00000040,0 2px 4px #00000059;overflow:hidden}.ability-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(200,150,255,.12) 50%,transparent 70%);transform:translate(-120%);transition:transform .55s ease;pointer-events:none}.ability-btn:hover:not(:disabled){background:linear-gradient(180deg,#b478f047,#8250be24);border-color:#c896ffd9;box-shadow:0 0 22px #a060e073,0 0 0 1px #c896ff59,inset 0 0 0 1px #ffffff17,inset 0 -2px #00000040,0 4px 10px #00000073;transform:translateY(-1px)}.ability-btn:hover:not(:disabled):before{transform:translate(120%)}.ability-btn:hover:not(:disabled) .ability-btn__icon{transform:scale(1.18) rotate(35deg);text-shadow:0 0 14px rgba(200,150,255,.9)}.ability-btn:active:not(:disabled){transform:translateY(1px) scale(.985);box-shadow:inset 0 2px 6px #00000073,0 0 18px #a060e073;transition-duration:.04s}.ability-btn:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.4) grayscale(.3)}.ability-btn--cd{background:linear-gradient(180deg,#46506438,#2832461a);border-color:#828ca066}.ability-btn--active{background:linear-gradient(180deg,#f0c03047,#b4821424);border-color:var(--gold);box-shadow:0 0 24px #f0c03073,0 0 0 1px #ffdc648c,inset 0 0 0 1px #ffffff1f,inset 0 -2px #00000040;animation:activeBreath 2.2s ease-in-out infinite}.ability-btn__icon{grid-area:icon;justify-self:center;color:#d0a0ff;font-size:18px;line-height:1;text-shadow:0 0 10px rgba(160,96,224,.7),0 1px 2px rgba(0,0,0,.6);transform-origin:center;transition:transform .28s cubic-bezier(.34,1.56,.64,1),text-shadow .18s,color .18s;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.ability-btn--active .ability-btn__icon{color:var(--gold);text-shadow:0 0 14px var(--gold-glow),0 1px 2px rgba(0,0,0,.6);animation:activeBreath 2.2s ease-in-out infinite}.ability-btn--cd .ability-btn__icon{color:#707890;text-shadow:none}.ability-btn__name{grid-area:name;align-self:end;font-family:var(--font-title);font-size:14px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:#f0e6ff;line-height:1.1;white-space:normal;word-break:keep-all;overflow-wrap:break-word;min-width:0;text-shadow:0 1px 2px rgba(0,0,0,.7),0 0 10px rgba(160,96,224,.22)}.ability-btn--active .ability-btn__name{color:var(--gold);text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 12px rgba(240,192,48,.5)}.ability-btn--cd .ability-btn__name{color:#b0b5c0;text-shadow:none}.ability-btn__range{grid-area:range;align-self:center;font-family:var(--font-title);font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#d0b0ff;white-space:nowrap;padding:3px 7px;border-radius:3px;border:1px solid rgba(200,150,255,.35);background:#1e0f2d8c;font-weight:800;box-shadow:inset 0 0 0 1px #0000004d}.ability-btn--active .ability-btn__range{color:var(--gold);border-color:#f0c0308c;background:#281e0a8c}.ability-btn--cd .ability-btn__range{color:#ffa060;border-color:#ff965073;background:#28140a80}.ability-btn__pills{grid-area:pills;align-self:start;display:flex;flex-wrap:wrap;gap:4px;font-family:var(--font-mono, monospace)}.ab-pill{display:inline-flex;align-items:center;font-size:10px;font-weight:800;letter-spacing:.3px;padding:1px 6px;border-radius:3px;border:1px solid;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums}.ab-pill--dmg{color:#ffb060;border-color:#ffb46473;background:#501e0a73;text-shadow:0 0 6px rgba(255,160,60,.3)}.ab-pill--heal{color:#70ea96;border-color:#50dc8480;background:#143c1e73;text-shadow:0 0 6px rgba(62,220,132,.35)}.ab-pill--shield{color:#9fd9ff;border-color:#78c8ff80;background:#0a1e3780;text-shadow:0 0 6px rgba(120,200,255,.35)}.ab-pill--cond{color:#ffc080;border-color:#ffb46473;background:#37190a8c}.ab-pill--self-cond{color:#ffe080;border-color:#ffdc6473;background:#32280a8c}.ab-pill--cleanse{color:#a0e8ff;border-color:#a0e8ff73;background:#0a1e3280}.ab-pill--buff{color:#ffe080;border-color:#f0c03080;background:#32280a80}.ab-pill--lasts{color:#d0a8ff;border-color:#c896ff66;background:#1e0f3280;font-size:9px;font-weight:700}.ab-pill--lasts:before{content:"⏱ ";opacity:.7}.ability-btn--cd .ab-pill,.ability-btn:disabled .ab-pill{opacity:.55}.ability-targeting-hint{margin-top:6px;padding:10px;background:linear-gradient(var(--surface),var(--surface)) padding-box,repeating-linear-gradient(45deg,var(--purple) 0 8px,transparent 8px 16px) border-box;border:1px dashed transparent;border-radius:4px;font-family:var(--font-title);font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--purple);text-align:center;line-height:1.5;text-transform:uppercase;box-shadow:0 0 14px var(--purple-glow),inset 0 0 10px #a060e00f;animation:hintPulse 1.4s ease-in-out infinite}@keyframes hintPulse{0%,to{box-shadow:0 0 10px var(--purple-glow),inset 0 0 8px #a060e00f}50%{box-shadow:0 0 20px var(--purple-glow),inset 0 0 14px #a060e01f}}.ability-cd{font-family:var(--font-mono),monospace;font-size:10px;color:var(--accent);font-weight:700}.unit-detail{border-bottom:1px solid var(--border);display:flex;flex-direction:column;background:var(--surface2);overflow-y:auto;flex-shrink:0;max-height:42vh}.temp-hp{color:var(--cyan);font-size:11px;font-weight:700;text-shadow:0 0 4px var(--cyan-glow)}.unit-conditions{display:flex;flex-wrap:wrap;gap:4px}.condition-tag{font-family:var(--font-title);font-size:9px;font-weight:700;padding:3px 7px;border-radius:2px;background:var(--gold-dim);color:var(--gold);letter-spacing:1px;text-transform:uppercase;border:1px solid rgba(240,192,48,.35);box-shadow:0 0 4px var(--gold-dim);cursor:help}.condition-tag:hover{background:#f0c0302e;border-color:#f0c03099}.action-mode-indicator{padding:7px 10px;border-radius:4px;font-family:var(--font-title);font-size:10px;font-weight:700;letter-spacing:2px;text-align:center;text-transform:uppercase;animation:hintPulse 1.4s ease-in-out infinite}.action-mode-indicator--move{color:#d4871a;background:#d4871a1a;border:1px solid rgba(212,135,26,.4)}.action-mode-indicator--attack{color:var(--accent);background:#c8293a14;border:1px solid rgba(200,41,58,.35)}.action-mode-indicator--ability{color:var(--purple);background:var(--purple-dim);border:1px solid rgba(160,96,224,.35)}.unit-detail-abilities{display:flex;flex-direction:column;gap:4px;padding-top:4px;border-top:1px solid var(--border)}.ability-info{font-size:11px;color:var(--text-muted);line-height:1.4;padding:4px 6px;background:var(--surface);border-left:2px solid var(--purple);border-radius:2px}.ability-info strong{color:var(--text);font-weight:700}.combat-log{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.combat-log h5{font-family:var(--font-title);font-size:13px;font-weight:700;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;padding:10px 14px 6px;border-bottom:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;gap:6px;background:var(--surface2)}.combat-log h5:before{content:"▌";color:var(--gold);text-shadow:0 0 4px var(--gold-glow)}.combat-log-entries{flex:1;overflow-y:auto;padding:6px 10px;display:flex;flex-direction:column;gap:2px}.log-entry{font-size:14px;color:var(--text-muted);line-height:1.45;padding:4px 6px 4px 22px;border-radius:2px;position:relative;animation:entryIn .22s ease;font-family:var(--font-ui)}.log-entry:before{position:absolute;left:4px;top:4px;font-size:13px;opacity:.8}.log-entry--attack{color:var(--text-dim)}.log-entry--attack:before{content:"⚔";color:var(--accent)}.log-entry--damage{color:var(--accent);font-weight:700}.log-entry--damage:before{content:"✦";color:var(--accent)}.log-entry--heal{color:var(--hp-high);font-weight:700}.log-entry--heal:before{content:"+";color:var(--hp-high);font-weight:900}.log-entry--death{color:var(--accent);font-weight:700;background:#e040400f;padding:4px 6px 4px 22px;border-radius:3px;border-left:2px solid var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:13px}.log-entry--death:before{content:"☠";color:var(--accent);left:6px;top:5px}.log-entry--move{color:var(--text-muted);font-style:italic}.log-entry--move:before{content:"→";color:var(--text-muted)}.log-entry--round{color:var(--gold);font-family:var(--font-title);font-weight:900;letter-spacing:2px;text-transform:uppercase;font-size:12px;padding:6px 6px 4px 24px;margin-top:6px;background:linear-gradient(90deg,var(--gold-dim),transparent);border-top:1px solid rgba(240,192,48,.25)}.log-entry--round:before{content:"↻";color:var(--gold);top:7px}.fct{position:absolute;pointer-events:none;z-index:10;font-family:var(--font-title);font-weight:900;white-space:nowrap;letter-spacing:.5px;transform:translate(-50%)}.fct__text{display:inline-block;position:relative}.fct--damage{color:#ff5050;font-size:26px;text-shadow:0 0 3px rgba(0,0,0,.95),0 2px 4px rgba(0,0,0,.95),0 0 14px #ff3030,0 0 24px rgba(255,50,50,.65);animation:fctDamage 1.35s cubic-bezier(.22,1,.36,1) forwards;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7))}@keyframes fctDamage{0%{opacity:0;transform:translate(-50%) translateY(12px) scale(.4)}10%{opacity:1;transform:translate(-50%) translateY(-4px) scale(1.45)}18%{transform:translate(-53%) translateY(-6px) scale(1.22)}24%{transform:translate(-47%) translateY(-4px) scale(1.15)}32%{transform:translate(-50%) translateY(-8px) scale(1)}80%{opacity:1;transform:translate(-50%) translateY(-38px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-54px) scale(.9)}}.fct--crit{color:#ffe080;font-size:38px;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 0 4px rgba(0,0,0,1),0 3px 6px rgba(0,0,0,1),0 0 18px #ffb030,0 0 34px rgba(255,160,40,.8),0 0 60px rgba(255,200,60,.4);animation:fctCrit 1.8s cubic-bezier(.22,1,.36,1) forwards;filter:drop-shadow(0 0 14px rgba(255,200,60,.8))}.fct--crit:before{content:"";position:absolute;left:50%;top:50%;width:130%;height:130%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,#ffe678e6,#ffe67800 12deg,#ffe678e6 45deg,#ffe67800 57deg,#ffe678e6 90deg,#ffe67800 102deg,#ffe678e6 135deg,#ffe67800 147deg,#ffe678e6 180deg,#ffe67800 192deg,#ffe678e6 225deg,#ffe67800 237deg,#ffe678e6 270deg,#ffe67800 282deg,#ffe678e6 315deg,#ffe67800 327deg,#ffe678e6 360deg);mask:radial-gradient(circle,black 5%,transparent 70%);-webkit-mask:radial-gradient(circle,black 5%,transparent 70%);animation:fctCritStar 1.6s ease-out forwards;z-index:-1;pointer-events:none}@keyframes fctCrit{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.25) rotate(-6deg)}10%{opacity:1;transform:translate(-50%) translateY(-6px) scale(1.7) rotate(2deg)}16%{transform:translate(-55%) translateY(-8px) scale(1.45) rotate(-2deg)}22%{transform:translate(-45%) translateY(-6px) scale(1.35) rotate(2deg)}32%{transform:translate(-50%) translateY(-10px) scale(1.15) rotate(0)}50%{opacity:1;transform:translate(-50%) translateY(-24px) scale(1.1)}85%{opacity:1;transform:translate(-50%) translateY(-52px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-70px) scale(.9)}}@keyframes fctCritStar{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}15%{opacity:.9;transform:translate(-50%,-50%) scale(1.2) rotate(20deg)}40%{opacity:.65;transform:translate(-50%,-50%) scale(1.5) rotate(60deg)}to{opacity:0;transform:translate(-50%,-50%) scale(2.1) rotate(100deg)}}.fct--heal{color:#5af096;font-size:22px;text-shadow:0 0 3px rgba(0,0,0,.95),0 2px 4px rgba(0,0,0,.95),0 0 12px #3ddc84,0 0 22px rgba(62,220,132,.7);animation:fctHeal 1.4s cubic-bezier(.22,1,.36,1) forwards;filter:drop-shadow(0 2px 3px rgba(0,0,0,.65))}@keyframes fctHeal{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.6)}12%{opacity:1;transform:translate(-50%) translateY(-6px) scale(1.3)}22%{transform:translate(-50%) translateY(-12px) scale(1.05)}32%{transform:translate(-50%) translateY(-8px) scale(1)}80%{opacity:1;transform:translate(-50%) translateY(-36px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-52px) scale(.92)}}.fct--miss{color:#b8b8c4;font-size:20px;font-weight:800;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 2px rgba(0,0,0,.9),0 1px 3px rgba(0,0,0,.9),0 0 8px rgba(160,160,180,.5);animation:fctMiss 1.2s cubic-bezier(.22,1,.36,1) forwards}@keyframes fctMiss{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.8)}12%{opacity:.95;transform:translate(-50%) translateY(-4px) scale(1.12)}25%{opacity:.95;transform:translate(-50%) translateY(-8px) scale(1)}80%{opacity:.9;transform:translate(-50%) translateY(-28px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-42px) scale(.92)}}@keyframes fctMissSlash{0%{transform:rotate(-8deg) scaleX(0)}to{transform:rotate(-8deg) scaleX(1)}}.fct--slain{color:#f33;font-size:44px;letter-spacing:5px;text-transform:uppercase;text-shadow:0 0 5px rgba(0,0,0,1),0 4px 8px rgba(0,0,0,1),0 0 22px #ff0000,0 0 44px rgba(200,20,20,.85),0 0 80px rgba(200,20,20,.5);animation:fctSlain 1.9s cubic-bezier(.22,1,.36,1) forwards;filter:drop-shadow(0 0 18px rgba(255,40,40,.8))}.fct--slain:before{content:"";position:absolute;left:50%;top:50%;width:160%;height:160%;transform:translate(-50%,-50%);background:radial-gradient(circle,#ff1e1eb3,#ff1e1e00 65%);animation:fctSlainBurst 1.8s ease-out forwards;z-index:-1;pointer-events:none}@keyframes fctSlain{0%{opacity:0;transform:translate(-50%) translateY(18px) scale(.2) rotate(-4deg)}8%{opacity:1;transform:translate(-50%) translateY(-8px) scale(1.85) rotate(3deg)}14%{transform:translate(-55%) translateY(-10px) scale(1.5) rotate(-3deg)}20%{transform:translate(-45%) translateY(-8px) scale(1.4) rotate(2deg)}30%{transform:translate(-50%) translateY(-12px) scale(1.18) rotate(0)}55%{opacity:1;transform:translate(-50%) translateY(-28px) scale(1.1)}85%{opacity:.9;transform:translate(-50%) translateY(-56px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-76px) scale(.9)}}@keyframes fctSlainBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}.fct--condition,.fct--buff{color:var(--fct-color, #d9a038);font-size:18px;letter-spacing:2.5px;text-transform:uppercase;font-weight:900;padding:4px 10px;background:#000000bf;border:1px solid currentColor;border-radius:3px;box-shadow:0 0 14px currentColor,0 0 0 1px #ffffff14,0 2px 6px #0009;text-shadow:0 0 2px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.85),0 0 10px currentColor;animation:fctTag 1.45s cubic-bezier(.22,1,.36,1) forwards}@keyframes fctTag{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.6)}14%{opacity:1;transform:translate(-50%) translateY(-4px) scale(1.15)}26%{transform:translate(-50%) translateY(-10px) scale(1)}80%{opacity:1;transform:translate(-50%) translateY(-36px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-52px) scale(.92)}}.fct--resist{color:#8fd0ff;font-size:20px;letter-spacing:2.5px;text-transform:uppercase;font-weight:900;text-shadow:0 0 2px rgba(0,0,0,.95),0 1px 3px rgba(0,0,0,.9),0 0 14px #50a8ff,0 0 24px rgba(80,168,255,.65);animation:fctResist 1.35s cubic-bezier(.22,1,.36,1) forwards}.fct--resist:before{content:"✦";margin-right:6px;opacity:.85}@keyframes fctResist{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.6)}12%{opacity:1;transform:translate(-50%) translateY(-4px) scale(1.25)}24%{transform:translate(-50%) translateY(-8px) scale(1)}80%{opacity:1;transform:translate(-50%) translateY(-32px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-46px) scale(.92)}}.fct--temphp{color:#8fd0ff;font-size:20px;letter-spacing:2px;text-transform:uppercase;font-weight:900;text-shadow:0 0 3px rgba(0,0,0,.9),0 1px 3px rgba(0,0,0,.9),0 0 12px #7bc3e8,0 0 22px rgba(123,195,232,.6);animation:fctHeal 1.4s cubic-bezier(.22,1,.36,1) forwards}.fct--temphp:before{content:"⛉";margin-right:4px;opacity:.9}.attack-tooltip{position:absolute;pointer-events:none;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;background:#0a101eeb;border:1px solid rgba(200,41,58,.7);border-radius:5px;padding:5px 10px 4px;z-index:20;box-shadow:0 0 10px #c8293a59,0 2px 8px #0009;white-space:nowrap}.attack-tooltip__hit{font-family:var(--font-title);font-size:18px;font-weight:900;color:#e8e0d0;line-height:1;text-shadow:0 0 8px rgba(200,41,58,.8)}.attack-tooltip__dmg{font-family:var(--font-mono),monospace;font-size:11px;color:var(--text-muted);letter-spacing:.5px}.attack-tooltip__dmg em{font-style:normal;color:#c8a06a}.unit-hover-tooltip{position:absolute;pointer-events:none;z-index:20;transform:translate(-50%,calc(-100% - 14px));min-width:200px;max-width:280px;background:#070c18f7;border:1px solid rgba(180,190,220,.18);border-radius:6px;box-shadow:0 6px 28px #000000bf,0 0 0 1px #ffffff0a;overflow:hidden;white-space:normal}.unit-hover-tooltip--combat{min-width:290px;max-width:370px}.unit-hover-tooltip__combat-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 14px 7px;border-bottom:1px solid rgba(255,255,255,.07)}.unit-hover-tooltip__hp-mini{font-family:var(--font-title);font-size:12px;font-weight:700;letter-spacing:.3px;flex-shrink:0}.unit-hover-tooltip__attack-preview{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px 11px;background:#c8293a29;border-bottom:1px solid rgba(200,41,58,.35)}.unit-hover-tooltip__attack-preview--ability{background:#6a3d9a33;border-bottom-color:#8250dc66;flex-direction:column;gap:5px}.unit-hover-tooltip__hit-label{font-family:var(--font-title);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin-top:6px}.unit-hover-tooltip__ability-name{font-family:var(--font-title);font-size:10px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#c080ff;text-shadow:0 0 8px rgba(160,80,255,.5)}.unit-hover-tooltip__heal{font-family:var(--font-mono),monospace;font-size:13px;font-weight:700;color:#3ddc84;text-shadow:0 0 8px rgba(46,200,100,.6);letter-spacing:.3px}.unit-hover-tooltip__attack-preview--blocked{background:#3c3c3c38;border-bottom-color:#b4b4b459}.unit-hover-tooltip__blocked{font-family:var(--font-title);font-size:12px;font-weight:900;letter-spacing:2px;color:#d8d8e0;text-transform:uppercase}.unit-hover-tooltip__breakdown{display:flex;flex-direction:column;gap:2px;padding:10px 4px 12px;background:#00000040;border-top:1px solid rgba(255,255,255,.06)}.unit-hover-tooltip__breakdown .unit-hover-tooltip__breakdown-title{padding-left:12px;padding-right:12px}.unit-hover-tooltip__breakdown-title{font-family:var(--font-title);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);margin-bottom:5px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.07)}.hb-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:3px 10px 3px 12px;font-family:var(--font-title);font-size:12px;letter-spacing:.2px;border-radius:3px;position:relative;line-height:1.4}.hb-row:before{content:"";position:absolute;left:4px;top:10px;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6}.hb-row__label{color:inherit;opacity:.92;white-space:normal;word-break:break-word;flex:1}.hb-row__value{font-weight:800;color:inherit;flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.3px;white-space:nowrap}.hb-row--base{color:#e8e0d0;background:#ffffff0a}.hb-row--good{color:#7ce59b;background:#3edc8414}.hb-row--bad{color:#ff8a8a;background:#ff646414}.hb-row--neutral{color:#c8d0e0;background:#b4c8f00d;font-weight:700}.hb-row--blocker{color:#e8d855;background:#dcc8501a;font-weight:800}.unit-hover-tooltip__condition{font-family:var(--font-title);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold);text-shadow:0 0 6px var(--gold-glow)}.unit-hover-tooltip__hit{font-family:var(--font-title);font-size:28px;font-weight:900;color:#e8e0d0;line-height:1;text-shadow:0 0 12px rgba(200,41,58,.8)}.unit-hover-tooltip__dmg{font-family:var(--font-title);font-size:16px;font-weight:800;color:var(--gold);letter-spacing:.4px;text-shadow:0 0 8px rgba(240,192,48,.4)}.unit-hover-tooltip__dmg em{font-style:normal;color:#c8a06a}.unit-hover-tooltip__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px 5px}.unit-hover-tooltip__name{font-family:var(--font-title);font-size:13px;font-weight:900;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis}.unit-hover-tooltip__team{font-family:var(--font-title);font-size:8px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:2px 6px;border-radius:2px;border:1px solid;flex-shrink:0}.unit-hover-tooltip__hp-row{padding:0 12px 7px;display:flex;flex-direction:column;gap:4px}.unit-hover-tooltip__hp-bar{height:4px;background:#ffffff12;border-radius:2px;overflow:hidden}.unit-hover-tooltip__hp-bar div{height:100%;border-radius:2px;box-shadow:0 0 4px currentColor}.unit-hover-tooltip__hp-text{font-family:var(--font-mono),monospace;font-size:10px;color:var(--text-muted);letter-spacing:.3px}.unit-hover-tooltip__stats{display:flex;flex-wrap:wrap;gap:4px;padding:6px 12px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.unit-hover-tooltip__stat{font-family:var(--font-mono),monospace;font-size:10px;font-weight:700;padding:2px 6px;border-radius:2px;border:1px solid rgba(255,255,255,.1);cursor:help}.unit-hover-tooltip__stat--atk{color:#e06868;background:#c828281f;border-color:#c8282840}.unit-hover-tooltip__stat--def{color:#6898d8;background:#3c64c81f;border-color:#3c64c840}.unit-hover-tooltip__stat--dex{color:#e8cc40;background:#dcb4001f;border-color:#dcb40040}.unit-hover-tooltip__stat--spd{color:#5ab87a;background:#2e8b571f;border-color:#2e8b5740}.unit-hover-tooltip__stat--mag{color:#c080ff;background:#823cdc1f;border-color:#823cdc40}.unit-hover-tooltip__conditions{display:flex;flex-wrap:wrap;gap:3px;padding:5px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.unit-hover-tooltip__cond{font-family:var(--font-title);font-size:8px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:1px 5px;border-radius:2px;background:#f0c0301a;color:var(--gold);border:1px solid rgba(240,192,48,.28);cursor:help}.unit-hover-tooltip__attacks{padding:5px 12px 9px;display:flex;flex-direction:column;gap:3px}.unit-hover-tooltip__attack-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.unit-hover-tooltip__attack-name{font-family:var(--font-title);font-size:9px;font-weight:700;letter-spacing:.5px;color:var(--text-dim);text-transform:uppercase}.unit-hover-tooltip__attack-info{font-family:var(--font-mono),monospace;font-size:9px;color:var(--text-muted);white-space:nowrap}.victory-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0e1a2ef0,#0a1420fa);display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden}.victory-screen:before,.victory-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle 5px at 20% 30%,var(--gold) 0%,rgba(240,192,48,.15) 60%,transparent),radial-gradient(circle 4px at 80% 20%,var(--accent) 0%,rgba(228,72,72,.15) 60%,transparent),radial-gradient(circle 4px at 60% 70%,var(--cyan) 0%,rgba(80,184,232,.15) 60%,transparent),radial-gradient(circle 5px at 30% 80%,var(--gold) 0%,rgba(240,192,48,.15) 60%,transparent),radial-gradient(circle 4px at 90% 50%,var(--purple) 0%,rgba(160,96,224,.15) 60%,transparent),radial-gradient(circle 4px at 10% 60%,var(--accent) 0%,rgba(228,72,72,.15) 60%,transparent),radial-gradient(circle 5px at 70% 90%,var(--gold) 0%,rgba(240,192,48,.15) 60%,transparent),radial-gradient(circle 4px at 45% 15%,var(--purple) 0%,rgba(160,96,224,.15) 60%,transparent),radial-gradient(circle 4px at 5% 35%,var(--cyan) 0%,rgba(80,184,232,.15) 60%,transparent),radial-gradient(circle 5px at 55% 55%,var(--gold) 0%,rgba(240,192,48,.15) 60%,transparent),radial-gradient(circle 4px at 85% 78%,var(--accent) 0%,rgba(228,72,72,.15) 60%,transparent),radial-gradient(circle 4px at 15% 88%,var(--purple) 0%,rgba(160,96,224,.15) 60%,transparent);background-size:100% 100%;pointer-events:none;animation:drift 5s ease-out infinite}.victory-screen:after{animation-delay:2.5s;animation-direction:reverse;opacity:.75}.victory-screen>div,.victory-screen__card{position:relative;background:linear-gradient(180deg,var(--surface2),var(--surface));border:2px solid var(--gold);border-radius:4px;padding:56px 72px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:380px;box-shadow:0 10px 60px #00000080,0 0 30px var(--gold-glow);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.victory-screen h1,.victory-screen__title--win,.victory-screen__title--loss{font-family:var(--font-title);font-size:48px;font-weight:900;letter-spacing:8px;text-transform:uppercase;color:var(--gold);text-shadow:2px 0 0 var(--accent),-2px 0 0 var(--ember),0 0 20px var(--gold-glow),0 0 40px var(--gold-glow);animation:flickerOnce .8s ease,glowIdle 3s ease-in-out .8s infinite}.victory-screen__title--loss{color:var(--text-muted);text-shadow:none;animation:none}.victory-screen p,.victory-screen__sub{font-family:var(--font-title);font-size:13px;font-weight:700;color:var(--text-dim);letter-spacing:4px;text-transform:uppercase}.victory-screen__login-hint{font-family:var(--font-ui);font-size:12px;color:var(--text-muted);letter-spacing:0;text-transform:none;opacity:.7}.victory-rewards{margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:8px}.victory-rewards__title{font-family:var(--font-title);font-size:11px;letter-spacing:3px;color:var(--text-muted);text-transform:uppercase}.victory-rewards__loading{font-family:var(--font-title);font-size:12px;color:var(--text-muted);letter-spacing:2px;opacity:.7}.victory-rewards__row{display:flex;gap:16px;align-items:center}.victory-reward{font-family:var(--font-title);font-size:18px;font-weight:900;letter-spacing:1px}.victory-reward--exp{color:#7bc3e8}.victory-reward--gold{color:#f0c030}.victory-reward--gems{color:#a78bfa}.turn-banner{position:absolute;top:0;left:0;right:0;z-index:50;display:flex;flex-direction:column;align-items:stretch;pointer-events:none;animation:turnBannerSlide 2.2s cubic-bezier(.22,1,.36,1) forwards}.turn-banner--bare .turn-banner__rail{display:none}.turn-banner--bare .turn-banner__inner{background:transparent;box-shadow:none}.turn-banner--bare .turn-banner__inner:after{display:none}@keyframes turnBannerSlide{0%{transform:translateY(-120%);opacity:0;filter:blur(4px)}10%{transform:translateY(0);opacity:1;filter:blur(0)}78%{transform:translateY(0);opacity:1;filter:blur(0)}to{transform:translateY(-120%);opacity:0;filter:blur(3px)}}.turn-banner__rail{height:2px;background:linear-gradient(90deg,transparent 0%,currentColor 15%,currentColor 85%,transparent 100%);opacity:.7;animation:railSweep 1.6s cubic-bezier(.22,1,.36,1);transform-origin:left center}@keyframes railSweep{0%{transform:scaleX(0);opacity:0}25%{transform:scaleX(.3);opacity:.9}to{transform:scaleX(1);opacity:.7}}.turn-banner__inner{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 40px;font-family:var(--font-title);font-weight:900;text-transform:uppercase;position:relative;overflow:hidden}.turn-banner__inner:after{content:"";position:absolute;top:0;bottom:0;width:60%;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.22) 45%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.22) 55%,transparent 80%);transform:translate(-220%);animation:bannerShine 1.8s cubic-bezier(.22,1,.36,1) .2s;pointer-events:none}@keyframes bannerShine{0%{transform:translate(-220%)}70%{transform:translate(220%)}to{transform:translate(220%)}}.turn-banner__portrait{width:48px;height:48px;border-radius:6px;overflow:hidden;border:2px solid currentColor;flex-shrink:0;box-shadow:0 0 18px currentColor,0 0 0 1px #0009,inset 0 0 0 1px #fff3;background:#00000073;animation:bannerPortraitPop .45s cubic-bezier(.34,1.56,.64,1) .08s both}.turn-banner__portrait>*{width:100%;height:100%}@keyframes bannerPortraitPop{0%{transform:scale(.3) rotate(-12deg);opacity:0}60%{transform:scale(1.15) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.turn-banner__text{display:flex;flex-direction:column;align-items:flex-start;line-height:1;gap:4px}.turn-banner__label{font-size:22px;letter-spacing:8px;animation:bannerLabelPop .35s cubic-bezier(.34,1.56,.64,1) .12s both}.turn-banner__unit{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1.5px;text-transform:none;animation:bannerUnitSlide .4s cubic-bezier(.22,1,.36,1) .2s both}.turn-banner__unit-name{font-family:var(--font-title);font-weight:800;color:#ffffffe0;text-shadow:0 0 10px rgba(0,0,0,.8);letter-spacing:2px}.turn-banner__category{font-family:var(--font-mono, monospace);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 7px;border-radius:3px;border:1px solid;text-shadow:none}@keyframes bannerUnitSlide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.turn-banner--player{color:var(--gold);background:linear-gradient(180deg,#f0c03047,#f0c03024,#f0c03047);box-shadow:0 4px 32px #f0c03052,0 0 60px #f0c0301f,0 0 0 1px #f0c0302e;text-shadow:0 0 24px rgba(240,192,48,.75),0 0 4px rgba(255,220,100,.8),0 2px 6px rgba(0,0,0,.7)}.turn-banner--enemy{color:#e83040;background:linear-gradient(180deg,#c8293a4d,#c8293a26,#c8293a4d);box-shadow:0 4px 32px #c8293a59,0 0 60px #c8293a26,0 0 0 1px #c8293a33;text-shadow:0 0 24px rgba(232,48,64,.8),0 0 4px rgba(255,80,90,.85),0 2px 6px rgba(0,0,0,.7)}.turn-banner__chevrons{font-size:16px;letter-spacing:0;opacity:.75;animation:chevronPulse .7s ease-in-out infinite alternate}.turn-banner--player .turn-banner__chevrons{color:var(--gold)}.turn-banner--enemy .turn-banner__chevrons{color:#e83040}@keyframes chevronPulse{0%{opacity:.35;transform:translate(-2px)}to{opacity:.95;transform:translate(2px)}}@keyframes bannerLabelPop{0%{transform:scale(.5) translateY(8px);opacity:0;letter-spacing:20px}60%{transform:scale(1.12) translateY(-1px);opacity:1;letter-spacing:4px}to{transform:scale(1) translateY(0);opacity:1;letter-spacing:8px}}.map-legend{position:absolute;bottom:8px;left:8px;display:flex;flex-direction:column;gap:3px;background:#0a101cd1;border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:6px 8px;pointer-events:none;z-index:10}.map-legend__item{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-muted);white-space:nowrap;font-family:var(--font-mono, monospace)}.map-legend__swatch{width:14px;height:14px;border-radius:2px;border:1px solid rgba(255,255,255,.15);flex-shrink:0;position:relative;overflow:hidden}.map-legend__swatch--floor{background:#1a2a48}.map-legend__swatch--wall{background:#4c6078}.map-legend__swatch--wall:before{content:"";position:absolute;left:2px;right:2px;top:38%;height:1.5px;background:#00000059}.map-legend__swatch--wall:after{content:"";position:absolute;left:2px;right:2px;top:68%;height:1.5px;background:#0000004d}.map-legend__swatch--difficult{background:#2e2618}.map-legend__swatch--difficult:before{content:"";position:absolute;left:2px;top:3px;width:5px;height:3px;background:#a08058;opacity:.65;border-radius:1px}.map-legend__swatch--difficult:after{content:"";position:absolute;right:2px;bottom:3px;width:4px;height:3px;background:#a08058;opacity:.58;border-radius:1px}.map-legend__swatch--water{background:#1e4a72}.map-legend__swatch--water:before{content:"";position:absolute;left:2px;right:2px;top:30%;height:3px;background:#3a9adc;opacity:.65;border-radius:50%}.map-legend__swatch--water:after{content:"";position:absolute;left:3px;right:3px;top:62%;height:2px;background:#3a9adc;opacity:.5;border-radius:50%}.map-legend__swatch--cover-half{background:#1a2a48;box-shadow:inset 0 0 0 2px #4a90d9}.map-legend__swatch--cover-34{background:#1a2a48;box-shadow:inset 0 0 0 2px #70bbff}.map-legend__swatch--cover-34:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:#70bbff;opacity:.85}@media(max-width:1024px){.combat-page--mobile .combat-topbar{height:40px;padding:0 12px;padding-top:var(--sa-top);padding-left:max(12px,var(--sa-left));padding-right:max(12px,var(--sa-right))}.combat-page--mobile .combat-topbar__left{gap:10px}.combat-page--mobile .combat-round{font-size:13px;letter-spacing:2px}.combat-page--mobile .combat-round span{font-size:16px;min-width:20px}.combat-page--mobile .combat-map-style{display:none}.combat-page--mobile .initiative-panel{width:calc(clamp(148px,19vw,210px) + var(--sa-left));padding-left:var(--sa-left)}.combat-page--mobile .initiative-panel__header{padding:8px 10px}.combat-page--mobile .initiative-panel__title{font-size:10px;letter-spacing:2px}.combat-page--mobile .initiative-list{padding:6px;gap:2px;padding-bottom:max(6px,var(--sa-bottom))}.combat-page--mobile .initiative-item{padding:3px 4px 3px 10px;min-height:40px}.combat-page--mobile .combat-right-panel{width:calc(clamp(216px,27vw,280px) + var(--sa-right));padding-right:var(--sa-right);padding-bottom:var(--sa-bottom);min-width:0}.combat-page--mobile .ap-card-header{grid-template-columns:40px 1fr;min-width:0}.combat-page--mobile .ap-portrait-frame{width:40px;height:40px}.combat-page--mobile .ap-card-info{min-width:0;padding:5px 8px;gap:3px}.combat-page--mobile .ap-card-name{min-width:0;font-size:11px;letter-spacing:.2px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.1}.combat-page--mobile .ap-card-name:before{display:none}.combat-page--mobile .ap-card-meta{font-size:9px}.combat-page--mobile .combat-canvas-wrap{padding:8px}.combat-page--mobile .ability-list{gap:4px;padding:6px 8px}.combat-page--mobile .ability-list h5{font-size:9px;padding:4px 0}.combat-page--mobile .ability-btn{min-height:36px;padding:4px 8px;grid-template-columns:24px 1fr auto;grid-template-areas:"icon name range";gap:2px 6px}.combat-page--mobile .ability-btn__pills,.combat-page--mobile .ability-btn__desc{display:none}.combat-page--mobile .ability-btn__icon{font-size:14px}.combat-page--mobile .ability-btn__name{font-size:11px;letter-spacing:.2px}.combat-page--mobile .ability-btn__range{font-size:9px}.combat-page--mobile .attack-btn{min-height:40px;padding:6px 10px;grid-template-columns:26px 1fr auto;grid-template-areas:"icon name dmg";grid-template-rows:auto;gap:0 8px}.combat-page--mobile .attack-btn__range{display:none}.combat-page--mobile .attack-btn__icon{font-size:15px}.combat-page--mobile .attack-btn__name{font-size:11px;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center}.combat-page--mobile .attack-btn__dmg{font-size:12px;padding:0;align-self:center}.combat-page--mobile .attack-btn__dmg:after{display:none}.combat-page--mobile .map-legend{display:none}.combat-page--mobile .ap-hp-row{padding:4px 10px}.combat-page--mobile .ap-hp-track{height:18px}.combat-page--mobile .ap-hp-text{font-size:10px}.combat-page--mobile .ap-stat-grid{grid-template-columns:repeat(6,1fr)}.combat-page--mobile .ap-cstat{padding:3px 2px 2px}.combat-page--mobile .ap-cstat:nth-child(4),.combat-page--mobile .ap-cstat:nth-child(5),.combat-page--mobile .ap-cstat:nth-child(6){border-top:none}.combat-page--mobile .ap-cstat__v{font-size:13px}.combat-page--mobile .ap-cstat__k{font-size:7px;letter-spacing:1px}.combat-page--mobile .action-panel{font-size:11px}}@media(hover:none)and (pointer:coarse){.combat-page .ability-btn,.combat-page .attack-btn,.combat-page .initiative-item{min-height:44px}.combat-page .ability-btn:hover,.combat-page .attack-btn:hover,.combat-page .initiative-item:hover{transform:none!important}}.map-key{position:absolute;bottom:20px;right:20px;background:#060a14eb;border:1px solid rgba(240,192,48,.35);border-radius:7px;padding:12px 18px 14px;display:flex;flex-direction:column;gap:8px;min-width:160px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 28px #000000a6,0 0 16px #f0c0301a;z-index:10;pointer-events:none}.map-key__title{font-family:var(--font-title);font-size:11px;font-weight:900;letter-spacing:3px;text-transform:uppercase;color:var(--gold);text-shadow:0 0 10px var(--gold-glow);margin-bottom:2px;border-bottom:1px solid rgba(240,192,48,.2);padding-bottom:6px}.map-key__row{display:flex;align-items:center;gap:10px}.map-key__swatch{display:flex;flex-shrink:0;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.18);width:26px;height:18px;box-shadow:0 1px 4px #00000080}.map-key__swatch span{flex:1;display:block}.map-key__label{font-family:var(--font-title);font-size:13px;font-weight:700;letter-spacing:1px;color:var(--text);white-space:nowrap}