:root{color-scheme:dark;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif}body{margin:0;color:#eef3ff;background:radial-gradient(circle at 20% 0%,rgba(47,82,152,.45),transparent 45%),radial-gradient(circle at 80% 100%,rgba(104,45,138,.35),transparent 45%),linear-gradient(180deg,#0a1020,#090d18 45%,#060912)}.app{max-width:1320px;margin:0 auto;padding:18px}.topbar,.tabs,.status,.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.currencies{display:flex;align-items:center;gap:8px}.currencies img{width:44px;height:28px;border-radius:6px;border:1px solid #f3c779}.header-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.sound-btn{min-width:108px;font-size:12px;letter-spacing:.4px}.sound-btn.on{border-color:#70d5ac;box-shadow:0 0 14px #5ad19c47}.match3-grid{margin-top:12px;display:grid;grid-template-columns:repeat(8,36px);gap:6px}.m3-cell{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.22);padding:0}.m3-cell.selected{outline:2px solid #ffd77a;transform:scale(1.08)}.orb-0{background:radial-gradient(circle at 35% 30%,#ffcfb3,#e45f48)}.orb-1{background:radial-gradient(circle at 35% 30%,#ffe9ad,#daaf37)}.orb-2{background:radial-gradient(circle at 35% 30%,#c6ffd7,#35b36e)}.orb-3{background:radial-gradient(circle at 35% 30%,#b8e3ff,#3f7bd4)}.orb-4{background:radial-gradient(circle at 35% 30%,#e5c3ff,#8650d3)}.orb-5{background:radial-gradient(circle at 35% 30%,#ffd0e6,#d64a91)}.news-list{display:grid;gap:10px}.news-item{padding:12px;border-radius:12px;border:1px solid #3f5688;background:#0d1629b8}.selected-hand-card{outline:2px solid #ffd77a;transform:translateY(-8px) scale(1.03)!important}.onboarding-modal{max-width:760px}.tutorial-panel{margin-bottom:10px;border:1px solid #5d77ad;background:linear-gradient(180deg,#141f3adb,#0e1628db)}.tabs button,button,select{background:linear-gradient(180deg,#1f2f52,#17213a);color:#f4f6ff;border:1px solid #47639d;border-radius:10px;padding:9px 12px;cursor:pointer}.filters input{background:#111a2e;color:#f4f6ff;border:1px solid #47639d;border-radius:10px;padding:9px 12px;min-width:240px}.filters,.pager{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.battle-lanes h4{margin:6px 0}.battle-board{position:relative;min-height:430px;background:radial-gradient(circle at center,#5c7ec929,#070b14b3 58%),linear-gradient(#080e1a59,#080e1a80),url(/board_arena.png);background-size:cover;background-position:center;border:1px solid #3f5b91;overflow:hidden;box-shadow:inset 0 0 130px #00000080}.board-emblem{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:.08;pointer-events:none}.board-emblem img{width:220px}.board-row{position:relative;z-index:3;display:flex;gap:10px;justify-content:center;margin:0}.enemy-row{position:absolute;top:52px;left:50%;transform:translate(-50%)}.player-row{position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.board-slot{width:180px;min-height:122px;border:none;border-radius:10px;display:grid;align-content:center;justify-items:center;padding:6px;background:#0a142633;transition:background .15s ease,transform .15s ease}.board-slot.occupied{background:transparent}.board-slot.hovered{background:#3e6cbe2e;transform:translateY(-2px)}.slot-title{font-size:11px;opacity:.75}.slot-empty{width:100%;height:100%;border-radius:8px;background:radial-gradient(circle at center,rgba(130,165,230,.1),transparent 65%)}.unit-row{display:flex;gap:8px;flex-wrap:wrap}.unit-chip{min-width:140px;background:linear-gradient(180deg,#203556,#15243d);border:1px solid #5f81c2;border-radius:10px;padding:8px;display:grid;gap:2px;width:156px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 6px 14px #00000059}.unit-chip img{width:100%;height:70px;object-fit:cover;border-radius:6px}.hp-bar{width:100%;height:8px;background:#0006;border-radius:999px;overflow:hidden}.hp-fill{height:100%;background:linear-gradient(90deg,#ff5a5a,#77ff9f);transition:width .25s ease}.mana-bar{width:100%;height:5px;background:#00000059;border-radius:999px;overflow:hidden}.mana-fill{height:100%;background:linear-gradient(90deg,#4f8dff,#7de7ff);transition:width .25s ease}.cooldown-ring{font-size:10px;opacity:.9}.selected-target{outline:2px solid #ffd16f}.unit-chip.enemy{background:linear-gradient(180deg,#5c2626,#381717);border-color:#c06a6a}.unit-attack{transform:translate(6px) scale(1.02)}.unit-damaged{box-shadow:0 0 0 2px #ff4646b3 inset}.unit-spawn{animation:spawnIn .52s ease-out}.unit-death{animation:shatter .65s forwards ease-out}.battle-hand .hand-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;align-items:end}.hand-card{border:1px solid #5575b8;border-radius:10px;padding:6px;display:grid;gap:4px;background:linear-gradient(180deg,#22375d,#182641);cursor:grab;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;transform-origin:bottom center}.hand-card img{width:100%;height:72px;object-fit:cover;border-radius:7px}.hand-card.item-card img{object-fit:contain;background:#0a101c8c;padding:4px}.hand-card small{opacity:.8}.hand-card:hover{transform:translateY(-10px) scale(1.05)!important;z-index:5}.hand-card.playable{box-shadow:0 0 18px #6aaeff73}.hand-card.unplayable{opacity:.55;filter:grayscale(.25) brightness(.9)}.hand-card.rare{box-shadow:0 0 14px #4a9aff59}.hand-card.epic{position:relative;overflow:hidden}.hand-card.epic:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:linear-gradient(130deg,transparent,rgba(255,255,255,.25),transparent);animation:holo 2.2s linear infinite}.hand-card.legendary{box-shadow:0 0 18px #ffd07899;border-color:#f0c97c}.buff-panel .buff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.buff-panel .buff-grid button{text-align:left;display:grid;gap:4px}.placement-preview{width:100%;border:1px solid rgba(255,255,255,.32);border-radius:9px;padding:4px;display:grid;gap:3px;background:#0c1628d1;animation:reveal .18s ease-out}.placement-preview img{width:100%;height:60px;object-fit:cover;border-radius:6px}.placement-preview span{font-size:11px;text-align:center}.drag-ghost{position:fixed;width:170px;z-index:9999;pointer-events:none;border:1px solid #7da4f0;border-radius:10px;background:linear-gradient(180deg,#274070f5,#182742f5);box-shadow:0 10px 26px #00000073;padding:6px;display:grid;gap:3px}.attack-svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.attack-line{stroke:#ffd578e6;stroke-width:.7;stroke-linecap:round;stroke-dasharray:3 2;animation:beam .22s linear;filter:drop-shadow(0 0 4px rgba(255,210,120,.8))}.damage-float{position:absolute;z-index:6;color:#ff7a7a;font-weight:700;font-size:14px;text-shadow:0 0 6px rgba(255,70,70,.8);animation:floatDmg .7s ease-out forwards;pointer-events:none}.inventory-panel .inventory-row{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:10px}.inventory-slot{min-height:120px;border:1px dashed #5777b8;border-radius:10px;padding:8px;display:grid;gap:4px;background:#111d358c}.inventory-slot img{width:100%;height:54px;object-fit:contain;border-radius:6px;background:#0a101c73;padding:3px}.inventory-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.item-preview{margin-top:10px}.item-preview-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;padding:8px;border:1px solid rgba(87,124,191,.5);border-radius:8px;margin-bottom:6px;background:#111e3673}.reward-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04080fb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;display:grid;place-items:center}.reward-modal{width:min(900px,94vw)}.result-modal{width:min(560px,92vw);text-align:center}.result-rewards{margin:12px 0;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(84,116,185,.5);border-radius:10px;padding:10px;background:#121c3273}.result-rewards img{width:72px;height:46px;border-radius:8px}.result-actions{display:flex;justify-content:center;gap:10px;margin-top:10px}.reward-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.inspect-art{width:100%;max-height:220px;object-fit:contain;border-radius:10px;background:#0b121e99;border:1px solid #5074b7}.inventory-slot button{padding:5px 8px;font-size:11px}.drag-ghost img{width:100%;height:76px;object-fit:cover;border-radius:6px}.drag-ghost strong{font-size:12px}.drag-ghost small{font-size:11px;opacity:.85}.tabs .active{background:linear-gradient(90deg,#3558a0,#4580d5)}.panel{background:#0e1626ed;border:1px solid #2f446f;border-radius:14px;padding:14px;margin:12px 0;box-shadow:inset 0 0 40px #304c8a1f}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.card{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 50%;position:relative;border-radius:18px;border:3px solid #8f9db1;overflow:hidden;min-height:365px;background:linear-gradient(165deg,#2a3854,#111a2a 70%);transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .12s ease,box-shadow .2s ease}.card:before,.card:after{content:"";position:absolute;width:54px;height:54px;z-index:3;pointer-events:none;opacity:.85}.card:before{top:-2px;left:-2px;border-top:2px solid rgba(255,255,255,.35);border-left:2px solid rgba(255,255,255,.35);border-top-left-radius:14px}.card:after{right:-2px;bottom:-2px;border-right:2px solid rgba(255,255,255,.35);border-bottom:2px solid rgba(255,255,255,.35);border-bottom-right-radius:14px}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s ease}.card.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.card-face.back{transform:rotateY(180deg);display:grid;place-items:center;background:radial-gradient(circle at 20% 0%,rgba(71,107,178,.25),transparent 45%),#101828}.card-back-face{max-width:85%;border-radius:14px;border:2px solid #d7b16a}.flip-btn{position:absolute;right:8px;top:8px;z-index:4;font-size:11px;padding:4px 7px}.card:hover{transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-5px) scale(1.02);box-shadow:0 16px 28px #00000059}.foil-glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.28),transparent 30%),linear-gradient(125deg,transparent 25%,rgba(255,255,255,.12) 40%,transparent 52%);mix-blend-mode:screen;opacity:.55;z-index:2}.card-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 10px 4px;font-size:14px;transform:translateZ(24px)}.rarity-tag{font-size:10px;letter-spacing:.8px;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:2px 7px}.art-wrap{margin:6px 10px;border-radius:12px;border:2px solid rgba(245,245,255,.45);height:145px;overflow:hidden;box-shadow:inset 0 0 45px #00000059;transform:translateZ(34px)}.art-wrap img{width:100%;height:100%;object-fit:cover}.type-line{padding:0 10px;font-size:11px;opacity:.85;letter-spacing:.6px;transform:translateZ(20px)}.stats-grid{margin:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.28);background:#0000003b;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font-size:12px;padding:5px;transform:translateZ(26px)}.ability-box{margin:8px 10px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.2);min-height:64px;padding:7px;font-size:12px;background:#0c1321a6;transform:translateZ(18px)}.hint-line{padding:0 10px 10px;color:#e6c783;font-size:11px;transform:translateZ(16px)}.common{border-color:#9aa8be}.rare{border-color:#58a8ff;box-shadow:0 0 26px #3d99ff4d}.epic{border-color:#b985ff}.epic:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:linear-gradient(135deg,transparent,rgba(255,255,255,.38),transparent);animation:holo 2.3s infinite linear}.legendary{border-color:#f4c56d;box-shadow:0 0 28px #ffc85085}.legendary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 15%,rgba(255,209,112,.32),transparent 60%);animation:pulse 1.6s infinite ease-in-out}.common .rarity-tag{border-color:#bdc7d5;color:#e6edf7}.rare .rarity-tag{border-color:#6cc0ff;color:#b7e1ff}.epic .rarity-tag{border-color:#daaeff;color:#f0d9ff}.legendary .rarity-tag{border-color:#ffd37a;color:#ffeab6}.lootbox-button{font-size:18px;padding:12px 20px}.loot-reveal{margin-top:14px;border-radius:12px;padding:16px;animation:reveal .45s ease-out}.loot-reveal.common{background:#7b879d33}.loot-reveal.rare{background:#3c85fd38}.loot-reveal.epic{background:linear-gradient(120deg,#6446c859,#dc82ff33)}.loot-reveal.legendary{background:linear-gradient(120deg,#f5be5066,#ffe68c3b)}.booster-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.booster-slot .card{min-height:330px}.market{display:grid;gap:12px;padding:14px;border:1px solid rgba(103,138,206,.35);border-radius:14px;background:radial-gradient(circle at 10% 0%,rgba(83,126,215,.16),transparent 30%),radial-gradient(circle at 90% 100%,rgba(155,104,240,.12),transparent 35%),#070d1be6;position:relative;overflow:hidden}.market:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% -10%,rgba(160,198,255,.14),transparent 45%);pointer-events:none}.market-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.market-head h3{margin:0;letter-spacing:.4px}.market-subtitle{margin:4px 0 0;color:#b2c4ee;font-size:13px}.market-gold{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid #9f7a36;background:linear-gradient(180deg,#2e220df2,#211808f2)}.market-gold img{width:20px;height:20px}.merchant{display:grid;grid-template-columns:132px 1fr;gap:12px;align-items:center;background:#110b0880;border:1px solid rgba(131,93,64,.6);border-radius:14px;padding:10px}.merchant img{width:132px;height:132px;border-radius:12px;border:1px solid #9f6f49;box-shadow:0 10px 22px #00000059}.merchant-line{background:linear-gradient(180deg,#1e120be6,#160e09e6);border:1px solid #8f6646;border-radius:12px;padding:14px;font-size:15px}.market-actions,.market-merge{display:flex;gap:10px;flex-wrap:wrap}.market-actions .lootbox-button{display:grid;gap:4px;text-align:left}.market-actions .lootbox-button small{color:#b8caef;font-size:12px}.market-merge select{min-width:280px;background:#121a2b;color:#edf3ff;border:1px solid #385280;border-radius:8px;padding:10px}.market-reel{overflow:hidden;display:block;border:1px solid #47639a;border-radius:12px;padding:12px;background:linear-gradient(180deg,#080e1cf0,#0e1526f0),repeating-linear-gradient(90deg,rgba(89,120,182,.08) 0,rgba(89,120,182,.08) 1px,transparent 1px,transparent 24px);position:relative;min-height:152px}.market-reel:before,.market-reel:after{content:"";position:absolute;top:0;width:60px;height:100%;z-index:2;pointer-events:none}.market-reel:before{left:0;background:linear-gradient(90deg,rgba(6,10,22,.96),transparent)}.market-reel:after{right:0;background:linear-gradient(270deg,rgba(6,10,22,.96),transparent)}.market-reel-track{display:flex;gap:10px;width:max-content;will-change:transform}.market-reel-pointer{position:absolute;left:50%;top:6px;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:16px solid #ffd06b;filter:drop-shadow(0 0 10px rgba(255,208,107,.85));z-index:4}.market-reel-label{font-size:12px;text-transform:uppercase;letter-spacing:.9px;color:#9fb6e4}.market-reel.fast .market-reel-track{animation:reelSpinFast .78s linear infinite}.market-reel.slow .market-reel-track{animation:reelSpinSlow 1.35s cubic-bezier(.15,.75,.2,1) infinite}.market-reel.stopping .market-reel-track{animation:none;transition:transform 1.2s cubic-bezier(.12,.8,.12,1)}.reel-card{flex:0 0 92px;height:128px;border:1px solid #5b79b4;border-radius:9px;overflow:hidden;background:#0e1729;box-shadow:0 6px 14px #00000052;transform:translateY(10px)}.market-reel.fast .reel-card,.market-reel.slow .reel-card{box-shadow:0 8px 22px #3c6fca59}.market-impact-burst{position:absolute;left:50%;top:18px;transform:translate(-50%);width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,232,164,.95) 0%,rgba(255,201,103,.65) 25%,rgba(255,186,62,.2) 52%,transparent 68%);filter:blur(.4px);z-index:5;pointer-events:none;animation:impactBurst .7s ease-out forwards}.reel-card img{width:100%;height:100%;object-fit:contain;background:radial-gradient(circle at 50% 30%,rgba(66,102,170,.14),transparent 70%)}.loot-reveal .card{max-width:560px;margin:0 auto;animation:rewardPop .56s cubic-bezier(.2,.95,.2,1)}.market-hit-rare{box-shadow:inset 0 0 80px #4f8dff2e}.market-hit-epic{box-shadow:inset 0 0 90px #b55eff38}.market-hit-legendary{box-shadow:inset 0 0 110px #ffcd5f40}.card-back{margin-top:14px;text-align:center;padding:14px;border-radius:14px;border:1px solid #3f5688;background:#0a1223cc}.card-back img{max-width:180px;border-radius:14px;border:2px solid #d7b16a;box-shadow:0 10px 24px #0006}@keyframes reveal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes reelSpinFast{0%{transform:translate(0)}to{transform:translate(-408px)}}@keyframes reelSpinSlow{0%{transform:translate(-160px)}to{transform:translate(-280px)}}@keyframes rewardPop{0%{opacity:0;transform:translateY(18px) scale(.94)}55%{opacity:1;transform:translateY(-4px) scale(1.02)}to{transform:translateY(0) scale(1)}}@keyframes impactBurst{0%{opacity:0;transform:translate(-50%) scale(.2)}35%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1.45)}}@keyframes holo{0%{transform:translate(-120%) rotate(12deg)}to{transform:translate(120%) rotate(12deg)}}@keyframes pulse{0%,to{opacity:.35}50%{opacity:.82}}@keyframes shatter{0%{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}35%{opacity:.9;transform:scale(1.05) rotate(-2deg)}to{opacity:0;transform:scale(.2) rotate(22deg) translateY(30px);filter:blur(2px)}}@keyframes spawnIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes beam{0%{opacity:.25}to{opacity:1}}@keyframes floatDmg{0%{opacity:.2;transform:translate(-50%)}to{opacity:1;transform:translate(-50%,-26px)}}