:root{--bg: #15110d;--panel: #241c15;--panel-2: #2f251b;--line: #4a3a28;--text: #f0e6d2;--muted: #a8977a;--gold: #e9b949;--accent: #d98c2b;--danger: #c0442f;--good: #58b04f;--mana: #3d8ee0;--rare: #3d8ee0;--epic: #a24fd6;--legendary: #f09a1a}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(ellipse at top,#2b2016 0%,var(--bg) 70%);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px;overflow:hidden}#app{height:100vh;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}input,select{font:inherit;color:var(--text);background:#1a140f;border:1px solid var(--line);border-radius:6px;padding:8px 10px;width:100%}label{display:flex;flex-direction:column;gap:4px;color:var(--muted)}h1,h2,h3{font-family:Cormorant SC,Georgia,serif;margin:0 0 12px;color:var(--gold)}.muted{color:var(--muted)}.small-text{font-size:12px}.row{display:flex;gap:8px;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}.panel{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 10px 30px #0008}.btn{background:linear-gradient(180deg,#4a3826,#35281b);border:1px solid #6b5236;border-radius:8px;padding:9px 16px;cursor:pointer;font-weight:600;transition:filter .15s,transform .1s}.btn:hover:not(:disabled){filter:brightness(1.25)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(180deg,#d98c2b,#a8601a);border-color:#f0a84a;color:#1a0f05}.btn-gold{background:linear-gradient(180deg,#e9b949,#b8862a);border-color:#ffd77a;color:#1a0f05}.btn-danger{background:linear-gradient(180deg,#a83a28,#7a2a1d);border-color:#d0583f}.btn-big{padding:14px 18px;font-size:16px}.btn-small{padding:5px 10px;font-size:12px}.title{font-size:44px;text-align:center;text-shadow:0 2px 12px #e9b94955;margin:0}.title.small{font-size:26px;text-align:left}.subtitle{text-align:center;color:var(--muted);margin:4px 0 16px}.error{color:#ff8a73}.toast{position:fixed;left:50%;top:20px;transform:translate(-50%);z-index:100;padding:10px 18px;border-radius:8px;background:#2f251b;border:1px solid var(--line);box-shadow:0 6px 20px #000a;transition:opacity .4s}.toast-error{border-color:var(--danger);color:#ffb3a3}.toast-hide{opacity:0}.login-wrap{display:grid;place-items:center;height:100%;padding:16px}.login{width:min(380px,100%);display:flex;flex-direction:column;gap:14px}.login .row .btn{flex:1}.menu,.collection{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-bottom:1px solid var(--line);background:#1b150fcc}.topbar-right{display:flex;align-items:center;gap:14px}.gold{color:var(--gold)}.user{font-weight:700}.menu-main{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,380px));justify-content:center;align-content:center;gap:24px;padding:16px;overflow:auto}.play-panel .col{margin-top:14px}.deck-hint{margin-top:6px;font-size:13px;min-height:18px}.queue{display:flex;align-items:center;gap:10px;margin-top:14px;color:var(--gold)}.spinner{width:18px;height:18px;border-radius:50%;border:3px solid #e9b94944;border-top-color:var(--gold);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{--w: 130px;position:relative;width:var(--w);height:calc(var(--w) * 1.42);flex:none;border-radius:calc(var(--w) * .075);padding:calc(var(--w) * .045) calc(var(--w) * .045) calc(var(--w) * .15);background:linear-gradient(180deg,color-mix(in srgb,var(--class-color) 45%,#2a2016),#1d1610 70%);border:max(1px,calc(var(--w) * .015)) solid color-mix(in srgb,var(--class-color) 70%,#000);box-shadow:0 4px 12px #000a;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center}.card.type-spell{border-radius:calc(var(--w) * .12) calc(var(--w) * .12) calc(var(--w) * .075) calc(var(--w) * .075)}.c-cost{position:absolute;top:calc(var(--w) * -.06);left:calc(var(--w) * -.06);width:calc(var(--w) * .23);height:calc(var(--w) * .23);border-radius:50%;background:radial-gradient(circle at 35% 30%,#8cc4ff,var(--mana) 60%,#1d4f8a);border:max(1px,calc(var(--w) * .015)) solid #c7e2ff;display:grid;place-items:center;font-weight:800;font-size:calc(var(--w) * .125);text-shadow:0 1px 2px #000;z-index:2}.c-art{width:100%;height:34%;flex:none;display:grid;place-items:center;font-size:calc(var(--w) * .3);background:radial-gradient(circle,#0003,#0008);border-radius:calc(var(--w) * .06);margin-top:calc(var(--w) * .03)}.gi{width:1em;height:1em;display:inline-block;vertical-align:-.15em;overflow:visible;filter:drop-shadow(0 .03em 0 #000c) drop-shadow(0 0 .1em color-mix(in srgb,var(--class-color, #e9b949) 80%,transparent))}.gi path{fill:url(#gi-fill)}.gi.gi-blue path{fill:url(#gi-blue)}.gi.gi-blue{filter:drop-shadow(0 .03em 0 #000c) drop-shadow(0 0 .1em #4aa8ff88)}.c-art,.m-art,.hero-portrait,.hp-art,.stage-art,.boss-portrait,.sel-portrait,.deck-tile-art{line-height:1}.c-art .gi{font-size:1.35em;display:block}.c-art{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--class-color) 45%,transparent),transparent 62%),radial-gradient(circle,#0003,#000a);box-shadow:inset 0 0 calc(var(--w) * .05) #000c}.m-art .gi{font-size:1.05em;display:block}.m-art{display:grid;place-items:center}.hero-portrait .gi,.sel-portrait .gi,.boss-portrait .gi,.deck-tile-art .gi{font-size:1.1em;display:block;margin:0 auto}.hp-art .gi{display:block}.bp .gi{font-size:1.15em;display:block;filter:drop-shadow(0 4px 6px #000c)}.bp.idle-flicker .gi path,.bp.a-flare .gi path{fill:url(#gi-fire)}.type-spell .c-art{border-radius:50% 50% calc(var(--w) * .06) calc(var(--w) * .06)}.c-gem{width:calc(var(--w) * .075);height:calc(var(--w) * .075);flex:none;transform:rotate(45deg);margin-top:calc(var(--w) * -.037);background:#777;border:1px solid #000}.rarity-common .c-gem{background:#ddd}.rarity-rare .c-gem{background:var(--rare)}.rarity-mythic .c-gem{background:var(--epic)}.rarity-mythic{box-shadow:0 0 10px #a24fd655,0 4px 12px #000a}.rarity-legendary .c-gem{background:var(--legendary)}.rarity-token .c-gem{display:none}.rarity-legendary{box-shadow:0 0 12px #f09a1a66,0 4px 12px #000a}.c-name{font-family:Cormorant SC,Georgia,serif;font-weight:700;font-size:calc(var(--w) * .105);line-height:1.05;text-align:center;margin:calc(var(--w) * .03) 0 calc(var(--w) * .02);min-height:calc(var(--w) * .22);display:grid;place-items:center;flex:none}.card.name-long .c-name{font-size:calc(var(--w) * .088)}.c-text{flex:1 1 auto;min-height:0;overflow:hidden;width:100%;font-size:calc(var(--w) * .08);line-height:1.2;text-align:center;color:#e3d6bd;padding:0 calc(var(--w) * .015)}.card.txt-long .c-art{height:29%}.card.txt-long .c-text{font-size:calc(var(--w) * .07)}.card.txt-xlong .c-art{height:25%}.card.txt-xlong .c-text{font-size:calc(var(--w) * .064)}.c-text b{color:#fff}.c-lvl{flex:none;font-size:max(7px,calc(var(--w) * .062));color:var(--muted);line-height:1;margin-top:calc(var(--w) * .01)}.c-atk,.c-hp{position:absolute;bottom:calc(var(--w) * -.06);width:calc(var(--w) * .23);height:calc(var(--w) * .23);display:grid;place-items:center;font-weight:800;font-size:calc(var(--w) * .125);text-shadow:0 1px 2px #000;border:max(1px,calc(var(--w) * .015)) solid #0008}.c-atk{left:calc(var(--w) * -.06);background:radial-gradient(circle at 35% 30%,#ffd15c,#c98a16);border-radius:50%}.c-hp{right:calc(var(--w) * -.06);background:radial-gradient(circle at 35% 30%,#ff7a6a,#b3261b);border-radius:50%/40% 40% 60% 60%}.c-badge{position:absolute;top:calc(var(--w) * -.05);right:calc(var(--w) * -.04);z-index:2;font-size:max(10px,calc(var(--w) * .08));font-weight:700;background:#000d;padding:1px 7px;border-radius:10px;color:var(--gold);border:1px solid #6b5236}.card.has-img{background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--class-color) 30%,transparent),transparent 65%),linear-gradient(180deg,#5a4a38,#3a2e22 45%,#241b13);border-color:#b8873a;box-shadow:inset 0 0 0 max(1px,calc(var(--w) * .012)) #f0d08a55,inset 0 0 calc(var(--w) * .08) #000a,0 4px 12px #000a}.card.has-img.rarity-legendary{box-shadow:inset 0 0 0 max(1px,calc(var(--w) * .012)) #f0d08a77,inset 0 0 calc(var(--w) * .08) #000a,0 0 14px #f09a1a77,0 4px 12px #000a}.card.has-img .c-art{height:46%;padding:0;overflow:hidden;position:relative;margin-top:calc(var(--w) * .01);background:#000;border:max(2px,calc(var(--w) * .022)) solid #d9aa48;box-shadow:0 0 0 max(1px,calc(var(--w) * .01)) #3a2306,inset 0 0 calc(var(--w) * .05) #000c,0 calc(var(--w) * .02) calc(var(--w) * .05) #000c}.card.has-img.txt-long .c-art{height:41%}.card.has-img.txt-xlong .c-art{height:37%}.card.has-img.type-minion .c-art{width:80%;border-radius:50%}.card.has-img.type-spell .c-art{border-radius:50% 50% 10% 10%}.card.has-img .c-art img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block;scale:1.08}.card.has-img .c-gem{position:relative;z-index:1;margin-top:calc(var(--w) * -.045)}.card.has-img .c-name{position:relative;z-index:1;width:112%;min-height:calc(var(--w) * .17);margin:calc(var(--w) * -.015) 0 calc(var(--w) * .02);padding:0 calc(var(--w) * .1);color:#fff6dc;text-shadow:0 1px 2px #000,0 0 5px #000;background:linear-gradient(180deg,#a3804a,#6b4c28 50%,#43301a);clip-path:polygon(0 18%,7% 0,93% 0,100% 18%,95% 50%,100% 82%,93% 100%,7% 100%,0 82%,5% 50%)}.c-crest{position:absolute;left:50%;top:calc(var(--w) * -.22);width:88%;translate:-50% 0;z-index:1;pointer-events:none;filter:drop-shadow(0 calc(var(--w) * .015) calc(var(--w) * .02) #000c)}.crest{width:100%;display:block;overflow:visible}.minion .m-crest{position:absolute;left:50%;top:calc(var(--mw) * -.36);width:calc(var(--mw) * 1.25);translate:-50% 0;z-index:2;pointer-events:none;filter:drop-shadow(0 2px 3px #000c)}.minion.legendary .m-body{border-color:#e8b84a}.minion.has-img .m-body{background:var(--img) 50% 22% / cover}.card.unowned{filter:grayscale(1) brightness(.5)}.card.unowned .c-badge{color:#aaa}.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-4px)}.tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.tab{background:transparent;border:1px solid var(--line);border-radius:20px;padding:6px 14px;cursor:pointer}.tab.active{background:var(--accent);color:#1a0f05;border-color:var(--accent);font-weight:700}.collection-main{flex:1;display:flex;min-height:0}.card-grid{flex:1;overflow:auto;padding:40px 24px 24px;display:grid;gap:40px 20px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));justify-items:center;align-content:start}.card-grid .card{--w: 140px;transition:transform .12s}.deck-panel{width:300px;margin:12px;border-radius:12px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.deck-list{display:flex;flex-direction:column;gap:6px;overflow:auto;flex:1}.deck-item{display:flex;justify-content:space-between;gap:8px;text-align:left;cursor:pointer;background:linear-gradient(90deg,color-mix(in srgb,var(--class-color) 35%,transparent),transparent);border:1px solid var(--line);border-left:4px solid var(--class-color);border-radius:6px;padding:10px}.deck-item:hover{filter:brightness(1.2)}.deck-head{display:flex;gap:8px;align-items:center}.hero-badge{font-size:26px}.deck-count{color:var(--muted);font-weight:700}.deck-count.full{color:var(--good)}.deck-cards{flex:1;overflow:auto;display:flex;flex-direction:column;gap:3px}.deck-row{display:flex;align-items:center;gap:8px;padding:5px 8px;cursor:pointer;text-align:left;background:#1a140f;border:1px solid var(--line);border-radius:5px}.deck-row:hover{border-color:var(--danger)}.deck-row.rarity-rare .dr-name{color:#8cc4ff}.deck-row.rarity-mythic .dr-name{color:#d39cff}.race-group{display:flex;flex-direction:column;gap:6px}.race-title{color:var(--gold);font-family:Cormorant SC,Georgia,serif;font-size:18px;font-weight:700}.class-btn{flex:1;border-left:4px solid var(--class-color)}.deck-row.rarity-legendary .dr-name{color:#ffc266}.dr-cost{width:22px;height:22px;border-radius:50%;background:var(--mana);display:grid;place-items:center;font-weight:700;font-size:12px}.dr-name{flex:1}.dr-n{color:var(--gold);font-weight:700}.deck-errors{color:#ffb070;font-size:12px}.deck-ok{color:var(--good);font-size:12px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:grid;place-items:center;z-index:50;padding:16px}.modal-box{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.pack-cards{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.pack-slot{opacity:0;animation:reveal .5s forwards}.pack-slot .card{--w: 150px}@keyframes reveal{0%{opacity:0;transform:rotateY(90deg) scale(.8)}to{opacity:1;transform:none}}.game{display:flex;height:100%}.arena{--hero-w: 96px;--hero-h: 104px;--hp-size: 32px;--power: 58px;--mw: 82px;--mh: 106px;--cw: 120px;--peek: .62;--back-w: 46px;flex:1;position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;overflow:hidden;overflow:clip;background:radial-gradient(ellipse at center,#5a4630,#3a2c1e 55%,#22190f);border-right:1px solid var(--line)}.waiting{margin:auto;color:var(--muted);font-size:18px}.arena-wrap{flex:1;position:relative;display:flex;min-width:0;overflow:hidden;overflow:clip}.arena-wrap>.arena{background:none}.arena-wrap .turn-info,.arena-wrap .waiting{text-shadow:0 1px 3px #000,0 0 10px #000}.board-decor{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.bd-table{position:absolute;left:max(6px,2%);right:max(6px,2%);top:var(--tt, 28%);bottom:calc(100% - var(--tb, 72%));border-radius:28px;transition:top .2s,bottom .2s}.bd-emblem{position:absolute;left:50%;top:50%;width:min(46%,70%,280px);aspect-ratio:1;translate:-50% -50%;opacity:.14}.bd-emblem svg{width:100%;height:100%}.board-props{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.board-swords .board-decor{background:repeating-linear-gradient(90deg,#ffffff07 0 3px,transparent 3px 140px),radial-gradient(ellipse at 50% 120%,#e9b94933,transparent 60%),radial-gradient(ellipse at center,#3d4859,#252c38 55%,#12161d)}.board-swords .bd-table{color:#ffe2a0;background:repeating-linear-gradient(0deg,transparent 0 94px,#00000030 94px 96px,#ffffff12 96px 97px),repeating-linear-gradient(90deg,transparent 0 146px,#00000026 146px 148px,#ffffff0e 148px 149px),radial-gradient(circle at 30% 30%,#ffffff0d,transparent 30%),radial-gradient(circle at 75% 70%,#0000001a,transparent 35%),radial-gradient(ellipse at 50% 40%,#a29c8f,#77726a 60%,#57534c);box-shadow:inset 0 0 44px #000b,0 0 0 3px #c9a24a,0 0 0 8px #2b313c,0 0 0 10px #8a7a55,0 14px 40px #000c}.board-plume .board-decor{background:radial-gradient(ellipse at 20% 0%,#d8f1ff40,transparent 45%),radial-gradient(ellipse at 80% 10%,#ffffff26,transparent 40%),linear-gradient(180deg,#2f6b80,#1f4655 50%,#122830)}.board-plume .bd-table{color:#2f7d69;background:linear-gradient(118deg,transparent 0 22%,#ffffff14 22% 23%,transparent 23% 61%,#ffffff10 61% 62%,transparent 62%),linear-gradient(64deg,transparent 0 40%,#6b8f8418 40% 41%,transparent 41%),radial-gradient(ellipse at 50% 45%,#c7c0ab,#a39b85 60%,#7d7663);box-shadow:inset 0 0 40px #0007,0 0 0 3px #e8f3f0,0 0 0 8px #3f8f7a,0 0 0 10px #cfe9dd,0 14px 40px #0009}.board-werewolf .board-decor{background:radial-gradient(ellipse at 50% -10%,#8fb36a22,transparent 55%),radial-gradient(ellipse at center,#2f3a22,#1c2414 60%,#0b0f08)}.board-werewolf .bd-table{color:#f0dcae;background:repeating-linear-gradient(90deg,#00000055 0 3px,transparent 3px 66px),repeating-linear-gradient(90deg,#ffffff07 0 1px,transparent 1px 11px),radial-gradient(ellipse at 50% 50%,#ffffff10,transparent 70%),linear-gradient(180deg,#7a5634,#5e3f22 50%,#4a3019);box-shadow:inset 0 0 44px #000b,0 0 0 4px #cdb98d,0 0 0 9px #3b2a17,0 0 0 11px #a08355,0 14px 40px #000c}.board-temple .board-decor{background:radial-gradient(ellipse at 50% 50%,#5a3a7a55,transparent 60%),radial-gradient(ellipse at center,#34224a,#1f142c 60%,#0d0814)}.board-temple .bd-table{color:#cfaaff;background:repeating-conic-gradient(from 45deg,#ffffff07 0 25%,transparent 0 50%) 0 0 / 64px 64px,radial-gradient(ellipse at 50% 50%,#4a3a5e,#2f2540 65%,#1e1729);box-shadow:inset 0 0 50px #000c,0 0 0 3px #b48cff88,0 0 0 8px #1a1224,0 0 0 10px #8a6fb0,0 14px 40px #000c}.board-temple .bd-emblem{opacity:.26;filter:drop-shadow(0 0 8px #b48cff);animation:rune-spin 90s linear infinite}@keyframes rune-spin{to{rotate:360deg}}.pt{position:absolute;left:var(--x);pointer-events:none;opacity:0}.p-embers .pt{bottom:-10px;width:calc(4px * var(--s));height:calc(4px * var(--s));border-radius:50%;background:#ffc067;box-shadow:0 0 8px 2px #ff7a1a99;animation:pt-rise var(--t) linear var(--d) infinite}@keyframes pt-rise{0%{transform:translate(0);opacity:0}10%{opacity:.9}to{transform:translate(var(--dx),-105vh);opacity:0}}.p-feathers .pt{top:-30px;width:calc(7px * var(--s));height:calc(24px * var(--s));border-radius:50% 50% 45% 45%/85% 85% 15% 15%;background:linear-gradient(90deg,#fff 0,#fff 46%,#cfdde4 54%);box-shadow:0 2px 6px #0003;animation:pt-fall var(--t) ease-in-out var(--d) infinite}@keyframes pt-fall{0%{transform:translate(0) rotate(-25deg);opacity:0}10%{opacity:.85}50%{transform:translate(var(--dx),55vh) rotate(30deg)}90%{opacity:.7}to{transform:translateY(112vh) rotate(-20deg);opacity:0}}.p-fireflies .pt{top:var(--y);width:5px;height:5px;border-radius:50%;background:#eaff8f;box-shadow:0 0 10px 3px #c8f05a88;animation:pt-firefly calc(var(--t) / 2) ease-in-out var(--d) infinite alternate}@keyframes pt-firefly{0%{transform:translate(0);opacity:.05}50%{opacity:1}to{transform:translate(var(--dx),calc(var(--dx) * -.7));opacity:.15}}.p-mist .pt{top:var(--y);width:calc(220px * var(--s));height:calc(80px * var(--s));margin-left:calc(-110px * var(--s));border-radius:50%;background:radial-gradient(#c49cff2e,transparent 70%);animation:pt-mist var(--t) ease-in-out var(--d) infinite alternate}@keyframes pt-mist{0%{transform:translate(-12vw);opacity:.2}50%{opacity:1}to{transform:translate(12vw);opacity:.3}}.bp{position:absolute;pointer-events:auto;cursor:pointer;padding:0;border:0;background:none;line-height:1;font-size:clamp(26px,4.2vw,40px);filter:drop-shadow(0 4px 6px #000b);-webkit-tap-highlight-color:transparent}.bp.top{right:12px;top:calc(var(--opp-y, 18%) - .5em)}.bp.bottom{right:12px;top:calc(var(--me-y, 82%) - .5em)}.bp.side{left:12px;top:calc(var(--tt, 30%) + 14px)}@media(max-width:900px){.bp.side{display:none}}@media(max-height:500px){.bp.top{display:none}}.bp.idle-flicker{animation:bp-flicker 1.6s ease-in-out infinite}.bp.idle-sway{transform-origin:50% 0;animation:bp-sway 3.4s ease-in-out infinite}.bp.idle-breathe{animation:bp-breathe 4s ease-in-out infinite}@keyframes bp-flicker{0%,to{filter:drop-shadow(0 4px 6px #000b) brightness(1)}50%{filter:drop-shadow(0 0 10px #ff9a3c) brightness(1.15)}}@keyframes bp-sway{0%,to{rotate:-5deg}50%{rotate:5deg}}@keyframes bp-breathe{0%,to{scale:1}50%{scale:1.06}}.bp.poke.a-flare{animation:bp-flare .9s ease-out}.bp.poke.a-shake{animation:bp-shake .55s ease-in-out}.bp.poke.a-wave{transform-origin:20% 100%;animation:bp-wave 1s ease-in-out}.bp.poke.a-fly{animation:bp-fly 1.8s ease-in-out}.bp.poke.a-burst{animation:bp-pop .6s ease-out}.bp.poke.a-swing{transform-origin:50% 0;animation:bp-swing 1.4s ease-out}.bp.poke.a-bounce{transform-origin:50% 100%;animation:bp-bounce .7s ease-out}@keyframes bp-flare{30%{scale:1.5;filter:drop-shadow(0 0 20px #ffb347) brightness(1.5)}to{scale:1}}@keyframes bp-shake{20%{translate:-4px 0;rotate:-10deg}40%{translate:4px 0;rotate:8deg}60%{translate:-3px 0;rotate:-6deg}80%{translate:2px 0;rotate:3deg}}@keyframes bp-wave{25%{rotate:-14deg;scale:1.1}50%{rotate:10deg}75%{rotate:-6deg}}@keyframes bp-fly{45%{translate:-140px -90px;rotate:-20deg;scale:.7;opacity:.3}55%{translate:-140px -90px;opacity:0}56%{translate:60px -60px;opacity:0}to{translate:0 0;opacity:1}}@keyframes bp-pop{35%{scale:1.3}to{scale:1}}@keyframes bp-swing{15%{rotate:28deg}35%{rotate:-22deg}55%{rotate:14deg}75%{rotate:-7deg}to{rotate:0deg}}@keyframes bp-bounce{25%{scale:1.2 .75}55%{scale:.9 1.2;translate:0 -10px}to{scale:1;translate:0 0}}.bp-spark{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;pointer-events:none;background:var(--c);box-shadow:0 0 8px var(--c);animation:bp-spark .85s ease-out forwards}@keyframes bp-spark{to{translate:var(--dx) var(--dy);opacity:0;scale:.4}}.bp-say{position:absolute;right:calc(100% + 6px);top:50%;translate:0 -50%;white-space:nowrap;pointer-events:none;font:700 13px Inter,sans-serif;color:#ffe9b0;background:#000c;border:1px solid #e9b94966;border-radius:10px;padding:3px 9px;animation:bp-say 1.6s ease-out forwards}@keyframes bp-say{0%{opacity:0;translate:6px -50%}15%,75%{opacity:1;translate:0 -50%}to{opacity:0}}.turn-banner{position:absolute;left:0;right:0;top:calc((var(--tt, 30%) + var(--tb, 70%)) / 2);translate:0 -50%;z-index:4;display:flex;justify-content:center;pointer-events:none;animation:turn-banner 1.6s cubic-bezier(.2,.8,.3,1) forwards}.turn-banner span{font-family:Cormorant SC,Georgia,serif;font-weight:700;font-size:clamp(34px,8vw,64px);color:#ffe2a0;padding:4px 60px;background:radial-gradient(ellipse,#000c 30%,transparent 72%);text-shadow:0 3px 10px #000,0 0 24px #e9b949aa}@keyframes turn-banner{0%{opacity:0;scale:1.6;filter:blur(6px)}18%{opacity:1;scale:1;filter:blur(0)}75%{opacity:1;scale:1}to{opacity:0;scale:.92}}@media(prefers-reduced-motion:reduce){.turn-banner{animation-duration:.8s}}.board-title{position:absolute;left:0;right:0;top:calc((var(--tt, 30%) + var(--tb, 70%)) / 2);translate:0 -50%;display:flex;justify-content:center;pointer-events:none;opacity:0;animation:board-title 3s ease-out .3s forwards}.board-title span{font-family:Cormorant SC,Georgia,serif;font-weight:700;font-size:clamp(24px,5vw,40px);color:#ffe2a0;padding:6px 40px;background:linear-gradient(90deg,transparent,#000a 20%,#000a 80%,transparent);text-shadow:0 2px 8px #000,0 0 18px #e9b94966;letter-spacing:.04em}@keyframes board-title{0%{opacity:0;scale:1.15}18%,70%{opacity:1;scale:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.pt,.bp,.bd-emblem{animation:none!important}.pt{opacity:.5}}.log-panel{width:260px;display:flex;flex-direction:column;padding:12px;gap:8px;background:#1b150f}.log{flex:1;overflow:auto;font-size:12px;color:#d8cbb2;display:flex;flex-direction:column;gap:4px}.log div{border-bottom:1px dashed #3a2e22;padding-bottom:3px}.opp-hand{display:flex;justify-content:center;height:calc(var(--back-w) * .75);flex:none}.card-back{width:var(--back-w);height:calc(var(--back-w) * 1.42);margin:calc(var(--back-w) * -.7) calc(var(--back-w) * -.15) 0;border-radius:6px;border:2px solid #6b5236;flex:none;background:repeating-linear-gradient(45deg,#4a2f1a,#4a2f1a 6px,#5b3a20 6px,#5b3a20 12px);box-shadow:0 2px 6px #000a}.hero-row{display:flex;align-items:center;justify-content:center;gap:calc(var(--hero-w) * .18);height:calc(var(--hero-h) + 10px);width:100%;position:relative;flex:none}.side-info{position:absolute;left:12px;display:flex;flex-direction:column;gap:6px;font-size:12px}.deck-count-pill{background:#0006;padding:3px 10px;border-radius:12px;font-size:12px;width:fit-content;white-space:nowrap}.mana b{color:#8cc4ff;font-size:15px}.gems{display:flex;gap:3px;margin-top:3px}.gem{width:12px;height:12px;transform:rotate(45deg);background:#1d2c3d;border:1px solid #3d5a7a}.gem.full{background:radial-gradient(circle at 30% 30%,#b9dcff,var(--mana));border-color:#c7e2ff;box-shadow:0 0 6px #3d8ee0}.hero{position:relative;width:var(--hero-w);height:var(--hero-h);border-radius:calc(var(--hero-w) / 2) calc(var(--hero-w) / 2) 14px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--class-color) 60%,#2a2016),#1d1610);border:3px solid color-mix(in srgb,var(--class-color) 70%,#e9b949);box-shadow:0 6px 18px #000b;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-portrait{font-size:calc(var(--hero-w) * .45);line-height:1.1}.hero-name{font-size:11px;font-weight:700;max-width:calc(var(--hero-w) - 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-hp,.hero-armor{position:absolute;bottom:-8px;width:var(--hp-size);height:var(--hp-size);display:grid;place-items:center;font-weight:800;font-size:calc(var(--hp-size) * .5);text-shadow:0 1px 2px #000;border:2px solid #0008}.hero-hp{right:-10px;border-radius:50%/40% 40% 60% 60%;background:radial-gradient(circle at 35% 30%,#ff7a6a,#b3261b)}.hero-hp.damaged{color:#ffd0c8}.hero-armor{left:-10px;border-radius:6px;background:linear-gradient(180deg,#b8c2cc,#6c7783)}.hero-power{width:var(--power);height:var(--power);border-radius:50%;border:3px solid #6b5236;background:#2a2016;flex:none;position:relative;display:grid;place-items:center;font-size:calc(var(--power) * .45);cursor:default;opacity:.8}.hero-power.usable{cursor:pointer;border-color:var(--good);box-shadow:0 0 14px #58b04f88;opacity:1}.hero-power.used{filter:grayscale(1) brightness(.5)}.hero-power.selected{border-color:var(--gold);box-shadow:0 0 18px var(--gold)}.hp-cost{position:absolute;top:-6px;width:22px;height:22px;border-radius:50%;background:var(--mana);font-size:12px;font-weight:800;display:grid;place-items:center;border:1px solid #c7e2ff}.board{flex:1 1 0;min-height:0;width:100%;display:flex;justify-content:center;align-items:center;gap:calc(var(--mw) * .12);padding:0 6px}.minion{position:relative;cursor:default;flex:none}.m-body{position:relative;width:var(--mw);height:var(--mh);border-radius:calc(var(--mw) / 2) / calc(var(--mh) / 2);background:radial-gradient(circle at 50% 35%,#5a4630,#2a2016);border:3px solid #8a6a40;display:grid;place-items:center;font-size:calc(var(--mw) * .48);box-shadow:0 5px 14px #000b;transition:transform .15s,box-shadow .15s}.minion.taunt .m-body{border-radius:calc(var(--mw) * .15) calc(var(--mw) * .15) calc(var(--mw) / 2) calc(var(--mw) / 2);border-width:5px;border-color:#9aa3ad;box-shadow:0 0 0 3px #4b5560,0 5px 14px #000b}.minion.shielded .m-body{box-shadow:0 0 0 4px #ffe58a,0 0 18px #ffe58a,0 5px 14px #000b}.minion.sleeping .m-art{opacity:.75}.m-atk,.m-hp{position:absolute;bottom:-6px;width:calc(var(--mw) * .34);height:calc(var(--mw) * .34);display:grid;place-items:center;font-size:calc(var(--mw) * .18);font-weight:800;text-shadow:0 1px 2px #000;border:2px solid #0008}.m-atk{left:-6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd15c,#c98a16)}.m-hp{right:-6px;border-radius:50%/40% 40% 60% 60%;background:radial-gradient(circle at 35% 30%,#ff7a6a,#b3261b)}.m-atk.buffed,.m-hp.buffed{color:#8dff86}.m-hp.damaged{color:#ffd0c8}.m-markers{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:13px;display:flex;gap:2px}.m-zzz{position:absolute;top:-6px;right:-4px;font-size:16px}.m-frost{position:absolute;top:-6px;left:-4px;font-size:18px;filter:drop-shadow(0 0 4px #9fd8ff)}.minion.frozen .m-body,.hero.frozen{filter:saturate(.4) brightness(1.1) hue-rotate(160deg);box-shadow:0 0 0 3px #9fd8ff,0 0 16px #9fd8ff}.minion.silenced .m-art{opacity:.5;filter:grayscale(1)}.hero-atk{position:absolute;bottom:-8px;left:-10px;width:32px;height:32px;display:grid;place-items:center;font-weight:800;font-size:16px;text-shadow:0 1px 2px #000;border:2px solid #0008;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd15c,#c98a16);z-index:2}.hero.can-attack{cursor:pointer;border-color:var(--good);box-shadow:0 0 16px #58b04fcc,0 6px 18px #000b}.hero.selected{border-color:var(--gold);box-shadow:0 0 22px var(--gold);transform:translateY(-6px)}.float.frost{color:#9fd8ff}.minion.can-attack{cursor:pointer}.minion.can-attack .m-body{border-color:var(--good);box-shadow:0 0 16px #58b04fcc,0 5px 14px #000b}.minion.selected .m-body{transform:translateY(-8px) scale(1.05);border-color:var(--gold);box-shadow:0 0 22px var(--gold)}.targetable{cursor:crosshair!important}.minion.targetable .m-body,.hero.targetable{box-shadow:0 0 0 3px #ff5a3c,0 0 20px #ff5a3c!important;animation:target-pulse 1s infinite}@keyframes target-pulse{50%{filter:brightness(1.3)}}.preview{display:none;position:absolute;bottom:110%;left:50%;transform:translate(-50%);z-index:20;pointer-events:none}@media(hover:hover){.minion:hover .preview{display:block}}.opp-board .preview{bottom:auto;top:110%}.midline{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:0 16px;height:40px;flex:none;position:relative}.midline:before{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e9b94955,transparent);pointer-events:none}.turn-info{color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.turn-info.mine{color:var(--gold)}.timer.low{color:#ff6a50}.end-turn{min-width:128px;position:relative;flex:none}.end-turn:not(:disabled){background:linear-gradient(180deg,#e0b23c,#a87a1a);color:#1a0f05;border-color:#ffd77a}.end-turn.pulse{animation:glow 1.4s infinite}@keyframes glow{50%{box-shadow:0 0 20px #ffd77a}}.my-hand{display:flex;justify-content:center;align-items:flex-start;flex:none;width:100%;height:calc(var(--cw) * 1.42 * var(--peek));padding:8px 12px 0}.hand-slot{margin:0 var(--hand-gap, -10px);transform:rotate(var(--angle));transform-origin:50% 200%;transition:transform .15s;position:relative}.my-hand .card{--w: var(--cw)}@media(hover:hover){.hand-slot:hover{transform:translateY(calc(var(--cw) * -.55)) scale(1.3);z-index:10}}.my-hand .card.playable{border-color:var(--good);box-shadow:0 0 14px #58b04fcc,0 4px 12px #000a;cursor:pointer}.my-hand .card.selected{border-color:var(--gold);box-shadow:0 0 22px var(--gold)}.hand-slot:has(.selected){transform:translateY(calc(var(--cw) * -.4));z-index:9}.hand-zoom{display:none;position:absolute;left:50%;bottom:calc(var(--cw) * 1.42 * var(--peek) + 12px);transform:translate(-50%);z-index:25;pointer-events:none}.hand-zoom .card{--w: min(190px, 46vw)}@media(hover:none){.hand-zoom{display:block}}.my-hand{touch-action:none}.hand-slot.peek{transform:translateY(calc(var(--cw) * -.35)) scale(1.08);z-index:12;transition:transform .08s}.hand-slot.peek .card{box-shadow:0 0 18px var(--gold),0 6px 16px #000c}.arena.scrubbing .hand-zoom:not(.peek-zoom){display:none}.inspect{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#0008;pointer-events:none}.inspect .card{--w: min(220px, 56vw)}.hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;background:#000a;padding:6px 14px;border-radius:14px;color:var(--gold);font-size:13px;margin-top:48px;z-index:26}.arena-menu{display:none;position:absolute;top:8px;right:8px;z-index:30}.fs-btn{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;cursor:pointer;border-radius:10px;border:1px solid #6b5236;background:#0006;color:#ffd77a}.fs-btn:hover{background:#0009;color:#fff}.arena-fs{position:absolute;top:8px;left:8px;z-index:30;width:32px;height:32px}:fullscreen .fs-btn{display:none}.fs-hint{max-width:420px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.fs-hint-icon{border-radius:16px;box-shadow:0 6px 18px #000a}.fs-hint ol{text-align:left;margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px;line-height:1.4}.fs-hint h2{margin:0}.my-hand .card,.my-board .minion,.hero.me,.hero-power{touch-action:none}.arena{user-select:none;-webkit-user-select:none}.arena.dragging .hand-slot:hover{transform:rotate(var(--angle))}.hand-slot.drag-origin{opacity:.25}.drag-ghost{position:fixed;z-index:70;pointer-events:none;transform:translate(-50%,-60%) rotate(-4deg) scale(1.08);filter:drop-shadow(0 18px 28px #000c);transition:transform .12s ease-out}.drag-ghost.over-board{transform:translate(-50%,-105%) rotate(0) scale(.6)}.drag-ghost .card{--w: calc(var(--cw, 120px) * 1.15);box-shadow:0 0 22px var(--gold),0 10px 30px #000c}.my-board.drop-zone{background:radial-gradient(ellipse at center,#e9b94922,transparent 70%)}.minion-slot{width:var(--mw);height:var(--mh);flex:none;border-radius:calc(var(--mw) / 2) / calc(var(--mh) / 2);border:3px dashed #ffd77a;background:#ffd77a1a;box-shadow:0 0 18px #ffd77a66;animation:target-pulse 1s infinite}.minion.drag-source .m-body,.hero.drag-source{border-color:var(--gold);box-shadow:0 0 24px var(--gold)}.minion.drop-hover .m-body,.hero.drop-hover{transform:scale(1.1);box-shadow:0 0 0 4px #fff,0 0 30px #ff5a3c!important}.drag-arrow{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:70;pointer-events:none;overflow:visible}.drag-line{fill:none;stroke-width:9;stroke-linecap:round;stroke-dasharray:2 16;animation:drag-dash .5s linear infinite}.drag-arrow.spell .drag-line{stroke:#ffd77a;filter:drop-shadow(0 0 6px #e9b949)}.drag-arrow.attack .drag-line{stroke:#ff5a3c;filter:drop-shadow(0 0 6px #ff2a1a)}.drag-arrow.spell .drag-head{fill:#ffd77a}.drag-arrow.attack .drag-head{fill:#ff5a3c}@keyframes drag-dash{to{stroke-dashoffset:-18}}@media(min-height:1000px)and (min-width:700px){.arena{--hero-w: 110px;--hero-h: 120px;--hp-size: 36px;--power: 64px;--mw: 92px;--mh: 120px;--cw: 140px;--back-w: 52px}}@media(max-height:820px){.arena{--hero-w: 80px;--hero-h: 88px;--hp-size: 28px;--power: 50px;--mw: 72px;--mh: 92px;--cw: 104px;--back-w: 40px}}@media(max-width:600px){.arena{--hero-w: 68px;--hero-h: 74px;--hp-size: 24px;--power: 42px;--back-w: 32px;--mw: min(64px, calc((100vw - 16px) / 7 - 7px));--mh: calc(var(--mw) * 1.28);--cw: 86px;--peek: .55}.hero-name{font-size:9px}.side-info{left:6px;font-size:11px}.gems{display:none}.m-markers{font-size:10px}.m-zzz,.m-frost{font-size:12px}.midline{padding:0 8px}.turn-info{font-size:12px}.end-turn{min-width:0;padding:8px 12px}.float{font-size:20px}}@media(max-height:500px){.arena{--hero-w: 52px;--hero-h: 56px;--hp-size: 22px;--power: 36px;--back-w: 26px;--mw: 50px;--mh: 62px;--cw: 72px;--peek: .5}.opp-hand,.hero-name,.gems{display:none}.midline{height:30px}.end-turn{padding:5px 12px;font-size:13px}.hint{margin-top:0}}@media(max-width:900px){.arena-menu{display:block}}.float{position:absolute;top:30%;left:50%;transform:translate(-50%);font-weight:900;font-size:26px;pointer-events:none;text-shadow:0 2px 4px #000,0 0 10px #000;animation:float-up 1.2s forwards;z-index:30}.float.dmg{color:#ff4a3a}.float.heal{color:#7dff6e}.float.shield{color:#ffe58a;font-size:18px}@keyframes float-up{0%{opacity:1;transform:translate(-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-40px) scale(1)}}.hit .m-body,.hero.hit{animation:shake .35s}@keyframes shake{25%{translate:-4px 0}75%{translate:4px 0}}.game-over{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:center;z-index:60;animation:fade .4s}.go-box{text-align:center;padding:16px;max-height:100%;overflow:auto}.go-box h1{font-size:clamp(40px,10vw,72px)}.game-over.loss h1{color:#c9c0b0}@keyframes fade{0%{opacity:0}}.vfx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:55;overflow:hidden}.vfx{position:absolute;transform:translate(-50%,-50%)}.vfx-spark{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle,#fff 0%,var(--b) 35%,var(--a) 65%,transparent 75%);box-shadow:0 0 10px var(--a)}.vfx-ring{width:90px;height:90px;border-radius:50%;border:5px solid var(--b);box-shadow:0 0 24px var(--a),inset 0 0 18px var(--a)}.vfx-glyph{font-size:38px;filter:drop-shadow(0 0 10px var(--a))}.vfx-orb{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff 0%,var(--b) 30%,var(--a) 65%,transparent 72%);box-shadow:0 0 22px 8px var(--a)}.vfx-slash{width:120px;height:7px;border-radius:4px;transform-origin:left center;background:linear-gradient(90deg,transparent,var(--b),var(--a),transparent);box-shadow:0 0 14px var(--a)}.vfx-dust{width:150px;height:46px;border-radius:50%;background:radial-gradient(ellipse,#d8c3a0aa 0%,#a8906c66 40%,transparent 70%);filter:blur(2px)}.vfx-ghost{position:absolute;pointer-events:none}.vfx-ghost .minion{position:relative}.vfx-ghost .preview{display:none!important}.vfx-shock{border-radius:50%;border:6px solid var(--b);box-shadow:0 0 40px var(--a),inset 0 0 40px var(--a)}.vfx-beam{width:56px;height:260px;transform-origin:bottom center;border-radius:28px 28px 8px 8px;background:linear-gradient(180deg,transparent,var(--b) 40%,var(--a));box-shadow:0 0 30px var(--a);opacity:0}.vfx-aura{width:120px;height:120px;border-radius:50%;border:4px solid var(--b);box-shadow:0 0 30px var(--a),inset 0 0 26px var(--a)}.vfx-portal{width:110px;height:110px;border-radius:50%;background:conic-gradient(from 0deg,var(--a),transparent 30%,var(--b) 50%,transparent 70%,var(--a));-webkit-mask:radial-gradient(circle,transparent 28%,#000 32%);mask:radial-gradient(circle,transparent 28%,#000 32%);box-shadow:0 0 30px var(--a)}.vfx-banner{position:absolute;left:24px;top:50%;margin-top:-120px;filter:drop-shadow(0 10px 30px #000)}.vfx-banner .card{--w: 170px}@media(max-width:600px),(max-height:500px){.vfx-banner{left:50%;top:12px;margin:0 0 0 -55px}.vfx-banner .card{--w: 110px}}.vfx-legend-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#0006,#000d);opacity:0}.vfx-legend{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center}.vfx-legend-card{position:relative;z-index:2}.vfx-legend-card .card{--w: min(240px, 58vw);box-shadow:0 0 40px 10px #f09a1a,0 0 120px 30px #f09a1a66}.vfx-rays{position:absolute;width:min(700px,160vw);height:min(700px,160vw);border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffd77a55 0deg 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 20%,transparent 68%);mask:radial-gradient(circle,#000 20%,transparent 68%);animation:vfx-spin 6s linear infinite}.vfx-legend-flame{position:absolute;width:min(420px,100vw);height:min(420px,100vw);border-radius:50%;background:radial-gradient(circle,#ffb34788 0%,#ff6a0044 40%,transparent 70%);animation:vfx-flicker .25s ease-in-out infinite alternate}@keyframes vfx-spin{to{rotate:360deg}}@keyframes vfx-flicker{0%{scale:1;opacity:.8}to{scale:1.08;opacity:1}}.hs-menu{position:relative;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 46%,#6a4f30 0%,transparent 38%),radial-gradient(ellipse at 50% 120%,#00000088,transparent 60%),repeating-conic-gradient(from 0deg at 50% 46%,#ffffff05 0deg 10deg,transparent 10deg 20deg),radial-gradient(ellipse at center,#3a2b1c,#1a130c 75%)}.hs-menu:before{content:"";position:absolute;left:50%;top:46%;width:620px;height:620px;translate:-50% -50%;border-radius:50%;border:2px solid #e9b94922;box-shadow:0 0 80px #e9b94918 inset,0 0 60px #e9b94912;pointer-events:none}.hs-profile{position:absolute;top:18px;left:22px;display:flex;align-items:center;gap:12px}.hs-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:radial-gradient(circle at 35% 30%,#6b5236,#2a2016);border:2px solid #b8862a}.hs-name{font-weight:700;font-size:16px}.hs-stats{font-size:12px}.hs-center{position:absolute;left:50%;top:46%;translate:-50% -50%;width:min(420px,calc(100% - 32px));display:flex;flex-direction:column;align-items:center}.hs-title{font-size:54px;margin:0;line-height:1;text-align:center;white-space:nowrap;color:#ffd77a;text-shadow:0 2px 0 #6b4a16,0 0 24px #e9b94966}.hs-subtitle{color:var(--muted);margin:8px 0 22px;letter-spacing:.5px}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;overflow:hidden;cursor:pointer;background:radial-gradient(ellipse at center,#1a1209,#000 70%);transition:opacity .7s ease}.intro.intro-out{opacity:0;pointer-events:none}.intro-beam{position:absolute;left:50%;top:50%;width:140vw;height:2px;translate:-50% -50%;scale:0 1;opacity:0;background:linear-gradient(90deg,transparent,#ffd77a 30%,#fff 50%,#ffd77a 70%,transparent);box-shadow:0 0 18px 4px #e9b94999,0 0 60px 10px #e9b94944;animation:intro-beam 1.5s cubic-bezier(.2,.7,.2,1) .15s forwards}@keyframes intro-beam{0%{scale:0 1;opacity:0}35%{scale:1 1;opacity:1}60%{scale:1 6;opacity:.9}to{scale:1 1;opacity:0}}.intro-burst{position:absolute;left:50%;top:50%;width:70vmin;height:70vmin;translate:-50% -50%;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff6 0%,#ffd77a44 25%,transparent 60%);animation:intro-burst 1.4s ease-out .75s forwards}@keyframes intro-burst{0%{opacity:0;scale:.3}20%{opacity:1}to{opacity:0;scale:1.6}}.intro-logo{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px}.intro-top{font-family:Cormorant SC,Georgia,serif;font-weight:700;color:#f3e4c0;font-size:clamp(18px,4.6vw,34px);letter-spacing:.55em;margin-right:-.55em;animation:intro-tighten 1.8s cubic-bezier(.2,.7,.2,1) .6s both}.intro-top span{display:inline-block;opacity:0;filter:blur(10px);translate:0 12px;animation:intro-letter .6s ease-out calc(.6s + var(--i) * .07s) forwards}@keyframes intro-letter{to{opacity:1;filter:blur(0);translate:0 0}}@keyframes intro-tighten{0%{letter-spacing:1.1em;margin-right:-1.1em}}.intro-main{position:relative;font-family:Cormorant SC,Georgia,serif;font-weight:700;line-height:1;font-size:clamp(54px,15vw,124px);letter-spacing:.06em;background:linear-gradient(180deg,#fff3c4,#ffd77a 40%,#c9902a 62%,#8a5a12);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px #e9b94966) drop-shadow(0 3px 0 #3a250a);opacity:0;scale:1.5;animation:intro-slam .7s cubic-bezier(.15,.9,.25,1.15) .85s forwards}@keyframes intro-slam{0%{opacity:0;scale:1.5;filter:blur(14px) drop-shadow(0 0 0 transparent)}to{opacity:1;scale:1;filter:blur(0) drop-shadow(0 0 18px #e9b94966) drop-shadow(0 3px 0 #3a250a)}}.intro-main:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 35%,#ffffffe6 50%,transparent 65%) no-repeat;background-size:250% 100%;background-position:150% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:intro-shine 1.1s ease-in-out 1.75s forwards}@keyframes intro-shine{to{background-position:-50% 0}}.intro-line{width:0;height:2px;margin:14px 0 12px;background:linear-gradient(90deg,transparent,#e9b949,transparent);animation:intro-line .9s ease-out 1.6s forwards}@keyframes intro-line{to{width:min(420px,80vw)}}.intro-tag{color:#d8c49a;font-size:clamp(12px,3.2vw,16px);letter-spacing:.12em;opacity:0;translate:0 6px;animation:intro-letter .8s ease-out 2.1s forwards}.hs-box{position:relative;width:100%;padding:26px 22px 22px;display:flex;flex-direction:column;gap:14px;border-radius:26px;background:linear-gradient(180deg,#5a4630,#3a2c1e 60%,#2a2016);border:3px solid #9a7642;box-shadow:0 0 0 6px #2a2016,0 0 0 8px #6b5236,0 20px 50px #000c,inset 0 2px #ffffff1a}.hs-box:before{content:"";position:absolute;top:-13px;left:50%;width:22px;height:22px;translate:-50% 0;rotate:45deg;background:radial-gradient(circle at 35% 30%,#ffe9a8,#e9b949 45%,#8a5a12);border:2px solid #2a2016;box-shadow:0 0 14px #e9b949aa}.hs-mode{display:flex;align-items:center;gap:16px;width:100%;padding:14px 18px;cursor:pointer;text-align:left;border-radius:16px;border:2px solid #c9a24a;background:linear-gradient(180deg,#7a5a34,#4a3622);box-shadow:inset 0 1px #ffffff26,0 4px 10px #0008;transition:transform .12s,box-shadow .15s,filter .15s}.hs-mode:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:inset 0 1px #ffffff26,0 0 22px #e9b94966,0 6px 14px #000a}.hs-mode:active{transform:translateY(1px)}.hs-mode-ico{width:54px;height:54px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:28px;background:radial-gradient(circle at 35% 30%,#3a2c1e,#1a130c);border:2px solid #c9a24a}.hs-mode-text{display:flex;flex-direction:column;gap:3px}.hs-mode-lbl{font-family:Cormorant SC,Georgia,serif;font-size:26px;font-weight:700;color:#ffe9b0;line-height:1}.hs-mode-sub{font-size:12px;color:#d8c49a}.hs-corner{position:absolute;bottom:20px;display:flex;align-items:flex-end;gap:14px}.hs-corner.left{left:22px}.hs-corner.right{right:22px}.hs-tile{position:relative;width:104px;height:104px;border-radius:18px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:700;background:linear-gradient(180deg,#5a4630,#2a2016);border:2px solid #9a7642;box-shadow:0 6px 16px #000a,inset 0 1px #ffffff1a;transition:transform .12s,box-shadow .15s}.hs-tile:hover{transform:translateY(-3px);box-shadow:0 0 18px #e9b94955,0 8px 18px #000a}.hs-tile-ico{font-size:40px;line-height:1}.hs-badge{position:absolute;top:-8px;right:-8px;min-width:26px;height:26px;padding:0 6px;border-radius:13px;display:grid;place-items:center;font-size:13px;background:var(--danger);border:2px solid #ffb3a3}.hs-badge[hidden]{display:none}.hs-tray{position:relative;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:#0007;border:1px solid #6b5236}.hs-gold{color:var(--gold);font-size:16px}.hs-gear{background:none;border:none;font-size:20px;cursor:pointer;padding:0;transition:rotate .3s}.hs-gear:hover{rotate:60deg}.hs-popover{position:absolute;bottom:calc(100% + 8px);right:0;padding:10px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);box-shadow:0 8px 20px #000a;white-space:nowrap}.hs-popover:not([hidden]){display:flex;flex-direction:column;align-items:flex-end;gap:8px}.credits{font-size:11px;color:var(--muted);white-space:normal;width:210px;text-align:right}.credits a{color:var(--gold)}.play-screen{flex:1;display:flex;min-height:0}.deck-grid{flex:1;overflow:auto;padding:24px;display:grid;gap:18px;align-content:start;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.deck-tile{height:180px;border-radius:14px;cursor:pointer;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--class-color) 55%,#2a2016),#1d1610 85%);border:2px solid color-mix(in srgb,var(--class-color) 60%,#000);box-shadow:0 6px 14px #0009;transition:transform .12s,box-shadow .15s}.deck-tile:hover{transform:translateY(-3px)}.deck-tile.selected{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 22px #e9b94988}.deck-tile.invalid{filter:saturate(.5) brightness(.8)}.deck-tile.new{--class-color: #555;border-style:dashed;color:var(--muted)}.deck-tile-art{font-size:52px;line-height:1}.deck-tile-name{font-weight:700;font-size:13px;line-height:1.15}.deck-tile-class{font-size:12px;color:#d8c49a}.play-side{width:320px;margin:12px;display:flex;flex-direction:column;gap:14px}.sel-hero{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.sel-portrait{width:128px;height:140px;border-radius:64px 64px 18px 18px;display:grid;place-items:center;font-size:64px;background:linear-gradient(180deg,color-mix(in srgb,var(--class-color) 60%,#2a2016),#1d1610);border:3px solid color-mix(in srgb,var(--class-color) 70%,var(--gold));box-shadow:0 8px 20px #000b}.sel-name{font-family:Cormorant SC,Georgia,serif;font-size:22px;font-weight:700;color:var(--gold)}.mode-switch{display:flex;background:#0006;border-radius:12px;padding:4px;gap:4px}.mode-btn{flex:1;padding:9px;border:none;border-radius:9px;background:transparent;cursor:pointer;font-weight:600;color:var(--muted)}.mode-btn.active{background:linear-gradient(180deg,#7a5a34,#4a3622);color:#ffe9b0;box-shadow:inset 0 1px #ffffff26}.mode-desc{margin:0;font-size:13px;min-height:34px}.btn-play{font-family:Cormorant SC,Georgia,serif;font-size:30px;padding:14px;margin-top:auto;letter-spacing:1px}.btn-play:not(:disabled){animation:glow 2s infinite}@media(max-width:760px){.hs-menu{overflow:auto;display:grid;grid-template-columns:repeat(3,auto);justify-content:center;align-content:center;gap:14px;padding:16px}.hs-menu:before{display:none}.hs-profile,.hs-center{position:static;translate:none;grid-column:1 / -1;justify-self:center}.hs-center{width:min(420px,100%)}.hs-corner{display:contents}.hs-tile{width:min(104px,calc((100vw - 60px) / 3));height:92px}.hs-tile-ico{font-size:34px}.hs-tray{grid-column:1 / -1;justify-self:center}.hs-title{font-size:38px;white-space:normal}.play-screen{flex-direction:column;overflow:auto}.play-side{width:auto}}.rank-badge{display:inline-flex;flex-direction:column;align-items:center;gap:2px;vertical-align:middle}.rank-medal{--m: 30px;width:var(--m);height:var(--m);display:grid;place-items:center;font-weight:800;font-size:calc(var(--m) * .45);color:#1a0f05;text-shadow:0 1px 0 #fff6;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 35% 30%,var(--m1),var(--m2))}.rank-badge.big .rank-medal{--m: 64px}.tier-iron{--m1: #c9c4bb;--m2: #6c665c}.tier-bronze{--m1: #f0b98a;--m2: #8a4f22}.tier-silver{--m1: #f2f5f8;--m2: #8b97a3}.tier-gold{--m1: #ffe9a8;--m2: #b8862a}.tier-legend{--m1: #ffb36b;--m2: #a33a12}.tier-legend .rank-medal{font-size:calc(var(--m) * .55)}.rank-stars{display:flex;gap:1px;font-size:10px;font-style:normal}.rank-badge.big .rank-stars{font-size:16px}.rank-stars i{font-style:normal;color:#4a3a28}.rank-stars i.on{color:#ffd34d;text-shadow:0 0 6px #ffd34d}.hs-rank{margin-left:4px}.rank-panel{display:flex;align-items:center;gap:14px;background:#0005;border-radius:12px;padding:10px 12px}.rank-title{font-family:Cormorant SC,Georgia,serif;font-size:22px;font-weight:700;color:var(--gold)}.mode-title{font-family:Cormorant SC,Georgia,serif;font-size:20px;font-weight:700;color:#ffe9b0;text-align:center}.btn-play.ranked{background:linear-gradient(180deg,#8fb4ff,#3d5fb0);border-color:#c7d8ff;color:#fff;text-shadow:0 1px 2px #0008}.mode-tag{color:var(--gold);font-weight:700;font-size:13px}.opp-rank{display:flex;align-items:center;gap:6px}.rank-change{display:flex;align-items:center;justify-content:center;gap:18px;margin:10px 0 4px}.rank-arrow{font-size:28px;color:var(--muted)}.rank-change.up .rank-badge:last-child{animation:rank-pop 1s ease-out .3s both}.rank-change.down .rank-badge:last-child{filter:brightness(.8)}@keyframes rank-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}.season-line{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#ffe9b0}.season-reward{font-size:13px;background:#0004;border-radius:8px;padding:6px 10px;cursor:help}.season-modal{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:min(380px,100%)}.season-modal h2{margin:0;text-align:center}.season-chest{font-size:16px;color:#ffe9b0}.search-text{font-variant-numeric:tabular-nums}.dust-pill{color:#9fd8ff}.craft-box{display:flex;gap:24px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:560px}.craft-card .card{--w: 220px}.craft-info{display:flex;flex-direction:column;gap:10px;min-width:220px;flex:1;text-align:left}.craft-info h2{margin:0}.dust-line{color:#9fd8ff}.craft-card{position:relative}.fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.fx-particle{position:absolute;left:50%;top:50%;margin:-4px 0 0 -4px;border-radius:50%;background:radial-gradient(circle,#fff 0%,var(--fx-color) 45%,transparent 75%);box-shadow:0 0 10px var(--fx-color),0 0 20px var(--fx-color);opacity:0}.fx-runes{position:absolute;left:50%;top:50%;width:300px;height:300px;border-radius:50%;opacity:0;border:2px dashed var(--fx-color);background:radial-gradient(circle,transparent 52%,color-mix(in srgb,var(--fx-color) 25%,transparent) 53%,transparent 56%),repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--fx-color) 55%,transparent) 0deg 4deg,transparent 4deg 30deg);-webkit-mask:radial-gradient(circle,transparent 46%,#000 47%);mask:radial-gradient(circle,transparent 46%,#000 47%);box-shadow:0 0 30px color-mix(in srgb,var(--fx-color) 60%,transparent)}.fx-flash{position:absolute;left:50%;top:50%;width:320px;height:320px;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff 0%,var(--fx-color) 30%,transparent 70%)}.fx-gain{position:absolute;left:50%;top:45%;white-space:nowrap;font-size:30px;font-weight:900;color:#c9ecff;text-shadow:0 0 12px #4aa3ff,0 2px 4px #000;opacity:0}.craft-card.fx-glow .card{animation:fx-halo 1.2s ease-out}@keyframes fx-halo{0%{box-shadow:0 0 60px 24px var(--halo, #fff8)}to{box-shadow:0 4px 12px #000a}}.quest-log{max-width:760px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.quest-log h2{margin:0}@media(max-height:500px){.modal{align-items:start;overflow:auto}.quest-log{gap:8px}.quest-card{min-height:0;padding:10px;gap:6px}}.quest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.quest-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 12px;min-height:210px;text-align:center;border-radius:10px;color:#3a2814;background:linear-gradient(180deg,#f3e2b8,#dcc189);border:2px solid #8a6a3a;box-shadow:inset 0 0 18px #8a6a3a55,0 6px 14px #0008}.quest-card:before,.quest-card:after{content:"";position:absolute;left:-6px;right:-6px;height:10px;border-radius:6px;background:linear-gradient(180deg,#b8935a,#6b4a24);box-shadow:0 2px 4px #0006}.quest-card:before{top:-6px}.quest-card:after{bottom:-6px}.quest-card.friend{background:linear-gradient(180deg,#f6e7c4,#e6c98a);border-color:#c9a24a}.quest-card.empty{background:#0004;border:2px dashed #6b5236;color:var(--muted);justify-content:center;box-shadow:none}.quest-card.empty:before,.quest-card.empty:after{display:none}.quest-title{font-family:Cormorant SC,Georgia,serif;font-size:20px;font-weight:700;color:#5a3410}.quest-text{font-size:13px;line-height:1.35;flex:1}.quest-progress{display:flex;align-items:center;gap:8px;font-size:13px}.quest-progress .go-bar{flex:1}.quest-reward{display:flex;justify-content:center;gap:10px;font-weight:700;font-size:14px}.quest-actions{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.quest-actions .btn:not(.btn-primary){background:#6b4a24;border-color:#3a2814;color:#f3e2b8}.go-bar{display:inline-block;height:8px;min-width:60px;border-radius:4px;background:#0005;overflow:hidden;vertical-align:middle}.go-bar i{display:block;height:100%;background:linear-gradient(90deg,#58b04f,#a6e36b);border-radius:4px}.go-quests{display:flex;flex-direction:column;gap:6px;margin:10px auto;max-width:420px;text-align:left}.go-quest{background:#0006;border-radius:8px;padding:6px 10px;font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.go-quest.done{border:1px solid var(--gold);color:#ffe9b0}.go-quest .go-bar{flex:1}@media(max-width:600px){.quest-grid{grid-template-columns:1fr}.quest-card{min-height:0}}.friends-screen{flex:1;display:flex;gap:12px;padding:12px;min-height:0;overflow:auto}.friends-main{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.friends-main h2{margin:0}.friends-main h4{margin:10px 0 4px;color:var(--gold);font-weight:600}.friends-side{width:300px;display:flex;flex-direction:column;gap:10px}.friends-side h3{margin:0}.friend-add{display:flex;gap:8px}.friend-add input{flex:1}.friends-lists{overflow:auto;display:flex;flex-direction:column;gap:6px}.friend-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#0004;border:1px solid var(--line)}.friend-dot{width:10px;height:10px;border-radius:50%;background:#555;flex:none}.friend-dot.on{background:var(--good);box-shadow:0 0 8px var(--good)}.friend-dot.busy{background:var(--accent);box-shadow:0 0 8px var(--accent)}.friend-name{flex:1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-actions{display:flex;gap:6px;flex:none}.friend-x{padding:5px 9px}.challenge-box{text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center;max-width:420px}.challenge-box h2{margin:0}.challenge-box .deck-picker{width:100%;text-align:left}.challenge-icon{font-size:48px;animation:glow 1.4s infinite;border-radius:50%}@media(max-width:760px){.friends-screen{flex-direction:column;padding:8px}.friends-side{width:auto}}.packs-pill{color:#ffd77a}.gold-text{color:var(--gold);font-weight:700}.shop-item{display:flex;flex-direction:column;gap:12px}.shop-art{font-size:64px;text-align:center;filter:drop-shadow(0 0 16px #e9b94966)}.shop-list{margin:0;padding-left:18px;color:#e3d6bd;line-height:1.6}.r-rare{color:#8cc4ff}.r-mythic{color:#d39cff}.r-legendary{color:#ffc266}.pack-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:16px;overflow:auto}.pack-big{position:relative;font-size:120px;filter:drop-shadow(0 0 30px #e9b949aa);animation:pack-bob 2.4s ease-in-out infinite}.pack-big.empty{filter:grayscale(1) opacity(.4);animation:none}.pack-count{position:absolute;right:-10px;bottom:6px;font-size:22px;font-weight:800;background:var(--danger);border-radius:14px;padding:2px 10px;border:2px solid #ffb3a3}@keyframes pack-bob{50%{transform:translateY(-10px)}}.flip{--w: 150px;width:var(--w);height:calc(var(--w) * 1.42);perspective:900px;cursor:pointer}.flip .card{--w: 150px}.flip-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.flip.flipped .flip-inner{transform:rotateY(180deg)}.flip-back,.flip-front{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.flip-front{transform:rotateY(180deg)}.card-back.big{width:100%;height:100%;margin:0;border-radius:10px;border-width:3px}.flip:not(.flipped):hover .flip-inner{transform:translateY(-8px)}.flip[data-rarity=rare]:not(.flipped):hover .card-back{box-shadow:0 0 26px 6px #3d8ee0}.flip[data-rarity=mythic]:not(.flipped):hover .card-back{box-shadow:0 0 30px 8px #a24fd6}.flip[data-rarity=legendary]:not(.flipped):hover .card-back{box-shadow:0 0 36px 12px #f09a1a}.flip[data-rarity=legendary].flipped .card{animation:legend-burst 1s}@keyframes legend-burst{0%{box-shadow:0 0 #f09a1a}40%{box-shadow:0 0 60px 20px #f09a1a}}.pack-done{display:flex;flex-direction:column;align-items:center;gap:8px}.campaign{flex:1;display:flex;min-height:0}.campaign-map{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:22px}.chapter h2{margin-bottom:10px}.stage-row{display:flex;flex-wrap:wrap;gap:12px}.stage{position:relative;width:112px;height:130px;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--class-color) 45%,#2a2016),#1d1610);border:2px solid color-mix(in srgb,var(--class-color) 60%,#000);transition:transform .12s}.stage:hover{transform:translateY(-3px)}.stage.selected{border-color:var(--gold);box-shadow:0 0 16px #e9b94988}.stage.locked{filter:grayscale(.9) brightness(.55)}.stage.needPass{filter:grayscale(.4) brightness(.8)}.stage.cleared{border-color:var(--good)}.stage-art{font-size:38px}.stage-name{font-size:12px;font-weight:600;text-align:center;line-height:1.1}.stage-icon{position:absolute;top:4px;right:6px;font-size:14px}.stage-panel{width:340px;margin:12px;display:flex;flex-direction:column;gap:12px;overflow:auto}.boss-head{display:flex;gap:12px;align-items:center}.boss-head h2{margin:0}.boss-portrait{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:40px;flex:none;background:radial-gradient(circle,color-mix(in srgb,var(--class-color) 60%,#2a2016),#1d1610);border:3px solid color-mix(in srgb,var(--class-color) 70%,var(--gold))}.boss-intro{margin:0;color:#e3d6bd;font-style:italic}.boss-power{background:#0004;border-radius:8px;padding:8px 10px;font-size:13px}.reward{display:flex;align-items:center;justify-content:space-between;gap:10px}.reward-card{--w: 110px}.hero.boss{border-radius:14px;border-width:4px;box-shadow:0 0 18px color-mix(in srgb,var(--class-color) 70%,transparent),0 6px 18px #000b}.go-box .pack-cards{margin:12px 0}@media(max-width:900px){.campaign{flex-direction:column;overflow:auto}.campaign-map{flex:none;overflow:visible}.stage-panel{width:auto}.log-panel{display:none}.deck-panel{width:260px}}@media(max-width:760px){.topbar{padding:8px 10px;gap:8px;flex-wrap:wrap}.topbar-right{gap:10px;font-size:13px}.topbar .user{display:none}.collection .topbar .tabs{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:2px;scrollbar-width:none}.tab{white-space:nowrap;flex:none;padding:5px 12px}.collection-main{flex-direction:column}.card-grid{padding:30px 12px 24px;gap:32px 10px;grid-template-columns:repeat(3,1fr)}.card-grid .card{--w: calc((100vw - 24px - 20px) / 3 - 4px)}.deck-panel{width:auto;margin:0 8px 8px;max-height:40vh;flex:none;padding:14px}.deck-panel h2{font-size:18px;margin-bottom:4px}.deck-grid{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:118px;overflow-x:auto;overflow-y:hidden;padding:14px 12px;flex:none}.deck-tile{height:150px}.deck-tile-art{font-size:42px}.play-side{margin:0 8px 8px;gap:10px}.sel-portrait{width:96px;height:104px;font-size:48px}.btn-play{font-size:26px;padding:12px}.campaign-map{padding:14px 10px;gap:16px}.stage-row{gap:8px}.stage{width:calc((100vw - 44px)/4);height:108px}.stage-art{font-size:30px}.stage-name{font-size:11px}.stage-panel{margin:0 8px 8px}.flip,.flip .card{--w: min(150px, calc((100vw - 52px) / 3))}.pack-cards{gap:12px}.pack-big{font-size:90px}.modal{align-items:start;overflow:auto}.craft-box{gap:14px;padding:16px}.craft-card .card{--w: min(200px, 52vw)}.menu-main{grid-template-columns:minmax(0,1fr);align-content:start;padding:12px;gap:14px}}@media(max-width:480px){.card-grid{grid-template-columns:repeat(2,1fr);row-gap:46px;padding-top:40px}.card-grid .card{--w: calc((100vw - 34px)/2 - 8px) }}