:root{--bg: #0e1420;--bg2: #141d2e;--panel: #1a2436;--panel2: #22304a;--ink: #e8eef8;--muted: #9fb0c9;--line: #2b3a55;--accent: #37d0c4;--accent2: #4a9df0;--gold: #f2c94c;--danger: #ff5a6a;--radius: 14px;--shadow: 0 6px 20px rgba(0, 0, 0, .35);--topbar-h: 53px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1200px 600px at 80% -10%,#1c2c48 0%,transparent 60%),radial-gradient(900px 500px at 0% 110%,#16283a 0%,transparent 55%),var(--bg)}button{font-family:inherit;cursor:pointer}img{-webkit-user-select:none;user-select:none}.btn-primary,.btn-ghost{border:none;border-radius:10px;padding:10px 18px;font-weight:700;font-size:15px;transition:transform .08s ease,filter .15s ease,background .15s}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06131c;box-shadow:var(--shadow)}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{background:var(--panel2);color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:#2c3d5c}.big{padding:14px 28px;font-size:17px}.home{max-width:none;margin:0;height:100%;overflow:hidden;display:flex;flex-direction:column;gap:clamp(6px,1.5vh,18px);padding:clamp(8px,1.6vh,22px) clamp(14px,2.5vw,40px) clamp(10px,1.6vh,20px)}.home>*{flex:0 0 auto}.home-hero{text-align:center;margin-bottom:0}.logo{font-size:54px;margin:4px 0 6px;letter-spacing:3px;font-weight:900;background:linear-gradient(120deg,#7ff0e6,#4a9df0 60%,#b78bff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 30px rgba(74,157,240,.25)}.logo span{-webkit-text-fill-color:var(--gold)}.tagline{color:var(--muted);max-width:780px;margin:0 auto;font-size:15.5px;line-height:1.5}.picker{margin:26px 0}.picker h2{font-size:18px;color:var(--accent);margin:0 0 14px;font-weight:800}.home .picker{margin:0;flex:1 1 auto;min-height:0;overflow-y:auto;padding:2px 6px 4px 2px}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.deck-card{display:flex;gap:12px;text-align:left;padding:12px;border-radius:var(--radius);background:var(--panel);border:2px solid var(--line);color:var(--ink);position:relative;transition:transform .1s,border-color .15s,box-shadow .2s;overflow:hidden}.deck-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,var(--el, #333) 0%,transparent 40%);opacity:.1}.deck-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.deck-card.active{border-color:var(--el);box-shadow:0 0 0 2px var(--el),0 0 22px var(--glow)}.deck-face{position:relative;width:84px;height:84px;flex:0 0 84px;border-radius:12px;background:radial-gradient(circle at 50% 40%,var(--glow),var(--el));display:grid;place-items:center}.deck-face img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.4))}.deck-el{position:absolute;bottom:-4px;right:-4px;font-size:20px}.deck-info{flex:1;min-width:0}.deck-name{font-weight:800;font-size:17px}.deck-blurb{color:var(--muted);font-size:12.5px;line-height:1.4;margin-top:3px}.deck-check{position:absolute;top:8px;right:10px;font-size:12px;font-weight:800;color:var(--el)}.rival-row{display:flex;flex-wrap:wrap;gap:8px}.rival-chip{background:var(--panel);border:1.5px solid var(--line);color:var(--ink);padding:8px 14px;border-radius:20px;font-weight:600;font-size:14px}.rival-chip.on{border-color:var(--el, var(--accent));background:#223250;box-shadow:0 0 10px #4a9df04d}.home-actions{display:flex;gap:14px;justify-content:center;margin:0}.card{position:relative;border-radius:11px;-webkit-user-select:none;user-select:none;--u: calc(var(--cw, 160px) / 100);align-self:start;width:var(--cw, 160px);height:calc(var(--cw, 160px) * 7 / 5);transition:transform .1s,box-shadow .15s;color:#16130c}.card.kind-creature{padding:calc(var(--u) * 4.4) calc(var(--u) * 3.7) calc(var(--u) * 3.7);display:flex;flex-direction:column;background:linear-gradient(150deg,#fbe58f,#f2c445 42%,#d99a2e);box-shadow:inset 0 0 0 1px #ffffff73,inset 0 0 0 2px #96691459,var(--shadow)}.card.kind-creature:before{content:"";position:absolute;inset:calc(var(--u) * 3.7);border-radius:5px;z-index:0;background:linear-gradient(168deg,color-mix(in srgb,var(--el) 16%,#fffdf7),color-mix(in srgb,var(--el) 34%,#f4eede) 55%,color-mix(in srgb,var(--el) 52%,#e6dcc6));box-shadow:inset 0 0 0 1px #5a461447,inset 0 1px 2px #fff9}.card.kind-creature>*{position:relative;z-index:1}.card:hover{transform:translateY(-2px)}.card.selected{box-shadow:0 0 0 3px var(--accent),0 0 18px var(--accent);transform:translateY(-4px)}.card.highlight{box-shadow:0 0 0 2px var(--accent),0 0 16px var(--accent);cursor:pointer}.card.dimmed{opacity:.45;filter:grayscale(.4)}.card.kind-creature.r-Legendary{background:linear-gradient(150deg,#fff0b0,#ffd75e,#e7ac36 60%,#f4d97a)}.art-foil{display:none;z-index:3;pointer-events:none;-webkit-mask-image:var(--art);mask-image:var(--art);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:50% 100%;mask-position:50% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.5) 45%,rgba(180,220,255,.36) 52%,transparent 62%);background-size:220% 220%;mix-blend-mode:screen;opacity:.7;animation:holo-sheen 5.5s ease-in-out infinite}.card.kind-creature.r-Rare .art-foil,.card.kind-creature.r-Legendary .art-foil{display:block}.card.kind-creature.r-Legendary .art-foil{background:linear-gradient(115deg,transparent 28%,rgba(255,235,150,.58) 44%,rgba(255,180,220,.42) 52%,rgba(150,220,255,.46) 60%,transparent 68%);background-size:220% 220%;opacity:.8;animation-duration:4.5s}.card.kind-creature.r-Rare .art-wrap{--art-scale: 1.07}.card.kind-creature.r-Legendary .art-wrap{--art-scale: 1.12}.card.card-board.kind-creature .art-wrap,.card.card-mini.kind-creature .art-wrap{--art-scale: 1}@keyframes holo-sheen{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (prefers-reduced-motion: reduce){.card.kind-creature .art-foil{animation:none}}.card.kind-creature>.art-bleed{position:absolute;inset:calc(var(--u) * 3.7);border-radius:5px;overflow:hidden;z-index:0}.art-bleed:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(from 198deg at 50% 82%,color-mix(in srgb,var(--el) 30%,transparent) 0deg 3.5deg,transparent 3.5deg 10deg),radial-gradient(52% 30% at 50% 62%,color-mix(in srgb,var(--el) 62%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--el) 30%,#fffdf5),color-mix(in srgb,var(--el) 62%,#e8ddc0) 46%,color-mix(in srgb,var(--el) 74%,#6d6146))}.art-hero{position:absolute;top:0;left:0;right:0;bottom:26%;background-image:var(--alt);background-size:contain;background-position:50% 62%;background-repeat:no-repeat;filter:drop-shadow(0 calc(var(--u) * 1.2) calc(var(--u) * 2) rgba(0,0,0,.5))}.art-bleed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,251,236,.72) 0%,rgba(255,251,236,.12) 13%,transparent 26%),linear-gradient(180deg,transparent 42%,rgba(18,14,6,.42) 62%,rgba(14,11,5,.74) 100%)}.card.kind-creature.fullart .art-frame{background:none;box-shadow:none}.card.kind-creature.fullart .art-scene,.card.kind-creature.fullart .art-frame:before,.card.kind-creature.fullart .art,.card.kind-creature.fullart .art-foil{display:none}.card.kind-creature.fullart .species-bar{background:linear-gradient(180deg,#261e0cdb,#161106eb);color:#f2e3ba;border-color:#ffdc8c6b}.card.kind-creature.fullart .rarity{color:#ffd766}.card.kind-creature.fullart .ability{background:linear-gradient(180deg,#261e0ccc,#161106db);color:#efe0b8;box-shadow:inset 0 0 0 1px #ffdc8c4d}.card.kind-creature.fullart .ability b{color:#ffd766}.card.kind-creature.fullart .ability-text{color:#e3d3a8}.card.kind-creature.fullart .attacks{background:linear-gradient(180deg,transparent,rgba(16,12,5,.5) 22%);border-radius:4px;margin:0 calc(var(--u) * .6)}.card.kind-creature.fullart .attack-name,.card.kind-creature.fullart .attack-dmg{color:#fff6e0;text-shadow:0 1px 2px rgba(0,0,0,.75)}.card.kind-creature.fullart .attack-text{color:#dccfae;text-shadow:0 1px 2px rgba(0,0,0,.7)}.card.kind-creature.fullart .attack+.attack{border-top-color:#ffdc8c4d}.card.kind-creature.fullart .flavor{background:#100c0580;color:#ded1b0;box-shadow:inset 0 0 0 1px #ffdc8c38}.card.kind-creature.fullart .card-foot{color:#f0e4c4;text-shadow:0 1px 2px rgba(0,0,0,.8);border-top-color:#ffdc8c61}.card.kind-creature.fullart .cost-free{color:#cbbb8e}.card-hand{--cw: 160px}.card-board{--cw: 122px}.card-library{--cw: 178px;cursor:pointer}.card-mini{--cw: 90px}.card-head{display:flex;align-items:baseline;gap:calc(var(--u) * 2.5);padding:0 calc(var(--u) * 1.8) calc(var(--u) * .6);margin-bottom:calc(var(--u) * .6);flex:0 0 auto}.creature-name{font-weight:900;font-size:calc(var(--u) * 6.3);line-height:1.05;flex:1;min-width:0;color:#17130a;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 rgba(255,255,255,.5)}.hp{font-weight:900;color:#c11f2b;font-size:calc(var(--u) * 7.1);line-height:1;letter-spacing:-.5px;white-space:nowrap;flex:0 0 auto}.hp small{font-size:calc(var(--u) * 3.7);font-weight:800;margin-right:calc(var(--u) * .4);vertical-align:calc(var(--u) * .3)}.rarity{font-size:calc(var(--u) * 6);color:#7a5a12;letter-spacing:-1px}.rarity[data-r=Legendary]{color:#b8860b;text-shadow:0 0 5px rgba(255,200,60,.6)}.rarity[data-r=Rare]{color:#3a6ea5}.art-wrap{position:relative;flex:0 0 auto;aspect-ratio:1.55;margin:calc(var(--u) * .6) calc(var(--u) * 2.5) calc(var(--u) * .8);--art-scale: 1}.art-frame{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--el) 12%,#fdfbf4),color-mix(in srgb,var(--el) 34%,#eee7d6) 58%,color-mix(in srgb,var(--el) 56%,#d6cbaf));box-shadow:0 0 0 2px #c9a24a,0 0 0 3px #6f5416,inset 0 0 8px #00000047}.art-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:repeating-conic-gradient(from 200deg at 50% 106%,color-mix(in srgb,var(--el) 22%,transparent) 0deg 4deg,transparent 4deg 11deg),radial-gradient(58% 32% at 50% 80%,color-mix(in srgb,var(--el) 46%,transparent),transparent 72%),radial-gradient(96% 62% at 50% 2%,rgba(255,255,255,.72),transparent 64%)}.art-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(40% 10% at 50% 94%,rgba(8,12,20,.42),transparent 72%),linear-gradient(180deg,transparent 52%,color-mix(in srgb,var(--el) 30%,rgba(10,16,26,.3)) 100%)}.art,.art-foil{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scale(var(--art-scale, 1));transform-origin:50% 100%}.art{z-index:2;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 calc(var(--u) * .9) calc(var(--u) * 1.6) rgba(0,0,0,.5)) drop-shadow(0 0 calc(var(--u) * 1.5) color-mix(in srgb,var(--el) 60%,transparent))}.card.art-plate .art-wrap{overflow:hidden;border-radius:3px;--art-scale: 1}.card.art-plate.kind-creature.r-Rare .art-wrap,.card.art-plate.kind-creature.r-Legendary .art-wrap{--art-scale: 1}.card.art-plate .art{object-fit:cover;object-position:50% 50%;filter:none}.card.art-plate .art-foil{-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:50% 50%;mask-position:50% 50%}.card.art-plate .art-scene,.card.art-plate .art-frame:before{display:none}.art-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border-radius:3px;overflow:hidden;pointer-events:none}.art-fx>*{pointer-events:auto}.el-badge{width:calc(var(--u) * 9.5);height:calc(var(--u) * 9.5);border-radius:50%;align-self:center;display:inline-grid;place-items:center;font-size:calc(var(--u) * 5.2);box-shadow:inset 0 0 0 1.5px #ffffffbf,0 1px 2px #00000059}.el-badge2{position:absolute;top:calc(var(--u) * 2);left:calc(var(--u) * 2);margin:0;z-index:2}.ability-badge{position:absolute;top:calc(var(--u) * 2);left:calc(var(--u) * 2);z-index:3;width:calc(var(--u) * 12);height:calc(var(--u) * 12);border-radius:50%;display:grid;place-items:center;font-size:calc(var(--u) * 6.6);background:#121828b8;box-shadow:0 1px 3px #00000080,inset 0 0 0 1.5px #ffffff8c}.card-board .el-badge2{left:calc(var(--u) * 16)}.cond{position:absolute;font-size:calc(var(--u) * 8);padding:calc(var(--u) * .6) calc(var(--u) * 2.4);border-radius:6px;font-weight:800;z-index:2}.merge-par{top:calc(var(--u) * 3);right:calc(var(--u) * 3);background:#f2c918e6;color:#000}.merge-poi{top:calc(var(--u) * 3);right:calc(var(--u) * 18);background:#7a5cc0eb;color:#fff}.merge-buff{top:calc(var(--u) * 3);left:calc(var(--u) * 3);background:#ff5a3ceb;color:#fff;font-size:calc(var(--u) * 6)}.merge-guard{bottom:calc(var(--u) * 10);right:calc(var(--u) * 3);background:#3c96ebeb;color:#fff;font-size:calc(var(--u) * 6)}.board-overlay{position:absolute;left:0;right:0;bottom:0;padding:calc(var(--u) * 2) calc(var(--u) * 2) calc(var(--u) * 1.5);background:linear-gradient(0deg,rgba(0,0,0,.55),transparent)}.hpbar{height:calc(var(--u) * 3);background:#00000073;border-radius:3px;overflow:hidden;box-shadow:inset 0 0 0 1px #0006}.hpbar-fill{height:100%;background:linear-gradient(90deg,#d13b46,#f0a828 55%,#46a850);transition:width .3s}.attached{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 1.2);margin-bottom:calc(var(--u) * 1.5)}.attached-item{display:inline-flex;align-items:center}.attached-item b{font-size:calc(var(--u) * 5.4);margin-left:calc(var(--u) * -.5);color:#fff}.species-bar{display:flex;align-items:center;justify-content:space-between;font-size:calc(var(--u) * 4.8);font-weight:800;letter-spacing:.2px;color:#4a3f22;text-transform:uppercase;background:linear-gradient(180deg,#eaddbb,#d4c398);border-radius:2px;border:1px solid rgba(120,90,25,.35);padding:calc(var(--u) * .15) calc(var(--u) * 2.2);margin:calc(var(--u) * .5) calc(var(--u) * .6) calc(var(--u) * .4);gap:calc(var(--u) * 1.6);flex:0 0 auto}.species-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.species-bar .rarity{flex:0 0 auto}.el-icon{display:block;width:100%;height:100%;object-fit:contain}.el-icon-fallback{filter:none!important;width:auto!important;height:auto!important;display:inline!important}.pip{display:inline-grid;place-items:center;width:calc(var(--u) * 10.2);height:calc(var(--u) * 10.2);border-radius:50%;font-size:calc(var(--u) * 5.4);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 0 0 1.5px #ffffffb3,0 1px 1px #0000004d}.pip-sm{width:calc(var(--u) * 6.8);height:calc(var(--u) * 6.8);font-size:calc(var(--u) * 3.6)}.pip .el-icon,.el-badge .el-icon,.tr-el-badge .el-icon,.e-card .el-icon{width:66%;height:66%;filter:brightness(0) invert(1) drop-shadow(0 1px 1px rgba(0,0,0,.35))}.board-overlay .pip{box-shadow:inset 0 0 0 1.5px #ffffffb3,0 0 3px #0009}.attacks{padding:calc(var(--u) * .6) calc(var(--u) * 2.5) calc(var(--u) * .4);display:flex;flex-direction:column;gap:calc(var(--u) * .6);flex:1 1 auto;min-height:0;overflow:hidden}.attack{padding-top:calc(var(--u) * .6)}.attack+.attack{border-top:1px solid rgba(90,70,20,.28)}.attack-line{display:flex;align-items:center;gap:calc(var(--u) * 3)}.cost{display:inline-flex;gap:1px;flex:0 0 auto}.cost-free{color:#6a5a2a}.attack-name{font-size:calc(var(--u) * 5.7);line-height:1.08;font-weight:800;flex:1;min-width:0;color:#17130a;overflow-wrap:anywhere}.attack-dmg{font-weight:900;font-size:calc(var(--u) * 7.2);line-height:1;color:#17130a;flex:0 0 auto}.attack-text{font-size:calc(var(--u) * 4.2);color:#4a4128;line-height:1.16;padding-left:calc(var(--u) * 1);overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.ability{flex:0 0 auto;font-size:calc(var(--u) * 4.2);line-height:1.12;color:#4a3618;margin:calc(var(--u) * .6) calc(var(--u) * 2.5) 0;padding:calc(var(--u) * .8) calc(var(--u) * 2);background:linear-gradient(180deg,#f4e6bd,#e6d29a);border-radius:3px;box-shadow:inset 0 0 0 1px #785a194d;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.ability b{color:#8a5a10;font-weight:900}.ability-text{color:#5a4a28}.card-board .ability,.card-mini .ability{display:none}.traits{display:inline-flex;align-items:center;gap:calc(var(--u) * 1.8);flex:0 0 auto;margin-left:auto}.trait{display:inline-flex;align-items:center;gap:calc(var(--u) * .4)}.trait img{width:calc(var(--u) * 5.6);height:calc(var(--u) * 5.6);object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.trait b{font-size:calc(var(--u) * 4);font-weight:900;color:#6a5316}.nocturnal{color:#5b4a8a}.merge-tag{display:inline-block;font-weight:900;font-style:normal;text-transform:uppercase;letter-spacing:.2px;font-size:calc(var(--u) * 3.8);line-height:1.35;color:#fff;background:color-mix(in srgb,var(--el) 78%,#2a2010);border-radius:calc(var(--u) * 1.6);padding:0 calc(var(--u) * 1.6);margin-right:calc(var(--u) * 1.4);vertical-align:baseline;box-shadow:inset 0 0 0 1px #ffffff59}.boss-mark{display:inline-flex;align-items:center;gap:calc(var(--u) * .5);margin-right:calc(var(--u) * 1);vertical-align:calc(var(--u) * -.8);flex:0 0 auto}.boss-mark svg{display:block;width:calc(var(--u) * 6.6);height:calc(var(--u) * 6.6);flex:0 0 auto;filter:drop-shadow(0 calc(var(--u) * .3) calc(var(--u) * .6) rgba(0,0,0,.45))}.boss-mark .am-crown{fill:#f5c33c}.boss-mark .am-shield{fill:#c0392b}.boss-mark .am-glyph{fill:#fff3dc}.boss-mark .am-word{font-style:normal;font-weight:900;color:#c0392b;font-size:calc(var(--u) * 4.1);letter-spacing:-.1px;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.5)}.card-board .boss-mark,.card-mini .boss-mark{margin-right:calc(var(--u) * 1)}.card-board .boss-mark svg,.card-mini .boss-mark svg{width:calc(var(--u) * 8.6);height:calc(var(--u) * 8.6)}.card-board .boss-mark .am-word,.card-mini .boss-mark .am-word{display:none}.flavor{flex:0 0 auto;font-size:calc(var(--u) * 4.2);line-height:1.2;color:#4a4128;font-style:italic;margin:calc(var(--u) * .8) calc(var(--u) * 2.5) 0;padding:calc(var(--u) * .7) calc(var(--u) * 2);background:#ffffff57;border-radius:3px;box-shadow:inset 0 0 0 1px #5a46142e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-board .flavor,.card-mini .flavor{display:none}.card-foot{display:flex;justify-content:space-between;gap:calc(var(--u) * 1.2);margin:calc(var(--u) * .3) calc(var(--u) * .6) 0;padding:calc(var(--u) * .6) calc(var(--u) * 1.2) calc(var(--u) * .2);font-size:calc(var(--u) * 4.4);font-weight:700;color:#3a3220;border-top:1px solid rgba(90,70,20,.35);flex:0 0 auto;flex-wrap:nowrap;overflow:hidden}.foot-item{display:inline-flex;align-items:center;gap:calc(var(--u) * 1.1);text-transform:uppercase;letter-spacing:0;white-space:nowrap}.card-foot .pip-sm{width:calc(var(--u) * 6);height:calc(var(--u) * 6);font-size:calc(var(--u) * 3.2)}.foot-retreat{letter-spacing:calc(var(--u) * -.25)}.card-badge{position:absolute;top:-8px;right:-8px;background:var(--gold);color:#000;font-weight:900;font-size:12px;border-radius:12px;padding:2px 8px;box-shadow:var(--shadow);z-index:3}.kind-energy.card{display:flex;flex-direction:column;border-radius:11px;padding:calc(var(--u) * 4.4) calc(var(--u) * 3.7) calc(var(--u) * 3.7);background:linear-gradient(150deg,#fbe58f,#f2c445 42%,#d99a2e);box-shadow:inset 0 0 0 1px #ffffff73,inset 0 0 0 2px #96691459,var(--shadow);color:#17130a}.kind-energy.card:before{content:"";position:absolute;inset:calc(var(--u) * 3.7);border-radius:5px;background:linear-gradient(168deg,color-mix(in srgb,var(--el) 12%,#fffdf7),color-mix(in srgb,var(--el) 30%,#f4eede) 55%,color-mix(in srgb,var(--el) 48%,#e6dcc6));box-shadow:inset 0 0 0 1px #5a461447,inset 0 1px 2px #fff9}.kind-energy.card>*{position:relative;z-index:1}.card-kind.energy{background:linear-gradient(180deg,#6f7d95,#45536e)}.energy-window{position:relative;flex:1 1 auto;min-height:0;margin:calc(var(--u) * .6) calc(var(--u) * 2.5) calc(var(--u) * .8);border-radius:3px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--el) 14%,#fdfbf4),color-mix(in srgb,var(--el) 36%,#eee7d6) 58%,color-mix(in srgb,var(--el) 58%,#d6cbaf));box-shadow:0 0 0 2px #c9a24a,0 0 0 3px #6f5416,inset 0 0 8px #00000047}.energy-scene{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--el) 24%,transparent) 0deg 6deg,transparent 6deg 15deg),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--glow) 55%,transparent),transparent 62%)}.energy-mark{position:absolute;inset:calc(var(--u) * -6);pointer-events:none;background:var(--sym) center/contain no-repeat;opacity:.1;filter:blur(calc(var(--u) * .6))}.energy-stack{position:relative;display:block;width:calc(var(--u) * 72);height:calc(var(--u) * 72)}.energy-token{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:calc(var(--u) * 58);height:calc(var(--u) * 58)}.energy-disc{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 38% 30%,color-mix(in srgb,#fff 78%,var(--glow)),color-mix(in srgb,var(--glow) 62%,#fff) 42%,color-mix(in srgb,var(--el) 55%,#fff));box-shadow:0 0 calc(var(--u) * 10) color-mix(in srgb,var(--glow) 70%,transparent),inset 0 0 0 calc(var(--u) * 1.6) #fffc,inset 0 calc(var(--u) * -3) calc(var(--u) * 7) color-mix(in srgb,var(--el) 45%,transparent),0 calc(var(--u) * 1.5) calc(var(--u) * 3) #0000004d}.energy-art{position:relative;z-index:1;width:calc(var(--u) * 42);height:calc(var(--u) * 42);object-fit:contain;image-rendering:auto;filter:drop-shadow(0 calc(var(--u) * 1.2) calc(var(--u) * 1.8) rgba(40,25,0,.45)) saturate(1.08) contrast(1.04)}.energy-stack.is-double .energy-token{width:calc(var(--u) * 50);height:calc(var(--u) * 50)}.energy-stack.is-double .energy-token .energy-art{width:calc(var(--u) * 36);height:calc(var(--u) * 36)}.energy-stack.is-double .energy-token-back{transform:translate(calc(-50% - var(--u) * 9),calc(-50% - var(--u) * 7));z-index:0;opacity:.88;filter:brightness(.94)}.energy-stack.is-double .energy-token-front{transform:translate(calc(-50% + var(--u) * 9),calc(-50% + var(--u) * 7));z-index:1}.energy-x2{position:absolute;right:calc(var(--u) * 2.5);bottom:calc(var(--u) * 2.5);z-index:2;display:grid;place-items:center;min-width:calc(var(--u) * 15);height:calc(var(--u) * 15);padding:0 calc(var(--u) * 1.5);border-radius:999px;background:linear-gradient(180deg,#ffe8a4,#e0a52a);box-shadow:inset 0 0 0 1px #ffffffb3,0 calc(var(--u) * .8) calc(var(--u) * 2) #00000059;font-size:calc(var(--u) * 8);font-weight:900;color:#43310a;letter-spacing:-.5px}.energy-double .card-kind.energy{background:linear-gradient(180deg,#f0b73e,#b8791a);color:#2a1c00}.energy-double.card{background:linear-gradient(150deg,#fff3c0,#f5c53f 40%,#c88a1e)}.energy-strong{display:inline-flex;align-items:center;gap:calc(var(--u) * 1);flex:0 0 auto}.energy-strong b{font-size:calc(var(--u) * 3.6);opacity:.6}.energy-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen;opacity:.55;background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.55) 46%,rgba(200,230,255,.35) 53%,transparent 64%);background-size:220% 220%;animation:holo-sheen 6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.energy-sheen{animation:none}}.card-board.kind-energy .card-kind,.card-mini.kind-energy .card-kind,.card-board.kind-energy .card-foot,.card-mini.kind-energy .card-foot{display:none}.kind-trainer.card{padding:calc(var(--u) * 4.4) calc(var(--u) * 3.7) calc(var(--u) * 3.7);display:flex;flex-direction:column;border-radius:11px;background:linear-gradient(150deg,#fbe58f,#f2c445 42%,#d99a2e);box-shadow:inset 0 0 0 1px #ffffff73,inset 0 0 0 2px #96691459,var(--shadow);color:#17130a}.item-trainer.card{--el: #4a7fb5;--glow: #9ccdf2}.kind-trainer.card:before{content:"";position:absolute;inset:calc(var(--u) * 3.7);border-radius:5px;background:linear-gradient(168deg,#fbf4e2,#ddcba0);box-shadow:inset 0 0 0 1px #5a461447}.item-trainer.card:before{background:linear-gradient(168deg,#f4f8fd,#dee9f5 55%,#c3d5e8)}.kind-trainer.card>*{position:relative;z-index:1}.card-kind{font-size:calc(var(--u) * 5.2);font-weight:900;letter-spacing:calc(var(--u) * 1.6);text-align:center;color:#fff;background:linear-gradient(180deg,#e05a3a,#b83a20);border-radius:3px;padding:calc(var(--u) * .5) 0;margin-bottom:calc(var(--u) * 1.6);flex:0 0 auto;box-shadow:inset 0 1px #ffffff59,0 1px 2px #0000004d}.card-kind.item{background:linear-gradient(180deg,#4e8fc9,#2b5f95)}.kind-trainer .char-head{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 2);padding:0 calc(var(--u) * 2.5) calc(var(--u) * .8);flex:0 0 auto}.kind-trainer .creature-name{display:block;flex:0 1 auto;text-align:center;font-size:calc(var(--u) * 7)}.tr-el-badge{flex:0 0 auto;width:calc(var(--u) * 8.6);height:calc(var(--u) * 8.6);border-radius:50%;display:inline-grid;place-items:center;font-size:calc(var(--u) * 4.6);box-shadow:inset 0 0 0 1.5px #ffffffbf,0 1px 2px #00000059}.trainer-text{font-size:calc(var(--u) * 5);color:#3a3018;line-height:1.22;flex:1 1 auto;min-height:0;margin:calc(var(--u) * 1.2) calc(var(--u) * 2.5) 0;padding:calc(var(--u) * 1.6) calc(var(--u) * 2.4);background:#ffffff80;border-radius:4px;box-shadow:inset 0 0 0 1px #5a461433;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.item-trainer .trainer-text{color:#1e3346;background:#ffffff9e;box-shadow:inset 0 0 0 1px #28466938}.card-foot.trainer-rule{display:block;text-align:center;font-size:calc(var(--u) * 3.9);line-height:1.3;font-weight:700;font-style:italic;color:#4a4128;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-trainer .card-foot.trainer-rule{color:#2c4560;border-top-color:#28466959}.library{max-width:none;margin:0;padding:14px clamp(14px,2.5vw,40px) 110px}.lib-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-bottom:10px}.lib-bar h2{margin:0;font-size:22px}.lib-bar .bar-right{margin-left:auto}.lib-bar .count{color:var(--muted);font-size:14px;font-weight:500}.search{margin-left:auto;background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:9px 14px;border-radius:10px;font-size:14px;width:220px}.filters{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.filter-group{display:flex;flex-wrap:wrap;gap:6px}.filt{background:var(--panel);border:1.5px solid var(--line);color:var(--ink);padding:6px 12px;border-radius:16px;font-size:13px;font-weight:600}.filt.on{border-color:var(--el, var(--accent));background:#223250}.lib-filters{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:10px}.lib-filters .filter-group+.filter-group{padding-left:10px;border-left:1px solid var(--line)}.lib-filters .filt{padding:0 9px;height:28px;font-size:12.5px;display:inline-flex;align-items:center;gap:4px}.lib-filters .lib-tabs .filt{padding:0 11px}.filt-clear{margin-left:auto;color:var(--muted)}.filt-clear:hover{color:var(--ink);border-color:var(--accent)}.filt-icon{padding:5px 8px;line-height:1}.filt-icon .filt-el{width:1.5em;height:1.5em;vertical-align:-.35em}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:16px;justify-items:center}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a12d1;display:grid;place-items:center;z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px;overflow:auto}.modal-inner{display:flex;flex-direction:column;align-items:center;gap:14px}.modal-inner .card-hand{--cw: min(360px, 62vh)}.battle{--board-cw: clamp(44px, min(8.8vh, 11.5vw), 150px);--active-cw: clamp(60px, 11.4vh, 195px);--hand-cw: clamp(54px, 9.8vh, 165px);--pile-cw: clamp(30px, 5vh, 72px);height:100dvh;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) clamp(190px,19vw,340px);gap:10px;padding:8px clamp(10px,1.4vw,24px);max-width:min(100%,176vh);margin:0 auto}.battle-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr) auto auto;gap:5px;min-width:0;min-height:0}.player-bar{display:flex;align-items:center;gap:16px;padding:4px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line);font-size:12.5px}.player-bar.active{border-color:var(--accent);box-shadow:0 0 12px #37d0c440}.player-bar.ai{background:#2a1e2c}.pb-name{font-weight:800}.pb-prizes{color:var(--gold);letter-spacing:1px}.pb-prizes small,.pb-counts,.pb-info{color:var(--muted);font-weight:600}.pb-counts{margin-left:auto}.field{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:4px 8px;border-radius:12px;min-width:0}.foe-field{background:linear-gradient(180deg,rgba(120,40,60,.14),transparent)}.you-field{background:linear-gradient(0deg,rgba(40,120,140,.14),transparent)}.field-main{display:flex;flex-direction:column;gap:5px;align-items:stretch;min-width:0}.row{display:flex;gap:6px;justify-content:center;align-items:center}.active-row{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.active-row>.energy-strip{grid-column:1;justify-self:end}.active-row>.slot,.active-row>.slot-empty,.active-row>.card-back{grid-column:2}.active-row>.attack-buttons{grid-column:3;justify-self:start}.attack-buttons.ghost{visibility:hidden}.slot{flex:0 0 auto;position:relative}.field .card-board{--cw: var(--board-cw)}.active-row .card-board{--cw: var(--active-cw)}.slot-empty{flex:0 0 auto;width:var(--board-cw);height:calc(var(--board-cw) * 1.4);border:1.5px dashed var(--line);border-radius:9px;display:grid;place-items:center;color:#55647d;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.slot-empty.active-empty{width:var(--active-cw);height:calc(var(--active-cw) * 1.4);font-size:11px;text-align:center;padding:0 6px;line-height:1.3}.bench-hint{color:var(--muted);font-size:12px;padding:10px 20px;border:1.5px dashed var(--line);border-radius:10px}.cardback{--u: calc(var(--cw, 122px) / 100);position:relative;flex:0 0 auto;width:var(--cw, 122px);height:calc(var(--cw, 122px) * 7 / 5);border-radius:calc(var(--u) * 7);overflow:hidden;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,color-mix(in srgb,var(--cb) 30%,var(--cb-deep)) 0%,var(--cb-deep) 55%,color-mix(in srgb,var(--cb-deep) 78%,#000) 100%);box-shadow:inset 0 0 0 calc(var(--u) * 2.6) #c9a24a,inset 0 0 0 calc(var(--u) * 3.6) #6f5416,inset 0 0 calc(var(--u) * 9) #0000008c,0 3px 8px #00000073}.cb-field{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 44%,transparent 0 26%,color-mix(in srgb,var(--cb) 55%,transparent) 26.6% 28.4%,transparent 29%),repeating-conic-gradient(from 0deg at 50% 44%,color-mix(in srgb,var(--cb) 26%,transparent) 0deg 7deg,transparent 7deg 14deg),radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--cb-glow) 42%,transparent),transparent 58%)}.cb-tier{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:58%;height:auto;z-index:1;filter:drop-shadow(0 calc(var(--u) * 1.5) calc(var(--u) * 2.5) rgba(0,0,0,.6)) drop-shadow(0 0 calc(var(--u) * 4) color-mix(in srgb,var(--cb-glow) 70%,transparent))}.cb-word{position:absolute;left:0;right:0;bottom:calc(var(--u) * 8);z-index:1;text-align:center;font-weight:900;letter-spacing:calc(var(--u) * 1.2);line-height:1;font-size:calc(var(--u) * 9);color:#f6e6b4;text-shadow:0 calc(var(--u) * .8) calc(var(--u) * 1.6) rgba(0,0,0,.75)}.cb-word span{display:block;font-size:calc(var(--u) * 5.4);letter-spacing:calc(var(--u) * 3.4);color:color-mix(in srgb,var(--cb-glow) 70%,#fff);margin-top:calc(var(--u) * 1.4)}.cardback.board{--cw: var(--board-cw)}.cardback.big{--cw: var(--active-cw)}.cardback.pile{--cw: var(--pile-cw);height:calc(var(--pile-cw) * 1.4)}.cardback.pile .cb-word{display:none}.cardback.pile .cb-tier{top:50%;width:66%}.field.targeting .card.highlight{animation:pulse 1s infinite}.field.setting-up .card.highlight{animation:none;box-shadow:0 0 0 2px var(--gold)}@keyframes pulse{0%,to{box-shadow:0 0 0 2px var(--accent)}50%{box-shadow:0 0 0 3px var(--accent),0 0 20px var(--accent)}}.dmg-count{position:absolute;top:calc(var(--u) * 3);left:50%;transform:translate(-50%);z-index:3;background:#c8192df0;color:#fff;font-weight:900;font-size:calc(var(--u) * 8);padding:0 calc(var(--u) * 2.5);border-radius:8px;line-height:1.35;box-shadow:0 1px 3px #0009,inset 0 0 0 1px #ffffff59}.energy-strip{flex:0 0 auto;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 3px;min-width:clamp(24px,3.4vh,36px);background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:9px}.e-card{width:clamp(15px,2.3vh,24px);height:clamp(15px,2.3vh,24px);border-radius:4px;display:grid;place-items:center;font-size:clamp(8px,1.2vh,12px);box-shadow:inset 0 0 0 1.5px #fff9,0 1px 2px #0000008c}.e-more{font-size:10px;font-weight:800;color:var(--gold)}.rail{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:6px;min-width:calc(var(--pile-cw) * 2 + 6px)}.prize-rail{flex-direction:column;gap:3px}.prize-grid{display:grid;grid-template-columns:repeat(2,auto);gap:3px}.cardback.prize{--cw: calc(var(--pile-cw) * .62)}.cardback.prize .cb-word{display:none}.cardback.prize .cb-tier{top:50%;width:72%}.cardback.prize.claimed{position:relative;z-index:3;animation:prize-claim .72s cubic-bezier(.3,.9,.4,1.15) forwards}@keyframes prize-claim{0%{transform:none;opacity:1}40%{transform:translateY(-13px) scale(1.34) rotate(-7deg);opacity:1}to{transform:translateY(-32px) scale(.55) rotate(-22deg);opacity:0}}.prize-card{width:calc(var(--pile-cw) * .62);height:calc(var(--pile-cw) * .88);border-radius:4px}.prize-card.taken{background:#ffffff0a;border:1.5px dashed var(--line);box-shadow:none}@media (prefers-reduced-motion: reduce){.cardback.prize.claimed{animation:none}}.rail-label{font-size:10px;font-weight:800;color:var(--muted)}.pile{display:flex;flex-direction:column;align-items:center;gap:2px}.pile-box{width:var(--pile-cw);height:calc(var(--pile-cw) * 1.4);border-radius:7px;padding:0;display:grid;place-items:center;font-size:calc(var(--pile-cw) * .45);color:#ffffff8c;background:linear-gradient(160deg,#2a1c58,#1c3a8a);border:1.5px solid #4a3cc8;box-shadow:inset 0 0 0 1px #ffffff14,0 2px 6px #0006}.pile-box.discard{background:linear-gradient(160deg,#3b2333,#2a1830);border-color:#6d4a5c}.pile-box.discard:not(:disabled){cursor:pointer}.pile-box.discard:not(:disabled):hover{border-color:var(--gold);color:var(--gold)}.pile-box.empty{background:#ffffff0a;border:1.5px dashed var(--line);color:#52617a}.center{display:flex;gap:10px;align-items:stretch;height:clamp(52px,8vh,92px);position:relative}.log{flex:1;min-height:0;overflow-y:auto;background:#0c1320;border:1px solid var(--line);border-radius:10px;padding:5px 10px;font-size:12px;line-height:1.45}.log-line{color:var(--muted)}.log-you{color:#8fe6dd}.log-ai{color:#f0a0b0}.log-sys{color:var(--gold);font-weight:700}.turn-note{flex:0 0 190px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;font-weight:800;text-align:center;font-size:14px;padding:4px}.turn-note small{display:block;font-size:11px;color:var(--muted);font-weight:600;margin-top:2px}.turn-note .win{color:var(--gold);font-size:18px}.turn-note .setup{color:var(--gold)}.attack-buttons{display:flex;flex-direction:column;gap:5px;width:clamp(150px,15vw,210px)}.atk-btn{display:flex;align-items:center;gap:8px;background:var(--panel2);border:1.5px solid var(--line);color:var(--ink);padding:6px 9px;border-radius:9px;font-weight:700;font-size:12.5px}.atk-btn:not(:disabled):hover{background:#2e4260;border-color:var(--accent)}.atk-btn:disabled{opacity:.4;cursor:not-allowed}.atk-cost{display:inline-flex;gap:1px}.atk-btn-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atk-btn-dmg{font-weight:900;font-size:15px;color:var(--gold)}.atk-btn.retreat{justify-content:center;font-size:11.5px;color:var(--muted)}.atk-btn.retreat small{font-weight:500}.atk-btn.retreat.on{border-color:var(--gold);color:var(--gold)}.hand-tray{overflow-x:auto;overflow-y:hidden}.hand{display:flex;gap:5px;justify-content:center;min-width:min-content;padding:7px 4px 4px}.hand-card{flex:0 0 auto}.hand-card .card-hand{--cw: var(--hand-cw)}.controls{display:flex;align-items:center;gap:12px;padding:0 2px;min-height:34px}.controls .spacer{flex:1}.controls .hint{color:var(--gold);font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:10px}.controls .pb-info{color:var(--accent);font-weight:700;font-size:12.5px}.btn-primary.small,.btn-ghost.small{padding:6px 12px;font-size:13px}.controls .btn-primary,.controls .btn-ghost{padding:7px 14px;font-size:13.5px}.controls .btn-primary:disabled{opacity:.4;cursor:not-allowed}.battle-preview{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:0;overflow:hidden;background:#0c142499;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 10px}.battle-preview .card-hand{--cw: clamp(120px, min(27vh, 15.5vw), 260px)}.battle-preview .card:hover{transform:none}.preview-empty{color:var(--muted);font-size:13px;text-align:center;margin:auto}.preview-meta{text-align:center;width:100%;min-height:0;overflow-y:auto}.pm-name{font-weight:900;font-size:15px}.pm-sub{color:var(--muted);font-size:11.5px;margin-top:1px}.pm-trainer-text{color:var(--ink);font-size:12px;line-height:1.35;margin-top:8px;background:#ffffff0f;border-radius:8px;padding:8px 10px}.pm-flavor{color:var(--muted);font-size:11.5px;font-style:italic;line-height:1.4;margin-top:8px;text-align:left}.pm-hp{font-size:22px;font-weight:900;color:#ff8a8a;margin-top:6px;font-variant-numeric:tabular-nums}.pm-hp small{font-size:12px;color:var(--muted);font-weight:700}.pm-energy{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;margin-top:6px;--u: 2.2px}.pm-none{font-size:11.5px;color:var(--muted)}.pm-status{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:8px}.pm-tag{font-size:11px;font-weight:800;border-radius:8px;padding:2px 8px}.pm-tag.par{background:#f2c918e6;color:#000}.pm-tag.poi{background:#7a5cc0eb;color:#fff}.pm-tag.buff{background:#ff5a3ceb;color:#fff}.pile-modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 20px;max-width:min(1100px,92vw);max-height:88vh}.pile-modal h3{margin:0;font-size:18px}.pile-modal h3 small{color:var(--muted);font-weight:600}.pile-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;overflow-y:auto;min-height:0;padding:4px}.pile-grid .card-hand{--cw: 130px}.choose-modal{display:flex;flex-direction:column;gap:14px}.choose-modal .pile-grid .card-hand{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.choose-modal .pile-grid .card-hand:hover{transform:translateY(-4px)}.choose-modal .modal-actions{align-items:center}.choose-modal .hint{color:var(--gold);font-weight:700;font-size:13px}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:10px 20px;border-radius:10px;font-weight:700;box-shadow:var(--shadow);z-index:60;animation:rise .2s ease}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px)}}.gameover{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:30px 40px;text-align:center;max-width:420px}.gameover h2{font-size:30px;margin:0 0 8px}.gameover p{color:var(--muted);margin:0 0 20px}.modal-actions{display:flex;gap:12px;justify-content:center}@media (max-width: 1000px){.battle{grid-template-columns:minmax(0,1fr)}.battle-preview{display:none}}@media (max-width: 720px){.logo{font-size:42px}.center{flex-direction:column}.turn-note{flex:0 0 auto;padding:6px}.pb-counts{display:none}.attack-buttons{width:clamp(120px,30vw,170px)}}.deck-warn{margin-top:3px;font-size:11px;line-height:1.3;color:#ffb4a2}.app-shell{display:flex;flex-direction:column;min-height:100%}.app-main{flex:1;min-width:0}.app-shell.shell-fixed{height:100dvh;overflow:hidden}.app-shell.shell-fixed .app-main{min-height:0;overflow:hidden}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:18px;padding:8px clamp(12px,2vw,28px);background:#0e1420e0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-brand{flex:0 0 auto;background:none;border:none;padding:0 4px 0 0;letter-spacing:1px;font-size:19px;font-weight:900;color:var(--ink);white-space:nowrap;background:linear-gradient(120deg,#7ff0e6,#4a9df0 70%,#b78bff);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar-brand span{-webkit-text-fill-color:var(--gold)}.topbar-brand:hover{filter:brightness(1.15)}.topbar-nav{display:flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.topbar-nav::-webkit-scrollbar{display:none}.topnav-btn{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:none;border:1px solid transparent;border-radius:10px;padding:8px 14px;color:var(--muted);font-weight:700;font-size:14px;transition:background .15s,color .15s,border-color .15s}.topnav-btn:hover{background:#ffffff12;color:var(--ink)}.topnav-btn.on{background:#1e2f42;border-color:var(--accent);color:var(--ink);box-shadow:0 0 12px #37d0c438}.topnav-icon{font-size:15px}.topbar-right{flex:0 0 auto;display:flex;align-items:center;gap:10px}.topbar-gold{font-weight:800;font-size:14px;color:var(--gold);background:#f2c94c1f;border:1px solid rgba(242,201,76,.3);border-radius:20px;padding:6px 13px;white-space:nowrap}.topbar-icon{width:36px;height:36px;border-radius:50%;font-size:16px;background:var(--panel2);border:1px solid var(--line);color:var(--ink)}.topbar-icon:hover{background:#2c3d5c}@media (max-width: 1080px){.topnav-label{display:none}.topnav-btn{padding:8px 11px}.topnav-icon{font-size:17px}}@media (max-width: 760px){.topbar{gap:8px;padding:8px 10px}.topbar-brand,.account-chip-name{display:none}.topbar-gold{padding:6px 10px}}.mode-tabs{display:flex;gap:8px;justify-content:center;margin:0}.mode-tab{background:var(--panel);border:1.5px solid var(--line);color:var(--muted);padding:10px 22px;border-radius:24px;font-weight:700;font-size:15px}.mode-tab.on{border-color:var(--accent);color:var(--ink);background:#1e2f42;box-shadow:0 0 14px #37d0c440}.inline-el{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.22em}.filt-el{display:inline-block;width:1.3em;height:1.3em;vertical-align:-.3em}.deck-el .el-icon,.camp-face-el .el-icon,.shop-deck-el .el-icon{width:100%;height:100%}.deck-el,.camp-face-el,.shop-deck-el{width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.65))}.camp-face-el{width:18px;height:18px}.shop-pack-icon .el-icon{width:46px;height:46px;margin:0 auto}.booster-glyph .el-icon{width:78px;height:78px;margin:0 auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.starter-el .inline-el{width:1.05em;height:1.05em}.custom-tag{font-size:9px;background:var(--accent2);color:#04121e;padding:1px 6px;border-radius:8px;font-weight:800;vertical-align:middle}.deck-mini-actions{display:flex;gap:6px;margin-top:6px}.mini-btn{background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:3px 10px;font-size:11px;font-weight:700}.mini-btn:hover{background:#2c3d5c;color:var(--ink)}.mini-btn.danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.card.damaged{animation:shake .42s ease}.card.damaged .art-fx:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ff3c508c;animation:flashfade .5s ease forwards;border-radius:inherit}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-5px) rotate(-1deg)}35%{transform:translate(5px) rotate(1deg)}55%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes flashfade{0%{opacity:1}to{opacity:0}}.hand-card{animation:dealIn .32s cubic-bezier(.2,.9,.3,1.2) backwards}@keyframes dealIn{0%{opacity:0;transform:translateY(30px) scale(.85)}}.field{position:relative}.slot.lunge-up{animation:lunge-up .42s cubic-bezier(.3,-.4,.4,1.4);z-index:6}.slot.lunge-down{animation:lunge-down .42s cubic-bezier(.3,-.4,.4,1.4);z-index:6}@keyframes lunge-up{0%{transform:translateY(0) scale(1)}38%{transform:translateY(-26px) scale(1.09)}60%{transform:translateY(-14px) scale(1.05)}to{transform:translateY(0) scale(1)}}@keyframes lunge-down{0%{transform:translateY(0) scale(1)}38%{transform:translateY(26px) scale(1.09)}60%{transform:translateY(14px) scale(1.05)}to{transform:translateY(0) scale(1)}}.slot.charged .card{animation:charge-pop .6s ease}.slot.charged:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:12px;pointer-events:none;border:2px solid var(--gold);animation:charge-ring .6s ease-out forwards}@keyframes charge-pop{0%,to{transform:scale(1)}40%{transform:scale(1.06)}}@keyframes charge-ring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.28)}}.board-in{animation:board-in .3s cubic-bezier(.2,.9,.3,1.25) backwards}@keyframes board-in{0%{opacity:0;transform:translateY(-16px) scale(.82)}}.ko-burst{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;display:grid;place-items:center;font-size:clamp(15px,2.4vh,26px);font-weight:900;letter-spacing:1px;color:#fff;text-shadow:0 2px 10px #000,0 0 22px var(--danger);animation:ko-burst .9s ease-out forwards}@keyframes ko-burst{0%{opacity:0;transform:scale(.5)}22%{opacity:1;transform:scale(1.12)}55%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.flight-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;pointer-events:none}.flight{position:absolute;left:0;top:0;will-change:transform;animation:card-flight both cubic-bezier(.32,.72,.35,1)}.flight>*{--cw: var(--fw) !important}.flight .card{transition:none}@keyframes card-flight{0%{transform:translate(var(--x0),var(--y0)) scale(1);opacity:.3}16%{opacity:1}78%{opacity:1}to{transform:translate(var(--x1),var(--y1)) scale(var(--sc, 1));opacity:0}}.flight.spin{animation-name:card-flight-spin}@keyframes card-flight-spin{0%{transform:translate(var(--x0),var(--y0)) scale(1) rotate(0);opacity:1}to{transform:translate(var(--x1),var(--y1)) scale(var(--sc, 1)) rotate(-190deg);opacity:0}}@media (prefers-reduced-motion: reduce){.slot.lunge-up,.slot.lunge-down,.slot.charged .card,.slot.charged:after,.board-in,.ko-burst{animation:none!important}.slot.charged:after,.ko-burst{display:none}.flight-layer{display:none}}.packs{max-width:none;margin:0;padding:18px clamp(14px,2.5vw,40px) 50px}.coll-progress{margin-left:auto;color:var(--muted);font-size:15px}.coll-progress b{color:var(--gold);font-size:18px}.vs-board{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,42px);margin:0 auto;flex-wrap:wrap}.vs-slot{position:relative;width:190px;padding:14px 12px 12px;border-radius:16px;background:var(--panel);border:2px dashed var(--line);text-align:center;transition:border-color .2s,box-shadow .2s,background .2s}.vs-slot.filled{border-style:solid;border-color:color-mix(in srgb,var(--el, var(--accent)) 65%,transparent);background:linear-gradient(170deg,color-mix(in srgb,var(--el, var(--accent)) 16%,var(--panel)),var(--panel));box-shadow:0 8px 26px color-mix(in srgb,var(--glow, var(--accent)) 22%,transparent)}.vs-slot-label{font-size:11px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.vs-slot-face{position:relative;width:108px;height:108px;margin:0 auto;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--el, #33406a) 45%,#131a2e),#0d1220);box-shadow:inset 0 0 0 2px #ffffff1a}.vs-slot-face img{width:100%;height:100%;object-fit:contain}.vs-q{font-size:52px;font-weight:900;color:#ffffff47}.vs-random{font-size:46px}.vs-random.big{font-size:54px}.vs-el{position:absolute;right:6px;bottom:6px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--el, #33406a);box-shadow:inset 0 0 0 1.5px #ffffffb3,0 1px 3px #00000080}.vs-el .el-icon{width:66%;height:66%;filter:brightness(0) invert(1)}.vs-slot-name{margin-top:9px;font-weight:800;font-size:13.5px;min-height:2.6em;display:flex;align-items:center;justify-content:center}.vs-slot:not(.filled) .vs-slot-name{color:var(--muted);font-weight:600}.vs-clear{position:absolute;top:7px;right:7px;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);background:var(--panel2);color:var(--muted);cursor:pointer;font-size:12px;line-height:1}.vs-clear:hover{color:#fff;border-color:var(--accent)}.vs-mark{font-size:clamp(26px,4vw,42px);font-weight:900;letter-spacing:2px;color:var(--gold);text-shadow:0 0 18px rgba(255,200,60,.45)}.vs-center{display:flex;flex-direction:column;align-items:center;gap:10px;width:400px;max-width:100%;flex:0 1 400px}.vs-action{width:100%;height:78px;display:grid;place-items:center}.vs-start{white-space:nowrap}.vs-start:disabled{opacity:.55;filter:grayscale(.4);cursor:not-allowed;transform:none}.vs-random-pick{display:flex;align-items:center;gap:9px;width:100%;height:46px;padding:0 12px;border-radius:12px;font:inherit;text-align:left;cursor:pointer;color:var(--ink);background:linear-gradient(100deg,#232c52,var(--panel) 75%);border:1.5px solid var(--line);transition:border-color .15s,transform .08s,box-shadow .15s}.vs-random-pick:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent)}.vs-random-pick.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 18px -6px var(--accent)}.vs-random-pick:disabled{opacity:.45;filter:grayscale(.5);cursor:not-allowed;transform:none}.vrp-die{font-size:24px;line-height:1;flex:none}.vrp-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.vrp-text b{font-size:13.5px;font-weight:800}.vrp-text em{font-style:normal;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vrp-check{font-weight:900;color:var(--accent);flex:none}@media (max-height: 780px){.vs-slot{width:152px;padding:10px 10px 9px}.vs-slot-face{width:84px;height:84px}.vs-q{font-size:40px}.vs-random{font-size:34px}.vs-slot-name{margin-top:6px;font-size:12.5px;min-height:2.3em}.vs-start.btn-primary.big{padding:10px 20px;font-size:14.5px}.vs-center{width:360px;flex-basis:360px;gap:6px}.vs-action{height:68px}.vs-random-pick{height:40px}.vrp-die{font-size:20px}.mode-tab{padding:7px 18px;font-size:14px}}.pack-stage{display:flex;flex-direction:column;align-items:center;gap:22px;padding:18px 0 30px}.tier-picker{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tier-opt{width:136px;padding:10px 8px 9px;border-radius:14px;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--el) 24%,var(--panel)),var(--panel));border:1.5px solid var(--line);transition:transform .12s,border-color .15s,box-shadow .2s}.tier-opt:hover:not(:disabled){transform:translateY(-3px);border-color:var(--el)}.tier-opt.on{border-color:var(--el);box-shadow:0 0 0 2px var(--el),0 8px 26px color-mix(in srgb,var(--glow) 32%,transparent)}.tier-opt:disabled{opacity:.45;cursor:default}.tier-opt-art{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5)) drop-shadow(0 0 9px color-mix(in srgb,var(--glow) 55%,transparent))}.tier-opt-name{font-weight:800;font-size:13.5px}.tier-opt-odds{font-weight:900;font-size:15px;color:var(--gold);line-height:1.15}.tier-opt-odds small{display:block;font-size:9px;font-weight:800;color:var(--muted);letter-spacing:.4px;text-transform:uppercase}.tier-opt-sub{font-size:10.5px;color:var(--muted);font-weight:700;line-height:1.3}.blister-tier{width:100%;height:100%;object-fit:contain}.booster{position:relative;width:260px;height:380px;border-radius:18px;border:none;overflow:hidden;background:linear-gradient(160deg,#2a1c58,#3a2a8a 40%,#1c3a8a 70%,#12324f);box-shadow:0 12px 40px #4a3cc873,inset 0 0 0 2px #ffffff1a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;transition:filter .15s;animation:pack-float 3.6s ease-in-out infinite}.booster:hover{filter:brightness(1.13) saturate(1.08)}.booster:active{filter:brightness(1.25)}.booster-cta{animation:cta-pulse 1.5s ease-in-out infinite}@keyframes pack-float{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-12px) rotate(.6deg)}}@keyframes cta-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}}.booster-shine{position:absolute;top:-60%;left:-30%;width:60%;height:220%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:sweep 3s infinite}@keyframes sweep{0%{left:-40%}60%,to{left:130%}}.booster-glyph{font-size:72px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.booster-title{font-weight:900;font-size:22px;letter-spacing:2px}.booster-sub{color:#cdd6ff;font-size:13px}.booster-cta{margin-top:14px;background:#ffffff29;padding:8px 18px;border-radius:20px;font-weight:800}.pack-hint{color:var(--muted);max-width:460px;text-align:center;font-size:14px}.blister{position:relative;width:268px;height:396px;border:none;background:none;padding:0;cursor:pointer;display:block;animation:pack-float 3.6s ease-in-out infinite;transition:filter .15s}.blister:hover{filter:brightness(1.08) saturate(1.06)}.blister:disabled{cursor:default}.blister-backing{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;overflow:hidden;color:#fff;background:radial-gradient(120% 60% at 50% 0%,color-mix(in srgb,var(--el, #4a3cc8) 55%,transparent),transparent 70%),linear-gradient(165deg,#2a1c58,#3a2a8a 42%,#1c3a8a 72%,#12324f);box-shadow:0 14px 44px #4a3cc86b,inset 0 0 0 2px #ffffff1f;display:flex;flex-direction:column;align-items:center;padding:34px 16px 18px;text-align:center}.blister-hang{position:absolute;top:12px;left:50%;transform:translate(-50%);width:40px;height:16px;border-radius:10px;background:#0b1020;box-shadow:inset 0 1px 3px #000000e6,0 1px #ffffff24}.blister-brand{font-weight:900;font-size:21px;letter-spacing:2.4px;margin-top:8px}.blister-brand span{color:var(--gold)}.blister-title{margin-top:2px;font-size:13px;font-weight:800;color:#cdd6ff;letter-spacing:.6px}.blister-sub{font-size:11.5px;color:#93a1d6}.blister-foot{position:absolute;left:0;right:0;bottom:14px;font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;color:#93a1d6}.blister-glyph{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);width:130px;height:130px;opacity:.16;pointer-events:none}.blister-glyph .el-icon{width:100%;height:100%}.blister-stack{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);display:grid;place-items:center;transition:transform .55s cubic-bezier(.2,.9,.25,1.15)}.bl-card{position:absolute;width:104px;height:146px;border-radius:8px;background:linear-gradient(160deg,#26306a,#141a3c);box-shadow:0 4px 10px #00000073,inset 0 0 0 1px #ffffff1a}.bl-2{transform:translate(-9px,-5px) rotate(-6deg)}.bl-3{transform:translate(9px,-9px) rotate(7deg)}.bl-front{position:relative;z-index:1;box-shadow:0 6px 16px #0000008c}.blister-bubble{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);width:176px;height:218px;border-radius:22px/26px;pointer-events:none;background:linear-gradient(150deg,#ffffff4d,#d2e6ff1a 42%,#fff3);box-shadow:inset 0 0 0 2px #ffffff6b,inset 0 -14px 26px #8cb4ff38,0 8px 22px #00000059;transform-origin:50% 100%;transition:transform .75s cubic-bezier(.5,0,.6,1),opacity .75s ease}.blister-gloss{position:absolute;left:12%;top:6%;width:30%;height:74%;border-radius:40%;background:linear-gradient(160deg,#ffffffb8,#fff0 65%);filter:blur(1px)}.blister-seal{position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:28px/32px;box-shadow:inset 0 0 0 3px #ffffff2e}.blister-cta{position:absolute;left:50%;bottom:40px;transform:translate(-50%);background:#ffffff29;padding:8px 18px;border-radius:20px;font-weight:800;color:#fff;white-space:nowrap;animation:cta-pulse 1.5s ease-in-out infinite}.blister.opening .blister-bubble{transform:translate(-50%,-82%) rotateX(78deg) scale(1.08);opacity:0}.blister.opening .blister-stack{transform:translate(-50%,-78%) scale(1.14)}.blister.opening .bl-2{transform:translate(-30px,6px) rotate(-19deg);transition:transform .6s ease}.blister.opening .bl-3{transform:translate(30px,2px) rotate(20deg);transition:transform .6s ease}.blister.opening{animation:blister-shake .5s ease-in-out}@keyframes blister-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-2.2deg)}45%{transform:rotate(2deg)}70%{transform:rotate(-1.2deg)}}.reveal-grid{display:flex;gap:22px;flex-wrap:wrap;justify-content:center}.flipper{width:176px;height:272px;perspective:900px;cursor:pointer;--flip: .5s}.flip-front .card-hand{--cw: 176px}.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--flip)}.flipper.flipped .flip-inner{transform:rotateY(180deg)}.flip-back,.flip-front{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;display:grid;place-items:center;border-radius:14px}.flip-back,.flip-front{transition:opacity 0s linear calc(var(--flip) / 2),visibility 0s linear calc(var(--flip) / 2)}.flip-front{opacity:0;visibility:hidden}.flipper.flipped .flip-front{opacity:1;visibility:visible}.flipper.flipped .flip-back{opacity:0;visibility:hidden}.flip-back{background:linear-gradient(160deg,#2a1c58,#1c3a8a);border:2px solid #4a3cc8;box-shadow:inset 0 0 0 1px #ffffff14}.flip-q{font-size:54px;color:#fff6;font-weight:900}.flip-front{transform:rotateY(180deg);grid-auto-flow:row;gap:7px;align-content:center}.flipper.r-legendary.flipped .flip-front,.flipper.r-legendary.shown .flip-front{animation:legendPulse 1.2s ease infinite;border-radius:14px}.flipper.shown{perspective:none}.flipper.shown .flip-front{transform:none;backface-visibility:visible}@keyframes legendPulse{0%,to{filter:drop-shadow(0 0 4px #fd0)}50%{filter:drop-shadow(0 0 16px #fd0)}}.pull-rarity{font-size:11px;font-weight:800;color:var(--muted)}.flipper.r-rare .pull-rarity{color:#9df}.flipper.r-legendary .pull-rarity{color:#fe6;text-shadow:0 0 6px #fd0}.flipper.variant .pull-rarity{color:#ffd54a;text-shadow:0 0 7px rgba(255,190,40,.75)}.pack-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.pack-progress{font-size:15px;font-weight:800;color:var(--muted);letter-spacing:.5px}.flipper.big{width:240px;height:380px}.flipper.big .flip-front .card-hand{--cw: 240px}.flipper.deal{animation:card-deal .62s cubic-bezier(.2,.9,.25,1.15) backwards}.flipper.deal{--flip: .55s}.flipper.deal .flip-inner{transition:transform var(--flip) cubic-bezier(.4,.1,.3,1)}.flipper.deal .flip-back{display:grid;place-items:center;background:none;border:none;box-shadow:none}.flipper.deal:not(.flipped):hover .flip-inner{transform:rotateY(-12deg)}.pack-dots{display:flex;gap:9px;justify-content:center}.pack-dot{width:10px;height:10px;border-radius:50%;background:#ffffff24;border:1px solid rgba(255,255,255,.22);transition:background .2s,box-shadow .2s}.pack-dot.done{background:var(--accent);border-color:var(--accent)}.pack-dot.cur{background:var(--gold);border-color:var(--gold);box-shadow:0 0 8px var(--gold)}.r-text-variant{color:#ffd54a;text-shadow:0 0 8px rgba(255,190,40,.7)}.pull-summary{color:var(--muted);font-size:15px}.r-text-legendary{color:#fe6;text-shadow:0 0 8px #fd0}.r-text-rare{color:#9df}.r-text-uncommon{color:#9f9}.r-text-common{color:var(--muted)}.packs{overflow-x:clip}.booster.ripping{animation:pack-rip .72s cubic-bezier(.5,0,.7,1) forwards}@keyframes pack-rip{0%{transform:scale(1) rotate(0)}12%{transform:scale(1.05) rotate(-3deg)}24%{transform:scale(1.04) rotate(3deg)}38%{transform:scale(1.07) rotate(-4deg)}52%{transform:scale(1.05) rotate(4deg)}70%{transform:scale(1.12) rotate(0)}to{transform:scale(1.5);opacity:0}}.rip-flash{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.98),rgba(180,200,255,.6) 40%,transparent 72%);opacity:0;animation:rip-burst .72s ease-out forwards}@keyframes rip-burst{0%{opacity:0;transform:scale(.2)}60%{opacity:1}to{opacity:0;transform:scale(2.4)}}.pack-reveal{position:relative;display:grid;place-items:center;padding:20px;isolation:isolate}.pack-reveal .flipper{position:relative;z-index:1}.reveal-aura{position:absolute;width:360px;height:360px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,var(--aura),transparent 62%);opacity:.16;filter:blur(8px);animation:aura-pulse 2.4s ease-in-out infinite;transition:opacity .45s}.pack-reveal.shown .reveal-aura{opacity:.5}@keyframes aura-pulse{0%,to{transform:scale(.88)}50%{transform:scale(1.1)}}.reveal-rays{position:absolute;width:560px;height:560px;pointer-events:none;z-index:0;opacity:0;background:repeating-conic-gradient(from 0deg,var(--aura) 0deg 5deg,transparent 5deg 17deg);-webkit-mask:radial-gradient(circle,transparent 96px,#000 140px,transparent 250px);mask:radial-gradient(circle,transparent 96px,#000 140px,transparent 250px);animation:rays-spin 16s linear infinite;transition:opacity .5s}.pack-reveal.shown .reveal-rays{opacity:.3}.pack-reveal.shown.variant .reveal-rays{opacity:.42}@keyframes rays-spin{to{transform:rotate(360deg)}}.pack-reveal .reveal-aura{opacity:.1}@keyframes card-deal{0%{opacity:0;transform:translateY(46px) rotateY(-82deg) rotate(-7deg) scale(.86)}55%{opacity:1;transform:translateY(-6px) rotateY(0) rotate(2deg) scale(1.06)}78%{transform:translateY(0) rotate(0) scale(.985)}to{transform:translateY(0) rotate(0) scale(1)}}.pack-reveal{perspective:1400px}.pack-reveal.shown .flipper.big{transform-style:preserve-3d}.sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.spark{position:absolute;left:50%;top:42%;border-radius:50%;opacity:0;animation:spark-fly .9s ease-out var(--dl) forwards}@keyframes spark-fly{0%{transform:translate(-50%,-50%) rotate(var(--a)) translate(10px) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--a)) translate(var(--d)) scale(.15);opacity:0}}.screen-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none;opacity:0;background:radial-gradient(circle,var(--flash),transparent 68%);animation:flash-once .6s ease-out forwards}@keyframes flash-once{0%{opacity:0}18%{opacity:.72}to{opacity:0}}.reveal-grid{perspective:1600px}.reveal-in{animation:reveal-in .58s cubic-bezier(.2,.9,.3,1.15) backwards}@keyframes reveal-in{0%{opacity:0;transform:translateY(34px) rotateY(-70deg) scale(.88)}70%{opacity:1;transform:translateY(-4px) rotateY(0) scale(1.04)}to{transform:translateY(0) scale(1)}}.reveal-grid .flipper.flipped{transition:transform .14s ease,filter .14s ease}.reveal-grid .flipper.flipped:hover{filter:brightness(1.06)}@media (prefers-reduced-motion: reduce){.booster,.booster-cta,.booster.ripping,.rip-flash,.reveal-aura,.reveal-rays,.blister,.blister-cta,.blister.opening,.flipper.deal,.spark,.screen-flash,.reveal-in{animation:none!important}.rip-flash,.spark,.screen-flash{display:none}.reveal-grid .flipper.flipped{transition:none}.flip-inner,.flip-back,.flip-front{transition:none!important}}.booster.el{background:linear-gradient(160deg,color-mix(in srgb,var(--el) 55%,#1a2036),color-mix(in srgb,var(--el) 30%,#12203a) 70%,#0e1420);box-shadow:0 12px 40px color-mix(in srgb,var(--el) 45%,transparent),inset 0 0 0 2px #ffffff1f}.campaign,.shop{max-width:none;margin:0;padding:18px clamp(14px,2.5vw,40px) 50px}.camp-intro{text-align:center;margin:20px 0 26px}.camp-intro h3{font-size:24px;margin:0 0 6px}.camp-intro p{color:var(--muted);margin:0}.starter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,440px));justify-content:center;gap:18px}.starter-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--el) 16%,var(--panel)),var(--panel));border:2px solid var(--line);border-radius:16px;padding:22px 18px 18px;color:var(--ink);transition:transform .12s,border-color .15s,box-shadow .2s}.starter-card:hover{transform:translateY(-4px);border-color:var(--el);box-shadow:0 0 0 2px var(--el),0 10px 30px color-mix(in srgb,var(--el) 40%,transparent)}.starter-el{font-weight:900;font-size:17px;color:var(--el);letter-spacing:.5px}.starter-name{font-weight:800;font-size:16px}.starter-blurb{color:var(--muted);font-size:13px;line-height:1.4;min-height:36px}.starter-pick{margin-top:4px;background:var(--el);color:#06131c;font-weight:800;padding:8px 20px;border-radius:20px}.camp-face{position:relative;border-radius:12px;flex:0 0 auto;background:radial-gradient(circle at 50% 40%,var(--glow),var(--el));display:grid;place-items:center}.camp-face img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.camp-face-el{position:absolute;bottom:-4px;right:-4px;font-size:16px}.camp-deckbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1 1 420px}.camp-deckbar-label{font-weight:800;color:var(--muted)}.camp-deck-chips{display:flex;gap:8px;flex-wrap:wrap}.ladder{display:flex;flex-direction:column;gap:10px}.ladder-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;background:linear-gradient(100deg,color-mix(in srgb,var(--el) 16%,var(--panel)),var(--panel) 55%);border:1.5px solid var(--line);transition:border-color .15s,box-shadow .2s}.ladder-row:not(.locked):hover{border-color:var(--el);box-shadow:0 0 0 1px var(--el),0 6px 20px color-mix(in srgb,var(--el) 30%,transparent)}.ladder-row.done{opacity:.82}.ladder-row.locked{opacity:.5;filter:grayscale(.5)}.ladder-num{font-weight:900;font-size:18px;color:var(--muted);width:22px;text-align:center;flex:0 0 auto}.ladder-avatar{font-size:30px;flex:0 0 auto}.ladder-info{flex:1;min-width:0}.ladder-name{font-weight:800;font-size:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ladder-badge{font-size:11px;font-weight:800;color:#6ee7a8;background:#50dc8c24;padding:1px 8px;border-radius:10px}.ladder-sub{color:var(--muted);font-size:13px;margin-top:2px}.ladder-reward{text-align:right;flex:0 0 auto}.ladder-gold{font-weight:800;color:var(--gold)}.ladder-pack{font-size:11px;color:var(--muted)}.ladder-fight{flex:0 0 auto}.ladder-locked{flex:0 0 auto;font-weight:800;color:var(--muted);font-size:14px}.camp-layout{display:grid;grid-template-columns:minmax(0,min(82vh,100%)) minmax(340px,1fr);gap:24px;align-items:start}.camp-map{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:16px;border:2px solid var(--line);box-shadow:var(--shadow);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.camp-map:active{cursor:grabbing}.camp-map-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;will-change:transform}.camp-map-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.camp-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.camp-seg{stroke:#fff6;stroke-width:.6;stroke-dasharray:2 2;stroke-linecap:round}.camp-seg.done{stroke:var(--gold);stroke-dasharray:none;stroke-width:.9}.camp-node{position:absolute;transform:translate(-50%,-50%) scale(var(--iz, 1));z-index:2;background:none;border:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.camp-node-dot{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:radial-gradient(circle at 50% 32%,var(--glow),var(--el));border:2.5px solid #fff;box-shadow:0 2px 8px #0000008c;transition:filter .12s}.camp-node:not(.locked):hover .camp-node-dot{filter:brightness(1.15)}.camp-node.locked{cursor:not-allowed}.camp-node.locked .camp-node-dot{background:#333c4c;border-color:#566173;filter:grayscale(.6);font-size:18px}.camp-node.current .camp-node-dot{animation:node-pulse 1.4s ease-in-out infinite}.camp-node.sel .camp-node-dot{outline:3px solid var(--accent);outline-offset:2px}.camp-node-check{position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;border-radius:50%;background:#2fbf6a;color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center;border:2px solid #fff;box-shadow:0 1px 3px #00000080}@keyframes node-pulse{0%,to{box-shadow:0 2px 8px #0000008c,0 0 #f2c94ca6}50%{box-shadow:0 2px 8px #0000008c,0 0 0 9px #f2c94c00}}.camp-node-label{font-size:11px;font-weight:800;color:#fff;white-space:nowrap;text-shadow:0 1px 3px #000,0 0 4px #000}.camp-zoom{position:absolute;right:10px;bottom:10px;z-index:4;display:flex;flex-direction:column;gap:6px}.camp-zoom button{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#101624e6;color:var(--ink);font-size:18px;font-weight:800;display:grid;place-items:center}.camp-zoom button:hover{background:#26324a}.camp-map-hint{position:absolute;left:10px;bottom:10px;z-index:4;font-size:11px;color:#ffffffb3;background:#101624b3;padding:3px 8px;border-radius:8px;pointer-events:none}.camp-fights{position:sticky;top:calc(var(--topbar-h) + 12px);display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--el) 14%,var(--panel)),var(--panel));border:1.5px solid var(--line);border-radius:16px;padding:16px}.camp-fights-head{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px}.camp-fights-title{font-weight:900;font-size:19px}.camp-fights-prog{color:var(--muted);font-size:13px;font-weight:700;margin-top:2px}.camp-fights-clear{color:#6ee7a8}.camp-fights-note{color:var(--muted);font-size:11.5px;margin-top:3px}.camp-fight-list{display:flex;flex-direction:column;gap:8px}.camp-fight{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;background:linear-gradient(100deg,color-mix(in srgb,var(--el) 20%,var(--panel2)),var(--panel2) 70%);border:1.5px solid var(--line);transition:filter .15s,opacity .15s,border-color .15s}.camp-fight-avatar{font-size:28px;flex:0 0 auto}.camp-fight-info{flex:1;min-width:0}.camp-fight-name{font-weight:800;font-size:15px;display:flex;align-items:center;gap:8px}.camp-fight-badge{font-size:11px;font-weight:800;color:#6ee7a8;background:#50dc8c24;padding:1px 8px;border-radius:10px}.camp-fight-sub{color:var(--muted);font-size:12px;margin-top:1px}.camp-fight-gold{color:var(--gold);font-weight:800;font-size:13px;flex:0 0 auto}.camp-fight-btn{flex:0 0 auto;padding:8px 14px;font-size:13px}.camp-fight.done{border-color:#46c987;box-shadow:0 0 0 1px #46c98759}.camp-fight.current{border-color:var(--el);box-shadow:0 0 0 1px var(--el),0 0 14px -4px var(--glow)}.camp-fight.peek{filter:grayscale(1);opacity:.55}.camp-fight-locked{flex:0 0 auto;font-size:12px;font-weight:800;color:var(--muted);padding:8px 12px;border:1.5px dashed var(--line);border-radius:10px;white-space:nowrap}@media (max-width: 900px){.camp-layout{grid-template-columns:1fr}.camp-fights{position:static}.camp-map{width:100%}}.shop-section{margin-top:26px}.shop-section.first{margin-top:4px}.shop-section h3{font-size:20px;margin:0 0 14px;display:flex;align-items:baseline;gap:12px}.shop-price{font-size:14px;font-weight:700;color:var(--gold)}.shop-empty{color:var(--muted);font-size:14px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.shop-grid.decks{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.shop-pack{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:18px 14px;border-radius:14px;border:1.5px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--el) 24%,var(--panel)),var(--panel))}.shop-pack-icon{font-size:42px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.shop-pack-name{font-weight:800;font-size:16px}.shop-pack-sub{color:var(--muted);font-size:12px;margin-bottom:6px}.shop-deck{display:flex;gap:12px;padding:12px;border-radius:14px;border:1.5px solid var(--line);background:linear-gradient(100deg,color-mix(in srgb,var(--el) 16%,var(--panel)),var(--panel) 60%)}.shop-deck-face{position:relative;width:78px;height:78px;flex:0 0 auto;border-radius:12px;background:radial-gradient(circle at 50% 40%,var(--glow),var(--el));display:grid;place-items:center}.shop-deck-face img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.4))}.shop-deck-el{position:absolute;bottom:-4px;right:-4px;font-size:18px}.shop-deck-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.shop-deck-name{font-weight:800;font-size:16px}.shop-deck-blurb{color:var(--muted);font-size:12.5px;line-height:1.4;flex:1}.shop-pack .btn-primary:disabled,.shop-deck .btn-primary:disabled,.shop-back .btn-primary:disabled{opacity:.4;cursor:not-allowed}.shop-grid.backs{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.shop-back{display:flex;gap:14px;padding:12px;border-radius:14px;border:1.5px solid var(--line);background:linear-gradient(100deg,color-mix(in srgb,var(--el) 16%,var(--panel)),var(--panel) 60%)}.shop-back.equipped{border-color:var(--el);box-shadow:0 0 0 1px var(--el),0 0 16px -6px var(--glow)}.shop-back .cardback{flex:0 0 auto}.shop-back .cardback.locked{filter:grayscale(.85) brightness(.62)}.shop-back-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.shop-back-name{font-weight:800;font-size:16px}.shop-back-blurb{color:var(--muted);font-size:12.5px;line-height:1.4;flex:1}.shop-back-state{font-weight:800;font-size:13px;color:var(--el)}.deckview{max-width:none;margin:0;padding:18px clamp(14px,2.5vw,40px) 50px}.dv-actions{margin-left:auto;display:flex;gap:10px}.dv-body{display:grid;grid-template-columns:clamp(280px,21vw,380px) minmax(0,1fr);gap:20px;align-items:start}.dv-stats{position:sticky;top:calc(var(--topbar-h) + 12px);display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--el) 12%,var(--panel)),var(--panel));border:1.5px solid var(--line);border-radius:16px;padding:16px}.dv-blurb{color:var(--muted);font-size:13px;line-height:1.5}.dv-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.dv-kpi{background:#ffffff0d;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column}.dv-kpi b{font-size:20px;font-weight:900}.dv-kpi span{font-size:11px;color:var(--muted);font-weight:600}.dv-kpi:first-child{grid-column:1 / -1;background:color-mix(in srgb,var(--el) 22%,var(--panel2))}.dv-section-title{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-top:2px}.dv-bars{display:flex;flex-direction:column;gap:5px}.dv-bars .elembar{position:relative;height:20px;background:var(--bg2);border-radius:5px;overflow:hidden}.dv-bars .elembar-fill{position:absolute;left:0;top:0;height:100%;opacity:.55}.dv-bars .elembar-label{position:absolute;left:8px;top:0;line-height:20px;font-size:11.5px;font-weight:700}.dv-rarity{display:flex;flex-direction:column;gap:4px}.dv-rar-row{display:flex;justify-content:space-between;font-size:13px;font-weight:700;background:#ffffff0a;border-radius:8px;padding:4px 10px}.dv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:16px;justify-items:center;min-width:0}.shop-deck-btns{display:flex;gap:8px;align-items:center}.shop-deck-btns .btn-ghost{padding:8px 12px}.shop-deck-btns .btn-primary{flex:1}@media (max-width: 900px){.dv-body{grid-template-columns:1fr}.dv-stats{position:static}}.avatar-badge{position:relative;display:inline-grid;place-items:center;vertical-align:middle;width:1.5em;height:1.5em;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 32%,var(--glow),var(--el));box-shadow:inset 0 0 0 2px #ffffff73,0 1px 3px #00000059}.avatar-emoji{font-size:.78em;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.avatar-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.avatar-opt .avatar-badge{width:1.4em;height:1.4em}.card.kind-trainer.char-trainer{--u: calc(var(--cw, 160px) / 100)}.card-kind.supporter{background:linear-gradient(180deg,#f0b73e,#c98a1e);color:#3a2600}.char-portrait,.item-art{position:relative;flex:0 0 auto;aspect-ratio:1.55;margin:calc(var(--u) * .6) calc(var(--u) * 2.5) calc(var(--u) * .8)}.char-portrait{border-radius:3px;overflow:hidden;background:radial-gradient(circle at 50% 30%,var(--glow),var(--el));box-shadow:0 0 0 2px #c9a24a,0 0 0 3px #6f5416,inset 0 0 8px #00000047}.char-emoji{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;font-size:calc(var(--u) * 26);filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));z-index:1}.no-art .char-emoji{display:grid}.char-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;filter:none;object-fit:contain;object-position:50% 100%}.char-portrait .char-img{object-fit:cover;object-position:50% 22%}.char-portrait.fit-contain .char-img{object-fit:contain;object-position:50% 100%;padding:calc(var(--u) * 2.5) calc(var(--u) * 5) 0;filter:drop-shadow(0 calc(var(--u) * 1) calc(var(--u) * 1.8) rgba(0,0,0,.45))}.item-art .char-img{padding:calc(var(--u) * 3) calc(var(--u) * 6) calc(var(--u) * 2);filter:drop-shadow(0 calc(var(--u) * 1) calc(var(--u) * 1.8) rgba(0,0,0,.45))}.kind-trainer .species-bar{justify-content:center}.kind-trainer .species-name{text-align:center;white-space:normal}.item-trainer .species-bar{background:linear-gradient(180deg,#dce7f2,#bccfe2);color:#24455f;border-color:#28466959}.item-trainer .flavor{background:#ffffff6b;color:#33506c;box-shadow:inset 0 0 0 1px #2846692e}.lib-tabs .filt{font-size:14px;padding:7px 16px}.lib-tabs .filt small{opacity:.6;font-weight:700;margin-left:4px}.lib-tabs .filt.on{border-color:var(--accent)}.deckbuilder{max-width:none;margin:0;padding:16px clamp(14px,2.5vw,40px) 50px}.template-select{margin-left:auto;background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:8px 12px;border-radius:10px;font-size:14px}.db-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,24vw,400px);gap:16px;align-items:start}.db-pool{min-width:0}.db-note{font-size:12px;line-height:1.45;color:var(--muted);margin-bottom:12px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:8px;padding:8px 11px}.db-note b{color:var(--gold)}.db-filters{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;position:sticky;top:var(--topbar-h);background:#0e1420eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 0;z-index:5}.db-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px 12px;justify-items:center;padding:4px 4px 18px}.pool-card .card{cursor:pointer}.pool-card:hover{z-index:30}.lib-grid .card,.db-grid .card{transform-origin:center}.lib-grid .card:hover,.db-grid .card:hover{transform:scale(1.5);z-index:30;box-shadow:0 16px 36px #0009}.reveal-grid .flipper.flipped:hover{z-index:30}.reveal-grid .flipper.flipped:hover .flip-front{transform:rotateY(180deg) scale(1.18)}.db-panel{position:sticky;top:calc(var(--topbar-h) + 8px);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.deck-name-input{background:var(--bg2);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:9px 12px;font-size:15px;font-weight:700}.deck-count{font-size:26px;font-weight:900;text-align:center;color:var(--danger)}.deck-count.ok{color:var(--accent)}.db-stats{display:flex;justify-content:space-around;font-size:14px;font-weight:700;color:var(--muted)}.db-elembars{display:flex;flex-direction:column;gap:4px}.elembar{position:relative;height:18px;background:var(--bg2);border-radius:5px;overflow:hidden}.elembar-fill{position:absolute;left:0;top:0;height:100%;opacity:.5}.elembar-label{position:absolute;left:8px;top:0;line-height:18px;font-size:11px;font-weight:700}.db-list{display:flex;flex-direction:column;gap:3px;max-height:38vh;overflow-y:auto}.db-list-item{display:flex;align-items:center;gap:8px;background:var(--bg2);border-radius:7px;padding:4px 8px;font-size:13px}.db-list-item.kind-energy{border-left:3px solid #f2c94c88}.db-list-item.kind-trainer{border-left:3px solid #c9a24a88}.db-list-item.kind-creature{border-left:3px solid var(--accent)}.dli-count{font-weight:800;color:var(--gold)}.dli-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dli-el{font-size:13px}.dli-btn{width:22px;height:22px;border-radius:6px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);font-weight:900;line-height:1}.dli-btn:hover{background:var(--accent);color:#04121e}.db-errors{background:#ff5a6a1f;border:1px solid var(--danger);border-radius:8px;padding:8px 10px;font-size:12px;color:#ffb3bc}.db-panel-actions{display:flex;gap:10px}.db-panel-actions .btn-primary{flex:1}.db-panel-actions .btn-primary:disabled{opacity:.4;cursor:not-allowed}.card-detail{max-width:min(420px,92vw)}.card-detail .card-hand{--cw: min(320px, 54vh)}.cd-meta{text-align:center;width:100%}.cd-name{font-weight:900;font-size:20px;display:flex;align-items:center;justify-content:center;gap:8px}.cd-variant{font-size:11px;font-weight:900;letter-spacing:.5px;color:#4a2c00;background:linear-gradient(135deg,#ffe680,#f4b528);padding:2px 9px;border-radius:9px}.cd-sub{color:var(--muted);font-size:13px;margin-top:3px}.cd-title{font-size:13px;font-style:italic;color:var(--gold);margin-top:2px}.cd-signature{margin-top:10px;font-size:12.5px;line-height:1.45;color:var(--muted);background:#ffffff0d;border-radius:10px;padding:8px 11px;box-shadow:inset 0 0 0 1px #ffffff0f}.cd-signature b{display:block;color:var(--gold);font-size:12px;margin-bottom:3px}.cd-text{margin-top:10px;font-size:13px;line-height:1.4;color:var(--ink);background:#ffffff0f;border-radius:10px;padding:9px 12px}.cd-flavor{margin-top:8px;font-size:12.5px;font-style:italic;color:#cdd8ea;line-height:1.45}.reveal-grid .flipper{cursor:pointer}.reward-screen{min-height:100vh;display:grid;place-items:center;padding:30px 16px}.reward-box{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;width:100%;max-width:470px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px 32px;box-shadow:var(--shadow);animation:rise .3s ease}.reward-title{font-size:34px;margin:0}.reward-title.win{color:var(--gold);text-shadow:0 0 18px rgba(255,200,60,.4)}.reward-title.lose{color:var(--danger)}.reward-vs{color:var(--muted);font-size:14px;margin-top:-8px}.reward-stats{display:flex;gap:10px;width:100%}.reward-stat{flex:1;background:var(--bg2);border-radius:12px;padding:10px 6px}.reward-stat b{display:block;font-size:24px;font-weight:900;font-variant-numeric:tabular-nums}.reward-stat span{font-size:11px;color:var(--muted);font-weight:600}.reward-gold{font-size:30px;font-weight:900;color:var(--gold);display:flex;align-items:center;gap:8px}.reward-gold-num{font-variant-numeric:tabular-nums}.reward-gold-gain{font-size:16px;color:#6ee7a8}.reward-label{font-size:13px;color:var(--muted);font-weight:700;margin-bottom:8px}.reward-card{display:grid;place-items:center;opacity:0;transform:translateY(20px) scale(.85)}.reward-card.in{animation:reward-pop .55s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes reward-pop{to{opacity:1;transform:translateY(0) scale(1)}}.reward-card .card-hand{--cw: 220px}.reward-pack{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%;background:#f2c94c1a;border:1px solid rgba(242,201,76,.35);border-radius:14px;padding:14px}.reward-lose-msg{color:var(--muted)}.handoff{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#080c14f7;display:grid;place-items:center}.handoff-inner{text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center;animation:rise .3s ease}.handoff-big{font-size:40px;font-weight:900;background:linear-gradient(120deg,#7ff0e6,#4a9df0);-webkit-background-clip:text;background-clip:text;color:transparent}.handoff-inner p{color:var(--muted);margin:0}@media (max-width: 820px){.db-layout{grid-template-columns:1fr}.db-panel{position:static}}.card-hand.kind-creature,.card-library.kind-creature{border-radius:14px}.card-hand.kind-creature .art-frame,.card-library.kind-creature .art-frame,.card-hand.kind-creature .art-fx,.card-library.kind-creature .art-fx{border-radius:5px}.card.unowned .art{filter:grayscale(1) brightness(.6) contrast(.9);transition:filter .18s}.card.unowned .art-scene,.card.unowned .art-bleed{filter:grayscale(1);transition:filter .18s}.card.unowned{opacity:.95}.card.unowned.kind-creature{filter:saturate(.3);transition:filter .18s}.card.unowned:hover,.card.unowned:hover .art,.card.unowned:hover .art-scene,.card.unowned:hover .art-bleed,.card.unowned .card-badge{filter:none}.card .copy-counts,.card .card-badge,.card .variant-tag,.card .new-tag{position:absolute;z-index:6}.new-tag{top:-9px;left:-7px;font-size:9.5px;font-weight:900;letter-spacing:.6px;color:#04231a;white-space:nowrap;border-radius:9px;padding:2px 9px;background:linear-gradient(135deg,#8ff9d8,#2fd8a4);box-shadow:0 2px 6px #00000073,inset 0 1px #fff9;border:1.5px solid rgba(255,255,255,.7);animation:new-pop .5s cubic-bezier(.2,1.5,.4,1) backwards}@keyframes new-pop{0%{opacity:0;transform:scale(.4) rotate(-14deg)}to{opacity:1;transform:scale(1) rotate(-7deg)}}.new-tag{transform:rotate(-7deg)}.card-board .new-tag,.card-mini .new-tag{display:none}.pull-new{color:#4fe3b0;text-shadow:0 0 8px rgba(47,216,164,.6)}@media (prefers-reduced-motion: reduce){.new-tag{animation:none}}.copy-counts{position:absolute;bottom:-11px;left:50%;transform:translate(-50%);z-index:6;display:flex;gap:5px;align-items:center}.copy-count{font-weight:900;font-size:12px;border-radius:11px;padding:2px 10px;white-space:nowrap;background:linear-gradient(135deg,#37d0c4,#4a9df0);color:#04121a;box-shadow:0 2px 7px #00000080;border:1.5px solid rgba(255,255,255,.65)}.copy-count.variant-count{background:linear-gradient(135deg,#ffe680,#f2a91c);color:#3a2600;border-color:#ffffffd9;box-shadow:0 2px 8px #f0a81c8c}.variant-tag{top:-9px;left:50%;transform:translate(-50%);font-size:9px;font-weight:900;letter-spacing:.5px;color:#4a2c00;white-space:nowrap;background:linear-gradient(135deg,#ffe680,#f4b528);padding:2px 9px;border-radius:9px;box-shadow:0 2px 6px #00000073,inset 0 1px #fff9;border:1.5px solid rgba(255,255,255,.65)}.card.kind-creature.variant{background:linear-gradient(150deg,#fff2b0,#ffd94e 30%,#e8ab2a 62%,#ffe98a);animation:variant-glow 1.9s ease-in-out infinite}@keyframes variant-glow{0%,to{box-shadow:inset 0 0 0 1px #ffffff80,inset 0 0 0 2px #b4780a73,0 0 12px #ffcd4680,var(--shadow)}50%{box-shadow:inset 0 0 0 1px #fff9,inset 0 0 0 2px #c88c148c,0 0 24px #ffcd46f2,0 0 42px #ffb42880,var(--shadow)}}.card.kind-creature.variant:before{box-shadow:inset 0 0 0 1px #b4780a80,inset 0 0 12px #ffd25a80}.card.kind-creature.variant .art-foil{display:block;background:linear-gradient(115deg,transparent 30%,rgba(255,240,170,.62) 46%,rgba(255,210,120,.46) 52%,transparent 62%);background-size:220% 220%;opacity:.85;animation:holo-sheen 3.8s ease-in-out infinite}.lib-body{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,21vw,380px);gap:20px;align-items:start}.lib-body .lib-grid{min-width:0}.lib-owner{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:12px;background:#ffffff0d;padding:5px 12px;border-radius:20px}.lib-avatar{font-size:20px}.lib-owner-name{font-weight:800}.lib-progress{color:var(--muted);font-size:12px}.lib-empty{color:var(--muted);padding:40px;text-align:center;grid-column:1 / -1}.dex-rewards{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:0 2px 8px;scrollbar-width:none}.dex-rewards::-webkit-scrollbar{display:none}.dex-rewards-title{display:flex;align-items:center;font-weight:800;font-size:13px;color:var(--gold);white-space:nowrap;flex:0 0 auto;margin-right:2px}.dex-reward{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:var(--panel);border:1.5px solid var(--line);border-radius:20px;padding:3px 5px 3px 10px}.dex-reward.ready{border-color:var(--gold);box-shadow:0 0 12px #f2c94c4d}.dex-reward.done{opacity:.5}.dex-reward.locked{opacity:.7}.dex-reward-n{font-weight:800;font-size:12.5px}.dex-reward-unit{font-weight:600;color:var(--muted)}.dex-reward-gold{color:var(--gold);font-weight:700;font-size:12px}.dex-reward-state{font-size:11px;color:var(--muted);font-weight:700;padding-right:5px}.dex-claim{padding:2px 12px;font-size:11.5px;border-radius:14px}.lib-preview{position:sticky;top:calc(var(--topbar-h) + 12px);align-self:start}.lib-preview-inner{display:flex;flex-direction:column;align-items:center;gap:12px;background:#0c1424b3;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px}.lib-preview-inner .card-hand{--cw: 260px}.lib-preview-empty{color:var(--muted);font-size:13px;text-align:center;padding:40px 16px;border:1px dashed rgba(255,255,255,.12);border-radius:16px}.lib-preview-meta{text-align:center;width:100%}.lpm-name{font-weight:900;font-size:17px}.lpm-sub{color:var(--muted);font-size:12px;margin-top:2px}.lpm-own{margin-top:6px;font-size:12px;font-weight:700;color:var(--accent)}.lpm-flavor{margin-top:10px;text-align:left;font-size:12px;font-style:italic;color:#cdd8ea;line-height:1.45}.lpm-signature{margin-top:10px;text-align:left;background:#ffffff0d;border-radius:10px;padding:8px 11px;box-shadow:inset 0 0 0 1px #ffffff0f}.lpm-signature-name{font-size:12px;font-weight:800;color:var(--gold)}.lpm-signature-text{font-size:11.5px;color:var(--muted);line-height:1.4;margin-top:3px}.lpm-traits{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;justify-content:center}.lpm-work{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:3px 8px;text-transform:capitalize}.lpm-work-icon{width:14px;height:14px;object-fit:contain}.lpm-work b{color:var(--gold)}.lpm-jp{font-size:13px;font-weight:600;color:var(--muted);margin-left:4px}.lpm-title{font-size:12px;font-style:italic;color:var(--gold);margin-top:2px}.lpm-detail{margin-top:10px;text-align:left}.lpm-detail-img{width:100%;margin-top:6px;border-radius:8px;border:1px solid rgba(255,255,255,.12);display:block}.lpm-decks{margin-top:12px;text-align:left;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.lpm-decks-title{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.lpm-deck-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.lpm-deck-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffff0d;border-radius:8px;padding:5px 10px;font-size:12.5px}.lpm-deck-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lpm-deck-count{font-weight:900;color:var(--gold);flex:0 0 auto}.lpm-decks-none{font-size:12px;color:var(--muted);font-style:italic}.btn-ghost.variant-on{border-color:var(--gold);color:var(--gold);background:#f2c94c1f}@media (max-width: 900px){.lib-body{grid-template-columns:1fr}.lib-preview{display:none}}.account-chip{display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:4px 12px 4px 5px;color:#eaf1fb;transition:background .15s,border-color .15s}.account-chip:hover{background:#ffffff1f}.account-chip.on{border-color:var(--accent);background:#1e2f42}.account-chip-avatar{font-size:19px;background:#ffffff1a;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.account-chip-name{font-weight:800;font-size:14px}.chip-caret{font-size:10px;opacity:.7;margin-left:-2px}.chip-wrap,.account-chip{position:relative}.chip-badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:10.5px;font-weight:900;line-height:17px;text-align:center;box-shadow:0 0 10px #ff5a6a99}.chip-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:232px;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px -12px #000000b3}.chip-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border-radius:9px;font:inherit;font-weight:700;font-size:13.5px;color:var(--ink);text-align:left;cursor:pointer;background:transparent;border:0}.chip-item:hover{background:#ffffff12}.chip-item-icon{font-size:15px}.chip-item-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:11px;font-weight:900;line-height:18px;text-align:center}.chip-sep{height:1px;margin:5px 4px;background:var(--line)}.chip-lang{display:flex;align-items:center;gap:8px;padding:6px 10px 8px}.chip-lang-label{font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.chip-lang select{flex:1;min-width:0;padding:6px 8px;border-radius:8px;font:inherit;font-size:13px;color:var(--ink);background:var(--panel2);border:1px solid var(--line);cursor:pointer}.chip-lang select:focus{outline:none;border-color:var(--accent)}.rules{max-width:none;margin:0;padding:18px clamp(14px,2.5vw,40px) 50px}.rules-head{text-align:center;margin-bottom:22px}.rules-head h2{margin:0 0 6px;font-size:26px;letter-spacing:.2px}.rules-head p{margin:0 auto;max-width:620px;color:var(--muted);font-size:13px;line-height:1.5}.rules-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.rules-card{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:16px 20px 18px}.rules-card h3{margin:0 0 10px;font-size:16px}.rules-card p,.rules-card li{font-size:13.5px;line-height:1.55}.rules-card p{margin:0 0 8px}.rules-card ul,.rules-card ol{margin:0;padding-left:20px}.rules-card li{margin:0 0 6px}.rules-card li b{color:var(--ink)}.rules-note{color:var(--muted);font-size:12.5px;margin-top:8px}.account{max-width:none;margin:0;padding:18px clamp(14px,2.5vw,40px) 50px}.account-hint{color:var(--muted);font-size:13px;max-width:640px;margin:4px 2px 18px;line-height:1.5}.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.account-card{position:relative;background:linear-gradient(180deg,#202c46,#16203a);border:1.5px solid rgba(255,255,255,.1);border-radius:16px;padding:16px}.account-card.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 18px #f2c94c40}.account-active-tag{position:absolute;top:10px;right:12px;color:var(--gold);font-weight:800;font-size:12px}.account-top{display:flex;align-items:center;gap:12px}.account-avatar{font-size:34px;width:54px;height:54px;display:grid;place-items:center;background:#ffffff14;border-radius:14px}.account-name{font-weight:900;font-size:18px}.account-sub{color:var(--muted);font-size:12px}.account-stats{margin:14px 0 12px}.account-progress{height:7px;background:#0e1728;border-radius:4px;overflow:hidden}.account-progress-fill{height:100%;background:linear-gradient(90deg,#37d0c4,#f2c94c);transition:width .3s}.account-stat-row{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:6px}.account-actions{display:flex;gap:8px}.account-rename{background:#0e1728;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:8px;padding:6px 10px;font-size:15px;font-weight:700;width:100%}.account-rename.big{font-size:18px;margin:12px 0}.avatar-picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.avatar-opt{font-size:20px;width:38px;height:38px;border-radius:10px;cursor:pointer;background:#ffffff0f;border:1px solid transparent}.avatar-opt:hover{background:#ffffff24}.avatar-opt.on{border-color:var(--gold);background:#f2c94c33}.account-create{min-width:340px}.account-create h3{margin:0 0 4px}.account-create-actions{display:flex;gap:10px;margin-top:16px}.coin-flip{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);z-index:9;pointer-events:none;display:grid;justify-items:center;gap:2px;animation:coin-flip 1.1s ease-out forwards}.coin-flip .coin-face{font-size:clamp(22px,4vh,40px);line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6));animation:coin-spin .55s ease-out}.coin-flip .coin-word{font-size:clamp(10px,1.5vh,14px);font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#fff;text-shadow:0 2px 8px #000}.coin-flip.heads .coin-word{color:#ffd76a;text-shadow:0 2px 8px #000,0 0 14px #c88a1e}.coin-flip.tails .coin-word{color:#cfd6e0}@keyframes coin-flip{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-70%) scale(.95)}}@keyframes coin-spin{0%{transform:rotateY(0)}to{transform:rotateY(1080deg)}}@media (prefers-reduced-motion: reduce){.coin-flip,.coin-flip .coin-face{animation:none}}.camp-fight-avatar{position:relative;display:inline-flex}.camp-fight-boss{position:absolute;right:-6px;top:-8px;font-size:15px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.camp-fight-tag{margin-left:7px;font-size:10px;font-weight:900;letter-spacing:.6px;color:#ffd76a;background:#ffbe3c24;border:1px solid rgba(255,190,60,.35);padding:1px 6px;border-radius:9px;vertical-align:1px}.admin{padding:0 clamp(10px,2vw,28px) 40px}.adm-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 0 10px}.adm-head h2{margin:0;font-size:20px}.adm-tabs{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.adm-chip{background:#0c1320;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700;cursor:pointer}.adm-chip:hover{color:var(--ink);border-color:#3a4a63}.adm-chip.on{background:var(--accent, #3b82f6);border-color:transparent;color:#fff}.adm-stats{display:grid;gap:10px;margin:8px 0 18px;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.adm-stat{background:#0c1320;border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.adm-stat b{font-size:21px;line-height:1.1}.adm-stat span{font-size:11px;color:var(--muted)}.adm-cols{display:grid;gap:14px;margin-bottom:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.adm-bars{background:#0c1320;border:1px solid var(--line);border-radius:10px;padding:12px 14px}.adm-bars h4{margin:0 0 8px;font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.6px}.adm-bar{display:grid;grid-template-columns:88px 1fr 34px;align-items:center;gap:8px;font-size:12px;padding:2px 0}.adm-bar-label{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-bar-track{height:7px;background:#ffffff0f;border-radius:4px;overflow:hidden}.adm-bar-fill{display:block;height:100%;background:var(--accent, #3b82f6);border-radius:4px}.adm-bar-n{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.adm-note{font-size:12px;color:var(--muted);line-height:1.5;margin:4px 0 16px;max-width:90ch}.adm-empty{color:var(--muted);padding:24px 0}.adm-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.adm-filters select,.adm-filters input{background:#0c1320;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:6px 10px;font-size:12px}.adm-filters input{min-width:180px}.adm-count{margin-left:auto;font-size:12px;color:var(--muted)}.adm-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.adm-more{display:block;margin:16px auto 0}.adm-decks{display:flex;flex-direction:column;gap:6px}.adm-deck{background:#0c1320;border:1px solid var(--line);border-radius:10px;overflow:hidden}.adm-deck.open{border-color:color-mix(in srgb,var(--el) 55%,var(--line))}.adm-deck.boss{box-shadow:inset 3px 0 #e0a52a}.adm-deck-head{width:100%;background:none;border:0;color:var(--ink);cursor:pointer;display:grid;grid-template-columns:24px 1fr 150px 52px 16px;align-items:center;gap:10px;padding:9px 12px;text-align:left;font-size:13px}.adm-deck-head:hover{background:#ffffff08}.adm-deck-el{display:inline-flex}.adm-deck-name{font-weight:700;display:flex;align-items:center;gap:7px}.adm-deck-boss{font-size:9px;font-weight:900;letter-spacing:.7px;color:#43310a;background:linear-gradient(180deg,#ffe8a4,#e0a52a);border-radius:4px;padding:1px 5px}.adm-deck-arch{font-size:11px;color:var(--muted)}.adm-deck-rate{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.adm-deck-caret{color:var(--muted)}.adm-deck-body{padding:4px 14px 16px;border-top:1px solid var(--line)}.adm-deck-kpis{display:grid;gap:8px;margin:12px 0;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.adm-deck-body h4{margin:16px 0 7px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.adm-matchups{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.adm-mu{background:#ffffff0d;border-radius:999px;padding:3px 11px;color:var(--muted)}.adm-mu b{color:var(--ink)}.adm-mu.good{background:#50dc8c21;color:#8ee7b4}.adm-mu.bad{background:#ff6e5a21;color:#ffb4a2}.adm-strategy{margin:0;padding-left:18px;font-size:13px;line-height:1.6}.adm-strategy li{margin-bottom:3px}.adm-list{display:flex;flex-direction:column;gap:1px}.adm-row{display:grid;grid-template-columns:34px minmax(140px,1fr) 2fr;gap:10px;align-items:baseline;font-size:12px;padding:4px 6px;border-radius:5px}.adm-row:nth-child(odd){background:#ffffff06}.adm-row-n{color:var(--muted);font-variant-numeric:tabular-nums}.adm-row-name{font-weight:700;display:flex;align-items:center;gap:6px}.adm-row-boss{font-size:9px;font-weight:900;letter-spacing:.5px;color:#43310a;background:linear-gradient(180deg,#ffe8a4,#e0a52a);border-radius:3px;padding:0 4px}.adm-row-meta{color:var(--muted)}.adm-row.trainer .adm-row-name{color:#9ccdf2}.adm-row.energy .adm-row-name{color:#cbb27a}@media (max-width: 760px){.adm-deck-head{grid-template-columns:22px 1fr 52px 16px}.adm-deck-arch{display:none}.adm-row{grid-template-columns:30px 1fr}.adm-row-meta{grid-column:2}}.adm-deck-theme{font-size:10px;font-weight:700;color:#9ccdf2;background:#78bef01f;border-radius:4px;padding:1px 6px}.sim{display:flex;flex-direction:column;gap:14px}.sim-pick{background:#0c1320;border:1px solid var(--line);border-radius:10px;padding:12px 14px}.sim-pick .adm-filters{margin-bottom:10px}.sim-strip{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));max-height:260px;overflow-y:auto;padding:2px}.sim-strip .card{cursor:pointer}.sim-more{display:block;margin:10px auto 0}.sim-stage{display:grid;gap:14px;align-items:start;grid-template-columns:minmax(240px,300px) minmax(400px,1.15fr) minmax(320px,1fr)}.sim-col{background:#0c1320;border:1px solid var(--line);border-radius:10px;padding:12px 14px}.sim-col h4{margin:14px 0 8px;font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.6px}.sim-col h4:first-child{margin-top:0}.sim-subject-card{display:flex;justify-content:center}.sim-attacks{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.sim-side{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:10px 0}.sim-side+.sim-side{border-top:1px solid var(--line)}.sim-board{display:flex;gap:8px;align-items:flex-start}.sim-bench{display:flex;gap:6px;align-items:flex-start}.sim-dials{display:flex;flex-direction:column;gap:8px;min-width:0}.sim-picker{display:flex;flex-direction:column;gap:5px;min-width:0}.sim-picker>label{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.sim-picker input{background:#0a1018;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:5px 9px;font:inherit;font-size:12px;min-width:0}.sim-picked{display:flex;flex-direction:column;gap:1px;line-height:1.35}.sim-picked b{font-size:14px}.sim-picked span{font-size:11px;color:var(--muted)}.sim-picked.locked{opacity:.85}.sim-hint{font-size:11px;color:#9ccdf2;line-height:1.4}.sim-matches{display:flex;flex-direction:column;gap:1px;max-height:150px;overflow-y:auto}.sim-matches button{display:flex;justify-content:space-between;gap:8px;width:100%;background:none;border:0;color:var(--ink);cursor:pointer;text-align:left;padding:4px 7px;border-radius:6px;font:inherit;font-size:12px}.sim-matches button:hover{background:#ffffff0f}.sim-matches button span{color:var(--muted);font-variant-numeric:tabular-nums}.sim-quick{display:flex;gap:6px;flex-wrap:wrap}.sim-dial{display:grid;grid-template-columns:1fr 90px 34px;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.sim-dial input{width:100%;accent-color:var(--accent, #3b82f6)}.sim-dial b{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}.sim-toggle{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.sim-toggle input{accent-color:var(--accent, #3b82f6)}.sim-refused{background:#ff6e5a21;color:#ffb4a2;border-radius:8px;padding:8px 11px;font-size:12px;line-height:1.4}.sim-sum{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.sim-big{display:flex;flex-direction:column;align-items:center;line-height:1;background:#ffffff0a;border-radius:10px;padding:12px 16px}.sim-big b{font-size:34px;font-variant-numeric:tabular-nums}.sim-big span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.sim-maths{margin:0;padding:0;list-style:none;font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:3px}.sim-maths b{color:var(--ink);font-variant-numeric:tabular-nums}.sim-maths .good b,.sim-maths .good{color:#8ee7b4}.sim-maths .bad b,.sim-maths .bad{color:#ffb4a2}.sim-delta{display:flex;flex-direction:column;gap:1px}.sim-drow{display:grid;grid-template-columns:46px 1fr auto;gap:8px;align-items:center;font-size:12px;padding:3px 7px;border-radius:5px}.sim-drow:nth-child(odd){background:#ffffff06}.sim-dwho{font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.sim-drow.you .sim-dwho{color:#8ee7b4}.sim-drow.ai .sim-dwho{color:#ffb4a2}.sim-dwhat{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sim-dnum{color:var(--muted);font-variant-numeric:tabular-nums}.sim-dnum b{color:var(--ink)}.sim-many{margin:0 0 10px;grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.sim-log{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto;font-size:12px;line-height:1.45}.sim-line{color:var(--muted);padding:2px 7px;border-radius:5px;border-left:2px solid transparent}.sim-line.you{color:var(--ink);border-left-color:#8ee7b4;background:#8ce7b40f}.sim-line.ai{border-left-color:#ffb4a2;background:#ffb4a20f}@media (max-width: 1180px){.sim-stage{grid-template-columns:1fr}.sim-subject-card{justify-content:flex-start}}@media (max-width: 560px){.sim-side{grid-template-columns:1fr}.sim-dial{grid-template-columns:1fr 70px 30px}}.universe-picker{max-width:none;margin:0;padding:18px clamp(14px,2.5vw,40px) 40px}.uni-head{text-align:center;margin-bottom:22px}.uni-head h2{margin:0 0 6px;font-size:26px;letter-spacing:.2px}.uni-head p{margin:0 auto;max-width:620px;color:var(--muted);font-size:13px;line-height:1.5}.uni-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.uni-card{position:relative;text-align:left;cursor:pointer;padding:16px 16px 14px;border-radius:16px;background:linear-gradient(160deg,color-mix(in srgb,var(--uni-tint) 16%,var(--panel)) 0%,var(--panel) 62%);border:1px solid color-mix(in srgb,var(--uni-tint) 30%,transparent);color:inherit;font:inherit;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.uni-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--uni-tint) 60%,transparent)}.uni-card.on{border-color:var(--uni-tint);box-shadow:0 0 0 1px var(--uni-tint),0 10px 28px #00000059}.uni-card-top{display:flex;align-items:baseline;gap:10px}.uni-card-top h3{margin:0;font-size:20px}.uni-now{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--uni-tint);color:#10131a}.uni-now.bad{background:#6b2b2b;color:#ffd9d9}.uni-card.loading{opacity:.75;cursor:progress}.uni-card:disabled:not(.loading){cursor:default}.uni-tagline{margin:4px 0 12px;font-size:12.5px;color:var(--muted);font-style:italic}.uni-strip{display:flex;gap:2px;margin-bottom:12px}.uni-swatch{display:block;width:100%;height:6px;border-radius:2px}.uni-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 10px;margin:0}.uni-stats div{margin:0}.uni-stats dt{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.uni-stats dd{margin:1px 0 0;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}.uni-progress{margin:12px 0 0;font-size:12px;color:var(--muted)}.uni-foot{margin:22px auto 0;max-width:620px;text-align:center;font-size:12px;color:var(--muted)}.uni-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 8px;border-radius:999px;cursor:pointer;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:inherit;font:inherit;font-size:12px;font-weight:700;transition:background .14s ease,border-color .14s ease}.uni-chip:hover{background:#ffffff1c;border-color:#ffffff38}.uni-chip .uni-strip{width:26px;margin:0;gap:1px}.uni-chip .uni-swatch{height:12px;border-radius:1px}.uni-chip-caret{opacity:.6;font-size:10px}@media (max-width: 1600px){.uni-chip-name{display:none}}@media (max-width: 720px){.uni-stats{grid-template-columns:repeat(2,1fr)}}.picker-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 12px;padding:8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.cross-toggle{display:inline-flex;align-items:center;gap:9px;cursor:pointer;flex:0 0 auto}.cross-toggle input{position:absolute;opacity:0;width:0;height:0}.cross-switch{position:relative;width:38px;height:21px;border-radius:999px;flex:0 0 auto;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);transition:background .15s,box-shadow .15s}.cross-switch:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.cross-toggle.on .cross-switch{background:#37d0c438;box-shadow:inset 0 0 0 1px var(--accent)}.cross-toggle.on .cross-switch:after{transform:translate(17px);background:var(--accent)}.cross-toggle input:focus-visible+.cross-switch{outline:2px solid var(--accent);outline-offset:2px}.cross-label{font-size:13px;font-weight:800;color:var(--ink);white-space:nowrap}.cross-toggle.on .cross-label{color:var(--accent)}.cross-hint{flex:1 1 260px;font-size:11.5px;line-height:1.45;color:var(--muted)}.deck-filter{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.deck-filter .filt small{opacity:.65;font-weight:700;margin-left:3px}.deck-search{position:relative;margin-left:auto;flex:0 1 240px;min-width:150px}.picker-bar .deck-search .search{margin-left:0;width:100%;padding-right:30px;background:var(--bg2)}.deck-search .search::-webkit-search-cancel-button{display:none}.deck-search-clear{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;border:0;background:transparent;color:var(--muted);font-size:12px;line-height:1;cursor:pointer}.deck-search-clear:hover{color:var(--ink);background:var(--panel)}.picker-empty{color:var(--muted);padding:40px;text-align:center;grid-column:1 / -1}.attack-picker{--u: 2.5px ;width:100%;margin-top:12px;text-align:left;background:#ffffff0d;border-radius:12px;padding:9px 10px 8px;box-shadow:inset 0 0 0 1px #ffffff0f}.atk-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.atk-title{font-size:12px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;color:var(--gold)}.atk-count{font-size:11px;color:var(--muted)}.atk-rows{display:flex;flex-direction:column;gap:3px}.atk-row{display:grid;grid-template-columns:14px auto 1fr auto 46px;align-items:center;gap:7px;width:100%;padding:5px 7px;border:1px solid transparent;border-radius:8px;background:#ffffff0a;color:var(--ink);font:inherit;font-size:12.5px;text-align:left}.atk-row:not(:disabled){cursor:pointer}.atk-row:not(:disabled):hover{background:#ffffff1a;border-color:var(--line)}.atk-row.picked{background:#37d0c424;border-color:var(--accent)}.atk-row.locked{opacity:.42;cursor:not-allowed}.atk-mark{font-size:10px;color:var(--accent);line-height:1}.atk-row.locked .atk-mark{color:var(--muted);font-size:11px}.atk-cost{display:flex;gap:2px;align-items:center}.atk-name{font-weight:700;display:flex;align-items:baseline;gap:6px;min-width:0}.atk-cond{font-size:10px;font-weight:800;padding:1px 6px;border-radius:7px;background:#ffffff1a;color:var(--muted);white-space:nowrap}.atk-dmg{font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}.atk-lock{font-size:10px;color:var(--muted);letter-spacing:-1px;text-align:right;white-space:nowrap}.atk-row.locked .atk-lock{color:var(--gold)}.atk-note{margin:7px 2px 0;font-size:11px;line-height:1.4;color:var(--muted)}.modal-inner:has(.attack-picker){display:grid;grid-template-columns:auto minmax(255px,340px);grid-template-rows:minmax(0,1fr) auto;align-items:start;gap:14px 20px;max-width:min(830px,96vw);max-height:calc(100dvh - 40px)}.modal-inner:has(.attack-picker) .card-hand{--cw: min(330px, 56vh)}.modal-inner:has(.attack-picker)>.card{grid-row:1 / span 2;align-self:center}.modal-inner:has(.attack-picker)>.attack-picker,.modal-inner:has(.attack-picker)>.cd-meta{grid-column:2;grid-row:1;min-height:0}.modal-inner:has(.attack-picker)>.modal-actions{grid-column:2;grid-row:2;justify-content:stretch}.modal-inner:has(.attack-picker)>.modal-actions>*{flex:1}.modal-inner:has(.attack-picker) .cd-meta{text-align:left}.modal-inner:has(.attack-picker) .cd-name{justify-content:flex-start}.modal-inner:has(.attack-picker) .attack-picker{margin-top:0}.modal-inner:has(.attack-picker)>.attack-picker,.modal-inner:has(.attack-picker)>.cd-meta{overflow-y:auto;max-height:100%}@media (max-width: 700px){.modal-inner:has(.attack-picker){grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:12px}.modal-inner:has(.attack-picker)>.card{grid-row:1}.modal-inner:has(.attack-picker)>.attack-picker,.modal-inner:has(.attack-picker)>.cd-meta{grid-column:1;grid-row:2}.modal-inner:has(.attack-picker)>.modal-actions{grid-column:1;grid-row:3;width:100%}.modal-inner:has(.attack-picker) .card-hand{--cw: min(280px, 38vh)}}.topnav-btn{position:relative}.topnav-badge{position:absolute;top:2px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:10.5px;font-weight:900;line-height:16px;text-align:center;box-shadow:0 0 10px #ff5a6a99}.relay-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--panel2);border:1px solid var(--line);color:var(--muted)}.relay-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.relay-pill.online{color:#7ee6b0;border-color:#2b6b4d}.relay-pill.online .relay-dot{background:#46d98a;box-shadow:0 0 8px #46d98a}.relay-pill.connecting .relay-dot{background:var(--gold);animation:relay-blink 1s infinite}.relay-pill.error{color:#ffa8b2;border-color:#6b2b33}.relay-pill.error .relay-dot{background:var(--danger)}@keyframes relay-blink{50%{opacity:.25}}.my-code-card{background:linear-gradient(180deg,#202c46,#16203a);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:4px 0 16px}.my-code-row{display:flex;flex-wrap:wrap;gap:14px 34px}.my-code-one{min-width:210px}.my-code-note{margin-top:6px;font-size:12px;color:var(--muted);max-width:34ch;line-height:1.45}.my-code-label{font-size:11px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.my-code,.room-code{display:inline-flex;align-items:center;gap:10px;margin-top:6px;padding:8px 16px;background:#0e1728;border:1px solid var(--line);border-radius:10px;color:var(--gold);font-family:Consolas,ui-monospace,monospace;font-size:22px;font-weight:900;letter-spacing:2px}.my-code:hover,.room-code:hover{border-color:var(--gold);background:#131e33}.my-code-copy{font-size:15px;color:var(--muted)}.my-code-server{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12.5px;color:var(--muted)}.my-code-server code,.server-hint code{background:#0e1728;padding:1px 6px;border-radius:5px;color:var(--ink)}.my-code-server em{font-style:normal;opacity:.6}.server-edit{display:flex;gap:8px;flex:1 1 320px}.server-edit input{flex:1;background:#0e1728;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:6px 10px;font-family:Consolas,ui-monospace,monospace;font-size:13px}.server-hint{margin-top:10px;font-size:12.5px;color:#ffb4bc}.add-friend{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}.add-friend .account-rename{width:auto;flex:1 1 200px}.add-friend .account-rename:first-of-type{font-family:Consolas,ui-monospace,monospace;letter-spacing:1px}.friend-msg{margin:0 0 14px;font-size:13.5px;font-weight:700;color:#7ee6b0}.friend-msg.bad{color:#ffa8b2}.friend-card.on{border-color:#2b6b4d;box-shadow:0 0 0 1px #46d98a59}.friend-status{position:absolute;top:10px;right:12px;font-size:10.5px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.friend-status.on{color:#46d98a}.friend-status.on:before{content:"● "}.friend-code{font-family:Consolas,ui-monospace,monospace;letter-spacing:1px}.friend-record{display:flex;align-items:baseline;gap:10px;margin:14px 0 12px;font-size:13px;font-weight:800}.fr-win{color:#46d98a}.fr-loss{color:#ff8b96}.fr-when,.friend-none{color:var(--muted);font-size:12px;font-weight:500}.friends-empty{text-align:center;color:var(--muted);padding:40px 20px}.friends-empty-icon{font-size:46px;margin-bottom:8px}.friends-empty p{max-width:420px;margin:0 auto}.mini-btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06131c;border-color:transparent;font-weight:800}.mini-btn.primary:hover{filter:brightness(1.08);color:#06131c;background:linear-gradient(135deg,var(--accent),var(--accent2))}.mini-btn:disabled{opacity:.4;cursor:not-allowed}.mini-btn:disabled:hover{background:var(--panel2);color:var(--muted)}.invite-stack{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.invite-card{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:linear-gradient(90deg,#37d0c429,#4a9df014);border:1px solid var(--accent);animation:invite-in .3s ease both}.invite-avatar{font-size:26px}.invite-text{flex:1;display:flex;flex-direction:column;font-size:14px}.invite-text small{color:var(--muted);font-family:Consolas,ui-monospace,monospace;font-size:11px}.invite-card .btn-primary,.invite-card .btn-ghost{padding:7px 14px;font-size:13.5px}@keyframes invite-in{0%{opacity:0;transform:translateY(-6px)}}.invite-toast{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--accent);box-shadow:var(--shadow);font-size:13.5px;animation:invite-in .3s ease both}.vs-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.vs-stage>.lobby-rail{position:absolute;top:50%;transform:translateY(-50%);width:250px;max-height:100%;overflow-y:auto}.vs-stage>.lobby-rail:first-child{left:0}.vs-stage>.lobby-rail:last-child{right:0}.lobby-rail{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);text-align:left}.lobby-rail h3{margin:0;display:flex;align-items:baseline;gap:8px;font-size:12px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.rail-count{margin-left:auto;font-size:11px;font-weight:800;color:var(--accent);letter-spacing:0}.lobby-note{margin:0;color:var(--muted);font-size:12.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.4}.lobby-friends{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lobby-friends li{display:flex;align-items:center;gap:8px;font-size:13px}.lobby-friend-avatar{font-size:19px}.lobby-friend-name{font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-friend-rec{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.lobby-rail .btn-ghost{padding:7px 12px;font-size:13px}.room-join{display:flex;gap:6px}.room-join input{flex:1;min-width:0;background:#0e1728;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:6px 8px;font-family:Consolas,ui-monospace,monospace;font-size:14px;font-weight:800;letter-spacing:2px;text-align:center}.room-open{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.room-code{font-size:18px}.lobby-status{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:nowrap;width:100%;height:100%;padding:8px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center;overflow:hidden}.lobby-status.bad{border-color:#6b5a2b;color:#f0d69a}.lobby-status-icon{font-size:19px;line-height:1;flex:none}.lobby-status.invite,.lobby-status.waiting{border-color:var(--accent);color:var(--ink);background:linear-gradient(90deg,#37d0c429,#4a9df014)}.lobby-status-text{display:flex;flex-direction:column;text-align:left;line-height:1.25;min-width:0}.lobby-status-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-status-text small{color:var(--muted);font-size:11.5px}.lobby-status .btn-primary{padding:7px 12px;font-size:13.5px;white-space:nowrap}.lobby-status .mini-btn{white-space:nowrap}.lobby-status code{background:#0e1728;padding:1px 6px;border-radius:5px}.lobby-spinner,.lobby-dot,.net-dot{border-radius:50%;flex:none;border:2px solid rgba(255,255,255,.18);border-top-color:var(--accent);animation:lobby-spin .8s linear infinite}.lobby-spinner{width:18px;height:18px}.lobby-dot,.net-dot{width:12px;height:12px}@keyframes lobby-spin{to{transform:rotate(360deg)}}@media (max-width: 1240px){.vs-stage{flex-wrap:wrap;gap:10px}.vs-stage>.lobby-rail{position:static;transform:none;width:100%;max-width:340px;max-height:none}.vs-stage>.vs-board{order:-1;flex:1 0 100%}}.vs-avatar{font-size:58px;display:grid;place-items:center;width:100%;height:100%}.net-notice{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:var(--panel);border:1px solid var(--accent);box-shadow:var(--shadow);font-size:13.5px;font-weight:700;animation:invite-in .25s ease both}.net-notice.bad{border-color:var(--danger);color:#ffc2c8}.gameover-note{color:var(--accent)!important;font-weight:700;margin:-8px 0 12px!important}@media (max-width: 720px){.lobby{width:100%}.lobby-cols{grid-template-columns:1fr}}.topbar-level{display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:#ffffff12;border:1px solid var(--line)}.tl-num{font-weight:900;font-size:13px;color:var(--accent);letter-spacing:.3px}.tl-bar{width:46px;height:5px;border-radius:3px;background:#0e1728;overflow:hidden}.tl-fill{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .5s ease}.topbar-level.max .tl-num{color:var(--gold)}.topbar-level.max .tl-bar{display:none}.xp-award{width:100%;max-width:420px;margin:4px auto 2px;padding:12px 16px;border-radius:12px;background:#ffffff0d;border:1px solid var(--line);text-align:left}.xp-award.compact{padding:10px 14px;margin:2px auto 14px}.xp-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.xp-gain{font-size:19px;font-weight:900;color:var(--accent);text-shadow:0 0 14px rgba(55,208,196,.4)}.xp-level{font-size:12.5px;font-weight:800;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}.xp-bar{height:8px;border-radius:4px;background:#0b1220;overflow:hidden;margin:8px 0 6px;box-shadow:inset 0 1px 3px #00000080}.xp-bar-fill{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--gold));box-shadow:0 0 12px #f2c94c73;transition:width 1s cubic-bezier(.2,.8,.3,1)}.xp-sub{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:11.5px}.xp-next{opacity:.8}.xp-levelup{margin-top:12px;padding:10px 12px;border-radius:10px;background:linear-gradient(120deg,#f2c94c29,#37d0c414);border:1px solid var(--gold);animation:xp-pop .45s cubic-bezier(.2,1.4,.4,1) both}@keyframes xp-pop{0%{opacity:0;transform:scale(.94) translateY(6px)}}.xp-levelup-title{font-weight:900;font-size:16px;color:var(--gold)}.xp-levelup-rewards{display:flex;flex-direction:column;gap:5px;margin-top:6px}.xp-reward{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.xp-reward .cardback{flex:none}.xp-reward.unlock{color:var(--accent)}.account-level{display:flex;align-items:center;gap:8px;margin-bottom:8px}.al-label{font-size:12px;font-weight:900;color:var(--accent);min-width:38px}.al-bar{flex:1;height:6px;border-radius:3px;background:#0e1728;overflow:hidden}.al-fill{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--gold))}.al-xp{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.shop-req{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:2px}.shop-req .req{font-size:12.5px;font-weight:800;padding:5px 10px;border-radius:8px;background:#ffffff0d;border:1px solid var(--line);color:var(--muted)}.shop-req .req.locked{color:#ffc2c8;border-color:#6b2b33}.shop-req .req.ok{color:var(--gold)}.shop-back.level-locked{opacity:.78}.shop-back-capture{margin-left:8px;font-size:11.5px;font-weight:700;color:var(--muted);letter-spacing:.3px}.shop-back-flavor{color:var(--muted);font-size:11.5px;font-style:italic;opacity:.8;margin:2px 0 6px}.token-section .shop-grid.tokens{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.shop-token{display:flex;gap:14px;align-items:center;padding:12px 14px;border-radius:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--el, var(--accent)) 18%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,var(--el, var(--accent)) 55%,transparent)}.shop-token-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.token-n{color:var(--gold);font-weight:900}.token-elements{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.token-el{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;cursor:pointer;background:#ffffff14;border:1px solid var(--line)}.token-el:hover{background:#ffffff2e;border-color:var(--accent)}.token-el .el-icon{width:22px;height:22px}.tier-opt.locked{opacity:.5;filter:grayscale(.6);cursor:not-allowed}.tier-opt-odds.locked{color:#ffc2c8}:root{--merge: #a78bfa;--merge-glow: rgba(167, 139, 250, .45)}.condense{max-width:none;margin:0;padding:14px clamp(14px,2.5vw,40px) 40px}.merge-intro{color:var(--muted);font-size:13px;max-width:46ch;line-height:1.45}.merge-intro b{color:var(--merge)}.merge-body{display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,30vw,460px);gap:18px;align-items:start}.merge-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;align-content:start}.merge-row{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:8px 10px;border-radius:12px;color:var(--ink);font:inherit;background:linear-gradient(100deg,color-mix(in srgb,var(--el) 14%,var(--panel)),var(--panel) 70%);border:1.5px solid var(--line);transition:border-color .15s,transform .08s,box-shadow .15s}.merge-row:hover{transform:translateY(-1px);border-color:var(--el)}.merge-row.ready{border-color:color-mix(in srgb,var(--merge) 70%,transparent);box-shadow:0 0 14px -6px var(--merge-glow)}.merge-row.on{border-color:var(--merge);box-shadow:0 0 0 1px var(--merge),0 0 18px -6px var(--merge-glow)}.merge-row-face{position:relative;width:46px;height:46px;flex:none;border-radius:10px;background:radial-gradient(circle at 50% 40%,var(--glow),var(--el));display:grid;place-items:center}.merge-row-face img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.merge-row-el{position:absolute;bottom:-3px;right:-3px}.merge-row-el .el-icon{width:15px;height:15px}.merge-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.merge-row-name{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merge-row-sub{color:var(--muted);font-size:11.5px}.merge-row-variant{color:var(--gold)}.merge-row.variant{border-color:color-mix(in srgb,var(--gold) 34%,var(--line))}.merge-row.variant:hover{border-color:var(--gold)}.merge-row.variant .merge-row-face{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--gold) 60%,transparent)}.merge-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}.merge-row-cost{font-size:11px;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}.merge-row-cost.ok{color:var(--merge)}.merge-stars{display:inline-flex;gap:1px;font-size:15px;line-height:1;color:#46527040}.merge-stars b{color:#5b6a8c;font-weight:400}.merge-stars b.on{color:var(--merge);text-shadow:0 0 8px var(--merge-glow)}.merge-stars-sm{font-size:11px}.merge-panel{position:sticky;top:calc(var(--topbar-h) + 10px)}.merge-machine{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--merge) 12%,var(--panel)),var(--panel) 70%);border:1.5px solid color-mix(in srgb,var(--merge) 45%,transparent)}.merge-stage{display:flex;align-items:center;justify-content:center;gap:8px}.merge-stage .card{--cw: clamp(104px, 11vw, 136px)}.merge-card-old{opacity:.72}.merge-arrow{font-size:20px;color:var(--merge);text-shadow:0 0 12px var(--merge-glow);flex:none}.merge-card-new{position:relative}.merge-stage.bursting .merge-card-new{animation:merge-pop .6s cubic-bezier(.2,1.5,.4,1) both}@keyframes merge-pop{0%{transform:scale(.8);filter:brightness(2.4) saturate(.4)}60%{transform:scale(1.06)}to{transform:scale(1);filter:none}}@media (prefers-reduced-motion: reduce){.merge-stage.bursting .merge-card-new{animation:none}}.merge-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.merge-title-name{font-weight:900;font-size:17px}.merge-variants{display:flex;flex-wrap:wrap;gap:6px}.merge-variant{font-size:11.5px;font-weight:800;padding:4px 9px;border-radius:999px;background:#ffffff0d;border:1px solid var(--line);color:var(--muted)}.merge-variant:hover{border-color:var(--merge);color:var(--ink)}.merge-variant.on{background:color-mix(in srgb,var(--merge) 25%,transparent);border-color:var(--merge);color:var(--ink)}.merge-deltas{display:flex;flex-direction:column;gap:4px;padding:9px 11px;border-radius:11px;background:#00000038}.merge-delta{display:flex;align-items:baseline;gap:8px;font-size:12.5px}.cdl-label{flex:1;min-width:0;color:var(--muted);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdl-old{color:var(--muted);font-variant-numeric:tabular-nums}.cdl-arrow{color:var(--merge)}.cdl-new{font-weight:900;color:var(--merge);font-variant-numeric:tabular-nums;text-shadow:0 0 10px var(--merge-glow)}.merge-cost{display:flex;flex-direction:column;gap:7px;padding:9px 11px;border-radius:11px;background:#ffffff0a;border:1px solid var(--line)}.merge-cost-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12.5px;font-weight:800;color:var(--muted)}.merge-cost-n{font-variant-numeric:tabular-nums}.merge-cost-n em{font-style:normal;font-weight:700;color:var(--muted)}.merge-cost-n.ok{color:var(--merge)}.merge-cost-n.short{color:#ffc2c8}.merge-fuel{display:flex;flex-wrap:wrap;gap:6px}.merge-fuel-item{font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:8px;background:#ffffff12;border:1px solid var(--line)}.merge-fuel-item.rare{border-color:var(--gold);color:var(--gold)}.merge-fuel-short{font-size:12px;color:var(--muted);line-height:1.45}.merge-warn{font-size:11.5px;font-weight:700;color:var(--gold)}.merge-note{font-size:11.5px;color:var(--muted);line-height:1.45}.merge-go{width:100%}.merge-go:disabled{opacity:.45;cursor:not-allowed}.merge-maxed{text-align:center;font-size:13px;font-weight:800;color:var(--merge);padding:10px;border-radius:11px;background:#a78bfa1f;border:1px solid color-mix(in srgb,var(--merge) 45%,transparent)}.merge-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.merge-rung{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;border-radius:9px;background:#0003;border:1px solid var(--line);font-size:10.5px;color:var(--muted)}.merge-rung-star{font-weight:900;font-size:12px}.merge-rung-gain{font-weight:800}.merge-rung.done{border-color:color-mix(in srgb,var(--merge) 55%,transparent);color:var(--merge)}.merge-rung.next{border-color:var(--merge);box-shadow:0 0 12px -6px var(--merge-glow);color:var(--ink)}@media (max-width: 900px){.merge-body{grid-template-columns:minmax(0,1fr)}.merge-panel{position:static}}.card .rank-tag{position:absolute;z-index:6}.rank-tag{top:-9px;right:-7px;font-size:10px;font-weight:900;letter-spacing:.5px;white-space:nowrap;color:#1b0f3a;padding:2px 8px;border-radius:9px;transform:rotate(6deg);background:linear-gradient(135deg,#e9deff,#a78bfa);box-shadow:0 2px 6px #00000073,inset 0 1px #fff9;border:1.5px solid rgba(255,255,255,.7)}.card-board .rank-tag,.card-mini .rank-tag{display:none}.card.kind-creature.merged{border-color:color-mix(in srgb,var(--merge) 60%,var(--el))}.card.kind-creature.merged.merge-r3,.card.kind-creature.merged.merge-r4{box-shadow:0 0 0 1px var(--merge),0 6px 20px #00000059,0 0 22px -8px var(--merge-glow)}.copy-count.merge-count{background:linear-gradient(135deg,#e9deff,#8b5cf6);color:#1b0f3a;border-color:#ffffffd9;box-shadow:0 2px 8px #8b5cf68c}.login-screen{position:relative;min-height:100%;display:grid;place-items:center;padding:32px 16px}.login-lang{position:absolute;top:16px;right:18px;display:flex;align-items:center;gap:8px}.login-lang-label{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.login-lang select{padding:6px 10px;border-radius:8px;font:inherit;font-size:13px;color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer}.login-lang select:focus{outline:none;border-color:var(--accent)}@media (max-width: 560px){.login-lang-label{display:none}}.login-card{width:min(420px,100%);display:flex;flex-direction:column;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 24px 22px}.login-logo{margin:0;text-align:center;font-size:30px;letter-spacing:1px;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-logo span{-webkit-text-fill-color:var(--gold)}.login-tag{margin:-4px 0 6px;text-align:center;color:var(--muted);font-size:13.5px;line-height:1.45}.login-tabs{display:flex;gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:4px}.login-tab{flex:1;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:14px;font-weight:600}.login-tab.on{background:var(--panel2);color:var(--ink);box-shadow:var(--shadow)}.login-field{display:flex;flex-direction:column;gap:5px}.login-field span{font-size:12px;color:var(--muted);letter-spacing:.3px}.login-field input{background:var(--bg2);border:1.5px solid var(--line);border-radius:9px;color:var(--ink);font:inherit;font-size:15px;padding:10px 12px}.login-field input:focus{outline:none;border-color:var(--accent)}.login-avatars{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;max-height:148px;overflow-y:auto;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:8px}.login-error{background:#ff5a6a1f;border:1px solid var(--danger);color:#ffc7cd;border-radius:9px;padding:9px 11px;font-size:13.5px}.login-go{margin-top:4px;padding:12px;font-size:15.5px}.login-go:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.login-foot{margin:2px 0 0;text-align:center;color:var(--muted);font-size:12.5px;line-height:1.5}.login-splash{min-height:100%;display:grid;place-items:center;color:var(--muted);font-size:15px}.account-owner{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px}.account-owner-main{display:flex;flex-direction:column;gap:2px;margin-right:auto}.account-owner-email{font-size:15px;font-weight:600}.account-owner-sub{font-size:12.5px;color:var(--muted)}.code-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:linear-gradient(135deg,#37d0c41f,#4a9df01a);border:1px solid var(--accent);border-radius:11px;padding:10px 12px}.code-label{font-size:11.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.code-value{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:17px;letter-spacing:1.5px;color:var(--gold);font-weight:700}.code-hint{flex-basis:100%;font-size:12px;color:var(--muted)}.account-friendcode{display:flex;flex-direction:column;gap:1px;margin-top:3px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12.5px;color:var(--muted);letter-spacing:.6px;white-space:nowrap}.afc-label{font-family:var(--font, inherit);font-size:9.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);opacity:.7}.account-card .code-box{margin-top:10px}