:root{--bg:#07070b;--panel:#101119;--panel2:#151722;--line:#292c3a;--muted:#8b91a6;--text:#f4f5fb;--accent:#ff445f;--accent2:#9e6bff;--gold:#f8cf66;--green:#6ce2a0;--danger:#ff667e;--shadow:0 18px 60px #0009}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -20%,#25182d 0,#090a10 38%,#050507 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{overflow-x:hidden}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;padding-bottom:78px}.topbar{height:68px;padding:0 18px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #272a36;background:#0a0b10e8;backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand-wrap{display:flex;align-items:center;gap:10px;min-width:230px}.brand-logo{width:38px;height:38px}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:15px;letter-spacing:.16em}.brand-copy span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-top:5px}.hud-resources{display:flex;gap:8px;flex:1;justify-content:center}.resource-chip,.power-chip{height:38px;border:1px solid #2b2e3b;background:#12131b;border-radius:10px;color:var(--text);display:flex;align-items:center;gap:8px;padding:0 12px}.resource-chip{cursor:pointer}.resource-chip:hover{border-color:#4b5065;background:#171925}.resource-chip b{font-variant-numeric:tabular-nums}.icon{width:17px;height:17px;display:inline-block}.gold{background:radial-gradient(circle at 35% 30%,#fff3a5 0 18%,#f2bf3a 20% 52%,#a96b10 54% 100%);border-radius:50%;box-shadow:0 0 12px #ffc84755}.gem{background:linear-gradient(135deg,#f5a7ff,#8a66ff 45%,#5944ff);clip-path:polygon(50% 0,95% 32%,78% 100%,22% 100%,5% 32%);filter:drop-shadow(0 0 5px #aa70ff88)}.power-chip{flex-direction:column;justify-content:center;gap:0;min-width:92px}.power-chip span{font-size:9px;letter-spacing:.15em;color:var(--muted)}.power-chip b{font-size:14px}.profile-chip{min-width:180px;display:flex;gap:9px;align-items:center;justify-content:flex-end}.profile-chip>div:last-child{display:flex;flex-direction:column}.profile-chip b{font-size:12px}.profile-chip span{font-size:10px;color:var(--muted)}.profile-chip i{font-style:normal}.avatar-mini{width:36px;height:36px;border-radius:10px;border:1px solid #4a3d5d;background:linear-gradient(145deg,#281b36,#11131a);display:grid;place-items:center;font-size:11px;font-weight:800;color:#d9c2ff}.game-layout{display:grid;grid-template-columns:260px minmax(580px,1fr) 260px;gap:14px;max-width:1600px;margin:14px auto;padding:0 14px}.side-panel{display:flex;flex-direction:column;gap:12px;min-width:0}.panel-card{background:linear-gradient(180deg,#13151e,#0e1017);border:1px solid #252938;border-radius:14px;box-shadow:0 12px 35px #0004;overflow:hidden}.progress-card,.quest-card,.log-card,.party-card,.drop-card,.account-card{padding:14px}.eyebrow{font-size:9px;color:#a795c6;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.progress-card h2{font-size:17px;margin:7px 0 8px}.stage-line{display:flex;gap:7px;font-size:9px;color:#d4d7e2}.stage-line span{border:1px solid #2f3341;background:#0d0f15;padding:5px 6px;border-radius:6px}.progress-track,.quest-meter{height:5px;background:#242735;border-radius:99px;overflow:hidden;margin:12px 0 8px}.progress-fill,.quest-meter div{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .3s ease}.progress-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.panel-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.1em;font-weight:900}.ghost-btn{border:0;background:transparent;color:#aeb4c7;font-size:9px;cursor:pointer;text-transform:uppercase}.ghost-btn:hover{color:#fff}.quest-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:8px}.quest-row>div{display:flex;flex-direction:column}.quest-row b{font-size:11px}.quest-row span{font-size:10px;color:var(--muted);margin-top:3px}.quest-row i{font-style:normal}.claim-btn{font-size:9px;border:1px solid #4e2941;background:#2b1723;color:#8e6c79;padding:7px 8px;border-radius:7px}.claim-btn:not(:disabled){cursor:pointer;background:linear-gradient(135deg,#a62245,#ff4663);border-color:#ff5a75;color:#fff;box-shadow:0 0 20px #ff365033}.battle-log{height:190px;overflow:auto;margin-top:10px;font-size:10px;line-height:1.4;color:#9da3b6;padding-right:3px}.battle-log p{margin:0 0 7px;padding-left:8px;border-left:2px solid #292d3a}.battle-log b{color:#dfe2eb}.arena-wrap{min-width:0}.arena-header,.arena-footer{min-height:52px;border:1px solid #252938;background:#10121a;display:flex;align-items:center;justify-content:space-between;padding:9px 12px}.arena-header{border-radius:14px 14px 0 0}.arena-footer{border-radius:0 0 14px 14px}.arena-header>div:first-child{display:flex;align-items:center;gap:9px}.arena-header strong{font-size:13px}.zone-badge{font-size:8px;font-weight:900;letter-spacing:.14em;background:#26302b;border:1px solid #345944;color:#8be6ab;padding:6px 7px;border-radius:6px}.battle-controls{display:flex;gap:5px}.toggle-btn{border:1px solid #303443;background:#171923;color:#a6adbf;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:800;cursor:pointer}.toggle-btn.active{color:#92f8b5;border-color:#2c6a48;background:#173223}.arena{height:600px;position:relative;overflow:hidden;border-left:1px solid #252938;border-right:1px solid #252938;background:#121017}.arena.theme-forest{background:linear-gradient(#0d1520aa,#140e18cc),url('../assets/backgrounds/forest.svg') center/cover no-repeat}.arena.theme-crypt{background:linear-gradient(#090b12bb,#100d15dd),url('../assets/backgrounds/crypt.svg') center/cover no-repeat}.arena.theme-rift{background:linear-gradient(#180b0ccc,#120a12ee),url('../assets/backgrounds/rift.svg') center/cover no-repeat}.ambient,.arena-depth,.arena-floor,.effects-layer{position:absolute;inset:0;pointer-events:none}.vignette{box-shadow:inset 0 0 130px #000c;z-index:7}.depth-back{background:linear-gradient(to bottom,transparent 0 50%,#05060a55 70%,#06070b 100%)}.arena-floor{top:auto;height:48%;bottom:0;background:url('../assets/backgrounds/floor.svg') center/cover no-repeat;opacity:.88;filter:drop-shadow(0 -20px 50px #0005)}.team-side{position:absolute;inset:18% 5% 10%;z-index:4;display:grid;grid-template-rows:repeat(3,1fr);align-items:center}.heroes-side{right:52%;grid-template-columns:repeat(2,1fr)}.enemies-side{left:52%;grid-template-columns:repeat(2,1fr)}.unit{position:relative;width:128px;height:138px;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transform:translateZ(0);transition:filter .2s,opacity .2s}.unit:nth-child(1){grid-column:1;grid-row:2}.unit:nth-child(2){grid-column:2;grid-row:1}.unit:nth-child(3){grid-column:2;grid-row:3}.unit:nth-child(4){grid-column:1;grid-row:1}.unit:nth-child(5){grid-column:1;grid-row:3}.enemies-side .unit:nth-child(1){grid-column:2}.enemies-side .unit:nth-child(4),.enemies-side .unit:nth-child(5){grid-column:2}.unit.dead{opacity:.18;filter:grayscale(1);transform:translateY(5px)}.unit.hit{animation:hit .18s ease}.unit.cast .sprite{animation:cast .32s ease}.sprite-wrap{height:92px;width:96px;display:flex;align-items:flex-end;justify-content:center;position:relative}.sprite{max-width:82px;max-height:88px;image-rendering:pixelated;filter:drop-shadow(0 8px 5px #0009)}.unit-shadow{position:absolute;bottom:2px;width:70px;height:15px;border-radius:50%;background:#0008;filter:blur(3px)}.unit-meta{width:100%;text-align:center;position:relative}.unit-name{font-size:9px;font-weight:900;text-shadow:0 1px 3px #000}.unit-level{font-size:7px;color:#aeb2c1}.hp-track{height:6px;background:#1d1518;border:1px solid #0008;border-radius:99px;overflow:hidden;margin-top:4px}.hp-fill{height:100%;background:linear-gradient(90deg,#3bc878,#8df0b5);transition:width .2s}.enemy .hp-fill{background:linear-gradient(90deg,#c62e52,#ff6a75)}.energy-track{height:3px;background:#11141a;border-radius:99px;overflow:hidden;margin-top:2px}.energy-fill{height:100%;background:linear-gradient(90deg,#6f61ff,#ca78ff);width:0;transition:width .2s}.status-row{height:12px;display:flex;justify-content:center;gap:2px;margin-top:2px}.status-dot{width:10px;height:10px;border-radius:3px;background:#48345d;border:1px solid #6e4f91;font-size:6px;display:grid;place-items:center}.versus-mark{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);z-index:3;font-size:12px;font-weight:1000;letter-spacing:.15em;color:#ffffff2b;border:1px solid #ffffff14;border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.effects-layer{z-index:8}.projectile{position:absolute;width:18px;height:6px;border-radius:99px;background:#fff;box-shadow:0 0 16px currentColor;transition:transform .35s linear,opacity .35s}.projectile.magic{height:12px;width:12px;border-radius:50%;background:#b885ff;color:#b885ff}.projectile.arrow{width:26px;height:3px;background:#f4d39a;color:#f4d39a}.projectile.fire{height:16px;width:16px;border-radius:50% 50% 45% 45%;background:#ff7d4f;color:#ff5038}.float-text{position:absolute;z-index:9;font-size:12px;font-weight:1000;text-shadow:0 2px 3px #000;color:#fff;animation:floatUp .8s ease forwards;pointer-events:none}.float-text.crit{color:#ffd36a;font-size:15px}.float-text.heal{color:#74f5a5}.float-text.shield{color:#9dc4ff}.boss-bar{position:absolute;left:18%;right:18%;top:14px;z-index:10;border:1px solid #59303a;background:#120d12dd;border-radius:10px;padding:8px 10px;display:flex;gap:12px;align-items:center;box-shadow:0 10px 24px #0006}.boss-bar.hidden,.combat-banner.hidden{display:none}.boss-copy{display:flex;flex-direction:column;min-width:95px}.boss-copy span{font-size:7px;letter-spacing:.15em;color:#ff8b9a}.boss-copy b{font-size:10px}.boss-hp{height:17px;position:relative;background:#251217;border-radius:5px;overflow:hidden;flex:1}.boss-hp>div{height:100%;background:linear-gradient(90deg,#7f1933,#ff445f);width:100%;transition:width .2s}.boss-hp span{position:absolute;inset:0;display:grid;place-items:center;font-size:8px;font-weight:900}.combat-banner{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:12;background:#090a10e8;border:1px solid #4a3c59;border-radius:10px;padding:14px 18px;font-size:13px;font-weight:1000;letter-spacing:.16em;box-shadow:0 14px 40px #000a}.reward-preview{display:flex;gap:12px;align-items:center}.reward-preview>span{font-size:8px;color:#8e94a7;letter-spacing:.1em}.reward-preview b{font-size:10px;display:flex;align-items:center;gap:5px}.reward-preview em{font-style:normal}.mini-gold,.mini-essence{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e3b23e}.mini-essence{border-radius:3px;background:#8c68e7;transform:rotate(45deg)}.primary-btn{border:1px solid #ff5c75;background:linear-gradient(135deg,#b01f43,#ff465f);color:#fff;border-radius:8px;padding:9px 12px;font-size:9px;font-weight:900;letter-spacing:.04em;cursor:pointer;box-shadow:0 0 20px #ff36502c}.primary-btn:hover{filter:brightness(1.08)}.party-list{display:flex;flex-direction:column;gap:7px;margin-top:10px}.party-member{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;border:1px solid #262a37;background:#0c0e14;border-radius:9px;padding:7px}.party-member img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated}.party-member div{display:flex;flex-direction:column}.party-member b{font-size:10px}.party-member span{font-size:8px;color:var(--muted)}.party-member em{font-style:normal;font-size:8px;color:#c3b4e6}.drop-slot{display:flex;gap:9px;align-items:center;margin-top:9px}.drop-icon{width:43px;height:43px;border:1px solid #343747;border-radius:9px;background:#0b0d13;display:grid;place-items:center;color:#555b70;font-weight:900}.drop-slot>div:last-child{display:flex;flex-direction:column}.drop-slot b{font-size:10px}.drop-slot span{font-size:8px;color:var(--muted);line-height:1.35}.drop-slot.rare .drop-icon{border-color:#4a84da;box-shadow:inset 0 0 20px #2e64aa33;color:#70a7f1}.drop-slot.epic .drop-icon{border-color:#9e65d6;box-shadow:inset 0 0 20px #723da133;color:#c28aff}.drop-slot.legendary .drop-icon{border-color:#d5a640;box-shadow:inset 0 0 20px #8c5f1633;color:#ffd76f}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.stat-grid div{background:#0c0e14;border:1px solid #252936;border-radius:8px;padding:8px}.stat-grid span{display:block;color:var(--muted);font-size:7px}.stat-grid b{font-size:12px}.bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;height:66px;background:#090a0ff2;border-top:1px solid #2a2d3a;backdrop-filter:blur(16px);display:flex;justify-content:center;gap:3px;padding:5px 10px calc(5px + env(safe-area-inset-bottom))}.nav-btn{width:92px;border:0;background:transparent;color:#777f94;cursor:pointer;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.nav-btn:hover,.nav-btn.active{color:#f1f3f9;background:#151720}.nav-btn b{font-size:8px}.nav-btn.summon{margin-top:-13px;background:linear-gradient(145deg,#36244c,#1a1424);border:1px solid #8f5be3;color:#e4d1ff;box-shadow:0 0 25px #9c63ed44}.nav-icon{width:20px;height:20px;position:relative;display:block}.nav-icon:before,.nav-icon:after{content:"";position:absolute}.sword:before{width:16px;height:3px;background:currentColor;transform:rotate(-45deg);left:2px;top:8px}.sword:after{width:7px;height:3px;background:currentColor;transform:rotate(45deg);left:3px;top:13px}.helm{border:2px solid currentColor;border-radius:50% 50% 35% 35%;height:16px;top:2px}.helm:before{width:2px;height:10px;background:currentColor;left:8px;top:5px}.portal{border:2px solid currentColor;border-radius:50%;box-shadow:inset 0 0 8px currentColor}.portal:before{inset:4px;border:1px solid currentColor;border-radius:50%}.bag{border:2px solid currentColor;border-radius:4px;top:5px;height:14px}.bag:before{width:8px;height:6px;border:2px solid currentColor;border-bottom:0;border-radius:6px 6px 0 0;left:4px;top:-7px}.book{border:2px solid currentColor;border-radius:3px;height:16px;top:2px}.book:before{width:1px;height:14px;background:currentColor;left:9px}.crystal{clip-path:polygon(50% 0,100% 35%,72% 100%,28% 100%,0 35%);background:currentColor}.cog{border:3px dotted currentColor;border-radius:50%}.cog:before{inset:4px;border:2px solid currentColor;border-radius:50%}.modal-root{position:fixed;inset:0;z-index:60;display:none}.modal-root.open{display:block}.modal-backdrop{position:absolute;inset:0;background:#020308d9;backdrop-filter:blur(7px)}.modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1040px,92vw);max-height:86vh;background:#0f1118;border:1px solid #343849;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.modal-header{height:70px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292c38;background:#12141d}.modal-header h2{margin:4px 0 0;font-size:20px}.close-btn{width:36px;height:36px;border:1px solid #353949;background:#171923;color:#bbc0cf;border-radius:9px;font-size:22px;cursor:pointer}.modal-body{padding:18px;overflow:auto;max-height:calc(86vh - 70px)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:11px}.hero-card{border:1px solid #2d3140;background:linear-gradient(180deg,#161925,#0c0e14);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s}.hero-card:hover{transform:translateY(-2px);border-color:#5e4d78}.hero-card.selected{border-color:#ff5b75;box-shadow:0 0 0 1px #ff5b7555,0 0 24px #ff36501a}.hero-portrait{height:120px;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(circle at 50% 70%,#423157 0,#151824 48%,#0d0f15 100%);position:relative}.hero-portrait img{height:105px;max-width:110px;image-rendering:pixelated;filter:drop-shadow(0 10px 7px #000a)}.rarity{position:absolute;left:8px;top:8px;border:1px solid #464b5f;background:#0c0d13c9;border-radius:5px;padding:3px 6px;font-size:7px;letter-spacing:.12em}.rarity.epic{color:#c68cff;border-color:#7e559f}.rarity.legendary{color:#ffdc78;border-color:#9b7931}.rarity.rare{color:#7bb0ff;border-color:#3f6596}.hero-card-copy{padding:9px}.hero-card-copy>div{display:flex;justify-content:space-between;align-items:center}.hero-card-copy h3{font-size:11px;margin:0}.hero-card-copy p{font-size:8px;color:var(--muted);margin:4px 0 8px}.stars{color:#f5cc63;font-size:9px;letter-spacing:1px}.mini-stats{display:flex;gap:5px}.mini-stats span{font-size:7px;border:1px solid #2a2e3b;border-radius:5px;padding:4px 5px;color:#aeb4c6}.modal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.secondary-btn,.danger-btn{border:1px solid #363a49;background:#171a24;color:#d8dbe5;border-radius:8px;padding:9px 11px;font-size:9px;font-weight:800;cursor:pointer}.secondary-btn:hover{border-color:#5b6074}.danger-btn{border-color:#65303a;color:#ff8392;background:#251116}.summon-stage{text-align:center;padding:14px 8px 4px}.summon-gate{width:190px;height:190px;margin:0 auto 14px;border-radius:50%;border:2px solid #9667df;background:radial-gradient(circle,#5f2f8f 0 10%,#1b1533 35%,#0b0d14 68%);box-shadow:0 0 60px #9a5fee55,inset 0 0 50px #8b4bd766;position:relative;animation:pulse 2.4s ease-in-out infinite}.summon-gate:before,.summon-gate:after{content:"";position:absolute;border:1px solid #b98cffaa;border-radius:50%;inset:22px;animation:spin 8s linear infinite}.summon-gate:after{inset:42px;animation-direction:reverse;animation-duration:5s}.summon-stage h3{font-size:18px;margin:4px}.summon-stage p{max-width:560px;margin:6px auto 16px;color:var(--muted);font-size:10px;line-height:1.5}.summon-buttons{display:flex;justify-content:center;gap:8px}.summon-result{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}.summon-chip{width:120px;border:1px solid #35394a;border-radius:9px;background:#12141e;padding:7px}.summon-chip img{height:58px;width:58px;object-fit:contain;image-rendering:pixelated}.summon-chip b{display:block;font-size:9px}.summon-chip span{display:block;font-size:7px;color:var(--muted)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}.item-card{border:1px solid #303443;background:#12141d;border-radius:10px;padding:10px}.item-card .item-icon{width:42px;height:42px;border:1px solid #3b4051;background:#0a0c11;border-radius:9px;display:grid;place-items:center;font-weight:1000;margin-bottom:8px}.item-card h3{font-size:10px;margin:0 0 4px}.item-card p{font-size:8px;margin:0;color:var(--muted);line-height:1.45}.item-card.rare{border-color:#3e6795}.item-card.epic{border-color:#714899}.item-card.legendary{border-color:#856b2e}.codex-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.codex-box{border:1px solid #2b2f3d;border-radius:10px;background:#11131b;padding:12px}.codex-box h3{font-size:12px;margin:0 0 8px}.codex-box p,.codex-box li{font-size:9px;color:#aab0c1;line-height:1.55}.codex-box ul{margin:0;padding-left:16px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.shop-card{padding:14px;border:1px solid #303442;border-radius:12px;background:linear-gradient(160deg,#181a25,#0c0e14)}.shop-card.featured{border-color:#7954a6;box-shadow:inset 0 0 30px #64418f22}.shop-card h3{margin:0 0 5px;font-size:13px}.shop-card p{font-size:9px;color:var(--muted);line-height:1.5;min-height:42px}.shop-price{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.shop-price b{font-size:11px}.setting-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid #292d39}.setting-row:last-child{border-bottom:0}.setting-row div{display:flex;flex-direction:column}.setting-row b{font-size:11px}.setting-row span{font-size:8px;color:var(--muted);margin-top:4px}.switch{width:42px;height:23px;border-radius:99px;background:#282c38;border:1px solid #3b4050;padding:2px;cursor:pointer}.switch i{display:block;width:17px;height:17px;border-radius:50%;background:#777f93;transition:.2s}.switch.on{background:#213f30;border-color:#377153}.switch.on i{transform:translateX(18px);background:#72e7a0}.toast-root{position:fixed;right:16px;bottom:82px;z-index:90;display:flex;flex-direction:column;gap:7px}.toast{background:#12151f;border:1px solid #333847;border-radius:9px;padding:10px 12px;box-shadow:0 10px 30px #0008;font-size:9px;animation:toastIn .25s ease}.toast.good{border-color:#32694b}.toast.warn{border-color:#7c6230}.offline-box{text-align:center;padding:10px}.offline-box h3{font-size:20px;margin:7px}.offline-box p{font-size:10px;color:var(--muted)}.offline-rewards{display:flex;justify-content:center;gap:10px;margin:14px}.offline-rewards div{border:1px solid #303443;background:#11131b;border-radius:9px;padding:10px 18px}.offline-rewards span{display:block;font-size:8px;color:var(--muted)}.offline-rewards b{font-size:15px}@keyframes hit{0%,100%{transform:translateX(0)}50%{transform:translateX(-5px);filter:brightness(1.8)}}@keyframes cast{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px) scale(1.05)}}@keyframes floatUp{0%{opacity:0;transform:translateY(0) scale(.8)}15%{opacity:1}100%{opacity:0;transform:translateY(-44px) scale(1.05)}}@keyframes pulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.03);filter:brightness(1.18)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media(max-width:1200px){.game-layout{grid-template-columns:220px minmax(520px,1fr)}.right-panel{display:none}.arena{height:570px}}@media(max-width:900px){.topbar{height:58px;padding:0 10px}.brand-wrap{min-width:auto}.brand-copy span{display:none}.hud-resources{justify-content:flex-end}.power-chip,.profile-chip{display:none}.game-layout{display:block;margin:8px auto;padding:0 8px}.left-panel{display:none}.arena{height:calc(100vh - 190px);min-height:470px}.arena-header{padding:7px 8px}.arena-header strong{font-size:11px}.team-side{inset:17% 1% 7%}.heroes-side{right:50%}.enemies-side{left:50%}.unit{width:92px;height:118px}.sprite-wrap{height:75px;width:75px}.sprite{max-width:67px;max-height:72px}.unit-name{font-size:7px}.arena-footer{min-height:46px;padding:6px 8px}.reward-preview>span{display:none}.primary-btn{padding:8px;font-size:8px}.bottom-nav{height:62px;justify-content:space-around;overflow-x:auto}.nav-btn{min-width:58px;width:auto;padding:0 6px}.nav-btn b{font-size:7px}.modal-card{width:96vw;max-height:90vh}.modal-body{max-height:calc(90vh - 70px)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-columns{grid-template-columns:1fr}.battle-controls .toggle-btn:first-child{display:none}}@media(max-width:520px){.brand-copy strong{font-size:12px}.resource-chip{padding:0 8px;font-size:11px;height:34px}.arena{min-height:450px}.unit{width:76px;height:108px}.sprite-wrap{height:65px;width:68px}.sprite{max-width:58px;max-height:63px}.unit-name{max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boss-bar{left:5%;right:5%}.card-grid{grid-template-columns:1fr 1fr}.hero-portrait{height:105px}.hero-portrait img{height:92px}.summon-gate{width:150px;height:150px}.summon-buttons{flex-direction:column}.summon-buttons button{width:100%}}