.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 #3fd08a24}}.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}.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}}.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)}}: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}.page-loading{min-height:60vh}@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}}