.tcg-card{--w:260px;--mx:50%;--my:50%;--rx:0deg;--ry:0deg;--hyp:0;--accent:#4a7c59;width:var(--w);aspect-ratio:63/88;perspective:900px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex:none;position:relative;container-type:inline-size}.tc-tilt{transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;will-change:transform;border-radius:4.8cqw;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .4s;position:absolute;inset:0;box-shadow:0 1.5cqw 3cqw #00000073,0 0 0 .3cqw #00000059}.tcg-card.active .tc-tilt{transition:transform 80ms linear,box-shadow .4s}.tcg-card.clickable{cursor:pointer}.tcg-card.clickable:hover .tc-tilt,.tcg-card.clickable:focus-visible .tc-tilt{box-shadow:0 4cqw 8cqw #0000008c, 0 0 6cqw -1cqw var(--glow,transparent)}.tcg-card:focus-visible{outline:none}.tcg-card:focus-visible .tc-tilt{outline-offset:1cqw;outline:.8cqw solid #fff}.tc-frame{border-radius:inherit;background:var(--frame);background-size:200% 200%;padding:2.6cqw;position:absolute;inset:0;overflow:hidden}.tc-frame:before{content:"";mix-blend-mode:overlay;pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff12 0 1px,#0000 1px 3px);position:absolute;inset:0}.r1{--frame:linear-gradient(145deg, #eef1f5, #a2abb6 28%, #e3e7ec 52%, #7f8894 78%, #c9cfd6);--ink:#aeb6c1}.r2{--frame:linear-gradient(145deg, #d6fbe6, #34a56a 30%, #a8efc6 52%, #1c6a43 78%, #6fd39c);--ink:#5fe0a0;--glow:#3fd08a}.r3{--frame:linear-gradient(145deg, #dcedff, #2f82e6 30%, #a9d1ff 52%, #17468a 78%, #62a8ff);--ink:#6cb8ff;--glow:#4aa8ff}.r4{--frame:linear-gradient(145deg, #f1e3ff, #8c4fe0 30%, #dbbaff 52%, #45208a 78%, #b47cff);--ink:#c69bff;--glow:#b57bff}.r5{--frame:linear-gradient(135deg, #fff6cf, #e0a91c 22%, #fff1a8 40%, #b07a05 58%, #ffe27a 76%, #8c5c00);--ink:#ffd35a;--glow:#ffc93c}.r5 .tc-frame{animation:6s linear infinite sheen}.r6{--frame:conic-gradient(from var(--angle,0deg), #ff4d5a, #ffb347, #fff27a, #5dffb0, #4ab8ff, #b57bff, #ff4d5a);--ink:#ff8a8f;--glow:#ff5a5f}.r6 .tc-frame{animation:5s linear infinite spin-frame}@property --angle{syntax:"<angle>";inherits:true;initial-value:0deg}@keyframes spin-frame{to{--angle:360deg}}@keyframes sheen{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.tc-surface{color:#f4f1ea;background:radial-gradient(130% 70% at 50% -10%, color-mix(in oklab, var(--accent) 70%, transparent), transparent 70%), radial-gradient(90% 60% at 100% 110%, color-mix(in oklab, var(--accent) 35%, transparent), transparent 70%), linear-gradient(180deg, #151b23, #0b0f14);border-radius:2.8cqw;flex-direction:column;gap:1.6cqw;height:100%;padding:2.4cqw 2.8cqw 2cqw;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .35cqw #0000008c,inset 0 0 4cqw #0009}.r6 .tc-surface{background:radial-gradient(120% 70% at 50% -10%,#ff3c508c,#0000 70%),radial-gradient(100% 60% at 50% 115%,#781ec873,#0000 70%),linear-gradient(#1a0a10,#07040a)}.tc-head{justify-content:space-between;align-items:center;gap:2cqw;min-height:9cqw;display:flex}.tc-name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 .4cqw 1cqw #0009;margin:0;font-family:Fraunces,Georgia,serif;font-size:7.4cqw;font-weight:900;line-height:1.05;overflow:hidden}.tc-name.long{font-size:6.2cqw}.tc-name.xlong{font-size:5.1cqw}.gems{flex:none;gap:.9cqw;display:inline-flex}.gems i{background:linear-gradient(135deg, #fff, var(--ink) 45%, color-mix(in oklab, var(--ink) 60%, #000));width:2.6cqw;height:2.6cqw;box-shadow:0 0 1.4cqw var(--ink);border-radius:.4cqw;transform:rotate(45deg)}.gems .gem-myth{background:conic-gradient(#ff4d5a,#ffd35a,#5dffb0,#4ab8ff,#b57bff,#ff4d5a);animation:3s linear infinite spin}@keyframes spin{to{transform:rotate(405deg)}}.tc-art{aspect-ratio:4/3.05;box-shadow:0 0 0 .7cqw #0009, 0 0 0 1.2cqw color-mix(in oklab, var(--ink) 60%, #000), 0 1.2cqw 3cqw #0009;background:#0b0f14;border-radius:2cqw;flex:none;margin:.6cqw .8cqw;position:relative;overflow:hidden}.tc-art img{object-fit:cover;width:100%;height:100%;transform:scale(1.04) translate(calc((var(--mx) - 50%) * -.03), calc((var(--my) - 50%) * -.03));transition:transform .5s ease-out;display:block}.tc-art-fallback{background:radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--accent) 70%, #fff 10%), transparent 65%), repeating-conic-gradient(from 0deg, #ffffff0a 0 10deg, transparent 10deg 20deg), #121820;place-items:center;width:100%;height:100%;font-size:30cqw;display:grid}.tc-art-shade{pointer-events:none;background:linear-gradient(#00000040,#0000 22% 70%,#0000008c),radial-gradient(120% 90% at 50% 45%,#0000 60%,#00000073);position:absolute;inset:0}.tc-art-holo{pointer-events:none;background:repeating-linear-gradient(115deg,#ff6666e6 0%,#ffe14ce6 6%,#4cff88e6 12%,#4cc3ffe6 18%,#cc66ffe6 24%,#ff6666e6 30%) 0 0/300% 300%;background-position:var(--mx) var(--my);mix-blend-mode:color-dodge;opacity:.12;transition:opacity .3s;position:absolute;inset:0}.tcg-card.active .tc-art-holo{opacity:.38}.tc-emblem{background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--accent) 60%, #fff), var(--accent) 60%, color-mix(in oklab, var(--accent) 50%, #000));width:9cqw;height:9cqw;box-shadow:0 0 0 .5cqw color-mix(in oklab, var(--ink) 70%, #000), 0 .6cqw 1.6cqw #0009;border-radius:50%;place-items:center;font-size:5.2cqw;display:grid;position:absolute;bottom:1.6cqw;left:2cqw}.tc-iucn{letter-spacing:.04em;color:#fff;background:var(--iucn);border-radius:99px;padding:1cqw 1.8cqw;font:700 3.3cqw/1 Inter,sans-serif;position:absolute;bottom:1.8cqw;right:2cqw;box-shadow:0 0 0 .4cqw #ffffffd9,0 .6cqw 1.4cqw #0009}.tc-ribbon{background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--accent) 80%, #000) 12%, color-mix(in oklab, var(--accent) 80%, #000) 88%, transparent);border-block:.3cqw solid color-mix(in oklab, var(--ink) 55%, transparent);text-align:center;margin:0 -2.8cqw;padding:1.1cqw 4cqw;position:relative}.tc-ribbon span{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:#fff;text-shadow:0 .3cqw .6cqw #0009;font:600 3.3cqw/1.2 Inter,sans-serif;display:block;overflow:hidden}.tc-body{background:#ffffff0f;border-radius:1.8cqw;flex:1;min-height:0;padding:1.6cqw 2.2cqw;overflow:hidden;box-shadow:inset 0 0 0 .25cqw #ffffff14}.tc-sci{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .8cqw;font:italic 500 3.6cqw/1.2 Fraunces,Georgia,serif;overflow:hidden}.tc-desc{color:#f4f1eae6;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font:400 3.75cqw/1.4 Inter,sans-serif;display:-webkit-box;overflow:hidden}.tc-desc:first-letter{text-transform:uppercase}.tc-foot{letter-spacing:.04em;color:#f4f1eab3;justify-content:space-between;align-items:baseline;gap:2cqw;font:600 3cqw/1 Inter,sans-serif;display:flex}.tc-rarity-name{color:var(--ink);text-transform:uppercase;letter-spacing:.1em}.tc-num{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tc-credit{color:#f4f1ea73;white-space:nowrap;text-overflow:ellipsis;margin:-.6cqw 0 0;font:400 2.3cqw/1.2 Inter,sans-serif;overflow:hidden}.tc-foil,.tc-glare,.tc-sparkles{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.tc-glare{background:radial-gradient(farthest-corner circle at var(--mx) var(--my), #ffffff8c 0%, #ffffff1f 25%, transparent 55%);mix-blend-mode:overlay;opacity:0;transition:opacity .3s}.tcg-card.active .tc-glare{opacity:1}.tc-foil{opacity:0;transition:opacity .3s}.r4 .tc-foil,.r5 .tc-foil,.r6 .tc-foil{background:repeating-linear-gradient(125deg,#f66c 0%,#ff6c 5%,#4cffc4cc 10%,#69fc 15%,#f6fc 20%,#f66c 25%) 0 0/400% 400%,repeating-linear-gradient(35deg,#ffffff40 0 1px,#0000 1px 7px) 0 0/100% 100%;background-position:var(--mx) var(--my), 0 0;mix-blend-mode:color-dodge;opacity:.1}.r4.active .tc-foil{opacity:.28}.r5.active .tc-foil{opacity:.36}.r6 .tc-foil{opacity:.18;animation:7s linear infinite foil-drift}.r6.active .tc-foil{opacity:.45;animation:none}@keyframes foil-drift{0%{background-position:0 0,0 0}to{background-position:400% 400%,0 0}}.tc-sparkles{mix-blend-mode:screen;opacity:.55;background-image:radial-gradient(circle,#fff 0 .35cqw,#0000 .7cqw),radial-gradient(circle,#fff 0 .25cqw,#0000 .6cqw),radial-gradient(circle,#fff8d0 0 .3cqw,#0000 .7cqw);background-position:3cqw 5cqw,11cqw 13cqw,7cqw 2cqw;background-size:23cqw 29cqw,31cqw 17cqw,17cqw 37cqw;animation:2.6s ease-in-out infinite alternate twinkle}@keyframes twinkle{0%{opacity:.15;background-position:3cqw 5cqw,11cqw 13cqw,7cqw 2cqw}to{opacity:.7;background-position:5cqw 3cqw,9cqw 16cqw,9cqw 5cqw}}.tcg-card.locked .tc-frame{background:linear-gradient(145deg,#3a4048,#20252c 50%,#3a4048)}.tcg-card.locked .tc-surface{background:linear-gradient(#161b22,#0d1116)}.tcg-card.locked .tc-art img{filter:grayscale()brightness(.28)blur(1.2cqw)}.tcg-card.locked .tc-art-fallback{filter:grayscale()brightness(.4)}.tcg-card.locked .tc-emblem{filter:grayscale()brightness(.6)}.tcg-card.locked .gems i{filter:grayscale()brightness(.6);box-shadow:none}.tcg-card.locked .tc-name,.tcg-card.locked .tc-ribbon span{color:#ffffff73}.tcg-card.locked .tc-ribbon{background:#ffffff0d;border-color:#0000}.tcg-card.locked .tc-desc{color:#ffffff59;font-style:italic}.tcg-card.locked .tc-rarity-name{color:#fff6}.tc-qty,.tc-new{z-index:3;pointer-events:none;border-radius:99px;padding:1.6cqw 2.6cqw;font:800 4.4cqw/1 Inter,sans-serif;position:absolute;box-shadow:0 .8cqw 2cqw #00000080}.tc-qty{color:#0b0f14;background:#f4f1ea;top:-2cqw;right:-2cqw}.tc-new{color:#1a0f00;letter-spacing:.1em;background:linear-gradient(90deg,#ffd35a,#ff8a3c);font-size:3.6cqw;animation:.5s cubic-bezier(.2,1.6,.4,1) pop;top:-3cqw;left:50%;transform:translate(-50%)}@keyframes pop{0%{transform:translate(-50%)scale(0)}to{transform:translate(-50%)scale(1)}}.card-back .tc-tilt{overflow:hidden}.cb-face{border-radius:inherit;background:radial-gradient(circle at 50% 45%,#f5d77a38,#0000 45%),repeating-linear-gradient(45deg,#f5d77a12 0 2cqw,#0000 2cqw 4cqw),repeating-linear-gradient(-45deg,#f5d77a12 0 2cqw,#0000 2cqw 4cqw),linear-gradient(160deg,#173226,#0a1511 60%,#10241b);border:2.6cqw solid #1d2a22;flex-direction:column;justify-content:center;align-items:center;gap:3cqw;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 0 .8cqw #c9a13b,inset 0 0 8cqw #000000b3}.cb-ring{color:#f5d77a;background:radial-gradient(circle,#1b3a2c,#0b1812);border-radius:50%;place-items:center;width:42cqw;height:42cqw;display:grid;box-shadow:0 0 0 1.2cqw #c9a13b,0 0 0 2.4cqw #0b1812,0 0 0 3cqw #c9a13b,0 0 8cqw #f5d77a59}.cb-ring svg{filter:drop-shadow(0 0 2cqw #f5d77a99);width:60%}.cb-title{letter-spacing:.18em;color:#f5d77a;text-shadow:0 .6cqw #7a5a12;font:900 11cqw/1 Fraunces,Georgia,serif}.cb-sub{letter-spacing:.3em;text-transform:uppercase;color:#f5d77ab3;font:600 3.4cqw/1 Inter,sans-serif}@media (prefers-reduced-motion:reduce){.r5 .tc-frame,.r6 .tc-frame,.r6 .tc-foil,.tc-sparkles,.gems .gem-myth{animation:none}.tc-tilt{transition:none}}.tc-gems-wrap{flex:none;align-items:center;gap:1.4cqw;display:inline-flex}.tc-shiny-star{background:linear-gradient(135deg,#fff,#ffe38f 40%,#ff9ad5 70%,#9ad8ff);color:#0000;filter:drop-shadow(0 0 1.2cqw #ffe696e6);-webkit-background-clip:text;background-clip:text;font-size:5cqw;line-height:1;animation:1.6s ease-in-out infinite star-pulse}@keyframes star-pulse{50%{transform:scale(1.25)rotate(20deg)}}.is-shiny .tc-foil{background:repeating-linear-gradient(125deg,#ff7070d9 0%,#fff266d9 5%,#52ffc5d9 10%,#70a0ffd9 15%,#ff70ffd9 20%,#ff7070d9 25%) 0 0/400% 400%,repeating-radial-gradient(circle at 30% 30%,#ffffff59 0 .4cqw,#0000 .4cqw 3cqw) 0 0/100% 100%;background-position:var(--mx) var(--my), 0 0;mix-blend-mode:color-dodge;opacity:.3;animation:6s linear infinite foil-drift}.is-shiny.active .tc-foil{opacity:.55;animation:none}.tc-shiny-rim{border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--angle,0deg), #fff6c9, #ffb3e1, #a8e6ff, #c6ffb3, #fff6c9);-webkit-mask-composite:xor;filter:drop-shadow(0 0 2cqw #ffe6b4cc);padding:1cqw;animation:4s linear infinite spin-frame;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.is-shiny .tc-tilt{box-shadow:0 1.5cqw 3cqw #00000073,0 0 6cqw #ffe19659}@media (prefers-reduced-motion:reduce){.tc-shiny-star,.is-shiny .tc-foil,.tc-shiny-rim{animation:none}}.tc-battle{background:linear-gradient(90deg, color-mix(in oklab, var(--el) 35%, #0b0f14), #00000059);box-shadow:inset 0 0 0 .25cqw color-mix(in oklab, var(--el) 50%, transparent);color:#fff;white-space:nowrap;border-radius:1.6cqw;align-items:center;gap:1.6cqw;margin:-.4cqw 0 0;padding:1cqw 1.6cqw;font:700 3.3cqw/1 Inter,sans-serif;display:flex}.tcb-el{background:var(--el);width:5.6cqw;height:5.6cqw;box-shadow:0 0 1.4cqw color-mix(in oklab, var(--el) 70%, transparent);border-radius:50%;place-items:center;font-size:3.4cqw;display:grid}.tcb-hp{color:#ff9aa2}.tcb-talent{background:#ffffff24;border-radius:1.2cqw;place-items:center;width:5cqw;height:5cqw;font-size:2.9cqw;display:grid;box-shadow:inset 0 0 0 .2cqw #ffffff40}.tcb-atk{flex:1;justify-content:flex-end;align-items:center;gap:1.2cqw;min-width:0;display:flex}.tcb-cost{letter-spacing:-.3cqw;filter:saturate(1.4);font-size:2.6cqw}.tcb-name{text-overflow:ellipsis;opacity:.85;font-weight:600;overflow:hidden}.tcb-atk strong{font:900 4.2cqw/1 Fraunces,serif}.tcg-card.locked .tc-battle{filter:grayscale()opacity(.5)}.tc-variant{color:#fff;background:#00000073;border-radius:99px;place-items:center;min-width:5.4cqw;height:5.4cqw;margin-right:1cqw;padding:0 1cqw;font:800 3.4cqw/1 Inter,sans-serif;display:inline-grid;box-shadow:inset 0 0 0 .25cqw #ffffff59}.v-male .tc-variant{background:#2f6fd6}.v-femelle .tc-variant{background:#d64f8f}.v-doree{--frame:linear-gradient(135deg, #fffbe6, #f7c948 16%, #fff5c2 30%, #c8911c 46%, #fff0b3 62%, #9a6a00 80%, #ffe38a);--ink:#ffe07a;--glow:#ffd24a}.v-doree .tc-frame{animation:4s linear infinite sheen}.v-doree .tc-surface{box-shadow:inset 0 0 0 .7cqw #ffd7648c,inset 0 0 6cqw #ffc83c40}.v-doree .tc-name{color:#ffe9a6;text-shadow:0 .3cqw #5a3c00,0 0 2cqw #ffd250b3}.v-doree .tc-art img{filter:sepia(.2)saturate(1.25)contrast(1.05)}.v-doree .tc-art:after{content:"";pointer-events:none;mix-blend-mode:color-dodge;opacity:.35;background:linear-gradient(115deg,#0000 30%,#ffe696e6 45%,#0000 60%) 0 0/250% 100%;animation:3.5s ease-in-out infinite gold-sweep;position:absolute;inset:0}@keyframes gold-sweep{0%{background-position:120% 0}to{background-position:-120% 0}}.v-art .tc-art img{filter:url(#fauna-paint)saturate(1.35)contrast(1.08)}.v-art .tc-art:after{content:"";pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-image:repeating-linear-gradient(45deg,#785a3c59 0 1px,#0000 1px 4px),repeating-linear-gradient(-45deg,#785a3c40 0 1px,#0000 1px 5px);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.v-doree .tc-frame,.v-doree .tc-art:after{animation:none}}.tc-art[style*=background-image]{background-position:50%;background-size:cover}.tc-art[style*=background-image]:before{content:"";-webkit-backdrop-filter:blur(1.6cqw);position:absolute;inset:0}.tc-art img.img-wait{opacity:0}.tc-art img.img-in{opacity:1;transition:opacity .35s,transform .5s ease-out}.tc-art img{position:relative}.tc-art img:not(.tc-art-bg){object-fit:contain;object-position:center;transform:translate(calc((var(--mx) - 50%) * -.015), calc((var(--my) - 50%) * -.015))}.tc-art img.tc-art-bg{object-fit:cover;filter:blur(3.2cqw)brightness(.6)saturate(1.25);pointer-events:none;width:124%;max-width:none;height:124%;transition:none;position:absolute;inset:-12%;transform:none}.v-art .tc-art img.tc-art-bg,.v-doree .tc-art img.tc-art-bg{filter:blur(3.2cqw)brightness(.6)saturate(1.25)}.tcg-card.locked .tc-art img.tc-art-bg{filter:grayscale()brightness(.2)blur(3cqw)}.card-modal{grid-template-columns:auto 1fr;align-items:start;gap:32px;display:grid}.cm-card{justify-content:center;display:flex;position:sticky;top:0}.cm-info{min-width:0}.cm-badges{flex-wrap:wrap;gap:6px;margin-bottom:10px;padding-right:40px;display:flex}.badge{--c:#f4f1eab3;color:var(--c);border:1px solid color-mix(in oklab, var(--c) 45%, transparent);background:color-mix(in oklab, var(--c) 10%, transparent);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.cm-name{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.05}.cm-sci{color:var(--muted);margin:6px 0 0;font:italic 500 18px Fraunces,serif}.cm-facts{grid-template-columns:max-content 1fr;gap:6px 16px;margin:18px 0;font-size:14px;display:grid}.cm-facts dt{color:var(--muted)}.cm-facts dd{margin:0;font-weight:600}.iucn-dot{border-radius:50%;width:9px;height:9px;margin-right:4px;display:inline-block}.cm-desc{color:#f4f1eae0;line-height:1.65}.cm-variants h4{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:18px 0 8px;font-family:Inter,sans-serif;font-size:13px}.cm-owned{border:1px solid var(--line);background:#ffffff0a;border-radius:14px;gap:10px;margin:18px 0;padding:14px;display:grid}.cm-links{flex-wrap:wrap;gap:8px;display:flex}.cm-credit{color:var(--muted);margin-top:14px;font-size:12px}.cm-credit a{color:var(--muted)}.linkish{color:var(--gold);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}@media (width<=760px){.card-modal{grid-template-columns:1fr;gap:18px}.cm-card{position:static}}.shiny-note{color:#ffe8a8;font-weight:700}.cm-versions{gap:8px;display:grid}.cm-versions h4{margin:0}.cm-ver-list{flex-wrap:wrap;gap:8px;display:flex}.cm-ver{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;gap:4px;padding:6px;transition:border-color .2s,transform .15s;display:grid}button.cm-ver{cursor:pointer;color:var(--text);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.cm-ver.on{border-color:var(--gold);box-shadow:0 0 12px #f5d77a4d}.cm-ver.have{border-color:#3fd08a80}.cm-ver-main{color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:2px 4px;font-size:13px;font-weight:700;display:flex}.cm-ver-emoji{font-size:18px}.cm-ver-have{color:#7ff0b5;font-size:11px;font-weight:900}.cm-ver-craft{padding:4px 8px;font-size:11px}.cm-versions .small{margin:0 0 6px}.cm-card{touch-action:pan-y;flex-direction:column;align-items:center;gap:10px}.cm-nav{font-variant-numeric:tabular-nums;align-items:center;gap:14px;font-size:13px;font-weight:700;display:flex}.cm-arrow{border:1px solid var(--line);background:var(--panel-2);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;font-size:22px;line-height:1;display:grid}.cm-arrow:disabled{opacity:.3;cursor:default}.cm-slide.left{animation:.28s cubic-bezier(.2,1,.3,1) cm-in-left}.cm-slide.right{animation:.28s cubic-bezier(.2,1,.3,1) cm-in-right}@keyframes cm-in-left{0%{opacity:.3;transform:translate(40px)}}@keyframes cm-in-right{0%{opacity:.3;transform:translate(-40px)}}.feed h2{align-items:center;gap:10px;margin:0 0 12px;font-size:20px;display:flex}.live-dot{background:var(--red);border-radius:50%;width:10px;height:10px;animation:1.6s infinite live;box-shadow:0 0 #ff5a5f99}@keyframes live{70%{box-shadow:0 0 0 10px #ff5a5f00}to{box-shadow:0 0 #ff5a5f00}}.feed ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.fi{border-radius:10px;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:6px 8px;font-size:14px;animation:.4s fade;display:grid}.fi:hover{background:#ffffff0a}.fi img{object-fit:cover;border-radius:8px;width:36px;height:36px}.fi-emoji{text-align:center;width:36px;font-size:22px}.fi a{color:var(--gold);font-weight:700;text-decoration:none}.fi time{white-space:nowrap;font-size:12px}.confetti{pointer-events:none;z-index:300;position:fixed;inset:0;overflow:hidden}.confetti i{opacity:0;animation:linear forwards confetti-fall;position:absolute;top:-20px}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translate(var(--drift), 105vh) rotate(var(--spin))}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.fs{z-index:90;position:fixed;bottom:16px;left:16px}.fs-pill{cursor:pointer;box-shadow:var(--shadow);color:var(--text);text-align:left;background:linear-gradient(#223040,#18222e);border:1px solid #3fd08a66;border-radius:99px;align-items:center;gap:10px;max-width:min(320px,100vw - 32px);padding:8px 14px 8px 8px;animation:.5s cubic-bezier(.2,1.3,.4,1) fs-in;display:flex}.fs-pill:hover{transform:translateY(-2px)}.fs-pill.ready{border-color:var(--gold);animation:.5s cubic-bezier(.2,1.3,.4,1) fs-in,1.2s ease-in-out infinite fs-ready}@keyframes fs-ready{50%{box-shadow:0 0 0 4px #f5d77a33,0 0 26px #f5d77a99}}@keyframes fs-in{0%{opacity:0;transform:translateY(30px)scale(.9)}}.fs-ring{background:conic-gradient(var(--green) var(--p), #ffffff1f 0);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.fs-ring span{background:#18222e;border-radius:50%;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.fs-pill-text{min-width:0;line-height:1.2;display:grid}.fs-pill-text strong{font-size:13px}.fs-pill-text span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.fs-pill.ready .fs-pill-text span{color:var(--gold);font-weight:800}.fs-panel{transform-origin:0 100%;background:linear-gradient(#1d2936,#151d27);border:1px solid #3fd08a59;border-radius:18px;gap:10px;width:min(360px,100vw - 32px);max-height:min(560px,100vh - 110px);padding:14px;animation:.35s cubic-bezier(.2,1.2,.4,1) fs-open;display:grid;overflow-y:auto;box-shadow:0 20px 60px #0000008c}@keyframes fs-open{0%{opacity:0;transform:scale(.85)translateY(20px)}}.fs-panel header{align-items:center;gap:8px;display:flex}.fs-panel header strong{font-size:15px}.fs-x{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:18px;font-weight:900}.fs-panel ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.fs-panel li{background:#ffffff08;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;transition:background .3s;display:flex}.fs-panel li.current{background:#3fd08a14;border-color:#3fd08a59}.fs-panel li.done{background:#f5d77a1a;border-color:#f5d77a73;animation:.5s cubic-bezier(.2,1.6,.4,1) fs-done}@keyframes fs-done{0%{transform:scale(1.06)}}.fs-panel li.claimed{opacity:.5}.fs-panel li.claimed .fs-emoji{color:var(--green);font-weight:900}.fs-panel li.todo{opacity:.6}.fs-emoji{text-align:center;flex:none;width:26px;font-size:18px}.fs-body{flex:1;gap:2px;min-width:0;display:grid}.fs-title{font-size:13px;font-weight:700}.fs-hint{color:var(--muted);font-size:12px;line-height:1.4}.fs-reward{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:700}.fs-claim{white-space:nowrap;animation:1.2s ease-in-out infinite fs-ready}.fs-final{width:100%;animation:1.2s ease-in-out infinite fs-ready}.fs-hide{color:var(--muted);cursor:pointer;background:0 0;border:none;justify-self:center;font-size:12px;text-decoration:underline}.fs-bye{text-align:center;padding:10px;font-weight:700;line-height:1.5}body[data-tuto=pack] [data-tuto~=pack],body[data-tuto=daily] [data-tuto~=daily],body[data-tuto=avatar] [data-tuto~=avatar],body[data-tuto=deck] [data-tuto~=deck],body[data-tuto=battle] [data-tuto~=battle],body[data-tuto=mission] [data-tuto~=mission],body[data-tuto=wonder] [data-tuto~=wonder]{z-index:1;animation:1.3s ease-in-out infinite tuto-glow;position:relative}@keyframes tuto-glow{0%,to{box-shadow:0 0 0 2px #3fd08ab3,0 0 12px #3fd08a59}50%{box-shadow:0 0 0 4px #3fd08ae6,0 0 28px #3fd08abf}}@media (width<=760px){.fs{bottom:10px;left:10px}.fs-pill-text span{max-width:170px}}.fs-inline .fs-panel{width:100%;max-height:none;box-shadow:none;animation:none;overflow:visible}.home{gap:40px;display:grid}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:24px;min-height:520px;display:grid}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;font-size:12px;font-weight:800;display:inline-block}.hero h1{margin:0 0 18px;font-size:clamp(36px,5.4vw,66px);line-height:1.02}.hero h1 em{background:linear-gradient(90deg,#ffe38f,#3fd08a);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic}.lead{color:var(--muted);max-width:560px;margin:0 0 26px;font-size:17px;line-height:1.6}.hero-cards{justify-content:center;align-items:center;height:480px;display:flex;position:relative}.fan{transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute}.fan-0{z-index:1;transform:translate(-62%)rotate(-11deg)translateY(24px)}.fan-1{z-index:3;transform:translateY(-8px)}.fan-2{z-index:2;transform:translate(62%)rotate(11deg)translateY(24px)}.hero-cards:hover .fan-0{transform:translate(-72%)rotate(-14deg)translateY(30px)}.hero-cards:hover .fan-2{transform:translate(72%)rotate(14deg)translateY(30px)}.fan:hover{z-index:5}@media (width<=900px){.hero{grid-template-columns:1fr}.hero-cards{order:-1;height:min(420px,70vw)}}.rarity-table h2{margin:0 0 6px}.rarity-rows{gap:6px;margin-top:16px;display:grid}.rarity-row{background:linear-gradient(90deg, color-mix(in oklab, var(--c) 14%, transparent), transparent 70%);border-radius:12px;grid-template-columns:18px 130px 1fr auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.rarity-row strong{color:var(--c)}.rr-gem{background:linear-gradient(135deg, #fff, var(--c));width:12px;height:12px;box-shadow:0 0 10px var(--c);border-radius:2px;transform:rotate(45deg)}.rr-count{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}@media (width<=640px){.rarity-row{grid-template-columns:18px 1fr auto;row-gap:2px;padding:9px 12px}.rarity-row .rr-gem{grid-area:1/1}.rarity-row strong{grid-area:1/2}.rarity-row .rr-count{grid-area:1/3;font-size:14px}.rarity-row .muted{grid-area:2/2/auto/-1;font-size:12.5px}}.col-tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.col-tile{border:1px solid var(--line);background:linear-gradient(160deg, color-mix(in oklab, var(--accent) 45%, #111), #0d1117);border-radius:16px;align-items:flex-end;min-height:150px;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.col-tile:hover{border-color:color-mix(in oklab, var(--accent) 60%, transparent);transform:translateY(-3px)}.col-tile img{object-fit:cover;opacity:.45;width:100%;height:100%;transition:opacity .3s,transform .5s;position:absolute;inset:0}.col-tile:hover img{opacity:.6;transform:scale(1.05)}.col-tile:after{content:"";background:linear-gradient(#0000 20%,#080b0feb);position:absolute;inset:0}.col-tile-body{z-index:1;gap:4px;width:100%;padding:14px;display:grid;position:relative}.col-tile-body strong{font-family:Fraunces,serif;font-size:19px}.col-emoji{font-size:26px}.daily{gap:16px;display:grid}.daily-days{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.dd{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:12px;justify-items:center;gap:2px;padding:10px 4px;font-size:12px;display:grid}.dd strong{color:var(--text);font-size:14px}.dd.done{background:#3fd08a1f;border-color:#3fd08a66}.dd.next{border-color:var(--gold);box-shadow:0 0 0 3px #f5d77a26}.daily-cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}@media (width<=640px){.col-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.col-tile{border-radius:14px;min-height:118px}.col-tile-body{gap:2px;padding:10px}.col-tile-body strong{font-size:15px;line-height:1.15}.col-emoji{font-size:22px}.col-tile-body .muted{font-size:12px}.daily-days{gap:4px}.dd{padding:8px 2px;font-size:11px}.dd strong{font-size:12.5px}}.dash{gap:14px;max-width:760px;margin:0 auto;display:grid}.dash-hello{align-items:center;gap:14px;display:flex}.dash-avatar{cursor:pointer;filter:drop-shadow(0 6px 14px #00000080);background:0 0;border:none;border-radius:8px;flex:none;width:64px;padding:0;transform:rotate(-4deg)}.dash-avatar.empty{aspect-ratio:63/88;border:2px dashed #fff3;border-radius:10px;place-items:center;font-size:28px;text-decoration:none;display:grid}.dash-who{flex:1;gap:2px;min-width:0;display:grid}.dash-who h1{text-overflow:ellipsis;margin:0;font-size:clamp(24px,6vw,34px);line-height:1.1;overflow:hidden}.dash-lvl{color:var(--gold);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:4px;font-size:12.5px;font-weight:700;text-decoration:none;display:grid}.dash-lvl .progress{height:6px}.dash-cta{background:var(--panel);border:1px solid var(--line);border-radius:18px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}.dash-cta.ready{background:radial-gradient(120% 160% at 0% 0%, #3fd08a4d, transparent 60%), var(--panel);border-color:#3fd08a8c;animation:2.4s ease-in-out infinite ready-glow}@keyframes ready-glow{50%{box-shadow:0 0 0 4px #3fd08a1f}}.dash-cta-ico{font-size:34px;line-height:1}.dash-cta-text{flex:1;gap:2px;min-width:0;display:grid}.dash-cta-text strong{font-size:16px}.dash-cta-text span{color:var(--muted);font-size:13px}.dash-cta-go{color:var(--gold);white-space:nowrap;font-weight:800}.dash-cta.ready .dash-cta-go{color:#04140b;background:linear-gradient(#7ff0b5,#2fbf76);border-radius:12px;padding:8px 14px}.daily-done{border:1px solid var(--line);background:#ffffff08;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.daily-done .muted{margin-left:auto;font-size:12px}.dash-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.dash-tile{background:var(--panel);border:1px solid var(--line);border-radius:16px;gap:2px;padding:12px;text-decoration:none;transition:transform .15s;display:grid}.dash-tile:active{transform:scale(.97)}.dt-ico{margin-bottom:4px;font-size:24px}.dash-tile strong{font-size:14px;line-height:1.2}.dash-tile>span:last-child{color:var(--muted);font-size:12px}.dash-tile.hot{background:linear-gradient(160deg, #f5d77a1f, transparent 70%), var(--panel);border-color:#f5d77a8c}.dash-tile.hot>span:last-child{color:var(--gold);font-weight:800}.dash-tile.hot.soft{background:linear-gradient(160deg, #b57bff24, transparent 70%), var(--panel);border-color:#b57bff80}.dash-tile.hot.soft>span:last-child{color:#d3b5ff}.dash-tile.event{background:linear-gradient(160deg, color-mix(in oklab, var(--accent) 30%, transparent), transparent 75%), var(--panel)}.dash-h{justify-content:space-between;align-items:baseline;margin:6px 0 10px;display:flex}.dash-h h2{margin:0;font-size:21px}.dash-h a{font-size:13px;text-decoration:none}.dash-cols .col-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.feed-more{margin:4px auto 0;display:block}@media (width<=640px){.dash{gap:12px}.dash-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dash-cols .col-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-cols .col-tile{min-height:96px}}.auth{grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:70vh;display:grid}.auth-art{height:380px;position:relative}.ab{position:absolute;top:50%;left:50%}.ab1{transform:translate(-80%,-50%)rotate(-10deg)}.ab2{transform:translate(-20%,-46%)rotate(8deg)}.auth-form{gap:14px;width:100%;max-width:440px;padding:28px;display:grid}.auth-form h1{margin:0;font-size:32px}.auth-form p{margin:0 0 6px}.auth-info{background:#3fd08a1f;border:1px solid #3fd08a66;border-radius:12px;padding:12px}@media (width<=800px){.auth{grid-template-columns:1fr}.auth-art{display:none}.auth-form{margin:0 auto}}.auth-tabs{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:4px;padding:4px;display:grid}.auth-tabs button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:10px;padding:10px 8px;font-size:14px;font-weight:800}.auth-tabs button.on{background:var(--panel-2);color:var(--text);box-shadow:0 2px 8px #0000004d}.pack-art{--pw:200px;--pc:#2f7d4f;width:var(--pw);aspect-ratio:5/8;filter:drop-shadow(0 18px 24px #00000080);position:relative;container-type:inline-size}.pa-body{color:#fff;--z:3.2cqw;-webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(2 * var(--z)) 51% repeat-x, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / calc(2 * var(--z)) 51% repeat-x;-webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(2 * var(--z)) 51% repeat-x, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / calc(2 * var(--z)) 51% repeat-x;mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(2 * var(--z)) 51% repeat-x, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / calc(2 * var(--z)) 51% repeat-x;background:linear-gradient(180deg, #ffffff40 0 7%, transparent 7% 93%, #fff3 93%), radial-gradient(120% 60% at 50% 42%, color-mix(in oklab, var(--pc) 70%, #fff 30%), transparent 70%), linear-gradient(160deg, color-mix(in oklab, var(--pc) 85%, #fff), var(--pc) 45%, color-mix(in oklab, var(--pc) 45%, #000));flex-direction:column;justify-content:center;align-items:center;gap:4cqw;padding:14cqw 8cqw;display:flex;position:absolute;inset:0;overflow:hidden}.pa-foil{mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff8c 45%,#0000 60%) 0 0/250% 100%,repeating-linear-gradient(0deg,#ffffff0d 0 2px,#0000 2px 6px);animation:4s ease-in-out infinite pack-sheen;position:absolute;inset:0}@keyframes pack-sheen{0%,20%{background-position:150% 0,0 0}60%,to{background-position:-60% 0,0 0}}.pa-logo{letter-spacing:.2em;color:#fff6d6;text-shadow:0 .8cqw #00000059;font:900 11cqw/1 Fraunces,serif}.pa-emoji{filter:drop-shadow(0 2cqw 3cqw #00000073);font-size:30cqw;line-height:1.1}.pa-name{text-align:center;text-shadow:0 .6cqw 1.4cqw #00000080;font:800 8cqw/1.1 Fraunces,serif}.pa-count{letter-spacing:.14em;text-transform:uppercase;background:#0000004d;border-radius:99px;padding:2cqw 4cqw;font:700 5cqw/1 Inter,sans-serif}.levelup{z-index:260;background:radial-gradient(circle at 50% 45%,#f5d77a40,#030609e6 60%);place-items:center;padding:16px;animation:.3s fade;display:grid;position:fixed;inset:0}.lu-box{text-align:center;justify-items:center;gap:16px;display:grid;position:relative}.lu-rays{pointer-events:none;background:repeating-conic-gradient(#f5d77a38 0 8deg, transparent 8deg 20deg);width:560px;height:560px;margin:-280px;animation:14s linear infinite spin360;position:absolute;top:90px;left:50%;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 65%);mask-image:radial-gradient(circle,#000 20%,#0000 65%)}.lu-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 0 30px #f5d77ae6);background:radial-gradient(circle at 35% 30%,#fff6c9,#f5d77a 45%,#c98a1b);place-items:center;width:180px;height:180px;animation:.9s cubic-bezier(.2,1.6,.4,1) lu-star;display:grid;position:relative}.lu-star span{color:#3a2400;margin-top:18px;font:900 56px Fraunces,serif}@keyframes lu-star{0%{transform:scale(0)rotate(-200deg)}}.lu-title{color:var(--gold);text-shadow:0 4px #00000080,0 0 40px #f5d77a99;font:900 clamp(36px,8vw,60px) Fraunces,serif;animation:.6s cubic-bezier(.2,1.4,.4,1) .3s backwards lu-title;position:relative}@keyframes lu-title{0%{opacity:0;transform:translateY(30px)scale(.8)}}.lu-rewards{flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:relative}.lu-rewards span{background:#0b0f14d9;border:1px solid #f5d77a73;border-radius:99px;padding:8px 16px;font-weight:800;animation:.45s cubic-bezier(.2,1.6,.4,1) backwards reward-in}.lu-box .btn{animation:.4s .8s backwards fade;position:relative}@keyframes reward-in{0%{opacity:0;transform:scale(.4)}}.opening{z-index:150;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:60px 16px max(32px, env(safe-area-inset-bottom));flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.opening>.op-pack-wrap,.opening>.op-stack,.opening>.op-reveal{margin:auto}.op-bg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(60% 50% at 50% 45%,#f5d77a24,#0000 70%),#040609f0;animation:.3s fade;position:fixed;inset:0}.best-r5 .op-bg{background:radial-gradient(60% 50% at 50% 45%,#ffc93c40,#0000 70%),#040609f0}.best-r6 .op-bg{background:radial-gradient(60% 50% at 50% 45%,#ff5a5f47,#0000 70%),#040609f0}.op-close{position:fixed;top:16px;right:16px}.op-pack-wrap{justify-items:center;gap:18px;display:grid;position:relative}.op-pack{cursor:pointer;background:0 0;border:none;padding:0;animation:.6s cubic-bezier(.2,1.3,.4,1) pack-in,2.4s ease-in-out .6s infinite pack-idle;position:relative}.op-pack:hover{animation:.5s ease-in-out infinite pack-shake}@keyframes pack-in{0%{opacity:0;transform:translateY(60px)scale(.6)rotate(-8deg)}}@keyframes pack-idle{50%{transform:translateY(-10px)rotate(1.5deg)}}@keyframes pack-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)scale(1.02)}75%{transform:rotate(3deg)scale(1.02)}}.op-tear-line{opacity:.8;background:repeating-linear-gradient(90deg,#fffc 0 6px,#0000 6px 11px);height:2px;position:absolute;top:11%;left:4%;right:4%}.stage-tear .op-pack{animation:.9s ease-in forwards pack-open}@keyframes pack-open{0%{transform:scale(1)}30%{filter:brightness(1.4);transform:scale(1.08)rotate(-2deg)}to{opacity:0;filter:brightness(3)blur(4px);transform:scale(1.6)translateY(40px)}}.op-hint{color:var(--muted);margin:0;font-weight:600}.op-reveal{justify-items:center;gap:28px;width:100%;max-width:1200px;display:grid;position:relative}.op-title{text-align:center;margin:0;font-size:clamp(18px,4.5vw,24px)}.op-cards{--cw:200px;flex-wrap:wrap;justify-content:center;gap:34px 18px;width:100%;display:flex}.op-cards>.flip{width:var(--cw);flex:none}.op-cards.single{--cw:min(300px, 70vw)}@media (width<=900px){.op-cards{--cw:min(190px, calc((100% - 36px) / 3))}}@media (width<=560px){.op-cards{--cw:calc((100% - 20px) / 3);gap:30px 10px}.op-label{letter-spacing:.06em;font-size:9px;bottom:-20px}.op-reveal{gap:18px}}.flip{aspect-ratio:63/88;perspective:1200px;cursor:pointer;animation:.55s cubic-bezier(.2,1.2,.4,1) both deal;animation-delay:calc(var(--i) * 90ms);position:relative}@keyframes deal{0%{transform:translateY(-40vh) rotate(calc(var(--i) * 7deg - 14deg)) scale(.5);opacity:0}}.flip-inner{transform-style:preserve-3d;transition:transform .75s cubic-bezier(.3,1.25,.4,1);position:absolute;inset:0}.flip.flipped .flip-inner{transform:rotateY(180deg)}.flip:not(.flipped):hover .flip-inner{transform:translateY(-8px)rotate(-1deg)}.flip-face{backface-visibility:hidden;position:absolute;inset:0}.flip-front{transform:rotateY(180deg)translateZ(1px)}.flip-back{transform:translateZ(1px)}.flip-face>.tcg-card{width:100%}.back-glow{box-shadow:0 0 30px 6px var(--rc);pointer-events:none;border-radius:18px;animation:1.1s ease-in-out infinite glow-pulse;position:absolute;inset:-6px}@keyframes glow-pulse{50%{opacity:.35}}.burst{pointer-events:none;width:20px;height:20px;box-shadow:0 0 0 0 var(--rc);z-index:-1;border-radius:50%;margin:-10px;animation:.9s ease-out forwards burst;position:absolute;top:50%;left:50%}.flip.r5 .burst,.flip.r6 .burst{animation-duration:1.4s}@keyframes burst{0%{box-shadow:0 0 0 0 var(--rc), 0 0 0 0 var(--rc);opacity:1}to{opacity:0;box-shadow:0 0 0 160px #0000,0 0 120px 80px #0000}}.flip.flipped.r4 .flip-front,.flip.flipped.r5 .flip-front,.flip.flipped.r6 .flip-front,.flip.summary.r4>.tcg-card,.flip.summary.r5>.tcg-card,.flip.summary.r6>.tcg-card,.flip.summary.shiny>.tcg-card{filter:drop-shadow(0 0 14px var(--rc))}.flip.summary{perspective:none}.flip.summary>.tcg-card{width:100%}.flip.flipped.r6 .flip-inner{animation:.6s ease-out .5s myth-shake}@keyframes myth-shake{0%,to{translate:0}20%{translate:-6px 2px}40%{translate:5px -3px}60%{translate:-3px 2px}80%{translate:2px -1px}}.op-label{letter-spacing:.12em;text-transform:uppercase;color:var(--rc);white-space:nowrap;font-size:12px;font-weight:800;animation:.4s .4s both fade;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}.op-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.op-rewards{gap:8px;width:min(560px,100%);margin-top:22px;animation:.4s fade;display:grid}.op-banner{text-align:center;border:1px solid var(--line);background:#ffffff0f;border-radius:12px;padding:10px 14px;font-weight:700}.op-banner.level{color:var(--gold);background:linear-gradient(90deg,#f5d77a33,#f5d77a0d);border-color:#f5d77a80}.op-banner.milestone{background:#3fd08a1f;border-color:#3fd08a73}.op-banner.pity{background:#b57bff24;border-color:#b57bff80}.op-xp{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:14px;display:grid}.op-lvl{color:var(--gold);font-weight:800}.op-stack{cursor:pointer;-webkit-user-select:none;user-select:none;align-content:center;justify-items:center;gap:18px;width:100%;min-height:calc(100dvh - 100px);display:grid;position:relative}.stack-count{letter-spacing:.2em;color:var(--muted);font-size:13px;font-weight:800}.stack-area{aspect-ratio:63/88;width:min(340px,74vw);position:relative}.stack-behind{transform:translate(calc(var(--k) * 10px), calc(var(--k) * -10px)) rotate(calc(var(--k) * 2.5deg));opacity:calc(1 - var(--k) * .25);z-index:0;position:absolute;inset:0}.stack-behind>.tcg-card{width:100%}.flip.big{z-index:2;animation:.45s cubic-bezier(.2,1.2,.4,1) both card-in;position:absolute;inset:0}@keyframes card-in{0%{opacity:.4;transform:translate(40px)rotate(4deg)scale(.92)}}.flip.big:not(.flipped):hover .flip-inner{transform:translateY(-6px)}.flip.big.flipped.r5 .flip-inner,.flip.big.flipped.r6 .flip-inner,.flip.big.flipped.shiny .flip-inner{animation:.9s cubic-bezier(.2,1.4,.4,1) both legend-pop}@keyframes legend-pop{0%{transform:rotateY(180deg)scale(1)}40%{transform:rotateY(180deg)scale(1.08)}to{transform:rotateY(180deg)scale(1)}}.flip.big.flipped.r5:after,.flip.big.flipped.r6:after,.flip.big.flipped.shiny:after{content:"";z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 0deg, color-mix(in oklab, var(--rc) 55%, transparent) 0 8deg, transparent 8deg 22deg);animation:12s linear infinite rays,.6s fade;position:absolute;inset:-40%;-webkit-mask:radial-gradient(circle,#000 20%,#0000 65%);mask:radial-gradient(circle,#000 20%,#0000 65%)}@keyframes rays{to{transform:rotate(360deg)}}.stack-label{text-align:center;justify-items:center;gap:4px;min-height:48px;display:grid}.stack-label strong{letter-spacing:.08em;text-transform:uppercase;font-size:18px}.stack-skip{bottom:max(22px, env(safe-area-inset-bottom));z-index:3;position:fixed;right:22px}.op-reveal .op-actions{z-index:2;background:linear-gradient(#0000,#040609eb 35%);width:100%;padding:12px 0 4px;position:sticky;bottom:0}.flip.summary{animation:.5s cubic-bezier(.2,1.2,.4,1) both deal;animation-delay:calc(var(--i) * 60ms)}.opening.waiting.stage-tear .op-pack{filter:brightness(1.15);animation:.45s ease-in-out infinite pack-shake}.op-wait{align-items:center;gap:8px;display:inline-flex}.op-wait:before{content:"";border:2px solid var(--gold);border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite op-spin}@keyframes op-spin{to{transform:rotate(360deg)}}.god-banner{text-align:center;letter-spacing:.08em;background:linear-gradient(90deg,#fff3b5,#e6aa2a,#fff3b5);color:#0000;filter:drop-shadow(0 0 20px #ffc93c99);-webkit-background-clip:text;background-clip:text;justify-items:center;font:900 clamp(28px,6vw,48px)/1.1 Fraunces,serif;animation:.6s cubic-bezier(.2,1.6,.4,1) banner-pop;display:grid}.god-banner small{letter-spacing:.1em;color:#ffe38f;-webkit-text-fill-color:#ffe38f;font:700 14px Inter,sans-serif}.god-banner.small{font-size:26px}.opening.god .op-bg{background:radial-gradient(60% 55% at 50% 45%,#ffc93c59,#0000 70%),#080602f2}.opening.god .op-pack{filter:drop-shadow(0 0 40px #ffc93ccc)}@keyframes banner-pop{0%{opacity:0;transform:scale(.3)}}.shop{gap:22px;display:grid}.shop-h{margin:12px 0 0;font-size:24px}.pack-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}.pack-grid.big{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.pack-tile{border:1px solid var(--line);background:radial-gradient(90% 120% at 0% 50%, color-mix(in oklab, var(--pc) 28%, transparent), transparent 70%), var(--panel);border-radius:18px;align-items:center;gap:18px;padding:18px;display:flex}.pack-btn{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .25s cubic-bezier(.2,1.4,.4,1)}.pack-btn:hover:not(:disabled){transform:translateY(-6px)rotate(-3deg)scale(1.03)}.pack-meta{align-content:center;gap:8px;min-width:0;display:grid}.pack-meta strong{font:800 19px Fraunces,serif}.pack-meta .muted{font-size:14px;line-height:1.45}.pack-meta .small{font-size:12px}.pack-meta .btn{justify-self:start}.odds h3{margin:0 0 8px}.odds p{margin:0;font-size:14px;line-height:1.7}@media (hover:none){.pack-btn:hover:not(:disabled){transform:none}}@media (width<=560px){.pack-grid.big{grid-template-columns:1fr;gap:10px}.pack-tile{border-radius:16px;gap:14px;padding:12px 14px}.pack-tile .pack-btn>*{--pw:92px!important}.pack-meta{gap:5px}.pack-meta strong{font-size:17px}.pack-meta .muted{font-size:13px;line-height:1.35}.pack-meta .btn{min-height:38px;padding:7px 14px}.pack-grid:not(.big){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pack-grid:not(.big) .pack-tile{text-align:center;flex-direction:column;gap:8px;padding:12px 10px}.pack-grid:not(.big) .pack-tile .pack-btn>*{--pw:84px!important}.pack-grid:not(.big) .pack-meta{justify-items:center}.pack-grid:not(.big) .pack-meta strong{font-size:15px;line-height:1.2}.pack-grid:not(.big) .pack-meta>.muted:not(.small){display:none}.pack-grid:not(.big) .pack-meta .btn{justify-self:stretch}.shop{gap:16px}.shop-h{margin-top:6px;font-size:21px}.odds p{font-size:13px;line-height:1.6}}.free-packs{border-color:var(--line);gap:12px;display:grid}.free-packs.ready{background:radial-gradient(80% 140% at 0% 0%, #3fd08a24, transparent 60%), var(--panel);border-color:#3fd08a80;animation:2.4s ease-in-out infinite ready-glow}.fp-info{align-items:center;gap:14px;display:flex}.fp-info p{margin:4px 0 0}.fp-icon{font-size:34px}.fp-pity{color:#c9a8ff;margin:0;font-size:13px}.market h2{margin:0 0 4px}.market-head p{margin:0 0 16px}.market-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.market-item{justify-items:center;gap:8px;display:grid}.market-item .tcg-card{max-width:200px}.market-item.bought .tcg-card{opacity:.45}.market-own{font-size:12px}@media (width<=1100px){.market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.old-price{opacity:.55;margin-left:4px;font-weight:600}.event-banner{border:1px solid color-mix(in oklab, var(--accent) 60%, transparent);background:linear-gradient(110deg, color-mix(in oklab, var(--accent) 35%, #10151c), #10151c 70%);border-radius:18px;flex-wrap:wrap;align-items:center;gap:18px;padding:18px 20px;display:flex}.event-banner>div{flex:1;gap:2px;min-width:220px;display:grid}.event-banner strong{font:800 20px Fraunces,serif}.ev-emoji{filter:drop-shadow(0 6px 12px #00000080);font-size:44px}.ev-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:800}.ev-challenge{gap:6px;margin-top:8px;font-size:13px;display:grid}.ev-challenge b{color:#b57bff}.ev-steps{gap:5px;display:flex}.ev-steps i{background:#ffffff26;border-radius:99px;width:26px;height:8px;transition:background .3s}.ev-steps i.on{background:var(--accent,var(--gold));box-shadow:0 0 8px var(--accent,var(--gold))}.ev-done{color:#7ff0b5;font-weight:800}.ev-challenge .btn{justify-self:start;animation:1.4s ease-in-out infinite ready-pulse}.ev-reward{justify-items:center;gap:16px;animation:.5s cubic-bezier(.2,1.3,.4,1) result-in;display:grid}@keyframes result-in{0%{opacity:0;transform:scale(.7)translateY(30px)}}.collection-page{grid-template-columns:250px 1fr;align-items:start;gap:28px;display:grid}.col-side{scrollbar-width:thin;max-height:calc(100vh - 96px);position:sticky;top:76px;overflow-y:auto}.col-select{display:none}.col-list{gap:2px;display:grid}.col-list h4{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:16px 10px 6px;font:700 11px Inter,sans-serif}.col-list a{color:var(--muted);border-radius:10px;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:7px 10px;font-size:14px;font-weight:600;text-decoration:none;display:grid}.col-list a:hover{color:var(--text);background:#ffffff0d}.col-list a.on{background:color-mix(in oklab, var(--accent,#3fd08a) 22%, transparent);color:var(--text)}.cl-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cl-count{font-variant-numeric:tabular-nums;opacity:.8;font-size:12px}.col-main{min-width:0}.col-head{background:linear-gradient(120deg, color-mix(in oklab, var(--accent) 30%, transparent), transparent 70%), var(--panel);border:1px solid var(--line);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px;padding:22px;display:flex}.col-head h1{margin:0;font-size:clamp(26px,3.5vw,38px)}.col-head p{margin:6px 0 0}.col-progress{gap:6px;min-width:220px;display:grid}.col-filters{gap:12px;margin-bottom:8px;display:grid}.small-count{margin:6px 0 16px;font-size:13px}@media (width<=900px){.collection-page{grid-template-columns:1fr}.col-side{max-height:none;position:static}.col-list{display:none}.col-select{display:block}.card-grid{--cw:150px;gap:16px 12px}}@media (width<=640px){.col-head{padding:12px 14px}.col-head h1,.col-head h2{margin:0;font-size:22px}.col-head p.muted{display:none}.col-progress{margin-top:6px}.col-filters{gap:8px}.col-filters .chips{scrollbar-width:none;flex-wrap:nowrap;margin:0 -14px;padding:0 14px 2px;overflow-x:auto;-webkit-mask:linear-gradient(90deg,#0000,#000 14px calc(100% - 14px),#0000);mask:linear-gradient(90deg,#0000,#000 14px calc(100% - 14px),#0000)}.col-filters .chips::-webkit-scrollbar{display:none}.col-filters .chip{white-space:nowrap;flex:none}.col-filters .row{gap:8px}.col-filters .row>.chips{flex:100%}.col-filters .row .select{flex:1;min-width:0;padding:8px 10px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}}.col-main,.col-side{min-width:0}.col-filters{grid-template-columns:minmax(0,1fr)}@media (width<=900px){.collection-page{grid-template-columns:minmax(0,1fr)}}.trade-list{gap:16px;display:grid}.trade{gap:14px;display:grid}.tr-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tr-head a{color:var(--gold);text-decoration:none}.tr-status{letter-spacing:.08em;text-transform:uppercase;background:#ffffff0f;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:800}.tr-status.st-accepted{color:var(--green);background:#3fd08a1a}.tr-status.st-declined,.tr-status.st-failed{color:#ff9a9d;background:#ff5a5f1a}.tr-status.st-pending{color:var(--gold);background:#f5d77a1a}.tr-msg{color:var(--muted);margin:0;font-style:italic}.tr-body{grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;display:grid}.tr-arrow{color:var(--muted);align-self:center;font-size:28px}.tr-side h4{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font:700 12px Inter,sans-serif}.tr-cards{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tr-coins{color:var(--gold);background:#f5d77a14;border:1px solid #f5d77a4d;border-radius:12px;align-items:center;gap:6px;padding:10px 14px;font-weight:800;display:inline-flex}.tr-actions{justify-content:flex-end}@media (width<=760px){.tr-body{grid-template-columns:1fr}.tr-arrow{justify-self:center;transform:rotate(90deg)}}.new-trade{gap:18px;display:grid}.player-pick{flex-wrap:wrap;gap:8px;display:flex}.nt-cols{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.picker{gap:12px;display:grid}.picker h3{margin:0}.picked{background:#00000040;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;min-height:36px;padding:10px;display:flex}.picked-item{cursor:pointer;border:1px solid color-mix(in oklab, var(--c) 60%, transparent);background:color-mix(in oklab, var(--c) 14%, transparent);border-radius:99px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.picked-item span{opacity:.6}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;max-height:620px;padding:8px 4px;display:grid;overflow-y:auto}.pick.maxed{opacity:.3;pointer-events:none}.nt-footer{grid-template-columns:1fr 1fr 2fr auto;align-items:end;gap:14px;display:grid}@media (width<=900px){.nt-cols{grid-template-columns:1fr}.nt-footer{grid-template-columns:1fr 1fr}.nt-msg,.nt-footer .btn{grid-column:1/-1}}.achievements{gap:18px;display:grid}.ach-score{justify-items:center;display:grid}.ach-score strong{color:var(--gold);font:900 40px/1 Fraunces,serif}.ach-score span{color:var(--muted);font-size:13px}.ach-ready{background:linear-gradient(90deg, #f5d77a1f, transparent), var(--panel);border-color:#f5d77a80;font-weight:800;animation:.4s fade}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.ach{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);gap:12px;padding:16px;transition:transform .2s,border-color .2s;display:grid}.ach.ready{border-color:var(--gold);animation:1.4s ease-in-out infinite ach-ready}@keyframes ach-ready{50%{box-shadow:0 0 0 3px #f5d77a26,0 0 26px #f5d77a59}}.ach.done{background:linear-gradient(160deg, #f5d77a1a, transparent 60%), var(--panel)}.ach-head{align-items:center;gap:12px;display:flex}.ach-head>div{gap:2px;display:grid}.ach-head strong{font:800 17px Fraunces,serif}.ach-head .muted{font-size:13px}.ach-tiers{gap:6px;display:flex}.ach-tier{text-align:center;color:var(--muted);border:1px solid #ffffff1f;border-radius:99px;flex:1;padding:4px 0;font-size:11px;font-weight:800}.ach-tier.got{color:#15110a;background:var(--m);border-color:#0000}.ach-bar>i{background:linear-gradient(90deg,#f5d77a,#f2a93b)}.ach-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.medal{width:var(--s);height:var(--s);background:radial-gradient(circle at 35% 30%, #fff 0%, var(--m) 35%, color-mix(in srgb, var(--m) 55%, #000) 100%);box-shadow:0 0 0 2px color-mix(in srgb, var(--m) 70%, #000), 0 4px 12px #0006;border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.medal span{font-size:calc(var(--s) * .5);filter:drop-shadow(0 1px 1px #0006)}.medal.t3:after{content:"";border:2px solid #f5d77a80;border-radius:50%;animation:2s ease-in-out infinite medal-glow;position:absolute;inset:-4px}@keyframes medal-glow{50%{box-shadow:0 0 16px #f5d77acc}}.medal.dim{filter:grayscale()brightness(.55)}.player{gap:22px;display:grid}.player-head{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.ph-info{flex:1;gap:12px;min-width:260px;display:grid}.ph-info h1{margin:0;font-size:clamp(30px,4vw,44px)}.ph-info p{margin:0}.ph-stats{flex-wrap:wrap;gap:10px;display:flex}.ph-stats>div{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;min-width:96px;padding:10px 14px;display:grid}.ph-stats strong{font:900 22px Fraunces,serif}.ph-stats span{color:var(--muted);font-size:12px}.ph-r strong{color:var(--c)}.pt-avatar.big{width:180px;font-size:64px}.ph-progress{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 20px;display:grid}.pp{grid-template-columns:1fr auto;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:grid}.pp .progress{grid-column:1/-1}.ph-badges{flex-wrap:wrap;gap:16px;margin-top:14px;display:flex}.ph-badge{text-align:center;width:86px;color:var(--muted);justify-items:center;gap:6px;font-size:11px;font-weight:700;display:grid}.podium{flex-wrap:wrap;justify-content:center;align-items:end;gap:24px;margin:10px 0 28px;display:flex}.pod{justify-items:center;gap:6px;text-decoration:none;display:grid}.pod-1{order:2}.pod-2{order:1}.pod-3{order:3}.pod-rank{margin-top:6px;font-size:30px}.pod-avatar{aspect-ratio:63/88;width:120px;color:var(--gold);background:var(--panel-2);border:1px solid var(--line);border-radius:14px;place-items:center;font:900 48px Fraunces,serif;display:grid}.lb-table{padding:6px}.lb-row{border-radius:12px;grid-template-columns:44px 1fr auto auto;align-items:center;gap:16px;padding:12px 14px;text-decoration:none;display:grid}.lb-row:hover{background:#ffffff0a}.lb-row.me{background:#f5d77a14}.lb-rank{color:var(--muted);text-align:center;font-weight:800}.lb-score{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:800}@media (width<=600px){.lb-row{grid-template-columns:34px 1fr auto}.lb-row .muted{display:none}.podium{flex-wrap:nowrap;gap:8px;margin-bottom:18px}.pod{flex:1 1 0;min-width:0}.pod .tcg-card{--w:100%!important}.pod-1{flex-grow:1.25}.pod-avatar{width:100%;font-size:36px}.pod strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.pod .muted{font-size:12px}.pod-rank{font-size:24px}}.players{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.player-tile{justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.pt-link{align-items:center;gap:14px;min-width:0;text-decoration:none;display:flex}.pt-link strong{font:800 18px Fraunces,serif}.pt-avatar{aspect-ratio:63/88;width:84px;color:var(--gold);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;flex:none;place-items:center;font:900 32px Fraunces,serif;display:grid}.small{font-size:12px}.quests{gap:18px;display:grid}.level-card{align-items:center;gap:22px;display:flex}.lvl-badge{text-align:center;color:#2a1a00;background:linear-gradient(160deg,#ffe38f,#c98a1b);border-radius:24px;flex:none;place-content:center;width:96px;height:96px;display:grid;box-shadow:0 10px 30px #e6aa2a4d}.lvl-badge span{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.lvl-badge strong{font:900 42px/1 Fraunces,serif}.lvl-body{flex:1;gap:8px;display:grid}.lvl-body p{margin:0;font-size:14px}.lvl-top{align-items:baseline;gap:10px;display:flex}.progress.big{height:14px}.mission-list{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;display:grid}.mission{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.mission.complete{border-color:#f5d77a99;box-shadow:0 0 0 3px #f5d77a1a}.mission.claimed{opacity:.55}.mission.bonus{background:radial-gradient(80% 140% at 0% 0%, #b57bff2e, transparent 60%), var(--panel)}.m-emoji{font-size:30px}.m-body{gap:4px;min-width:0;display:grid}.m-body .muted{font-size:13px}.m-progress{grid-template-columns:1fr auto;align-items:center;gap:10px;font-size:12px;font-weight:700;display:grid}.m-reward{text-align:right;justify-items:end;gap:8px;font-size:13px;font-weight:700;display:grid}.m-done{color:var(--green)}.milestones{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px 22px;display:grid}.ms{grid-template-columns:1fr auto;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:grid}.ms-bar{background:#ffffff14;border-radius:99px;grid-column:1/-1;height:10px;position:relative}.ms-bar i{border-radius:inherit;background:var(--accent);position:absolute;inset:0 auto 0 0}.ms-bar b{background:#2a323d;border:2px solid #0b0f14;border-radius:3px;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;transform:rotate(45deg)}.ms-bar b:last-child{margin-left:-14px}.ms-bar b.on{background:linear-gradient(135deg,#fff3b5,#e6aa2a)}@media (width<=600px){.mission-list{grid-template-columns:1fr}.level-card{flex-direction:column;align-items:stretch}}.wonder{gap:18px;display:grid}.energy{align-items:center;gap:18px;display:flex}.energy p{margin:4px 0 0}.energy-dots{gap:6px;font-size:28px;display:flex}.energy-dots span{filter:grayscale()opacity(.3);transition:filter .3s}.energy-dots span.on{filter:drop-shadow(0 0 8px #b57bffcc)}.offers{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px;display:grid}.offer{background:radial-gradient(90% 100% at 100% 0%, color-mix(in oklab, var(--rc) 18%, transparent), transparent 60%), var(--panel);gap:12px;display:grid}.offer header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.offer .small{font-size:12px}.offer-cards{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.offer-cards .tcg-card{--w:100%!important}.offer.picked{opacity:.5}@media (width<=520px){.offers{grid-template-columns:1fr}}.wonder-modal{justify-items:center;gap:22px;width:min(900px,100%);display:grid}.wm-title{text-align:center;min-height:30px;margin:0;font:800 22px Fraunces,serif}.wm-cards{grid-template-columns:repeat(5,minmax(0,160px));justify-content:center;gap:14px;width:100%;display:grid}.wm-slot{cursor:default;aspect-ratio:63/88;background:0 0;border:none;padding:0;transition:transform .3s,opacity .4s;position:relative}.wm-slot .flip{perspective:1000px;animation:none;position:absolute;inset:0}.phase-choose .wm-slot{cursor:pointer}.phase-choose .wm-slot:hover{transform:translateY(-10px)}.phase-choose .wm-slot:hover .tcg-card{filter:drop-shadow(0 0 16px #b57bffe6)}.phase-shuffle .wm-slot{animation:1.3s ease-in-out both shuffle;animation-delay:calc(var(--i) * 50ms)}@keyframes shuffle{0%{transform:translate(0)}25%{transform:translateX(calc((2 - var(--i)) * 100%)) translateY(-20px) rotate(-6deg)}50%{transform:translateX(calc((var(--i) - 2) * 60%)) translateY(10px) rotate(5deg)}75%{transform:translateX(calc((2 - var(--i)) * 40%)) rotate(-3deg)}to{transform:translate(0)}}.wm-slot.chosen{z-index:2;transform:translateY(-14px)scale(1.06)}.wm-slot.dim{opacity:.25}@media (width<=640px){.wm-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}}.decks{gap:18px;display:grid}.deck-list{gap:14px;display:grid}.deck-tile{gap:12px;display:grid}.deck-tile header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.deck-tile header strong{font:800 20px Fraunces,serif}.badge.def{color:#9ad8ff;background:#9ad8ff14;border-color:#9ad8ff66}.deck-strip{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;display:grid}.builder-bar{z-index:5;flex-wrap:wrap;align-items:center;gap:14px;display:flex;position:sticky;top:64px}.builder-bar .input{max-width:240px}.meter{grid-template-columns:auto 160px auto;align-items:center;gap:10px;font-size:13px;font-weight:700;display:grid}.progress.over>i{background:var(--red)}.def-toggle{cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.slots{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;display:grid}.slot{aspect-ratio:63/88;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:0;position:relative}.slot .tcg-card{width:100%}.empty-slot{border:2px dashed var(--line);color:var(--muted);place-items:center;font-weight:800;display:grid}.slot-cost,.pick-cost{border:1px solid var(--line);white-space:nowrap;background:#243140;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.builder-filters{gap:10px;display:grid}.small{margin:0;font-size:12px}.builder-grid .pick{justify-items:center;width:100%;display:grid;position:relative}.builder-grid .pick.maxed{opacity:.35}@media (width<=800px){.deck-strip,.slots{grid-template-columns:repeat(5,minmax(0,1fr))}.builder-bar{position:static}}.combat{gap:22px;display:grid}.combat h2{margin:0 0 4px}.resume{background:linear-gradient(90deg, #f5d77a1a, transparent), var(--panel);border-color:#f5d77a80;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.deck-pick{gap:14px;display:grid}.deck-pick .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.no-deck{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.deck-mini{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;display:grid}.stages{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-top:12px;display:grid}.stage{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);grid-template-columns:56px 1fr;align-items:start;gap:10px 14px;padding:16px;display:grid;position:relative;overflow:hidden}.stage>.btn{grid-column:1/-1}.stage-emoji{text-align:center;font-size:40px;line-height:56px}.stage-body{gap:4px;display:grid}.stage-body header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stage-body header strong{font:800 18px Fraunces,serif}.stage-body p{color:var(--muted);margin:0;font-size:14px}.stage-reward{color:var(--gold);font-size:13px;font-weight:800}.stage.done{border-color:#3fd08a59}.stage.next{border-color:#f5d77a99;box-shadow:0 0 0 1px #f5d77a4d,0 0 30px #f5d77a1f}.stage.locked{opacity:.5}.badge.ok{color:var(--green);background:#3fd08a14;border-color:#3fd08a66}.arena{gap:12px;display:grid}.arena-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.arena-head>div:first-child{flex:300px}.arena-head p{margin:0}.rating{justify-items:center;display:grid}.rating strong{color:var(--gold);font:900 36px/1.1 Fraunces,serif}.ladder{gap:2px;margin:0;padding:8px;list-style:none;display:grid}.ladder li{border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.ladder li.me{background:#f5d77a14}.ladder li a{font-weight:700;text-decoration:none}.ladder .rank{text-align:center;width:24px;color:var(--muted);font-weight:900}.ladder img,.ladder .ava{object-fit:cover;border-radius:50%;width:32px;height:32px}.ladder .ava{background:var(--panel-2);place-items:center;font-weight:800;display:grid}@media (width<=800px){.deck-mini{grid-template-columns:repeat(5,minmax(0,1fr))}.stages{grid-template-columns:minmax(0,1fr)}}.defi{background:linear-gradient(90deg, #ff5a5f1f, transparent), var(--panel);border-color:#ff5a5f80;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;animation:.3s fade;display:flex}.defi>div:first-child{gap:4px;max-width:620px;display:grid}.league-tag{color:var(--c);font-size:12px;font-weight:800}.season{gap:14px;display:grid}.season-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.season-head strong{font:800 18px Fraunces,serif}.season-games{background:var(--panel-2);color:var(--muted);border-radius:99px;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:800}.season-games.ok{color:#7ff0b5;background:#3fd08a1f}.leagues{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.league{text-align:center;background:var(--panel-2);border:1px solid var(--line);opacity:.6;border-radius:14px;justify-items:center;gap:2px;padding:10px 6px;transition:all .3s;display:grid}.league.on{opacity:1;border-color:var(--c);box-shadow:0 0 20px color-mix(in srgb, var(--c) 35%, transparent);transform:translateY(-2px)}.league-emoji{font-size:26px}.league strong{color:var(--c)}.league-reward{margin-top:4px;font-size:11px;font-weight:800}.league-progress{gap:6px;display:grid}@media (width<=600px){.leagues{grid-template-columns:repeat(2,minmax(0,1fr))}}.defi.live{border-color:#ff5a5fb3}.arena-btns{gap:8px;display:grid}.live-btn{color:#ffb3b5;border-color:#ff5a5f99}.live-btn:hover{background:#ff5a5f1f}.live-wait{text-align:center;justify-items:center;gap:12px;max-width:420px;display:grid}.live-wait h2{margin:0}.live-radar{place-items:center;width:120px;height:120px;display:grid;position:relative}.live-radar b{font-size:34px;position:relative}.live-radar span{opacity:0;border:2px solid #ff5a5fb3;border-radius:50%;animation:2.4s ease-out infinite radar;position:absolute;inset:0}.live-radar span:nth-child(2){animation-delay:.8s}.live-radar span:nth-child(3){animation-delay:1.6s}@keyframes radar{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.2)}}.coach{z-index:180;pointer-events:none;position:fixed;inset:0}.coach-ring{border:2px solid var(--gold);border-radius:16px;transition:left .25s,top .25s,width .25s,height .25s;animation:1.4s ease-in-out infinite coach-pulse;position:fixed;box-shadow:0 0 0 9999px #05080c8c,0 0 24px #f5d77a99}@keyframes coach-pulse{50%{box-shadow:0 0 0 9999px #05080c8c,0 0 40px #f5d77af2}}.coach-bubble{pointer-events:auto;box-shadow:var(--shadow);background:linear-gradient(#243140,#18212c);border:1px solid #f5d77a8c;border-radius:16px;gap:10px;padding:14px 16px;font-size:14px;line-height:1.45;animation:.35s cubic-bezier(.2,1.4,.4,1) coach-in;display:grid;position:fixed}.coach-bubble:before{content:"";left:calc(var(--arrow) - 9px);background:inherit;border:inherit;width:16px;height:16px;position:absolute;transform:rotate(45deg)}.coach-bubble.below:before{background:#243140;border-bottom:none;border-right:none;top:-9px}.coach-bubble.above:before{background:#18212c;border-top:none;border-left:none;bottom:-9px}.coach-text{position:relative}.coach-text b{color:var(--gold)}.coach-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex;position:relative}.coach-step{color:var(--muted);margin-right:auto;font-size:12px;font-weight:700}@keyframes coach-in{0%{opacity:0;transform:translateY(8px)scale(.95)}}.battle{--biome-a:#16304a;--biome-b:#0e1a24;--biome-glow:#7cc4e82e;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:18px;display:grid}.battle.stage-1{--biome-a:#1d3b22;--biome-b:#0d1a10;--biome-glow:#6fae3a38}.battle.stage-2{--biome-a:#3b3219;--biome-b:#17130a;--biome-glow:#d9a04c33}.battle.stage-3{--biome-a:#4a2c14;--biome-b:#1b1008;--biome-glow:#f2a03c38}.battle.stage-4{--biome-a:#0f2f4d;--biome-b:#07121e;--biome-glow:#2f8ee040}.battle.stage-5{--biome-a:#123a31;--biome-b:#071a15;--biome-glow:#3fd08a33}.battle.stage-6{--biome-a:#2a3140;--biome-b:#10141b;--biome-glow:#becde12e}.battle.stage-7{--biome-a:#23445a;--biome-b:#0c1820;--biome-glow:#c8ebff40}.battle.stage-8{--biome-a:#4a1a14;--biome-b:#1a0806;--biome-glow:#ff5a3240}.battle.arena{--biome-a:#2e2146;--biome-b:#110b1b;--biome-glow:#f5d77a33}.board{background:radial-gradient(700px 300px at 50% 50%, var(--biome-glow), transparent 70%), linear-gradient(180deg, var(--biome-a), var(--biome-b));border:1px solid var(--line);border-radius:22px;gap:10px;padding:12px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #00000080}.board:before{content:"";pointer-events:none;opacity:.35;background-image:radial-gradient(2px 2px at 20% 30%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 70% 60%,#fff6,#0000),radial-gradient(2px 2px at 40% 80%,#ffffff59,#0000),radial-gradient(1px 1px at 85% 20%,#ffffff80,#0000);background-size:260px 260px;animation:40s linear infinite drift;position:absolute;inset:-50%}@keyframes drift{to{transform:translate(260px,-260px)}}.board.shake-a{animation:.35s board-shake-a}.board.shake-b{animation:.35s board-shake-b}@keyframes board-shake-a{25%{transform:translate(-5px,2px)}50%{transform:translate(4px,-3px)}75%{transform:translate(-2px,1px)}}@keyframes board-shake-b{25%{transform:translate(5px,-2px)}50%{transform:translate(-4px,3px)}75%{transform:translate(2px,-1px)}}.battle-log{grid-template-rows:auto 1fr auto;gap:10px;max-height:calc(100vh - 100px);padding:14px;display:grid;position:sticky;top:76px}.battle-log .row{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.battle-log .row .btn.small{padding:6px 10px}.battle-log ul{align-content:start;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid;overflow:auto}.battle-log li{background:var(--panel-2);border-radius:8px;padding:6px 8px;line-height:1.35;animation:.3s log-in}.battle-log li:first-child{outline:1px solid #f5d77a59}@keyframes log-in{0%{opacity:0;transform:translate(10px)}}.side{border-radius:16px;gap:12px;padding:12px;display:grid;position:relative}.side.foe{background:linear-gradient(#ff5a5f1a,#0000 85%)}.side.me{background:linear-gradient(#0000 15%,#3fd08a1a)}.side-head{flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.side-head strong{font:800 18px Fraunces,serif}.pts{gap:4px;display:inline-flex}.pts i{border:2px solid var(--gold);opacity:.5;border-radius:50%;width:14px;height:14px}.pts i.on{background:radial-gradient(circle at 35% 35%, #fff6c9, var(--gold) 50%, var(--gold-2));opacity:1;animation:.6s cubic-bezier(.2,1.8,.4,1) pt-in;box-shadow:0 0 10px #f5d77a99}@keyframes pt-in{0%{box-shadow:0 0 30px var(--gold);transform:scale(2.4)}}.row-units{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:24px;display:flex}.foe .row-units{align-items:flex-start}.bench{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;min-height:40px;display:flex}.active-slot{place-items:center;display:grid}.ghost-slot{aspect-ratio:63/88;border:2px dashed #ffffff1f;border-radius:12px;width:min(170px,30vw)}.ghost-slot.small{opacity:.6;width:100px}.unit{width:var(--w);gap:4px;transition:transform .2s;display:grid;position:relative}.unit-card{position:relative}.unit.hl{cursor:pointer;border-radius:12px;animation:1s ease-in-out infinite alternate unit-glow}.unit.hl:hover{transform:translateY(-4px)}@keyframes unit-glow{0%{filter:drop-shadow(0 0 2px #3fd08a66)}to{filter:drop-shadow(0 0 14px #3fd08af2)}}.unit.enter{animation:.55s cubic-bezier(.2,1.3,.4,1) unit-enter}@keyframes unit-enter{0%{opacity:0;transform:translateY(30px)scale(.7)rotate(-6deg)}}.unit.lunge-up{z-index:4;animation:.5s cubic-bezier(.3,0,.2,1) lunge-up}.unit.lunge-down{z-index:4;animation:.5s cubic-bezier(.3,0,.2,1) lunge-down}@keyframes lunge-up{30%{transform:translateY(14px)scale(.97)}55%{filter:drop-shadow(0 0 16px var(--el));transform:translateY(-60px)scale(1.1)}to{transform:none}}@keyframes lunge-down{30%{transform:translateY(-14px)scale(.97)}55%{filter:drop-shadow(0 0 16px var(--el));transform:translateY(60px)scale(1.1)}to{transform:none}}.unit.hit{animation:.5s unit-shake}.unit.hit .unit-card:after{content:"";pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#ffffffe6,#ff5a5f99 45%,#0000 75%);border-radius:10px;animation:.45s ease-out forwards hit-flash;position:absolute;inset:0}@keyframes hit-flash{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.3)}}@keyframes unit-shake{0%,to{transform:translate(0)}15%{transform:translate(-9px)rotate(-3deg)}35%{transform:translate(8px)rotate(2deg)}55%{transform:translate(-5px)}75%{transform:translate(3px)}}.unit.ko{animation:1.3s forwards unit-ko}@keyframes unit-ko{0%{filter:none;transform:none}25%{transform:translateY(-10px)rotate(4deg)}to{filter:grayscale()brightness(.5);opacity:.3;transform:translateY(26px)rotate(-10deg)scale(.85)}}.ko-stamp{z-index:5;color:#ff5a5f;text-shadow:0 0 12px #ff5a5fcc;background:#140505b3;border:4px solid #ff5a5f;border-radius:10px;padding:2px 12px;font:900 30px Fraunces,serif;animation:.4s cubic-bezier(.2,1.8,.4,1) stamp;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-14deg)scale(3)}}.unit.charge .unit-card{animation:.7s charge}@keyframes charge{40%{filter:drop-shadow(0 0 18px #f5d77a)brightness(1.25);transform:scale(1.04)}}.unit.healing .unit-card{animation:.8s healing}@keyframes healing{40%{filter:drop-shadow(0 0 18px #3fd08a)brightness(1.2)}}.u-hp{grid-template-columns:1fr auto;align-items:center;gap:6px;font-size:11px;font-weight:800;display:grid}.u-bar{background:#00000059;border-radius:99px;height:7px;overflow:hidden}.u-bar i{border-radius:99px;height:100%;transition:width .6s cubic-bezier(.3,0,.2,1),background .5s;display:block}.u-energy{justify-content:center;gap:2px;min-height:16px;font-size:12px;display:flex}.u-energy i{filter:grayscale();opacity:.35;font-style:normal}.u-energy i.on{filter:none;opacity:1;text-shadow:0 0 6px #f5d77acc}.pop{z-index:6;pointer-events:none;white-space:nowrap;font:900 34px Fraunces,serif;animation:1.25s ease-out forwards pop-float;position:absolute;top:28%;left:50%}.pop-dmg{color:#ff5a5f;text-shadow:0 2px #300,0 0 14px #ff5a5fcc}.pop-heal{color:#7ff0b5;text-shadow:0 2px #03210f,0 0 14px #3fd08acc}.pop-energy{color:var(--gold);text-shadow:0 2px #2a1d00,0 0 12px #f5d77ae6;font-size:24px}@keyframes pop-float{0%{opacity:0;transform:translate(-50%,12px)scale(.5)}20%{opacity:1;transform:translate(-50%)scale(1.25)}to{opacity:0;transform:translate(-50%,-60px)scale(1)}}.callout{z-index:20;pointer-events:none;white-space:nowrap;color:var(--c);text-shadow:0 4px 0 #0009, 0 0 30px var(--c);font:900 clamp(28px,6vw,52px) Fraunces,serif;animation:1.2s cubic-bezier(.2,1.4,.4,1) forwards callout;position:absolute;top:50%;left:50%}@keyframes callout{0%{opacity:0;transform:translate(-50%,-50%)scale(2.2)rotate(-6deg)}18%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-3deg)}80%{opacity:1;transform:translate(-50%,-50%)scale(1.04)rotate(-3deg)}to{opacity:0;transform:translate(-50%,-70%)scale(.95)rotate(-3deg)}}.flash{z-index:15;pointer-events:none;background:radial-gradient(circle at 50% 50%, var(--c), transparent 70%);mix-blend-mode:screen;animation:.6s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.85}to{opacity:0}}.midline{z-index:8;place-items:center;min-height:44px;display:grid;position:relative}.turn-pill{border:1px solid var(--line);color:var(--muted);background:#00000059;border-radius:99px;padding:6px 16px;font-size:13px;font-weight:800}.turn-pill.me{color:#04140b;background:linear-gradient(#7ff0b5,#2fbf76);border-color:#0000}.battle-banner{z-index:10;white-space:nowrap;pointer-events:none;color:#ffb3b5;background:linear-gradient(90deg,#0000,#0b0f14f2 15% 85%,#0000);border-radius:14px;padding:10px 28px;font:900 22px Fraunces,serif;animation:1.2s cubic-bezier(.2,.9,.3,1) forwards banner-sweep;position:absolute;top:50%;left:50%}.battle-banner.mine{color:#7ff0b5}@keyframes banner-sweep{0%{opacity:0;transform:translate(-150%,-50%)}25%{opacity:1;transform:translate(-50%,-50%)}75%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(50%,-50%)}}.actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.actions .btn.ready{animation:1.1s ease-in-out infinite ready-attack}@keyframes ready-attack{50%{transform:translateY(-1px);box-shadow:0 0 0 4px #f5d77a40,0 0 26px #f5d77ab3}}.hint{text-align:center;color:var(--muted);margin:0;font-size:13px}.pick-hint{color:#7ff0b5;font-weight:700;animation:.3s fade}.hand{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hand-card{cursor:pointer;background:0 0;border:none;width:110px;padding:0;transition:transform .15s,filter .15s;animation:.45s cubic-bezier(.2,1.2,.4,1) backwards deal-in;position:relative}@keyframes deal-in{0%{opacity:0;transform:translateY(60px)rotate(8deg)scale(.8)}}.hand-card:hover:not(:disabled){transform:translateY(-10px)rotate(-1deg)}.hand-card:disabled{cursor:default}.hand-card .tcg-card{width:100%}.hand-card.active{filter:drop-shadow(0 0 10px #f5d77ae6);transform:translateY(-12px)}.hand-card.bench{filter:drop-shadow(0 0 8px #9ad8ffe6);transform:translateY(-6px)}.role{z-index:2;letter-spacing:.08em;background:var(--gold);color:#1a1200;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:900;animation:.3s cubic-bezier(.2,1.8,.4,1) stamp-in;position:absolute;top:-10px;left:50%;transform:translate(-50%)}@keyframes stamp-in{0%{opacity:0;transform:translate(-50%)scale(1.8)}}.hand-card.bench .role{color:#04121d;background:#9ad8ff}.setup-bar{z-index:20;box-shadow:var(--shadow);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:max-content;max-width:calc(100vw - 32px);padding:12px 16px;font-weight:700;animation:.4s cubic-bezier(.2,1.2,.4,1) bar-up;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}@keyframes bar-up{0%{transform:translate(-50%,120%)}}.battle.setup{padding-bottom:110px}.promote{text-align:center;max-width:760px}.promote-list{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.promote-pick{cursor:pointer;background:0 0;border:none;justify-items:center;gap:6px;padding:0;transition:transform .15s;display:grid}.promote-pick:hover:not(:disabled){transform:translateY(-6px)}.promote-info{color:var(--muted);font-size:12px;font-weight:800}.result{text-align:center;gap:12px;max-width:460px;animation:.5s cubic-bezier(.2,1.3,.4,1) result-in;display:grid}.result-icon{font-size:64px;line-height:1;animation:1.2s ease-in-out infinite alternate trophy}.result.lost .result-icon{filter:grayscale(.3);animation:none}@keyframes trophy{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-8px)rotate(4deg)}}.result-title{font:900 42px Fraunces,serif}.result.won .result-title{color:var(--gold);text-shadow:0 0 24px #f5d77a80}.result.lost .result-title{color:var(--muted)}.result-rewards{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.result-rewards>span{background:var(--panel-2);border:1px solid var(--line);border-radius:99px;padding:6px 12px;font-weight:800;animation:.45s cubic-bezier(.2,1.6,.4,1) backwards reward-in}.result-rewards>.badge.first{color:#1a1200;background:linear-gradient(#ffe89a,#f2c230);border:none}.versus{z-index:200;text-align:center;cursor:pointer;background:radial-gradient(circle,#f5d77a2e,#0000 60%),#05080ceb;place-content:center;gap:18px;animation:.4s 1.9s forwards vs-out;display:grid;position:fixed;inset:0}@keyframes vs-out{to{opacity:0;visibility:hidden}}.vs-place{color:var(--muted);font:800 20px Fraunces,serif;animation:.5s .2s backwards fade}.vs-names{align-items:center;gap:clamp(12px,4vw,40px);font:900 clamp(24px,5vw,44px) Fraunces,serif;display:flex}.vs-me{color:#7ff0b5;animation:.5s cubic-bezier(.2,1.2,.4,1) vs-left}.vs-foe{color:#ffb3b5;animation:.5s cubic-bezier(.2,1.2,.4,1) vs-right}.vs-badge{color:#1a1200;background:radial-gradient(circle at 35% 35%, #fff6c9, var(--gold) 55%, var(--gold-2));border-radius:50%;place-items:center;width:1.9em;height:1.9em;animation:.6s cubic-bezier(.2,2,.4,1) .45s backwards vs-badge;display:grid;box-shadow:0 0 40px #f5d77acc}@keyframes vs-left{0%{transform:translate(-60vw)}}@keyframes vs-right{0%{transform:translate(60vw)}}@keyframes vs-badge{0%{transform:scale(0)rotate(-180deg)}}.rules{max-width:560px}.rules ul{gap:8px;padding-left:18px;line-height:1.5;display:grid}.rules b{color:var(--gold)}@media (width<=980px){.battle{grid-template-columns:minmax(0,1fr)}.battle-log{max-height:320px;position:static}}@media (width<=600px){.board{border-radius:16px;padding:6px}.side{padding:8px}.row-units{gap:10px}.foe .bench .unit,.foe .bench .unit .tcg-card{width:64px!important}.me .bench .unit,.me .bench .unit .tcg-card{width:72px!important}.ghost-slot.small{width:72px}.hand-card{width:84px}.pop{font-size:26px}}@media (prefers-reduced-motion:reduce){.board:before,.hand-card,.unit,.unit .unit-card,.board{animation:none!important}}.live-timer{z-index:40;white-space:nowrap;box-shadow:var(--shadow);background:#0b0f14e6;border:1px solid #ff5a5f73;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:800;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%)}.live-timer.mine{color:#9ff0c6;border-color:#3fd08a99}.live-timer .live-dot{background:#ff5a5f;border-radius:50%;width:8px;height:8px;animation:1.4s infinite live}.items-bar{flex-wrap:wrap;justify-content:center;gap:6px;width:fit-content;max-width:100%;margin:0 auto;display:flex}.item-btn{cursor:pointer;border:1px solid var(--line);color:var(--text);background:#0000004d;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;transition:transform .12s,background .2s;display:inline-flex}.item-btn span{font-size:17px}.item-btn:hover:not(:disabled){background:#ffffff14;transform:translateY(-2px)}.item-btn:disabled{opacity:.45;cursor:default}.item-btn.used{opacity:.3;text-decoration:line-through}.item-btn.on{color:#04140b;background:linear-gradient(#7ff0b5,#2fbf76);border-color:#0000}.terrain-badge{white-space:nowrap;background:color-mix(in srgb, var(--c) 25%, #00000080);border:1px solid color-mix(in srgb, var(--c) 60%, transparent);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:800;position:absolute;top:50%;left:12px;transform:translateY(-50%)}@media (width<=600px){.terrain-badge{margin-bottom:4px;position:static;transform:none}.midline{gap:4px}}@media (hover:none){.hand-card:hover:not(:disabled),.unit.hl:hover{transform:none}}@media (width<=600px){.battle{gap:12px}.board{padding:6px 4px}.side{gap:8px;padding:6px}.side-head{justify-content:center;gap:8px;font-size:12.5px}.side-head strong{font-size:15px}.row-units{flex-wrap:nowrap;align-items:center;gap:10px}.bench{flex-wrap:nowrap;gap:6px;min-height:0}.active-slot .unit,.active-slot .unit .tcg-card{width:min(118px,31vw)!important}.foe .bench .unit,.foe .bench .unit .tcg-card{width:min(58px,15vw)!important}.me .bench .unit,.me .bench .unit .tcg-card{width:min(62px,16vw)!important}.ghost-slot{width:min(118px,31vw)}.ghost-slot.small{width:min(62px,16vw)}.midline{min-height:34px}.actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.actions .btn{min-height:40px;padding:8px 6px;font-size:12.5px;line-height:1.15}.actions .btn.primary{grid-column:1/-1;min-height:46px;font-size:15px}.items-bar{gap:6px}.hand{scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin:0 -6px;padding:14px 4px 6px;overflow-x:auto}.hand::-webkit-scrollbar{display:none}.hand-card{scroll-snap-align:start;flex:none;width:82px}.hint{margin:2px 0;font-size:12.5px}}.welcome{z-index:250;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(900px 600px at 50% 20%,#3fd08a1f,#0000 60%),#030609e6;place-items:center;padding:16px;animation:.4s fade;display:grid;position:fixed;inset:0;overflow-y:auto}.welcome.closing{animation:.35s forwards w-out}@keyframes w-out{to{opacity:0;transform:scale(1.04)}}.w-box{background:linear-gradient(#18222e,#10171f);border:1px solid #f5d77a40;border-radius:26px;gap:18px;width:min(720px,100%);padding:28px clamp(18px,4vw,40px) 22px;display:grid;position:relative;box-shadow:0 40px 100px #0009}.w-skip{color:var(--muted);cursor:pointer;background:0 0;border:none;font-weight:700;position:absolute;top:14px;right:16px}.w-skip:hover{color:var(--text)}.w-stage{min-height:460px;display:grid}.w-slide{text-align:center;align-content:center;justify-items:center;gap:12px;animation:.45s cubic-bezier(.2,1,.3,1) w-in;display:grid}@keyframes w-in{0%{opacity:0;transform:translate(40px)}}.w-slide h2{margin:6px 0 0;font-size:clamp(24px,4vw,32px)}.w-slide p{max-width:520px;color:var(--muted);margin:0;line-height:1.55}.w-slide b{color:var(--text)}.w-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.w-dots{gap:8px;display:flex}.w-dots button{cursor:pointer;background:#fff3;border:none;border-radius:99px;width:9px;height:9px;padding:0;transition:width .25s,background .25s}.w-dots button.on{background:var(--gold);width:26px}.w-fan{justify-content:center;align-items:flex-end;width:100%;height:min(300px,50vw);display:flex;position:relative}.w-fan-card{animation:.7s cubic-bezier(.2,1.3,.4,1) backwards w-card-in;position:absolute;bottom:0}.w-fan-card.f0{animation-delay:.1s;transform:translate(-62%)rotate(-12deg)}.w-fan-card.f1{z-index:2;animation-delay:.25s;transform:translateY(-14px)}.w-fan-card.f2{animation-delay:.4s;transform:translate(62%)rotate(12deg)}@keyframes w-card-in{0%{opacity:0;translate:0 80px;rotate:0deg}}.w-ladder{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:8px;width:100%;display:grid}.w-rung{color:var(--c);opacity:.12;justify-items:center;gap:6px;font-size:11px;font-weight:800;transition:all .45s cubic-bezier(.2,1.4,.4,1);display:grid;transform:translateY(20px)scale(.9)}.w-rung .tcg-card{width:100%}.w-rung.on{opacity:1;filter:drop-shadow(0 0 12px color-mix(in srgb, var(--c) 50%, transparent));transform:none}.w-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.w-tile{background:var(--panel-2);border:1px solid var(--line);text-align:left;border-radius:16px;gap:4px;padding:16px;animation:.5s cubic-bezier(.2,1.3,.4,1) backwards w-card-in;display:grid}.w-emoji{font-size:30px}.w-cycle{width:220px;height:220px;margin:10px 0;animation:30s linear infinite spin360;position:relative}.w-el{background:color-mix(in srgb, var(--c) 30%, #10171f);border:2px solid var(--c);width:58px;height:58px;box-shadow:0 0 18px color-mix(in srgb, var(--c) 50%, transparent);transform:rotate(var(--a)) translate(84px) rotate(calc(-1 * var(--a)));border-radius:50%;place-items:center;margin:-29px;font-size:28px;display:grid;position:absolute;top:50%;left:50%}.w-cycle-center{place-items:center;font-size:40px;animation:30s linear infinite reverse spin360;display:grid;position:absolute;inset:0}.w-cycle .w-el{animation:none}.w-pack{place-items:center;width:160px;height:200px;font-size:110px;animation:2.4s ease-in-out infinite w-pack-idle;display:grid;position:relative}.w-pack span{filter:drop-shadow(0 10px 30px #00000080);position:relative}.w-pack-glow{background:radial-gradient(circle,#ffc93c73,#0000 65%);border-radius:50%;animation:2s ease-in-out infinite w-glow;position:absolute;inset:-40px}@media (width<=600px){.w-stage{min-height:420px}.w-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}.w-grid{grid-template-columns:minmax(0,1fr)}.w-tile{padding:12px}}@keyframes w-pack-idle{50%{transform:translateY(-10px)rotate(2deg)}}@keyframes w-glow{50%{opacity:.4}}.bell,.bell-btn{position:relative}.bell-btn.ring{animation:.9s bell-ring}@keyframes bell-ring{10%,30%,50%{transform:rotate(-18deg)}20%,40%,60%{transform:rotate(16deg)}80%{transform:rotate(-4deg)}}.bell-dot{background:var(--red);color:#fff;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--bg);border-radius:99px;place-items:center;padding:0 4px;font:800 10px Inter,sans-serif;animation:.4s cubic-bezier(.2,1.8,.4,1) pt-pop;display:grid;position:absolute;top:-2px;right:-4px}@keyframes pt-pop{0%{transform:scale(0)}}.bell-panel{z-index:120;border:1px solid var(--line);transform-origin:100% 0;background:linear-gradient(#1d2936,#151d27);border-radius:16px;gap:10px;width:min(380px,100vw - 24px);max-height:min(520px,100vh - 90px);padding:12px;animation:.25s cubic-bezier(.2,1.2,.4,1) bell-open;display:grid;position:absolute;top:calc(100% + 10px);right:-8px;overflow-y:auto;box-shadow:0 20px 60px #0000008c}@keyframes bell-open{0%{opacity:0;transform:scale(.9)translateY(-8px)}}.bell-panel header{justify-content:space-between;align-items:center;gap:8px;display:flex}.linkish{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.bell-push{text-align:left;cursor:pointer;color:var(--text);background:#3fd08a14;border:1px solid #3fd08a4d;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:700;display:flex}.switch{background:#ffffff2e;border-radius:99px;flex:none;width:36px;height:20px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.bell-push.on .switch{background:var(--green)}.bell-push.on .switch:after{transform:translate(16px)}.bell-empty{margin:4px 2px;font-size:13px;line-height:1.5}.bell-panel ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.bell-panel li{cursor:pointer;border-radius:12px;gap:10px;padding:9px 10px;transition:background .15s;display:flex}.bell-panel li:hover{background:#ffffff0d}.bell-panel li.unread{background:#f5d77a12}.bell-panel li.unread strong:after{content:"";background:var(--gold);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.bell-ic{font-size:20px;line-height:1.2}.bell-panel li div{gap:2px;min-width:0;font-size:13px;display:grid}.bell-panel li span{color:var(--muted);line-height:1.4}.bell-panel li time{color:var(--muted);opacity:.8;font-size:11px}@media (width<=760px){.bell-panel{position:fixed;top:60px;right:12px}}:root{--bg:#0b0f14;--bg-2:#111821;--panel:#151d27;--panel-2:#1b2531;--line:#ffffff17;--text:#f4f1ea;--muted:#f4f1ea9e;--gold:#f5d77a;--gold-2:#c98a1b;--green:#3fd08a;--red:#ff5a5f;--radius:16px;--shadow:0 10px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(1200px 600px at 10% -10%, #3fd08a14, transparent 60%), radial-gradient(900px 500px at 110% 10%, #f5d77a12, transparent 60%), var(--bg);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-family:Inter,system-ui,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.01em;font-family:Fraunces,Georgia,serif}h1{font-weight:900}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0b0f14d1;align-items:center;gap:16px;padding:10px clamp(16px,3vw,32px);display:flex;position:sticky;top:0}.brand{letter-spacing:.12em;color:var(--gold);align-items:center;gap:10px;font:900 22px/1 Fraunces,serif;text-decoration:none;display:flex}.brand img{width:30px;height:30px}.nav{scrollbar-width:none;flex:1;gap:4px;display:flex;overflow-x:auto}.nav a{color:var(--muted);white-space:nowrap;border-radius:99px;margin-right:4px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;position:relative}.nav a:hover{color:var(--text);background:#ffffff0d}.nav a.active{color:var(--text);background:#ffffff17}.nav .dot{background:var(--red);color:#fff;border-radius:99px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;display:grid;position:absolute;top:0;right:-2px}.userbox{align-items:center;gap:10px;display:flex}@media (width<=1440px){.nav a{margin-right:0;padding:8px 10px}.topbar{gap:10px}}.coins{color:var(--gold);font-variant-numeric:tabular-nums;background:linear-gradient(#f5d77a29,#f5d77a0f);border:1px solid #f5d77a4d;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-weight:800;display:inline-flex}.coin{background:radial-gradient(circle at 35% 30%,#fff3b5,#e6b43a 55%,#9c6b00);border-radius:50%;flex:none;width:16px;height:16px;box-shadow:inset 0 0 0 1.5px #0003}.main{flex:1;width:100%;max-width:1320px;margin:0 auto;padding:24px clamp(16px,3vw,32px) 64px}.footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:24px 16px 32px;font-size:12px}.footer a{color:var(--muted)}@media (width<=760px){.topbar{flex-wrap:wrap;gap:8px}.nav{flex:none;order:3;width:100%}.userbox{margin-left:auto}}.btn{border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:700;text-decoration:none;transition:transform .12s,background .2s,border-color .2s,opacity .2s;display:inline-flex}.btn:hover{background:#243140}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{color:#1a1200;background:linear-gradient(#ffe38f,#e6aa2a);border:none;box-shadow:0 6px 20px #e6aa2a4d,inset 0 1px #ffffff80}.btn.primary:hover{background:linear-gradient(#fff0b3,#efb63a)}.btn.green{color:#04140b;background:linear-gradient(#7ff0b5,#2fbf76);border:none}.btn.danger{color:#ffb3b5;background:#ff5a5f14;border-color:#ff5a5f66}.btn.ghost{background:0 0}.btn.small{border-radius:10px;padding:6px 12px;font-size:13px}.btn.big{border-radius:14px;padding:14px 26px;font-size:17px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.muted{color:var(--muted)}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spacer{flex:1}.page-title{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin:4px 0 20px;display:flex}.page-title h1{margin:0;font-size:clamp(28px,4vw,42px)}.page-title p{color:var(--muted);margin:6px 0 0}.input,.select{border:1px solid var(--line);background:#0e141b;border-radius:12px;outline:none;width:100%;padding:11px 14px;transition:border-color .2s,box-shadow .2s}.input:focus,.select:focus{border-color:#f5d77a99;box-shadow:0 0 0 3px #f5d77a26}label.field{color:var(--muted);gap:6px;font-size:13px;font-weight:600;display:grid}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.chip:hover{color:var(--text)}.chip.on{color:#0b0f14;background:var(--text);border-color:var(--text)}.chip .sw{border-radius:3px;width:9px;height:9px;transform:rotate(45deg)}.card-grid{grid-template-columns:repeat(auto-fill, minmax(var(--cw,190px), 1fr));justify-items:center;gap:22px 18px;display:grid}.card-grid .tcg-card{--w:100%;max-width:260px}.progress{background:#ffffff14;border-radius:99px;height:8px;overflow:hidden}.progress>i{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--gold));height:100%;display:block}.empty{text-align:center;color:var(--muted);padding:48px 16px}.empty .big-emoji{margin-bottom:10px;font-size:48px;display:block}.loader{border:4px solid #ffffff1a;border-top-color:var(--gold);border-radius:50%;width:42px;height:42px;margin:60px auto;animation:.9s linear infinite spin360}@keyframes spin360{to{transform:rotate(360deg)}}.tabs{border-bottom:1px solid var(--line);gap:6px;margin-bottom:18px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-weight:700}.tabs button.on{color:var(--text);border-bottom-color:var(--gold)}.toasts{z-index:400;gap:8px;width:min(420px,100vw - 32px);display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line);box-shadow:var(--shadow);background:#1d2835;border-radius:12px;padding:12px 16px;font-weight:600;animation:.25s ease-out toast-in}.toast.ok{border-color:#3fd08a80}.toast.err{color:#ffc9ca;border-color:#ff5a5f99}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.modal-bg{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030609c7;place-items:center;padding:16px;animation:.2s fade;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes fade{0%{opacity:0}}.modal{background:var(--panel);border:1px solid var(--line);border-radius:22px;width:min(980px,100%);max-height:calc(100vh - 32px);padding:28px;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0009}.modal-close{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;z-index:2;border-radius:50%;width:36px;height:36px;font-size:18px;position:absolute;top:12px;right:12px}::selection{background:#f5d77a59}.icon-btn{cursor:pointer;opacity:.75;background:0 0;border:none;padding:4px;font-size:18px}.icon-btn:hover{opacity:1}.lvl-chip{--p:0%;background:conic-gradient(var(--gold) var(--p), #ffffff1f 0);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;text-decoration:none;display:grid}.lvl-chip span{background:var(--bg);width:27px;height:27px;color:var(--gold);border-radius:50%;place-items:center;font:900 13px Inter,sans-serif;display:grid}.free-chip{color:#9ff0c6;background:#3fd08a26;border:1px solid #3fd08a73;border-radius:99px;padding:5px 10px;font-size:13px;font-weight:800;text-decoration:none;animation:2s ease-in-out infinite ready-pulse}@keyframes ready-pulse{50%{box-shadow:0 0 0 4px #3fd08a26}}@media (width<=760px){.userbox{gap:6px}}.nav .dot.soft{background:#8c5ae0}.page-anim{animation:.35s cubic-bezier(.2,.9,.3,1) page-in}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}}.btn{transition:background .15s,transform .1s,box-shadow .2s}.btn:active:not(:disabled){transform:translateY(1px)scale(.97)}.coins{position:relative}.coins.bump{animation:.5s cubic-bezier(.2,1.8,.4,1) coins-bump}@keyframes coins-bump{40%{transform:scale(1.15);box-shadow:0 0 20px #f5d77a99}}.coins-gain{color:var(--gold);pointer-events:none;text-shadow:0 1px #000;font-size:13px;font-weight:900;animation:1.4s ease-out forwards coins-gain;position:absolute;top:100%;right:8px}@keyframes coins-gain{0%{opacity:0;transform:translateY(-6px)}20%{opacity:1}to{opacity:0;transform:translateY(14px)}}.lvl-chip.bump{animation:1.2s cubic-bezier(.2,1.6,.4,1) lvl-bump}@keyframes lvl-bump{20%{box-shadow:0 0 30px var(--gold);transform:scale(1.5)rotate(-10deg)}45%{transform:scale(1.2)rotate(8deg)}}@media (prefers-reduced-motion:reduce){.page-anim,.coins.bump,.lvl-chip.bump{animation:none}}.quest-tabs .chip{padding:8px 14px;font-size:14px;text-decoration:none;position:relative}.quest-tabs .dot{background:var(--red);color:#fff;border-radius:99px;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:800;display:inline-grid}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.tabbar,.sheet-bg{display:none}@media (hover:none){.btn:hover{background:var(--panel-2)}.btn.ghost:hover{background:0 0}.btn.primary:hover{background:linear-gradient(#ffe38f,#e6aa2a)}}@media (width<=760px){.topbar{padding:calc(8px + env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));flex-wrap:nowrap;gap:8px}.topbar .nav,.topbar .user-btn,.topbar .mute-btn{display:none}.brand{letter-spacing:.08em;gap:7px;font-size:18px}.brand img{width:24px;height:24px}.userbox{gap:6px;margin-left:auto}.userbox .coins{padding:5px 10px;font-size:14px}.main{padding:16px 14px calc(96px + env(safe-area-inset-bottom))}.footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.page-title{margin:0 0 14px}.page-title h1{font-size:28px}.panel{padding:16px}.input,.select,input,select,textarea{font-size:16px}.btn{min-height:40px}.btn.small{min-height:34px}.toasts{bottom:calc(84px + env(safe-area-inset-bottom))}.fs{bottom:calc(80px + env(safe-area-inset-bottom))!important}.tabbar{z-index:60;padding:6px max(6px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);background:#0b0f14e6;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a,.tabbar button{cursor:pointer;color:var(--muted);letter-spacing:.01em;background:0 0;border:none;border-radius:12px;justify-items:center;gap:2px;padding:6px 0 4px;font-size:10.5px;font-weight:700;text-decoration:none;display:grid;position:relative}.tb-ico{filter:grayscale(.7)opacity(.75);font-size:21px;line-height:1;transition:transform .2s,filter .2s}.tabbar a.active,.tabbar button.active{color:var(--gold)}.tabbar a.active .tb-ico,.tabbar button.active .tb-ico{filter:none;transform:translateY(-1px)scale(1.12)}.tabbar a:active .tb-ico,.tabbar button:active .tb-ico{transform:scale(.9)}.tb-dot{background:var(--red);color:#fff;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--bg);border-radius:99px;place-items:center;padding:0 4px;font-size:10px;font-style:normal;font-weight:800;display:grid;position:absolute;top:0;left:calc(50% + 6px)}.tb-dot.green{background:var(--green);color:#04140b}.tb-dot.soft{background:#8c5ae0}.sheet-bg{z-index:59;background:#0000008c;animation:.2s fade;display:block;position:fixed;inset:0}.sheet{padding:10px 14px calc(84px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);border-radius:22px 22px 0 0;animation:.28s cubic-bezier(.2,1,.3,1) sheet-up;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -20px 40px #0006}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet-grip{background:#fff3;border-radius:99px;width:40px;height:4px;margin:0 auto 12px;display:block}.sheet-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.sheet-grid a{background:var(--panel-2);border:1px solid var(--line);text-align:center;border-radius:14px;justify-items:center;gap:6px;padding:12px 4px;font-size:11.5px;font-weight:700;text-decoration:none;display:grid;position:relative}.sheet-grid a span{font-size:24px;line-height:1}.sheet-grid a:active{transform:scale(.96)}.sheet-grid .tb-dot{top:6px;left:auto;right:8px}.sheet-foot{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}}@media (width<=360px){.brand span,.brand{font-size:0}.brand img{width:26px;height:26px}}@media (width<=480px){.tabs{scrollbar-width:none}.tabs button{flex:1 0 auto;padding-left:8px;padding-right:8px;font-size:14px}}@media (width<=760px){.in-battle .main{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.in-battle .footer{display:none}.modal-bg{place-items:end stretch;padding:0;overflow:hidden}.modal{width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-top));padding:22px 16px calc(20px + env(safe-area-inset-bottom));overscroll-behavior:contain;border-bottom:none;border-radius:22px 22px 0 0;animation:.3s cubic-bezier(.2,1,.3,1) sheet-up}.modal:before{content:"";background:#fff3;border-radius:99px;width:40px;height:4px;position:absolute;top:8px;left:calc(50% - 20px)}.modal-close{top:14px;right:12px}}