@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;800&family=Cinzel:wght@700;900&family=Be+Vietnam+Pro:ital,wght@0,400;0,500;0,700;0,800;0,900;1,800;1,900&family=Noto+Serif:ital,wght@0,600;0,800;1,500&display=swap";:root{--bg:#14151f;--bg-deep:#0e0f17;--panel:#1e2030;--panel-2:#262940;--line:#34385a;--text:#f2eee3;--muted:#a9a7b8;--gold:#e9b949;--gold-soft:#f6d27e;--gold-ink:#1a1405;--energy:#5cc8f0;--hp:#ff9a92;--fire:#f06a3c;--fire-tint:#3a1d17;--water:#3e9be8;--water-tint:#16283d;--forest:#55b464;--forest-tint:#18301d;--neutral:#9c93c9;--neutral-tint:#26243a;--display:"Baloo 2", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg-deep);-webkit-tap-highlight-color:transparent;font-family:Be Vietnam Pro,system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--bg-deep);height:100%;margin:0;overflow:hidden}@supports (height:100dvh){html,body{height:100dvh}}#root{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}h1,h2{margin:0}.el-fire{--el:var(--fire);--tint:var(--fire-tint)}.el-water{--el:var(--water);--tint:var(--water-tint)}.el-forest{--el:var(--forest);--tint:var(--forest-tint)}.el-neutral{--el:var(--neutral);--tint:var(--neutral-tint)}.btn{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;height:48px;padding:0 18px;font-weight:700}.btn--gold{background:var(--gold);color:var(--gold-ink);font-family:var(--display);border:none;font-size:16px;font-weight:800}.btn--gold:disabled{color:#1d1f2b;background:#4a4d63}.btn--big{width:100%;height:60px;font-size:22px}.battle-layout{justify-content:center;gap:24px;min-height:100dvh;display:flex}.battle{background:var(--bg);flex-direction:column;width:100%;max-width:480px;min-height:100dvh;display:flex;overflow:hidden}.battle-log{display:none}.player-bar{align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.avatar{background:var(--tint);border:2px solid var(--el);border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.player-bar__info{flex-grow:1;min-width:0}.player-bar__name{font-size:14px;font-weight:700}.player-bar__meta{color:var(--muted);font-size:12px}.hp-pill{color:#e5534b;background:#2a1c22;border:1px solid #5a2c33;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;display:flex}.hp-pill span{font-family:var(--display);color:var(--text);font-size:18px;font-weight:800}.lanes{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:400px;margin:0 auto;padding:6px 16px 0;display:grid}.slot{aspect-ratio:112/150;border:2px dashed var(--line);color:#6e6c84;background:0 0;border-radius:12px;justify-content:center;align-items:center;font-size:12px;display:flex}.slot--target{border-color:var(--gold);color:var(--gold-soft);background:#2a2414;flex-direction:column;gap:4px;font-size:26px;font-weight:700;animation:1.2s ease-in-out infinite pulse}.slot--target span{font-size:12px}.board-card{aspect-ratio:112/150;background:var(--panel);border:2px solid var(--el);text-align:left;cursor:default;border-radius:12px;flex-direction:column;padding:0;display:flex;overflow:hidden}.board-card.is-target{cursor:pointer;box-shadow:0 0 0 3px var(--gold);animation:1.2s ease-in-out infinite pulse}.board-card__art{background:var(--tint);flex:50%;justify-content:center;align-items:center;display:flex;position:relative}.board-card__shield{border:2px solid #9ccbf5;border-radius:8px;position:absolute;inset:4px;box-shadow:inset 0 0 12px #9ccbf555}.board-card__name{white-space:nowrap;text-overflow:ellipsis;padding:6px 8px 0;font-size:11px;font-weight:700;overflow:hidden}.board-card__kw{color:var(--gold);white-space:nowrap;text-overflow:ellipsis;min-height:14px;padding:2px 8px 0;font-size:10px;overflow:hidden}.board-card__stats{justify-content:space-between;padding:4px 6px 6px;display:flex}.stat{font-family:var(--display);border-radius:8px;align-items:center;gap:3px;padding:1px 7px;font-size:15px;font-weight:800;display:flex}.stat--atk{color:var(--gold-soft);background:#3a2a12}.stat--hp{color:var(--hp);background:#3a1a1e}.stat--hp.is-damaged{color:#ff5b4f}.divider{color:var(--muted);justify-content:center;align-items:center;gap:4px;padding:12px 16px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex-grow:1;height:1px;margin:0 8px}.divider strong{color:var(--gold)}.my-bar{align-items:center;gap:10px;padding:14px 16px 8px;display:flex}.energy{align-items:center;gap:4px;display:flex}.gem{border:2px solid #3b5566;border-radius:3px;width:12px;height:12px;transform:rotate(45deg)}.gem.is-full{background:var(--energy);border-color:var(--energy)}.energy__text{color:var(--muted);margin-left:4px;font-size:12px}.spacer{flex-grow:1}.hint{background:var(--panel);color:#cfcbdd;border-radius:10px;min-height:34px;margin:4px 16px 0;padding:8px 12px;font-size:12px}.hand{padding:32px 16px calc(16px + env(safe-area-inset-bottom));flex-grow:1;justify-content:center;align-items:flex-end;min-height:170px;display:flex}.hand-card{--w:78px;width:var(--w);height:120px;margin:0 min(-6px, calc((min(100vw, 480px) - 40px - var(--n) * var(--w)) / (2 * (var(--n) - 1))));background:var(--panel);border:2px solid var(--el);text-align:left;border-radius:10px;flex-direction:column;flex-shrink:0;padding:0;transition:transform .15s;display:flex;position:relative;overflow:hidden}.hand-card.is-selected{border-color:var(--gold);box-shadow:0 8px 20px #000a}.hand-card.is-disabled{opacity:.55}.hand-card__cost{background:var(--energy);color:#0b1b24;width:22px;height:22px;font-family:var(--display);z-index:1;border-radius:11px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex;position:absolute;top:4px;left:4px}.hand-card.is-disabled .hand-card__cost{background:#4a4d63}.card-art{object-fit:cover;object-position:50% 25%;width:100%;height:100%;position:absolute;inset:0}.hand-card__art{background:var(--tint);border-radius:6px;justify-content:center;align-items:center;height:52px;margin:4px 5px 0;display:flex;position:relative;overflow:hidden}.hand-card__name{padding:4px 6px 0;font-size:10px;font-weight:700;line-height:1.2}.hand-card__stats{color:var(--muted);padding:2px 6px 0;font-size:10px}.result{background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.result__box{background:var(--panel);border:2px solid var(--gold);text-align:center;border-radius:20px;flex-direction:column;gap:12px;width:100%;max-width:340px;padding:24px;display:flex}.result__box h2{font-family:var(--display);color:var(--gold-soft);font-size:32px;font-weight:800}.result__box p{color:var(--muted);margin:0}@keyframes pulse{50%{opacity:.55}}@media (width<=360px){.hand-card{--w:72px;height:112px}}@media (width>=600px){.battle{border-left:1px solid #23253a;border-right:1px solid #23253a}.hand-card{--w:92px;height:136px}.board-card__name{font-size:13px}}@media (width>=900px){.battle-log{width:260px;color:var(--muted);padding:24px 0;font-size:13px;display:block}.battle-log h2{color:var(--text);margin-bottom:10px;font-size:14px}.battle-log ol{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.battle-log li:first-child{color:var(--text)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.gfx-low *,.gfx-low :before,.gfx-low :after{-webkit-backdrop-filter:none!important}.gfx-low :is(.lobby-rays,.modal-burst,.bt-result__rays,.shop-gift__rays,.gift-open__rays,.pack-reveal__burst,.reveal-burst__aura,.reveal-burst__rays,.ci-rays,.rb-rays,.lore-bg,.dd-cover__art .fc-img,.showcase-card,.search-card,.start-icon,.shop-pack-offer__art,.pedestal,.btn-play,.rarity-legendary,.card-grid .rarity-legendary,.fc-foil,.fc-shine,.vs-bg-clash,.vs-card-glow,.ci-halo,.ci-hero__img,.ci-hero__css,.ci-glints i,.ci-name,.rb-hero img,.shop-gift.is-ready,.gift-open__chest,.bt-crystal.is-full,.bt-shield,.radar i,.radar-blip),.gfx-low .bt-bg:after,.gfx-low .btn-play:after,.gfx-low .shop-gift.is-ready:after{animation:none!important}.gfx-low :is(.ci-glints,.fc-foil){display:none!important}.gfx-low :is(.ci-hero__img,.rb-hero img,.rb-bit img,.rb-chest img,.quest-bonus__chest img,.lore-drop,.sheet-lore.has-art,.ci-name,.rb-title),.gfx-low .lore-bg{filter:none!important}.gfx-low .ci-name,.gfx-low .rb-title{text-shadow:0 2px #000000b3}:is(.lobby-rays,.modal-burst,.ci-rays,.rb-rays,.bt-result__rays,.shop-gift__rays,.gift-open__rays,.pack-reveal__burst,.reveal-burst__rays,.reveal-burst__aura){will-change:transform}.bt{--fw:min(100vw, 480px);--fh:min(100vh, 920px);--unit-w:min(140px, calc((var(--fw) - 28px) / 3), calc((var(--fh) - 300px) / 4.1));--hand-w:min(112px, calc(var(--unit-w) * .94));--mine:#5fd3ff;--theirs:#ff4d5e;-webkit-user-select:none;user-select:none}@supports (height:100dvh){.bt{--fh:min(100dvh, 920px)}}.bt.el-fire{--arena:#4a1410}.bt.el-water{--arena:#0c2c4c}.bt.el-forest{--arena:#12361c}.bt-arena{z-index:0;padding:max(8px, env(safe-area-inset-top)) 6px max(4px, env(safe-area-inset-bottom));flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.bt-bg{z-index:-1;background:radial-gradient(ellipse 90% 40% at 50% 22%, color-mix(in srgb, var(--arena) 85%, transparent), transparent 70%), radial-gradient(ellipse 90% 40% at 50% 66%, #1e46968c, transparent 70%), repeating-conic-gradient(from 0deg at 50% 45%, #ffffff06 0 6deg, transparent 6deg 12deg), linear-gradient(180deg, #0a0d22 0%, #0d1634 45%, #0b1230 55%, #070b1d 100%);position:absolute;inset:0}.bt-bg:after{content:"";aspect-ratio:1;border:1px solid #f5c76b1f;border-radius:50%;width:120%;animation:60s linear infinite bt-spin;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 18px #f5c76b08,inset 0 0 0 19px #f5c76b1a}@keyframes bt-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.bt-top{align-items:flex-start;gap:8px;display:flex}.bt-top .bt-hud{flex:1}.bt-icon-btn{width:34px;height:34px;color:var(--gold-hi);border-radius:10px;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #f5c76b8c,0 3px 8px #00000080;background:linear-gradient(#1c2a5c,#0c1433)!important}.bt-icon-btn:active{transform:scale(.94)}.bt-hud{background:linear-gradient(90deg,#0a102ceb,#0a102c99);border-radius:40px 14px 14px 40px;align-items:center;gap:8px;min-width:0;padding:5px 10px 5px 5px;transition:box-shadow .3s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #f5c76b59,0 4px 14px #00000073}.bt-avatar{background:conic-gradient(from 200deg, var(--gold-lo), var(--gold-hi), var(--gold), var(--gold-lo), var(--gold-hi), var(--gold-lo));border-radius:50%;flex:none;width:46px;height:46px;padding:2px;position:relative;box-shadow:0 0 10px #0009}.bt-avatar .fc-img,.bt-avatar .fc-glyph{object-fit:cover;object-position:50% 18%;background:#0d1634;border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.bt-hud.is-theirs .bt-avatar{box-shadow:0 0 10px #ff4d5e73}.bt-hud.is-mine .bt-avatar{box-shadow:0 0 10px #5fd3ff73}.bt-hud__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.bt-hud__top{justify-content:space-between;align-items:center;gap:6px;display:flex}.bt-hud__name{white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:13px;font-weight:800;overflow:hidden}.bt-hud__meta{flex:none;gap:6px;display:flex}.bt-chip{color:var(--muted);align-items:center;gap:3px;font-family:Cinzel,Georgia,serif;font-size:12px;font-weight:700;display:inline-flex}.bt-ico{border:1.5px solid;border-radius:2px;width:9px;height:12px;display:inline-block}.bt-ico--hand{transform:rotate(-12deg)}.bt-ico--deck{box-shadow:2px -2px 0 -.5px #0d1634,2px -2px 0 1px}.bt-hp{background:#0000008c;border-radius:7px;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.bt-hp__lag,.bt-hp__fill{border-radius:7px;position:absolute;inset:0 auto 0 0}.bt-hp__lag{background:#fff3d1;transition:width .9s .25s}.bt-hp__fill{transition:width .25s}.is-mine .bt-hp__fill{background:linear-gradient(#8bf08f,#2ea84a 60%,#1f7a37)}.is-theirs .bt-hp__fill{background:linear-gradient(#ff8f8f,#e3343f 60%,#9e1d2b)}.bt-hp__num{white-space:nowrap;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;justify-content:center;align-items:center;font-family:Cinzel,Georgia,serif;font-size:11px;font-weight:900;line-height:1;display:flex;position:absolute;inset:0}.bt-hp__num small{opacity:.75;font-size:.8em}.bt-crystals{justify-content:center;align-items:center;gap:5px;margin:6px 0 2px;display:flex}.bt-crystals.is-small{justify-content:flex-start;gap:3px;margin:0}.bt-crystal{clip-path:polygon(50% 0,100% 30%,100% 70%,50% 100%,0 70%,0 30%);background:#5fd3ff14;width:13px;height:17px;transition:background .3s;box-shadow:inset 0 0 0 20px #ffffff0a}.bt-crystal.is-spent{background:linear-gradient(#2a3a66,#18224a)}.bt-crystal.is-full{filter:drop-shadow(0 0 4px #5fd3ff);background:linear-gradient(160deg,#e9fbff 0%,#6fe0ff 30%,#1a86e0 70%,#0f4fa8 100%);animation:2.4s ease-in-out infinite bt-crystal}.bt-crystals.is-small .bt-crystal{width:8px;height:11px}@keyframes bt-crystal{50%{filter:drop-shadow(0 0 7px #8fe5ff)}}.bt-crystals__num{color:#bfefff;text-shadow:0 0 6px #5fd3ffcc;margin-left:4px;font-family:Cinzel,Georgia,serif;font-size:14px;font-weight:900}.bt-field{flex-direction:column;flex:1;justify-content:center;gap:4px;min-height:0;display:flex}.bt-row{justify-content:center;gap:5px;display:flex}.bt-mid{align-items:center;gap:10px;padding:2px 6px;display:flex}.bt-mid__line{background:linear-gradient(90deg,#0000,#f5c76bb3,#0000);flex:1;height:1px}.bt-mid__round{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);background:#070b1dd9;border-radius:20px;padding:3px 12px;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:11px;font-weight:800;box-shadow:inset 0 0 0 1px #f5c76b73}.bt-slot,.bt-unit{width:var(--unit-w);aspect-ratio:5/7;flex:none;padding:0;position:relative}.bt-slot{border-radius:calc(var(--unit-w) * .07);place-items:center;display:grid;box-shadow:inset 0 0 0 1px #8f9bc738;background:radial-gradient(circle,#ffffff0d,#00000040)!important}.bt-slot__rune{aspect-ratio:1;border:1px dashed #8f9bc747;border-radius:50%;width:40%;box-shadow:inset 0 0 0 6px #8f9bc70a}.bt-slot__plus{color:var(--gold-hi);text-shadow:0 0 12px var(--gold);font-family:Cinzel,Georgia,serif;font-size:36px;font-weight:900}.bt-slot.is-target,.bt-unit.is-target,.bt-unit.is-enemy-target{cursor:pointer;animation:1.1s ease-in-out infinite bt-pulse}.bt-slot.is-target{box-shadow:inset 0 0 0 2px var(--gold), 0 0 18px #f5c76b8c}.bt-unit.is-target .fc{box-shadow:0 0 0 2px var(--gold), 0 0 20px var(--gold)}.bt-unit.is-enemy-target .fc{box-shadow:0 0 0 2px var(--theirs), 0 0 22px var(--theirs)}@keyframes bt-pulse{50%{transform:scale(1.04)}}.bt-unit{transition:transform .22s cubic-bezier(.3,.7,.3,1.4),filter .3s;animation:.45s cubic-bezier(.2,.9,.3,1.2) both bt-summon}.bt-unit .fc{transition:box-shadow .25s}.bt-unit:disabled{cursor:default;opacity:1}@keyframes bt-summon{0%{opacity:0;filter:brightness(3);transform:translateY(-40px)scale(1.5)}60%{opacity:1;filter:brightness(1.6);transform:translateY(0)scale(.96)}to{filter:none;transform:none}}.bt-unit.is-mine.is-lunge{z-index:5;transform:translateY(-34%)scale(1.08)}.bt-unit.is-theirs.is-lunge{z-index:5;transform:translateY(34%)scale(1.08)}.bt-unit.is-hit{animation:.38s bt-hit}@keyframes bt-hit{0%{filter:brightness(2.6)saturate(.2);transform:translate(0)}25%{transform:translate(-5px)rotate(-2deg)}50%{filter:brightness(1.3)sepia()hue-rotate(-40deg)saturate(4);transform:translate(5px)rotate(2deg)}to{filter:none;transform:none}}.bt-unit.is-dying>:not(.bt-float){animation:.42s ease-in forwards bt-die}@keyframes bt-die{0%{filter:brightness(2)saturate(0)}to{opacity:0;filter:grayscale()brightness(.4)blur(2px);transform:scale(.6)rotate(-8deg)}}.bt-unit.is-hurt .fc-hp span{color:#ff8a8a}.bt-unit.is-buffed .fc-atk span{color:#8dffa0}.bt-kw{white-space:nowrap;text-overflow:ellipsis;max-width:92%;color:var(--gold-hi);pointer-events:none;background:#070b1dc7;border-radius:8px;padding:2px 6px;font-size:9px;font-weight:800;position:absolute;top:25%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 0 0 1px #f5c76b66}.bt-shield{border-radius:calc(var(--unit-w) * .09);pointer-events:none;background:linear-gradient(135deg,#bef0ff38,#0000 35% 65%,#bef0ff29);animation:2.2s ease-in-out infinite bt-shield;position:absolute;inset:-3px;box-shadow:0 0 0 2px #a0e8ffd9,0 0 16px #5fd3ffd9,inset 0 0 22px #5fd3ff8c}@keyframes bt-shield{50%{opacity:.6;transform:scale(1.03)}}.bt-float{z-index:30;pointer-events:none;white-space:nowrap;font-family:Cinzel,Georgia,serif;font-size:30px;font-weight:900;line-height:1;animation:1.05s cubic-bezier(.2,.8,.3,1) forwards bt-float;position:absolute;top:40%;left:50%}.bt-float--dmg{color:#ff4d5e;-webkit-text-stroke:1px #3a0008;text-shadow:0 0 10px #ff3c3cd9,0 3px #3a0008}.bt-float--heal{color:#7dff9a;-webkit-text-stroke:1px #063a12;text-shadow:0 0 10px #50ff8ccc}.bt-float--block{color:#bff0ff;text-shadow:0 0 10px #5fd3ff,0 2px #062b46;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:18px}.bt-avatar .bt-float{font-size:26px;top:10%}.is-theirs .bt-avatar .bt-float{animation-name:bt-float-down;top:55%}@keyframes bt-float-down{0%{opacity:0;transform:translate(-50%)scale(.4)}18%{opacity:1;transform:translate(-50%,14px)scale(1.35)}35%{transform:translate(-50%,20px)scale(1)}to{opacity:0;transform:translate(-50%,56px)scale(.95)}}.bt-float.is-unit{font-size:34px;animation-duration:1.4s;top:32%}.bt-float--dmg.is-unit{-webkit-text-stroke:1.5px #3a0008;color:#fff;text-shadow:0 2px #3a0008,0 0 8px #000c;place-items:center;width:1.9em;height:1.9em;display:grid}.bt-float--dmg.is-unit:before{content:"";z-index:-1;background:var(--splat,radial-gradient(circle, #ff6a4d 0 35%, #d11a2a 60%, #6e0010 100%)) center / contain no-repeat;clip-path:var(--splat-clip,polygon(50% 0, 61% 30%, 93% 14%, 72% 42%, 100% 55%, 70% 63%, 82% 96%, 54% 74%, 36% 100%, 34% 70%, 4% 82%, 24% 56%, 0 36%, 31% 34%, 18% 6%, 42% 26%));filter:drop-shadow(0 0 8px #ff2828cc);position:absolute;inset:-12%}.bt-float--dmg.is-unit[style*=--splat]:before{clip-path:none}.bt-life{z-index:4;background:#050814eb;border-radius:7px;height:13px;position:absolute;bottom:-9px;left:8%;right:8%;overflow:hidden;box-shadow:0 0 0 1px #f5c76b8c,0 2px 4px #0009}.bt-life i{border-radius:7px;position:absolute;top:0;bottom:0;left:0}.bt-life__lag{background:#ff5a5a;transition:width .5s ease-out .45s}.bt-life__fill{background:linear-gradient(#8dffa8,#2fbf5c);transition:width .18s ease-out,background .3s}.bt-life.is-mid .bt-life__fill{background:linear-gradient(#ffe08a,#e0a21c)}.bt-life.is-low .bt-life__fill{background:linear-gradient(#ff9a8a,#d4302f)}.bt-life.is-low{animation:1s ease-in-out infinite bt-life-low}@keyframes bt-life-low{50%{box-shadow:0 0 0 1px #ff6a6a,0 0 8px #ff3a3a}}.bt-life b{text-align:center;color:#fff;text-shadow:0 1px 1px #000,0 0 3px #000;font-size:9.5px;font-weight:900;line-height:13px;display:block;position:relative}@keyframes bt-float{0%{opacity:0;transform:translate(-50%)scale(.4)}18%{opacity:1;transform:translate(-50%,-14px)scale(1.35)}35%{transform:translate(-50%,-20px)scale(1)}to{opacity:0;transform:translate(-50%,-62px)scale(.95)}}.bt-bottom{align-items:center;gap:10px;margin-top:4px;display:flex}.bt-bottom .bt-hud{flex:1}.bt-end{color:#fff;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;width:70px;height:70px;line-height:1.05;transition:transform .15s,filter .3s;display:flex;position:relative;box-shadow:0 6px 16px #0009,inset 0 2px 8px #ffffff40;background:radial-gradient(circle at 50% 35%, #3f7fe0, #163a8f 60%, #0b1d52) padding-box, conic-gradient(from 210deg, var(--gold-lo), var(--gold-hi), var(--gold), var(--gold-lo), var(--gold-hi), var(--gold-lo)) border-box!important;border:3px solid #0000!important}.bt-end span{text-transform:uppercase;letter-spacing:.02em;text-shadow:0 1px 2px #000;font-size:12px;font-weight:900}.bt-end small{text-transform:uppercase;opacity:.85;font-size:10px;font-weight:800}.bt-end:active:not(:disabled){transform:scale(.93)}.bt-end:disabled{filter:grayscale(.85)brightness(.65);cursor:default}.bt-end.is-ready{animation:1.3s ease-in-out infinite bt-ready}@keyframes bt-ready{50%{box-shadow:0 6px 16px #0009, 0 0 0 6px #f5c76b40, 0 0 26px var(--gold)}}.bt-hint{text-align:center;min-height:24px;color:var(--muted);place-items:center;padding:0 8px;font-size:12px;line-height:1.3;display:grid}.bt-hand{height:calc(var(--hand-w) * 1.4 + 14px);justify-content:center;align-items:flex-end;padding:4px 0 10px;display:flex}.bt-hcard{margin:0 min(-4px, calc((var(--fw) - 100px - var(--n) * var(--hand-w)) / (2 * (var(--n) - 1))));transform:translateY(var(--y)) rotate(var(--r));transform-origin:50% 120%;filter:brightness(.62)saturate(.6);flex:none;padding:0;transition:transform .22s cubic-bezier(.3,.7,.3,1.3),filter .2s;animation:.4s ease-out both bt-draw;position:relative}.bt-hcard.is-playable{filter:none}.bt-hcard.is-playable .fc{box-shadow:0 0 0 1.5px #6fe0ff,0 0 12px #5fd3ffb3,0 6px 12px #0009}.bt-hcard.is-selected{transform:translateY(-30px)rotate(0)scale(1.16)}.bt-hcard.is-selected .fc{box-shadow:0 0 0 2px var(--gold-hi), 0 0 22px var(--gold), 0 10px 20px #000000b3}@keyframes bt-draw{0%{opacity:0;transform:translate(60px,40px)rotate(20deg)}}.bt-spell{z-index:40;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.9s forwards bt-spell-out;display:flex;position:absolute;inset:0}.bt-spell.el-fire{--sc:#ff7a3c}.bt-spell.el-water{--sc:#4fc3ff}.bt-spell.el-forest{--sc:#6af08a}.bt-spell.el-neutral{--sc:#d9c8ff}.bt-spell__burst{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--sc) 70%, #fff) 0%, color-mix(in srgb, var(--sc) 35%, transparent) 25%, transparent 60%);animation:.9s ease-out forwards bt-burst;position:absolute;inset:0}.bt-spell .fc{animation:.9s cubic-bezier(.2,.9,.3,1.2) forwards bt-spell-card}.bt-spell__desc{width:min(260px,80%);animation:.4s .15s both bt-pop;position:relative}.bt-spell__who{letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 0 10px var(--sc), 0 2px 3px #000;font-size:13px;font-weight:900;position:relative}@keyframes bt-burst{0%{opacity:0;transform:scale(.3)}25%{opacity:1}to{opacity:0;transform:scale(1.5)}}@keyframes bt-spell-card{0%{opacity:0;transform:scale(.3)rotate(-10deg)}25%{opacity:1;transform:scale(1.05)rotate(2deg)}40%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)translateY(-20px)}}@keyframes bt-spell-out{85%{opacity:1}to{opacity:0}}.bt-banner{z-index:35;pointer-events:none;background:linear-gradient(90deg,#0000,#78121ee0 20% 80%,#0000);border-block:1px solid #ff8c968c;place-items:center;padding:14px 0;animation:1.1s cubic-bezier(.2,.9,.3,1) forwards bt-banner;display:grid;position:absolute;top:44%;left:0;right:0}.bt-banner.is-mine{background:linear-gradient(90deg,#0000,#0e3278e6 20% 80%,#0000);border-color:#f5c76bbf}.bt-banner span{letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg, #fff, var(--gold-hi) 45%, var(--gold) 60%, var(--gold-lo));color:#0000;filter:drop-shadow(0 2px 2px #000c);-webkit-background-clip:text;background-clip:text;padding:0 .2em;font-size:26px;font-style:italic;font-weight:900;line-height:1.4}@keyframes bt-banner{0%{opacity:0;transform:scaleY(0)}15%{opacity:1;transform:scaleY(1)}80%{opacity:1;transform:none}to{opacity:0;transform:translate(30px)}}.bt-result{z-index:50;background:radial-gradient(circle at 50% 42%,#1e285abf,#03050ef0 70%);place-items:center;animation:.4s both bt-fade;display:grid;position:absolute;inset:0;overflow:hidden}.bt-result.is-lose{background:radial-gradient(circle at 50% 42%,#3c141eb3,#03050ef2 70%)}@keyframes bt-fade{0%{opacity:0}}.bt-result__rays{aspect-ratio:1;background:repeating-conic-gradient(from 0deg, #ffd27829 0 8deg, transparent 8deg 20deg);width:180vmax;animation:22s linear infinite bt-rays;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#000 0%,#0000 55%);mask:radial-gradient(circle,#000 0%,#0000 55%)}.is-lose .bt-result__rays{background:repeating-conic-gradient(from 0deg, #8c96be14 0 8deg, transparent 8deg 20deg)}@keyframes bt-rays{to{transform:translate(-50%,-50%)rotate(360deg)}}.bt-result__box{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:0 24px;animation:.6s cubic-bezier(.2,.9,.3,1.3) .1s both bt-pop;display:flex;position:relative}@keyframes bt-pop{0%{opacity:0;transform:scale(.85)}}.bt-result__hero{background:conic-gradient(from 200deg, var(--gold-lo), var(--gold-hi), var(--gold), var(--gold-lo), var(--gold-hi), var(--gold-lo));border-radius:50%;width:132px;height:132px;padding:4px;box-shadow:0 0 40px #f5c76b99}.is-lose .bt-result__hero{filter:grayscale(.7)brightness(.8);box-shadow:0 0 30px #ff4d5e59}.bt-result__hero .fc-img,.bt-result__hero .fc-glyph{object-fit:cover;object-position:50% 18%;background:#0d1634;border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.bt-result h2{letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(180deg, #fff 10%, var(--gold-hi) 40%, var(--gold) 58%, var(--gold-lo) 90%);color:#0000;filter:drop-shadow(0 3px #3a2508)drop-shadow(0 0 18px #f5c76b8c);-webkit-background-clip:text;background-clip:text;margin:6px 0 0;padding:.1em .15em 0;font-size:clamp(40px,13vw,56px);font-style:italic;font-weight:900;line-height:1.35}.is-lose h2{background:linear-gradient(#f1f3ff 10%,#b4bcd8 45%,#6e7799 90%);filter:drop-shadow(0 3px #1a1c2c)drop-shadow(0 0 14px #ff4d5e66);-webkit-background-clip:text;background-clip:text}.bt-result h2.is-small{font-size:32px}.bt-result p{max-width:300px;color:var(--text);opacity:.85;margin:0;font-size:14px;line-height:1.45}.bt-result.is-confirm{background:#03050ed1}.bt-result__actions{gap:10px;margin-top:6px;display:flex}.bt-btn{letter-spacing:.06em;text-transform:uppercase;color:#2a1a02;border-radius:12px;min-width:150px;margin-top:8px;padding:12px 22px;font-size:15px;font-weight:900;box-shadow:0 6px 18px #00000080,inset 0 1px #ffffffb3;background:linear-gradient(180deg, var(--gold-hi), var(--gold) 50%, var(--gold-lo))!important}.bt-btn.is-ghost{min-width:120px;color:var(--gold-hi);box-shadow:inset 0 0 0 1px #f5c76b99;background:#0a102ce6!important}.bt-btn:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.bt-bg:after,.bt-result__rays,.bt-unit.is-target,.bt-slot.is-target,.bt-end.is-ready{animation:none}}.bt .back-btn{flex:none}.bt-sound{color:var(--gold);filter:drop-shadow(0 1px 3px #000c);box-shadow:none!important;background:0 0!important}.has-bg .bt-bg{background:var(--art-bg) center / cover no-repeat}.has-bg .bt-bg:after{display:none}.has-slot .bt-slot{box-shadow:none;background:var(--art-slot) center / 100% 100% no-repeat!important}.has-slotTarget .bt-slot.is-target{box-shadow:none;background-image:var(--art-slotTarget)!important}.has-crystal .bt-crystal{clip-path:none;box-shadow:none;background:var(--art-crystalEmpty,none) center / contain no-repeat;opacity:.35}.has-crystal .bt-crystal.is-spent{opacity:.6;background:var(--art-crystalEmpty,none) center / contain no-repeat}.has-crystal .bt-crystal.is-full{opacity:1;background:var(--art-crystal) center / contain no-repeat}.has-crystal .bt-crystal{width:22px;height:22px}.has-crystal .bt-crystals.is-small .bt-crystal{width:12px;height:12px}.bt-top{align-items:center}.bt-top__btns{flex:none;gap:2px;display:flex}.bt-icon{width:36px;height:36px;color:var(--gold);filter:drop-shadow(0 1px 3px #000000d9);place-items:center;transition:transform .15s,color .15s;display:grid}.bt-icon img{object-fit:contain;width:26px;height:26px}.bt-icon:hover{color:var(--gold-hi);transform:scale(1.08)}.bt-hud{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#0a102cd1,#060a1ce0);border-radius:12px;gap:10px;padding:6px 12px 6px 6px;box-shadow:inset 0 1px #f5c76b73,inset 0 -1px #f5c76b33,0 6px 16px #00000073}.bt-hud.is-active{box-shadow:inset 0 1px 0 var(--gold), inset 0 -1px 0 #f5c76b80, 0 0 16px color-mix(in srgb, var(--el) 45%, transparent), 0 6px 16px #00000073}.has-hud .bt-hud{background:var(--art-hud) center / 100% 100% no-repeat;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.has-hud .bt-hud.is-active{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--el) 60%, transparent))}.bt-hud__card{aspect-ratio:5/7;width:40px;box-shadow:0 0 0 1.5px var(--gold), 0 0 10px color-mix(in srgb, var(--el) 70%, transparent), 0 3px 6px #0009;background:#0d1634;border-radius:5px;flex:none;position:relative;overflow:visible}.bt-hud__card .fc-img,.bt-hud__card .fc-glyph{object-fit:cover;object-position:50% 22%;border-radius:5px;place-items:center;width:100%;height:100%;display:grid}.bt-hud__card .bt-float{font-size:24px;top:10%}.is-theirs .bt-hud__card .bt-float{animation-name:bt-float-down;top:55%}.bt-hud__body{gap:5px}.bt-hud__name{text-shadow:0 1px 2px #000;font-size:13.5px}.bt-hud__meta{gap:10px}.bt-stat{color:#dbe3ff;text-shadow:0 1px 2px #000;align-items:center;gap:3px;font-family:Cinzel,Georgia,serif;font-size:12px;font-weight:700;display:inline-flex}.bt-stat img{object-fit:contain;width:16px;height:16px}.bt-ico--energy{clip-path:polygon(50% 0,100% 30%,100% 70%,50% 100%,0 70%,0 30%);background:linear-gradient(160deg,#e9fbff,#5fd3ff 40%,#1a86e0);border:0;border-radius:0;width:9px;height:12px}.bt-hp{background:#0009;border-radius:5px;height:10px;box-shadow:inset 0 0 0 1px #f5c76b40}.bt-hp__num{font-size:9.5px}.bt-end{letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 2px #000;color:#e7f3ff;border-radius:12px;width:92px;height:46px;font-size:11.5px;font-weight:900;line-height:1.15;box-shadow:0 0 12px #5fd3ff59,0 6px 14px #0000008c,inset 0 1px #ffffff40;background:linear-gradient(#24448f,#12245a)!important;border:1px solid #f5c76ba6!important}.bt-end.is-ready{color:#2a1a00;text-shadow:0 1px #ffffff80;box-shadow:0 0 18px #f5c76bd9,0 6px 14px #0000008c;background:linear-gradient(#fff1c2,#f5c76b 50%,#c98a2a)!important;border-color:#fff1c2!important}.bt-end:disabled{filter:grayscale(.6)brightness(.7)}.has-end .bt-end{width:118px;height:40px;box-shadow:none;filter:drop-shadow(0 4px 8px #0009);border-radius:0;background:var(--art-end) center / 100% 100% no-repeat!important;border:0!important}.has-endReady .bt-end.is-ready{filter:drop-shadow(0 0 10px #f5c76bcc);background-image:var(--art-endReady)!important}.has-end .bt-end:disabled{filter:grayscale(.6)brightness(.7)}.bt-slot.is-target{animation:1.4s ease-in-out infinite bt-slot-glow;box-shadow:inset 0 0 0 1.5px #ffe196f2,inset 0 0 22px #f5c76b59,0 0 14px #f5c76b73}.has-slot .bt-slot.is-target{box-shadow:0 0 14px #f5c76b8c}.has-slot:not(.has-slotTarget) .bt-slot.is-target:before{content:"";border-radius:calc(var(--unit-w) * .06);pointer-events:none;position:absolute;inset:4%;box-shadow:inset 0 0 0 1.5px #ffe196e6,inset 0 -30px 40px -20px #f5c76b59}@keyframes bt-slot-glow{50%{filter:brightness(1.25)}}.bt-slot__plus{aspect-ratio:1;background:radial-gradient(circle,#fff1c259,#0000 70%);border-radius:50%;width:26%;position:relative}.bt-slot__plus:before,.bt-slot__plus:after{content:"";background:var(--gold-hi);width:60%;height:2px;box-shadow:0 0 6px var(--gold);border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bt-slot__plus:after{transform:translate(-50%,-50%)rotate(90deg)}.bt-vfx{z-index:30;pointer-events:none;position:absolute;inset:0;overflow:hidden}.vfx{width:0;height:0;position:absolute}.vfx>*{text-decoration:none;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.bt-flash{z-index:29;pointer-events:none;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--c) 30%, transparent), transparent 70%);mix-blend-mode:screen;animation:.35s ease-out forwards bt-flash;position:absolute;inset:0}@keyframes bt-flash{0%{opacity:1}to{opacity:0}}.vfx-bolt{animation:vfx-fly var(--ms) cubic-bezier(.45, 0, .85, .55) forwards}@keyframes vfx-fly{to{transform:translate(var(--dx), var(--dy))}}.vfx-bolt>.vfx-aura{background:radial-gradient(circle, color-mix(in srgb, var(--c) 70%, #fff) 0%, color-mix(in srgb, var(--c) 45%, transparent) 35%, transparent 70%);mix-blend-mode:screen;border-radius:50%;width:90px;height:90px}.vfx-bolt>.vfx-trail{transform-origin:100%;width:150px;height:22px;transform:translate(-100%, -50%) rotate(var(--ang));background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--c) 55%, transparent) 40%, color-mix(in srgb, var(--c) 80%, #fff));filter:blur(3px);mix-blend-mode:screen;border-radius:20px;left:0}.vfx-bolt>i{background:radial-gradient(circle, #fff 0 25%, color-mix(in srgb, var(--c) 60%, #fff) 45%, var(--c) 70%, transparent 74%);width:34px;height:34px;box-shadow:0 0 24px 10px color-mix(in srgb, var(--c) 75%, transparent), 0 0 50px 20px color-mix(in srgb, var(--c) 35%, transparent);border-radius:50%}.vfx-bolt>img{width:110px;transform:translate(-50%, -50%) rotate(var(--rot));filter:drop-shadow(0 0 14px var(--c)) brightness(1.15)}.vfx-forest.vfx-bolt>i{border-radius:70% 0;animation:.25s linear infinite vfx-spin}.vfx-neutral.vfx-bolt>i{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:44px;height:44px;animation:.4s linear infinite vfx-spin}@keyframes vfx-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.vfx-bolt>b{display:none}.vfx-hit>.vfx-aura{background:radial-gradient(circle, #fff 0 8%, color-mix(in srgb, var(--c) 80%, #fff) 18%, color-mix(in srgb, var(--c) 50%, transparent) 38%, transparent 66%);mix-blend-mode:screen;border-radius:50%;width:220px;height:220px;animation:.5s ease-out forwards vfx-burst}.vfx-ring{border:3px solid color-mix(in srgb, var(--c) 70%, #fff);width:60px;height:60px;box-shadow:0 0 16px var(--c), inset 0 0 12px var(--c);border-radius:50%;animation:.55s ease-out forwards vfx-ring}.vfx-ring.is-2{opacity:0;border-width:2px;animation-delay:.1s}@keyframes vfx-ring{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(3.6)}}.vfx-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--c) 75%, #fff) 0 4deg, transparent 4deg 22deg);mix-blend-mode:screen;border-radius:50%;width:240px;height:240px;animation:.55s ease-out forwards vfx-rays;-webkit-mask-image:radial-gradient(circle,#0000 12%,#000 25%,#0000 68%);mask-image:radial-gradient(circle,#0000 12%,#000 25%,#0000 68%)}@keyframes vfx-rays{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)rotate(25deg)}}.vfx-hit>i{background:radial-gradient(circle, #fff 0 30%, color-mix(in srgb, var(--c) 70%, #fff) 55%, transparent 72%);border-radius:50%;width:70px;height:70px;animation:.4s ease-out forwards vfx-burst}.vfx-hit>img{mix-blend-mode:screen;width:190px;animation:.65s ease-out forwards vfx-burst}.vfx>b{background:color-mix(in srgb, var(--c) 55%, #fff);width:8px;height:8px;box-shadow:0 0 10px 2px var(--c);--a:calc(var(--i) * 360deg / var(--n));border-radius:50%;animation:.6s cubic-bezier(.2,.7,.3,1) forwards vfx-spark}.vfx-fire>b{background:#ffd27a;border-radius:50% 50% 50% 0}.vfx-water>b{background:#bff3ff;border-radius:50%/70% 70% 30% 30%;width:6px;height:10px}.vfx-forest>b{background:#9ff0a8;border-radius:80% 0;width:12px;height:7px}.vfx-neutral>b{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#efe2ff;width:12px;height:12px}.vfx-water.vfx-hit>i{background:radial-gradient(circle, transparent 0 28%, #fff 32%, color-mix(in srgb, var(--c) 70%, #fff) 40%, transparent 52%)}.vfx-neutral.vfx-hit>i{clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);width:110px;height:110px}@keyframes vfx-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)}55%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}@keyframes vfx-spark{0%{transform:translate(-50%, -50%) rotate(var(--a)) translateX(0) scale(1.2);opacity:1}to{transform:translate(-50%, -50%) rotate(var(--a)) translateX(var(--d)) scale(.4);opacity:0}}.vfx-summon>.vfx-aura{background:radial-gradient(circle, color-mix(in srgb, var(--c) 55%, transparent), transparent 65%);mix-blend-mode:screen;border-radius:50%;width:180px;height:180px;animation:.8s ease-out forwards vfx-burst}.vfx-summon>img{width:200px;animation:.8s ease-out forwards vfx-summon}.vfx-summon>i{border:2px solid var(--c);background:repeating-conic-gradient(color-mix(in srgb, var(--c) 60%, transparent) 0 3deg, transparent 3deg 30deg);width:160px;height:160px;box-shadow:0 0 22px var(--c);border-radius:50%;animation:.8s ease-out forwards vfx-summon;-webkit-mask-image:radial-gradient(circle,#0000 55%,#000 58% 70%,#0000 72% 84%,#000 86%);mask-image:radial-gradient(circle,#0000 55%,#000 58% 70%,#0000 72% 84%,#000 86%)}.vfx-summon>b{animation-name:vfx-rise}@keyframes vfx-summon{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)rotate(120deg)}}@keyframes vfx-rise{0%{transform:translate(-50%, -50%) rotate(var(--a)) translateX(40px);opacity:0}30%{opacity:1}to{transform:translate(-50%, -50%) rotate(var(--a)) translateX(40px) translateY(-60px);opacity:0}}.vfx-heal>.vfx-aura{background:radial-gradient(circle,#c8ffd2d9,#5ee07a73 40%,#0000 70%);border-radius:50%;width:120px;height:120px;animation:.9s ease-out forwards vfx-heal}.vfx-heal>img{width:120px;animation:.9s ease-out forwards vfx-heal}.vfx-heal>i{display:none}@keyframes vfx-heal{0%{opacity:0;transform:translate(-50%,-30%)scale(.5)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-90%)scale(1.2)}}.vfx-shield_break>img,.vfx-death>img{width:170px;animation:.7s ease-out forwards vfx-burst}.vfx-shield_break>i{border:2px solid #9ccbf5;border-radius:50%;width:110px;height:110px;animation:.6s ease-out forwards vfx-burst;box-shadow:0 0 16px #5fd3ff,inset 0 0 16px #5fd3ff}.vfx-shield_break>b{background:#bff3ff;border-radius:2px}.vfx-death>.vfx-aura{filter:blur(4px);background:radial-gradient(circle,#c8a8ff99,#50287866 40%,#0000 70%);border-radius:50%;width:150px;height:150px;animation:.8s ease-out forwards vfx-heal}.vfx-death>i{display:none}.vfx-death>b{background:#d9c6ff;animation-name:vfx-rise}.vfx-shield_break>.vfx-aura,.vfx-bolt.has-art>i{display:none}.bt-leave{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at 50% 45%,#0a1232a6,#03050ee6 70%);place-items:center;animation:.25s fade;display:grid;position:absolute;inset:0}.bt-leave__panel{aspect-ratio:800/1100;background:linear-gradient(#0d1634f0,#060a1cf7);border:1px solid #f5c76b99;border-radius:18px;width:min(320px,84vw);animation:.35s cubic-bezier(.2,1.3,.4,1) both bt-pop;position:relative;box-shadow:0 20px 50px #000000b3}.bt-leave__panel.has-art{box-shadow:none;filter:drop-shadow(0 20px 40px #000000b3);background:50%/100% 100% no-repeat;border:0;border-radius:0}.bt-leave__duel{height:47%;position:absolute;top:7%;left:8%;right:8%}.bt-leave__card{position:absolute;top:50%}.bt-leave__card .fc{--w:min(116px, 30vw)}.bt-leave__card.is-mine{animation:.45s .1s both bt-leave-l;left:4%;transform:translateY(-54%)rotate(-8deg)}.bt-leave__card.is-theirs{animation:.45s .15s both bt-leave-r;right:4%;transform:translateY(-46%)rotate(8deg)}@keyframes bt-leave-l{0%{opacity:0;translate:-30px}}@keyframes bt-leave-r{0%{opacity:0;translate:30px}}.bt-leave__vs{z-index:1;filter:drop-shadow(0 0 12px #f5c76bcc);width:34%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.bt-leave__vs.is-text{width:auto;color:var(--gold);font-size:40px;font-style:italic;font-weight:900}.bt-leave__info{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:57.5% 9% 7%}.bt-leave h2{text-transform:uppercase;background:linear-gradient(180deg, #fff 30%, var(--gold));color:#0000;filter:drop-shadow(0 2px 3px #000c);-webkit-background-clip:text;background-clip:text;font-size:24px;font-style:italic;font-weight:900}.bt-leave p{color:#c9d2f5;margin:0;font-size:12.5px;line-height:1.4}.bt-leave__actions{gap:10px;margin-top:4px;display:flex}.bt-leave__btn{letter-spacing:.06em;text-transform:uppercase;border-radius:10px;min-width:100px;padding:9px 14px;font-size:13px;font-weight:900}.bt-leave__btn.is-stay{color:var(--gold-hi);background:#060a1ccc;border:1px solid #f5c76b99}.bt-leave__btn.is-leave{color:#2a1a00;background:linear-gradient(#fff1c2,#f5c76b 55%,#c98a2a)}.bt-leave__btn.has-art{background:50%/100% 100% no-repeat;border:0;border-radius:0}.bt-leave__clash{mix-blend-mode:screen;width:60%;animation:1.4s ease-in-out infinite pulse;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.has-slot .bt-slot__rune{visibility:hidden}.has-slotGlow .bt-slot__glow{background:var(--art-slotGlow) center / 100% 100% no-repeat;animation:1.4s ease-in-out infinite bt-slot-glow;position:absolute;inset:0}.has-slotGlow .bt-slot.is-target,.has-slotGlow .bt-slot.is-target:before{box-shadow:none}.has-slotGlow .bt-slot.is-target:before{display:none}.has-slotRune .bt-slot__ring{aspect-ratio:1;background:var(--art-slotRune) center / contain no-repeat;width:62%;animation:8s linear infinite bt-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes bt-ring{to{transform:translate(-50%,-50%)rotate(360deg)}}.has-hp .bt-hp{box-shadow:none;background:#0009;overflow:visible}.has-hp .bt-hp:after{content:"";background:var(--art-hp) center / 100% 100% no-repeat;pointer-events:none;position:absolute;inset:-4px -8px}.has-endWait .bt-end:disabled{filter:drop-shadow(0 4px 8px #0009);background-image:var(--art-endWait)!important}.has-end .bt-end{width:112px;height:46px}.bt-icon{width:38px;height:38px;box-shadow:inset 0 0 0 1.5px var(--gold), 0 0 10px #f5c76b59, 0 3px 8px #0009;color:var(--gold-hi);border-radius:50%;background:radial-gradient(circle at 50% 35%,#243c82f2,#080e28f2)!important}.bt-icon img{width:22px;height:22px}.bt-icon:hover{box-shadow:inset 0 0 0 1.5px var(--gold-hi), 0 0 16px #f5c76b99, 0 3px 8px #0009}.bt-top__btns{gap:8px;margin-left:4px}.bt-bottom{align-items:stretch}.bt-end,.has-end .bt-end{align-self:stretch;width:104px;height:auto;min-height:0}.has-end .bt-end.is-ready{animation:1.3s ease-in-out infinite bt-ready-art;box-shadow:none!important}@keyframes bt-ready-art{0%,to{filter:drop-shadow(0 0 4px #f5c76b99)drop-shadow(0 4px 8px #0009)}50%{filter:drop-shadow(0 0 12px #f5c76b)drop-shadow(0 0 22px #f5c76b99)}}.bt-end:not(.is-ready){animation:none}@media (prefers-reduced-motion:reduce){.has-end .bt-end.is-ready{animation:none}}.has-hud .bt-hud{aspect-ratio:1000/260;background:var(--art-hud) center / 100% 100% no-repeat;border-radius:0;align-items:center;gap:0;height:auto;padding:0 6.5% 0 3.2%}.has-hud .bt-hud__card{aspect-ratio:5/7;width:auto;height:74%}.has-hud .bt-hud__body{gap:4px;min-width:0;padding-left:9%}.has-hud .bt-hud__name{font-size:13px}.has-hud .bt-stat{font-size:11.5px}.has-hud .bt-stat img{width:14px;height:14px}.has-end .bt-end,.has-end .bt-end.is-ready,.has-end .bt-end:disabled{aspect-ratio:420/170;align-self:center;width:128px;height:auto;background-size:100% 100%!important}.bt{--side-col:104px}.bt-top,.bt-bottom{align-items:center;gap:8px}.bt-top__btns{width:var(--side-col);justify-content:flex-end;margin-left:0}.has-end .bt-end,.has-end .bt-end.is-ready,.has-end .bt-end:disabled,.bt-end{width:var(--side-col);flex:none}.bt-bottom+.bt-crystals{margin-top:8px}.has-hud .bt-hud__meta{gap:6px}.has-hud .bt-stat{gap:2px;font-size:11px}.bt-end,.has-end .bt-end{font-size:11px}.has-end .bt-end,.has-end .bt-end.is-ready,.has-end .bt-end:disabled{letter-spacing:.02em;white-space:nowrap;padding:0 14%;font-size:10px;line-height:1.1}.bt-bottom+.bt-crystals{background:linear-gradient(90deg,#060a1cd9,#0d1e46d9);border-radius:999px;align-self:center;gap:8px;margin:8px auto 2px;padding:4px 12px 4px 10px;box-shadow:inset 0 0 0 1px #5fd3ff73,0 0 12px #5fd3ff33}.bt-crystals__label{letter-spacing:.1em;text-transform:uppercase;color:#9fe6ff;text-shadow:0 1px 2px #000;font-size:10.5px;font-weight:900}.bt-crystals__gems{align-items:center;gap:4px;display:inline-flex}.bt-bottom+.bt-crystals .bt-crystal,.has-crystal .bt-bottom+.bt-crystals .bt-crystal{width:20px;height:20px}.bt-crystal.is-preview{animation:.7s ease-in-out infinite bt-gem-preview}@keyframes bt-gem-preview{50%{opacity:.35;filter:drop-shadow(0 0 6px #fff);transform:scale(.85)}}.bt-crystals__num{color:#fff;text-shadow:0 0 6px #5fd3ffcc,0 1px 2px #000;align-items:baseline;gap:1px;font-family:Cinzel,Georgia,serif;font-size:15px;font-weight:900;display:inline-flex}.bt-crystals__num small{opacity:.75;font-size:.75em}.bt-crystals__num em{font-family:var(--display,system-ui);color:#ffd27a;margin-left:6px;font-size:11px;font-style:normal;font-weight:900}.bt-crystals__num em.is-bad{color:#ff7a85}.bt-crystals.is-short{animation:.3s bt-shake;box-shadow:inset 0 0 0 1px #ff5a64b3,0 0 12px #ff5a6459}@keyframes bt-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.bt-crystal.is-locked{opacity:.4;filter:grayscale(.6)brightness(.8)}.bt-crystal.is-spent{opacity:.6}.bt-unit.is-theirs .bt-life{top:-9px;bottom:auto}.bt-quests{color:#9ff0b0;gap:4px;margin:0 0 12px;padding:0;font-size:12.5px;font-weight:700;list-style:none;animation:.4s .6s both fade;display:grid}.bt-quests li:before{content:"✓ "}.app-shell{--night:#070b1d;--navy:#0d1634;--gold:#f5c76b;--gold-hi:#fff1c2;--gold-lo:#a8742a;--cyan:#5fd3ff;--text:#e8ecff;--muted:#8f9bc7;--danger:#ff4d5e;--display:"Be Vietnam Pro", system-ui, sans-serif;font-family:var(--display);color:var(--text)}:where(.app-shell) button{background:0 0;border:0}.app-shell{height:100%;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);background:radial-gradient(ellipse at 50% 0%, #1b2a66 0%, transparent 60%), radial-gradient(ellipse at 50% 100%, #2a1240 0%, transparent 55%), var(--night);place-items:center;display:grid}.app-frame{background:var(--navy);width:min(100vw,480px);height:min(100%,920px);position:relative;overflow:hidden}@media (width>=520px){.app-frame{border-radius:28px;box-shadow:0 0 0 2px #2b3a73,0 0 0 4px #0a0f24,0 0 0 5px #f5c76b73,0 30px 90px #000000b3}}.screen-wrap{animation:.45s cubic-bezier(.2,.8,.2,1) screen-in;position:absolute;inset:0}@keyframes screen-in{0%{opacity:0;transform:scale(1.04)}}.screen{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particles span{background:var(--pc);box-shadow:0 0 8px 2px var(--pc);opacity:0;border-radius:50%;animation:linear infinite float-up;position:absolute;bottom:-10px}@keyframes float-up{0%{opacity:0;transform:translate(0)}15%{opacity:.9}to{transform:translate(var(--drift), -105svh);opacity:0}}.lobby{background:radial-gradient(ellipse 80% 45% at 50% 48%, color-mix(in srgb, var(--hero) 35%, transparent), transparent 70%), linear-gradient(180deg, #0a1030 0%, #121d4a 45%, #0a0f26 100%);transition:background 1s}.lobby-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--hero) 18%, transparent) 0deg 6deg, transparent 6deg 20deg);opacity:.8;width:900px;height:900px;margin:-450px 0 0 -450px;animation:40s linear infinite spin;position:absolute;top:44%;left:50%;-webkit-mask:radial-gradient(circle,#000 0%,#0000 55%);mask:radial-gradient(circle,#000 0%,#0000 55%)}@keyframes spin{to{transform:rotate(360deg)}}.topbar{z-index:2;background:linear-gradient(#040818d9,#0000);justify-content:space-between;align-items:center;padding:14px 14px 10px;display:flex;position:relative}.profile{align-items:center;gap:10px;display:flex}.lobby-avatar{background:conic-gradient(from 200deg,#fff1c2,#c9902e,#6b4712,#f5c76b,#fff1c2,#a8742a,#fff1c2);border-radius:50%;flex:none;width:56px;height:56px;padding:3px;position:relative;box-shadow:0 0 0 1px #3a2808,0 0 14px #f5c76b8c}.lobby-avatar-pic{background:#1a0d08;border-radius:50%;width:100%;height:100%;overflow:hidden;box-shadow:inset 0 0 0 2px #1a1206}.lobby-avatar-pic .fc-img{object-position:62% 0%;transform-origin:55% 12%;transform:scale(1.3)}.lobby-avatar-lv{color:#fff;text-shadow:0 1px #0a2466;clip-path:polygon(18% 0,82% 0,100% 50%,82% 100%,18% 100%,0 50%);background:linear-gradient(#6fb4ff,#1d58d0 60%,#0b2c8a);place-items:center;min-width:26px;height:18px;padding:0 6px;font-family:Cinzel,Georgia,serif;font-size:11px;font-weight:900;display:grid;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.lobby-avatar-lv:before{content:"";z-index:-1;clip-path:inherit;background:var(--gold);position:absolute;inset:-1px}.profile-name{text-shadow:0 2px 4px #000;font-size:15px;font-weight:800}.rank-chip{color:#bfe9ff;background:linear-gradient(90deg,#5fd3ff40,#5fd3ff0d);border:1px solid #5fd3ff66;border-radius:999px;margin-top:3px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.currencies{gap:6px;display:flex}.currency{background:#030614b3;border:1px solid #f5c76b59;border-radius:999px;align-items:center;gap:5px;padding:4px 10px 4px 4px;font-size:13px;font-weight:800;display:flex}.cur-coin,.cur-gem{background:radial-gradient(circle at 35% 30%,#fff6c9,#f5b72e 55%,#a06511);border-radius:50%;width:18px;height:18px;box-shadow:0 0 6px #f5b72e}.cur-gem{background:linear-gradient(135deg,#e7c4ff,#9b4dff 60%,#4b1a9e);border-radius:3px;transform:rotate(45deg)scale(.8);box-shadow:0 0 6px #9b4dff}.side-menu{z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute;top:92px;right:10px}.side-btn{color:var(--gold-hi);text-shadow:0 1px 3px #000;flex-direction:column;align-items:center;font-size:10px;font-weight:700;display:flex;position:relative}.side-icon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(160deg,#2c3d82,#0e1638);place-items:center;width:42px;height:42px;margin-bottom:2px;font-size:20px;transition:transform .2s;display:grid}.side-btn:hover .side-icon{transform:scale(1.1)}.red-dot{background:var(--danger);width:10px;height:10px;box-shadow:0 0 6px var(--danger);border-radius:50%;animation:1.4s infinite pulse;position:absolute;top:2px;right:2px}.showcase{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.showcase-title{text-align:center;margin-bottom:10px;animation:.7s cubic-bezier(.2,.8,.2,1) title-in}.showcase-title small{letter-spacing:4px;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:700;display:block}.showcase-title h2{background:linear-gradient(180deg, #fff 30%, var(--gold) 100%);color:#0000;filter:drop-shadow(0 2px 6px #000c);-webkit-background-clip:text;background-clip:text;font-size:26px;font-style:italic;font-weight:900}@keyframes title-in{0%{opacity:0;letter-spacing:8px;transform:translate(-30px)skew(-12deg)}}.showcase-card{z-index:1;animation:.8s cubic-bezier(.2,.9,.3,1.2) hero-in,4s ease-in-out .8s infinite hover;position:relative}@keyframes hero-in{0%{opacity:0;filter:brightness(3);transform:translateY(40px)scale(.6)rotateY(80deg)}}@keyframes hover{50%{transform:translateY(-10px)}}.pedestal{background:radial-gradient(ellipse, color-mix(in srgb, var(--hero) 70%, transparent), transparent 70%);width:240px;height:46px;box-shadow:0 0 40px color-mix(in srgb, var(--hero) 50%, transparent);border-radius:50%;margin-top:-22px;animation:3s ease-in-out infinite pulse}.play-area{z-index:2;justify-content:center;padding:10px 16px 14px;display:flex;position:relative}.btn-play{clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);filter:drop-shadow(0 0 18px #f5c76bb3);background:linear-gradient(#ffe9a8 0%,#f5c76b 35%,#c98a2a 70%,#8a5514 100%);flex-direction:column;align-items:center;width:min(300px,100%);padding:12px 0 10px;transition:transform .15s;animation:2s ease-in-out infinite glow;display:flex;position:relative;overflow:hidden}.btn-play:before{content:"";clip-path:inherit;background:linear-gradient(#2a3f8f 0%,#13205a 60%,#0b1440 100%);position:absolute;inset:3px}.btn-play:after{content:"";background:linear-gradient(100deg,#0000,#ffffff73,#0000);width:40%;animation:2.6s ease-in-out infinite sweep;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.btn-play:active{transform:scale(.96)}.btn-play-label,.btn-play-sub{z-index:1;position:relative}.btn-play-label{letter-spacing:3px;background:linear-gradient(180deg, #fff 20%, var(--gold) 80%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-style:italic;font-weight:900}.btn-play-sub{color:#bfe9ff;letter-spacing:1px;font-size:11px;font-weight:600}@keyframes sweep{0%,40%{left:-60%}to{left:130%}}@keyframes glow{50%{filter:drop-shadow(0 0 28px #f5c76b)}}.bottom-nav{z-index:2;padding:8px 6px max(10px, env(safe-area-inset-bottom));background:linear-gradient(#0a102c99,#060a1c);border-top:1px solid #f5c76b59;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.bottom-nav button{color:var(--muted);flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:700;transition:color .2s,transform .2s;display:flex}.bottom-nav button:hover{color:var(--gold-hi);transform:translateY(-2px)}.fc{--w:112px;--metal:color-mix(in srgb, var(--rar) 55%, #fff3c4);width:var(--w);aspect-ratio:5/7;border-radius:calc(var(--w) * .07);padding:calc(var(--w) * .028);background:linear-gradient(145deg, color-mix(in srgb, var(--metal) 80%, #fff), var(--rar) 22%, color-mix(in srgb, var(--rar) 35%, #000) 48%, var(--metal) 72%, color-mix(in srgb, var(--rar) 45%, #000));box-shadow:0 calc(var(--w) * .05) calc(var(--w) * .14) #000000a6, 0 0 calc(var(--w) * .08) color-mix(in srgb, var(--rar) 45%, transparent);font-size:calc(var(--w) * .1);-webkit-user-select:none;user-select:none;flex:none;transition:transform .25s,box-shadow .25s;position:relative}.fc-lg{--w:264px}.fc[role=button]{cursor:pointer}.fc[role=button]:hover{box-shadow:0 12px 28px #000000b3, 0 0 18px var(--rar);transform:translateY(-4px)scale(1.04)}.rarity-epic,.rarity-legendary{background:conic-gradient(from var(--a,0deg), var(--rar), #fff8dc, var(--rar), color-mix(in srgb, var(--rar) 30%, #000), var(--rar), #fff8dc, var(--rar));animation:5s linear infinite border-spin}@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes border-spin{to{--a:360deg}}.fc-inner{border-radius:calc(var(--w) * .05);background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--el) 45%, #070b1d), #070b1d 70%);height:100%;position:relative;overflow:hidden}.fc-art{place-items:center;display:grid;position:absolute;inset:0}.fc-img{object-fit:cover;object-position:50% 20%;width:100%;height:100%;transition:transform .6s}.fc[role=button]:hover .fc-img{transform:scale(1.07)}.fc-glyph{filter:drop-shadow(0 0 10px var(--el));place-items:center;margin-bottom:30%;display:grid;position:relative}.fc-foil{mix-blend-mode:color-dodge;opacity:.35;pointer-events:none;background:linear-gradient(115deg,#0000 25%,#ff50c880 38%,#50dcff80 48%,#ffeb7880 58%,#0000 72%) 0 0/300% 100%;animation:7s linear infinite foil;display:none;position:absolute;inset:0}.rarity-epic .fc-foil,.rarity-legendary .fc-foil{display:block}@keyframes foil{0%{background-position:100% 0}to{background-position:-200% 0}}.fc-shade{box-shadow:inset 0 0 calc(var(--w) * .12) #000000bf;pointer-events:none;background:linear-gradient(#0406128c 0%,#0000 20%),linear-gradient(#0000 44%,#06091ab8 60%,#06091af5 80%);position:absolute;inset:0}.fc-filigree{fill:none;width:100%;height:100%;stroke:var(--metal);stroke-width:.55px;stroke-linecap:round;filter:drop-shadow(0 0 1.5px color-mix(in srgb, var(--rar) 80%, transparent));pointer-events:none;position:absolute;inset:0}.fc-filigree rect{stroke-width:.3px;opacity:.55}.fc-cost{filter:drop-shadow(0 2px 3px #000000b3)drop-shadow(0 0 4px #5aaaffcc);width:21%;position:absolute;top:3%;left:4%}.fc-cost svg{width:100%;display:block}.gem-rim{fill:#f3d68a;stroke:#6b4712;stroke-width:1px}.gem-face{fill:#1d58d0}.gem-facet{fill:#aadcff66}.fc-cost span,.fc-stat span{color:#fff;place-items:center;font-family:Cinzel,Georgia,serif;font-weight:900;line-height:1;display:grid;position:absolute;inset:0}.fc-cost span{text-shadow:0 1px #0a2466,0 0 6px #8cc8fff2;padding-top:4%;font-size:1.15em}.fc-element{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--metal) 80%, transparent);width:15%;box-shadow:0 0 calc(var(--w) * .05) var(--el);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05081699;border-radius:50%;place-items:center;display:grid;position:absolute;top:4.5%;right:5%}.fc-info{text-align:center;padding:0 8%;position:absolute;bottom:7%;left:0;right:0}.fc-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #000, 0 0 10px color-mix(in srgb, var(--el) 70%, transparent);font-size:1em;font-weight:800;line-height:1.15;overflow:hidden}.fc-sm .fc-name{font-size:.92em}.fc-lg .fc-name{font-size:.82em}.fc-rule{background:linear-gradient(90deg, transparent, var(--metal), transparent);height:1px;margin:.32em 14% .28em;position:relative}.fc-rule i{background:var(--metal);width:.36em;height:.36em;box-shadow:0 0 4px var(--rar);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.fc-type{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:color-mix(in srgb, var(--rar) 70%, #fff);font-size:.5em;font-weight:700}.fc-text{color:#dfe4ff;flex-direction:column;gap:.2em;margin:.45em 2% 0;font-size:.56em;line-height:1.35;display:flex}.fc-text b{letter-spacing:.04em;color:var(--gold);font-weight:800}.fc-lg.fc-creature .fc-info{bottom:15%}.fc-stat{filter:drop-shadow(0 2px 3px #000000bf);width:19%;position:absolute;bottom:3%}.fc-stat svg{width:100%;display:block}.fc-atk{left:4%}.fc-hp{right:4%}.stat-rim{fill:#f3d68a;stroke:#6b4712;stroke-width:1px}.fc-atk .stat-face{fill:#a8481a}.fc-hp .stat-face{fill:#a3172f}.stat-mark{fill:#ffffff29}.fc-stat span{text-shadow:0 1px #3a0a00,0 0 5px #ffc896cc;font-size:1.05em}.fc-hp span{text-shadow:0 1px #3a0010,0 0 5px #ff96aacc}.fc-shine{pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff4d 50%,#0000 65%) 120% 0/250% 100%;position:absolute;inset:0}.fc:hover .fc-shine,.rarity-legendary .fc-shine{animation:3.2s ease-in-out infinite shine}@keyframes shine{0%,35%{background-position:120% 0}to{background-position:-120% 0}}.panel-screen{background:radial-gradient(at 50% -10%,#2b3f9a 0%,#0000 55%),linear-gradient(#0e1740,#070b1d)}.screen-head{background:linear-gradient(#040818e6,#04081866);border-bottom:1px solid #f5c76b4d;grid-template-columns:44px 1fr 64px;align-items:center;gap:8px;padding:14px 14px 10px;display:grid}.screen-head h1{text-align:center;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(180deg, #fff 30%, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:20px;font-style:italic;font-weight:900}.btn-back{width:40px;height:40px;color:var(--gold);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(160deg,#2c3d82,#0e1638);font-size:30px;line-height:1}.count-chip{color:var(--gold-hi);border:1px solid #f5c76b73;border-radius:999px;justify-self:end;padding:3px 9px;font-size:12px;font-weight:800}.tabs{background:radial-gradient(at 50% 0,#f5c76b29,#0000 70%),linear-gradient(#040818d9,#0a102c99);border-top:1px solid #f5c76b40;border-bottom:1px solid #f5c76b73;justify-content:space-around;margin:0 0 4px;padding:10px 8px 8px;display:flex;box-shadow:0 6px 14px #00000059}.tab{letter-spacing:.04em;min-width:56px;color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:800;transition:color .2s;display:flex}.tab-medal{width:42px;height:42px;color:color-mix(in srgb, var(--el) 70%, #fff);opacity:.75;background:radial-gradient(circle at 50% 35%,#26346e,#0b1236 75%);border-radius:50%;place-items:center;transition:transform .2s,box-shadow .2s,opacity .2s;display:grid;position:relative;box-shadow:inset 0 0 0 2px #4a557f,inset 0 0 0 4px #141c44,0 3px 6px #00000080}.tab:hover .tab-medal{opacity:1}.tab.active{color:var(--gold-hi);text-shadow:0 0 8px color-mix(in srgb, var(--el) 70%, transparent)}.tab.active .tab-medal{opacity:1;color:#fff;background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--el) 55%, #1b2560), #0b1236 80%);box-shadow:inset 0 0 0 2px var(--gold), inset 0 0 0 4px #3a2808, inset 0 0 12px color-mix(in srgb, var(--el) 60%, transparent), 0 0 14px color-mix(in srgb, var(--el) 70%, transparent);transform:scale(1.12)}.tab.active .tab-label{margin-top:2px}.card-grid{--cw:min(176px, calc((100vw - 48px) / 2));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(2, var(--cw));flex:1;place-content:start space-evenly;gap:16px 0;padding:12px 0 28px;display:grid;overflow-y:auto}.card-grid .fc{--w:var(--cw);animation:.45s cubic-bezier(.2,.9,.3,1.2) both deal}.card-grid .rarity-epic,.card-grid .rarity-legendary{animation:.45s cubic-bezier(.2,.9,.3,1.2) both deal,4s linear infinite border-spin}@keyframes deal{0%{opacity:0;transform:translateY(24px)rotateX(50deg)scale(.8)}}.modal{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#02040ed1;place-items:center;animation:.25s fade;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.modal-burst{background:repeating-conic-gradient(color-mix(in srgb, var(--rar) 35%, transparent) 0 5deg, transparent 5deg 15deg);width:700px;height:700px;margin:-350px 0 0 -350px;animation:24s linear infinite spin;position:absolute;top:42%;left:50%;-webkit-mask:radial-gradient(circle,#000 0%,#0000 60%);mask:radial-gradient(circle,#000 0%,#0000 60%)}.modal-body{flex-direction:column;align-items:center;gap:14px;max-width:340px;padding:16px;display:flex;position:relative}.detail-card{animation:.6s cubic-bezier(.2,.9,.3,1.15) flip-in}.detail-card .fc{--w:min(300px, 78vw)}@keyframes flip-in{0%{opacity:0;transform:perspective(800px)rotateY(-180deg)scale(.5)}}.keyword-list{color:#d6dcff;background:#0d1634d9;border:1px solid #f5c76b4d;border-radius:10px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.4;list-style:none}.keyword-list li+li{margin-top:6px}.keyword-list b{color:var(--gold)}.btn-gold{color:#2a1a00;clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);background:linear-gradient(180deg, var(--gold-hi), var(--gold) 50%, var(--gold-lo));padding:9px 36px;font-weight:800}.btn-ghost{color:var(--muted);border:1px solid #8f9bc766;border-radius:999px;padding:8px 32px;font-weight:700}.deck-pick-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow-y:auto}.deck-tile{text-align:left;background:linear-gradient(100deg, #0b1236 30%, color-mix(in srgb, var(--el) 30%, #0b1236));border:1px solid color-mix(in srgb, var(--el) 35%, #2b3a73);border-radius:14px;align-items:center;min-height:150px;padding:14px 16px;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.45s both deal;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 16px #00000073}.deck-tile:nth-child(2){animation-delay:80ms}.deck-tile:nth-child(3){animation-delay:.16s}.deck-tile.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 24px color-mix(in srgb, var(--el) 55%, transparent), 0 8px 18px #00000080;transform:scale(1.02)}.deck-tile.selected:after{content:"✓";z-index:2;color:#2a1a00;background:linear-gradient(var(--gold-hi), var(--gold));width:24px;height:24px;box-shadow:0 0 8px var(--gold);border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:grid;position:absolute;top:10px;right:12px}.deck-art{place-items:center;width:62%;display:grid;position:absolute;top:0;bottom:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45%);mask-image:linear-gradient(90deg,#0000,#000 45%)}.deck-art .fc-img{object-fit:cover;object-position:50% 25%;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.deck-tile:hover .deck-art .fc-img,.deck-tile.selected .deck-art .fc-img{transform:scale(1.06)}.deck-info{z-index:1;text-shadow:0 2px 6px #000;max-width:64%;position:relative}.deck-el{color:var(--el);font-size:11px;font-weight:700}.deck-name{font-size:22px;font-style:italic;font-weight:900}.deck-desc{color:var(--muted);font-size:12.5px}.deck-count{color:var(--gold);margin-top:3px;font-size:11px;font-weight:700}.search-screen{background:radial-gradient(circle at 50% 40%,#173a7a,#070b1d 70%);justify-content:center;align-items:center;gap:18px}.radar{place-items:center;width:200px;height:200px;display:grid;position:relative}.radar i{border:2px solid var(--cyan);opacity:0;border-radius:50%;animation:2.4s ease-out infinite ripple;position:absolute;inset:0}.radar i:nth-child(2){animation-delay:.8s}.radar i:nth-child(3){animation-delay:1.6s}@keyframes ripple{0%{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(1.3)}}.radar-core{width:96px;height:96px;box-shadow:0 0 0 3px var(--gold), 0 0 30px var(--cyan);background:radial-gradient(circle,#24418f,#0b1440);border-radius:50%;place-items:center;font-size:44px;display:grid}.radar-core:before{content:"";border:3px solid #0000;border-top-color:var(--gold);border-right-color:var(--gold);border-radius:50%;animation:1s linear infinite spin;position:absolute;inset:18px}.search-title{letter-spacing:4px;color:#fff;text-shadow:0 0 14px var(--cyan);font-size:22px;font-style:italic;font-weight:900;animation:1.2s ease-in-out infinite pulse}.search-time{font-variant-numeric:tabular-nums;color:var(--gold);font-size:30px;font-weight:800}.vs-side{flex-direction:column;justify-content:center;height:54%;padding:0 28px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.vs-left{background:linear-gradient(160deg, color-mix(in srgb, var(--el) 65%, #000), #070b1d 80%);clip-path:polygon(0 0,100% 0,100% 72%,0 100%);align-items:flex-start;animation:.6s cubic-bezier(.2,.9,.3,1.1) both slide-l;top:0}.vs-right{text-align:right;background:linear-gradient(340deg, color-mix(in srgb, var(--el) 65%, #000), #070b1d 80%);clip-path:polygon(0 28%,100% 0,100% 100%,0 100%);align-items:flex-end;animation:.6s cubic-bezier(.2,.9,.3,1.1) .15s both slide-r;bottom:0}@keyframes slide-l{0%{transform:translate(-100%)}}@keyframes slide-r{0%{transform:translate(100%)}}.vs-art{--w:200px;opacity:.9;font-size:0;position:absolute}.vs-left .vs-art{top:12%;right:-10px}.vs-right .vs-art{bottom:8%;left:-10px}.vs-art .fc-glyph{font-size:150px}.vs-art .fc-img{width:220px;height:220px}.vs-name{text-shadow:0 2px 8px #000;font-size:24px;font-style:italic;font-weight:900;position:relative}.vs-deck{color:var(--gold);font-size:13px;font-weight:700;position:relative}.vs-slash{background:linear-gradient(90deg, transparent, #fff, var(--gold), #fff, transparent);height:4px;box-shadow:0 0 24px var(--gold);animation:.5s .55s both slash;position:absolute;top:50%;left:-10%;right:-10%;transform:rotate(-12deg)}@keyframes slash{0%{transform:rotate(-12deg)scaleX(0)}}.vs-logo{background:linear-gradient(180deg, #fff 20%, var(--gold) 60%, var(--gold-lo));color:#0000;filter:drop-shadow(0 0 20px #f5c76be6);-webkit-background-clip:text;background-clip:text;font-size:84px;font-style:italic;font-weight:900;animation:.5s cubic-bezier(.2,1.6,.4,1) .7s both vs-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes vs-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(4)}}.vs-found{text-align:center;letter-spacing:4px;color:var(--cyan);font-size:13px;font-weight:800;animation:.4s 1.1s both fade;position:absolute;bottom:18px;left:0;right:0}.toast{z-index:20;white-space:nowrap;color:var(--gold-hi);background:linear-gradient(90deg,#0000,#040818f2 12% 88%,#0000);border-top:1px solid #f5c76b80;border-bottom:1px solid #f5c76b80;padding:10px 22px;font-size:14px;font-weight:700;animation:2.2s both toast;position:absolute;top:80px;left:50%;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%,-12px)}12%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.fc-sm .fc-type{display:none}.fc-sm .fc-stat{width:22%}.fc-sm.fc-creature .fc-info{bottom:18%}.frame-common{--cost-x:12.4%;--cost-y:9.4%;--cost-d:23%;--atk-x:13.6%;--hp-x:86.3%;--stat-y:91%;--stat-d:19%}.frame-rare{--cost-x:13%;--cost-y:9.6%;--cost-d:21%;--atk-x:14.9%;--hp-x:85%;--stat-y:88.2%;--stat-d:16.5%}.frame-epic{--cost-x:13.1%;--cost-y:11.4%;--cost-d:21.5%;--atk-x:12.1%;--hp-x:87.8%;--stat-y:90.6%;--stat-d:17%}.frame-legendary{--cost-x:13.7%;--cost-y:10.9%;--cost-d:19.5%;--atk-x:13%;--hp-x:86.9%;--stat-y:90.4%;--stat-d:15%}.fc-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fc-cost img,.fc-stat img{aspect-ratio:1;width:100%;display:block}.fc-framed,.fc-framed.rarity-epic,.fc-framed.rarity-legendary{box-shadow:none;filter:drop-shadow(0 calc(var(--w) * .04) calc(var(--w) * .06) #000000b3) drop-shadow(0 0 calc(var(--w) * .05) color-mix(in srgb, var(--rar) 40%, transparent));background:0 0;padding:0;animation:none}.fc-framed[role=button]:hover{box-shadow:none}.fc-framed .fc-inner{background:0 0;border-radius:0;overflow:visible}.fc-framed .fc-art,.fc-framed .fc-foil,.fc-framed .fc-shade,.fc-framed .fc-shine{border-radius:calc(var(--w) * .03);inset:4% 6.5%;overflow:hidden}.fc-framed .fc-art{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--el) 45%, #070b1d), #070b1d 70%)}.fc-framed .fc-filigree,.fc-framed .fc-rule{display:none}.fc-framed .fc-shade{box-shadow:inset 0 0 calc(var(--w) * .08) #0009;background:linear-gradient(#0000 55%,#06091a8c 72%,#06091acc)}.fc-framed .fc-cost,.fc-framed .fc-stat{top:auto;bottom:auto;right:auto;transform:translate(-50%,-50%)}.fc-framed .fc-cost{left:var(--cost-x);top:var(--cost-y);width:var(--cost-d)}.fc-framed .fc-stat,.fc-framed.fc-sm .fc-stat{top:var(--stat-y);width:var(--stat-d)}.fc-framed .fc-atk{left:var(--atk-x)}.fc-framed .fc-hp{left:var(--hp-x)}.fc-framed .fc-info,.fc-framed.fc-sm.fc-creature .fc-info,.fc-framed.fc-lg.fc-creature .fc-info{padding:0 4%;top:60%;bottom:auto}.fc-name.has-plate{height:calc(var(--w) * .15);line-height:calc(var(--w) * .15);background:50%/100% 100% no-repeat;padding:0 12%}.fc-framed .fc-name.has-plate{font-size:calc(.78em * var(--name-fit,1));text-overflow:clip}.fc-name-el{vertical-align:-.1em;filter:drop-shadow(0 0 4px var(--el));margin-right:.3em;display:inline-grid}.fc-framed .fc-type{letter-spacing:.08em;margin-top:.3em;font-size:.46em}.fc-framed .fc-text{border:1px solid color-mix(in srgb, var(--rar) 45%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06091a9e;border-radius:.6em;gap:.15em;margin:.4em 14% 0;padding:.45em .6em;font-size:.5em;box-shadow:inset 0 0 .8em #00000080}.fc-framed.fc-sm .fc-shade{background:linear-gradient(#0000 62%,#06091aa6 92%)}.fc-framed.fc-sm .fc-name.has-plate{font-size:calc(.86em * var(--name-fit,1));padding:0 11%}.fc-framed .fc-cost span{text-shadow:0 1px 1px #04123a,0 0 4px #8cc8ffb3;padding-top:2%;font-size:.8em;font-weight:700}.fc-framed .fc-stat span{text-shadow:0 1px 1px #2a0006,0 0 3px #000000e6;font-size:.76em;font-weight:700}.frame-legendary .fc-cost span{font-size:.72em}.frame-legendary .fc-stat span{font-size:.68em}.card-desc{text-align:center;border:1px solid color-mix(in srgb, var(--rar) 45%, transparent);background:linear-gradient(#0d1634eb,#060a1ceb);border-radius:12px;width:min(320px,100%);padding:10px 14px;box-shadow:0 8px 18px #00000073,inset 0 1px #ffffff0f}.card-desc-kws{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.kw-chip{color:#2a1a00;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);background:linear-gradient(180deg, var(--gold-hi), var(--gold) 55%, var(--gold-lo));padding:2px 10px;font-size:12px;font-weight:800}.card-desc-kw-text,.card-desc-effect{color:#d6dcff;margin:6px 0 0;font-size:13px;line-height:1.4}.card-desc-kw-text{font-size:12.5px}.card-desc>:first-child{margin-top:0}.card-desc-kw-text b{color:var(--gold)}.card-desc-kws+.card-desc-effect{margin-top:8px}.showcase-desc{z-index:1;justify-content:center;margin-top:-6px;padding:0 24px;animation:.6s cubic-bezier(.2,.8,.2,1) .25s both desc-in;display:flex;position:relative}@keyframes desc-in{0%{opacity:0;transform:translateY(12px)}}.showcase-desc .card-desc{padding:8px 12px}.showcase-card .fc{--w:min(248px, 62vw, max(140px, calc((min(100vh, 920px) - 440px) / 1.4)))}@supports (height:100dvh){.showcase-card .fc{--w:min(248px, 62vw, max(140px, calc((min(100dvh, 920px) - 440px) / 1.4)))}}.fc-name.has-plate,.fc-framed .fc-name.has-plate,.fc-framed.fc-sm .fc-name.has-plate{aspect-ratio:600/140;width:92%;height:auto;line-height:1;font-size:calc(.6em * var(--name-fit,1));letter-spacing:.02em;text-shadow:0 1px 2px #000, 0 0 8px color-mix(in srgb, var(--el) 55%, transparent);background-size:100% 100%;justify-content:center;align-items:center;margin:0 auto;padding:0 15%;display:flex}.fc-framed.fc-sm .fc-name.has-plate{font-size:calc(.62em * var(--name-fit,1))}.fc-framed .fc-info,.fc-framed.fc-sm .fc-info,.fc-framed.fc-sm.fc-creature .fc-info,.fc-framed.fc-lg.fc-creature .fc-info{padding:0}.fc-framed.fc-sm .fc-info,.fc-framed.fc-sm.fc-creature .fc-info{top:70%}.fc-rune{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--el) 35%, #0b1236), #070b1d 70%);box-shadow:inset 0 0 calc(var(--w) * .03) color-mix(in srgb, var(--el) 70%, transparent);filter:drop-shadow(0 0 3px var(--el));border-radius:50%;place-items:center;display:grid}.fc-framed .fc-rune{width:calc(var(--stat-d) * .62)}.tabs[style*=background-image]{aspect-ratio:1440/280;box-shadow:none;background:50%/100% 100% no-repeat;border:0;justify-content:space-between;align-items:center;margin:6px 6px 0;padding:1.5% 11% 0}.tab.has-art{min-width:0}.tab.has-art .tab-medal{width:46px;height:46px;box-shadow:none;opacity:1;background:50%/contain no-repeat;transition:transform .2s,filter .2s}.tab.has-art.active .tab-medal{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--el) 80%, transparent));background-color:#0000;transform:scale(1.18)}.tab.has-art:hover .tab-medal{transform:scale(1.08)}.tab.has-art.active:hover .tab-medal{transform:scale(1.18)}.tab-emblem{object-fit:contain;width:64%;height:64%}.tab:not(.active) .tab-emblem{filter:saturate(.55)brightness(.8)}.tab-caption{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 3px #000;margin:2px 0 0;font-size:12px;font-weight:800;animation:.3s both desc-in}.btn-back.has-art,.count-chip.has-art{clip-path:none;background:50%/100% 100% no-repeat;border:0}.btn-back.has-art{width:44px;height:44px}.count-chip.has-art{padding:6px 14px}.card-desc,.showcase-desc .card-desc{text-align:left;box-shadow:none;text-shadow:0 1px 3px #000000e6;background:0 0;border:0;border-radius:0;padding:0}.card-desc-kws{justify-content:flex-start}.showcase-desc .card-desc{width:min(280px,100%)}.currencies.has-art{flex-direction:column;align-items:flex-end;gap:5px}.cur-plate{aspect-ratio:360/96;filter:drop-shadow(0 2px 4px #0009);background:50%/100% 100% no-repeat;width:136px;position:relative}.cur-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #000000b3);width:30px;height:30px;position:absolute;top:50%;left:12%;transform:translate(-50%,-50%)}.cur-value{color:#fff;text-shadow:0 1px 2px #000;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;inset:0 17% 0 24%}.side-btn.has-art{gap:2px}.side-btn.has-art .side-icon{clip-path:none;background:0 0;width:46px;height:46px;margin:0}.side-btn.has-art .side-icon img{object-fit:contain;filter:drop-shadow(0 3px 4px #000000b3);width:100%;height:100%}.side-btn.has-art:hover .side-icon{transform:scale(1.08)}.side-btn.has-art .side-label{text-shadow:0 1px 2px #000,0 0 6px #000c;font-size:11px}.side-badge{width:18px;height:18px;animation:1.4s infinite pulse;position:absolute;top:-2px;right:2px}.bottom-nav.has-art{aspect-ratio:1440/240;background:bottom/100% 100% no-repeat;border-top:0;align-items:end;padding:0 6.5% 1.5%}.bottom-nav.has-art button{justify-content:center;gap:0;height:56%;position:relative}.nav-icon{object-fit:contain;filter:drop-shadow(0 3px 4px #000000b3);width:46px;height:46px;transition:transform .2s;position:absolute;bottom:52%;left:50%;transform:translate(-50%)}.nav-label{color:var(--gold-hi);text-shadow:0 1px 2px #000;margin-top:14px;font-size:11px;font-weight:800;position:relative}.nav-glow{opacity:0;pointer-events:none;width:96px;transition:opacity .25s;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.bottom-nav.has-art button:hover .nav-glow,.bottom-nav.has-art button:focus-visible .nav-glow{opacity:1}.bottom-nav.has-art button:hover .nav-icon{transform:translate(-50%)translateY(-3px)scale(1.06)}.bottom-nav.has-art button:hover{transform:none}.bottom-nav.has-art~.play-area{padding-bottom:26px}.lobby:has(.bottom-nav.has-art) .play-area{padding-bottom:26px}.card-meta{letter-spacing:.04em;color:#d6dcff;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:12.5px;font-weight:800;display:flex}.card-meta-el{color:color-mix(in srgb, var(--el) 75%, #fff);align-items:center;gap:5px;display:inline-flex}.card-meta-dot{background:#f5c76b99;width:4px;height:4px;transform:rotate(45deg)}.card-meta-rar{color:var(--rar);align-items:center;gap:5px;display:inline-flex}.card-meta-rar i{background:var(--rar);width:8px;height:8px;box-shadow:0 0 6px var(--rar);transform:rotate(45deg)}.modal-body .card-desc{width:min(300px,78vw)}@keyframes blip{0%,to{opacity:0;transform:scale(.5)}8%{opacity:1;transform:scale(1.3)}40%{opacity:0;transform:scale(1)}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.vs-screen:before{content:"";pointer-events:none;background:radial-gradient(at 50% 46%,#0000 30%,#04060f8c 85%);position:absolute;inset:0}.vs-side2{z-index:1;align-items:center;gap:4px;padding:0 14px;display:flex;position:absolute;left:0;right:0}.vs2-top{flex-direction:row-reverse;animation:.6s cubic-bezier(.2,.9,.3,1.15) both vs-drop;top:5%}.vs2-bottom{animation:.6s cubic-bezier(.2,.9,.3,1.15) .15s both vs-rise;bottom:9%}@keyframes vs-drop{0%{opacity:0;transform:translate(40px,-60px)}}@keyframes vs-rise{0%{opacity:0;transform:translate(-40px,60px)}}.vs-card{flex:none;position:relative}.vs-card .fc{--w:min(170px, 44vw)}.vs2-top .vs-card{transform:rotate(4deg)}.vs2-bottom .vs-card{transform:rotate(-4deg)}.vs-card-glow{background:radial-gradient(circle, color-mix(in srgb, var(--el) 55%, transparent), transparent 65%);filter:blur(6px);border-radius:50%;animation:1.6s ease-in-out infinite pulse;position:absolute;inset:-18%}.vs2-plate{clip-path:polygon(7% 0,100% 0,93% 100%,0 100%);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);background:linear-gradient(90deg,#060a1ceb,#0d1634d9);flex:1;min-width:0;padding:10px 18px 11px;position:relative}.vs2-plate.has-art{clip-path:none;background:50%/100% 100% no-repeat;border:0;padding:12px 17% 13px 15%}.vs2-name{color:#fff;text-shadow:0 2px 6px #000;font-size:22px;font-style:italic;font-weight:900;line-height:1.1}.vs2-deck{white-space:nowrap;color:color-mix(in srgb, var(--el) 65%, #fff);align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.vs2-top .vs2-plate{text-align:right;animation:.5s .35s both slide-l}.vs2-bottom .vs2-plate{animation:.5s .45s both slide-r}.vs-center{z-index:2;place-items:center;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.vs-flash{background:radial-gradient(circle,#ffffffe6,#ffdc9666 25%,#0000 60%);border-radius:50%;width:220px;height:220px;animation:.7s ease-out .6s both vs-flash;position:absolute}@keyframes vs-flash{0%{opacity:0;transform:scale(.2)}30%{opacity:1}to{opacity:.35;transform:scale(1)}}.vs-center .vs-emblem{width:min(150px,40vw);animation:.5s cubic-bezier(.2,1.6,.4,1) .7s both vs-pop2;position:relative;top:auto;left:auto;transform:none}.vs-logo2{background:linear-gradient(180deg, #fff 20%, var(--gold) 60%, var(--gold-lo));color:#0000;filter:drop-shadow(0 0 18px #f5c76be6)drop-shadow(0 4px 6px #000c);-webkit-background-clip:text;background-clip:text;font-size:88px;font-style:italic;font-weight:900;line-height:1;animation:.5s cubic-bezier(.2,1.6,.4,1) .7s both vs-pop2;position:relative}@keyframes vs-pop2{0%{opacity:0;transform:scale(3.5)}}.vs-count{z-index:2;text-align:center;letter-spacing:.08em;color:#dfe6ff;text-shadow:0 1px 4px #000;font-size:13px;font-weight:800;animation:.4s 1.1s both fade;position:absolute;bottom:3%;left:0;right:0}.vs-count b{color:var(--gold);margin-left:4px;font-family:Cinzel,Georgia,serif;font-size:20px;animation:.4s both vs-pop2;display:inline-block}.back-btn{width:40px;height:40px;color:var(--gold);filter:drop-shadow(0 1px 3px #000c)drop-shadow(0 0 6px #f5c76b59);place-items:center;transition:transform .15s,color .15s;display:grid}.back-btn img{object-fit:contain;width:30px;height:30px}.back-btn:hover{color:var(--gold-hi);transform:translate(-2px)}.currency.has-art{text-shadow:0 1px 3px #000;background:0 0;border:0;gap:4px;padding:0;font-size:14px}.currency.has-art .cur-icon{width:26px;height:26px;position:static;transform:none}.currency .cur-value{display:inline;position:static}.currencies{gap:12px}.filter-bar{z-index:2;padding:34px 6px max(10px, env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#0000 0%,#04071440 25%,#040714b3 55%,#040714eb 100%);grid-template-columns:repeat(5,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.filter-bar .filter-tab{pointer-events:auto}.panel-screen .card-grid{padding-bottom:110px}.filter-tab{color:var(--muted);flex-direction:column;align-items:center;gap:2px;padding-top:2px;font-size:11px;font-weight:800;transition:color .2s;display:flex;position:relative}.filter-icon{z-index:1;width:44px;height:44px;color:color-mix(in srgb, var(--el) 75%, #fff);opacity:.6;filter:saturate(.6);place-items:center;transition:transform .25s,opacity .25s,filter .25s;display:grid;position:relative}.filter-icon img{object-fit:contain;width:100%;height:100%}.filter-label{z-index:1;text-shadow:0 1px 2px #000;position:relative}.filter-tab.active{color:var(--gold-hi)}.filter-tab.active .filter-icon{opacity:1;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--el) 80%, transparent));transform:translateY(-4px)scale(1.12)}.filter-tab:hover .filter-icon{opacity:.9}.filter-glow{pointer-events:none;width:84px;height:34px;animation:.3s both desc-in;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}i.filter-glow{background:radial-gradient(ellipse at 50% 60%, color-mix(in srgb, var(--el) 85%, #fff) 0%, color-mix(in srgb, var(--el) 45%, transparent) 35%, transparent 70%);filter:blur(2px);border-radius:50%}i.filter-glow:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-hi), transparent);height:2px;box-shadow:0 0 8px var(--gold);border-radius:2px;position:absolute;bottom:9px;left:18%;right:18%}img.filter-glow{object-fit:contain}.search-screen{background-color:#070b1d;background-position:bottom;background-size:cover;justify-content:center;gap:0}.search-screen:before{content:"";background:radial-gradient(at 50% 45%,#04071440,#040714b3 75%);position:absolute;inset:0}.search-panel{z-index:1;aspect-ratio:760/1180;width:min(330px,86vw);box-shadow:0 0 0 4px #060a1c99, 0 0 0 5px #f5c76b40, 0 20px 50px #000000b3, 0 0 40px color-mix(in srgb, var(--el) 25%, transparent);background:linear-gradient(#0d1634e0,#060a1cf0);border:1px solid #f5c76b99;border-radius:18px;flex-direction:column;align-items:center;padding:7% 8% 8%;animation:.5s cubic-bezier(.2,.8,.2,1) both screen-in;display:flex;position:relative}.search-panel.has-art{box-shadow:none;filter:drop-shadow(0 20px 40px #000000b3);background:50%/100% 100% no-repeat;border:0;border-radius:0}.search-radar{aspect-ratio:1;place-items:center;width:100%;display:grid;position:relative}.radar-disc{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.radar-disc.is-css{background:radial-gradient(circle,#0000 0 24%,#5fd3ff59 24.5%,#0000 25.2%),radial-gradient(circle,#0000 0 49%,#5fd3ff4d 49.5%,#0000 50.2%),radial-gradient(circle,#0000 0 73%,#5fd3ff40 73.5%,#0000 74.2%),linear-gradient(90deg,#0000 49.7%,#5fd3ff2e 50%,#0000 50.3%),linear-gradient(#0000 49.7%,#5fd3ff2e 50%,#0000 50.3%),radial-gradient(circle,#143c7859,#060a1c33 70%,#0000 71%);border-radius:50%;box-shadow:0 0 0 1px #5fd3ff73,0 0 24px #5fd3ff40}.radar-sweep{mix-blend-mode:screen;background:conic-gradient(#96e6ffd9,#5fd3ff40 35deg,#0000 80deg 360deg);border-radius:50%;animation:2.4s linear infinite spin;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 69%,#0000 71%);mask-image:radial-gradient(circle,#000 69%,#0000 71%)}.radar-blip{left:var(--bx);top:var(--by);opacity:0;width:8px;height:8px;animation:blip 2.4s ease-out var(--bd) infinite;background:#bff3ff;border-radius:50%;position:absolute;box-shadow:0 0 10px #5fd3ff}.search-card{z-index:1;animation:3.5s ease-in-out infinite hover;position:relative}.search-card .fc{--w:min(150px, 40vw)}.search-deck{letter-spacing:.04em;color:color-mix(in srgb, var(--el) 70%, #fff);align-items:center;gap:6px;margin-top:2px;font-size:12.5px;font-weight:800;display:inline-flex}.search-info{border-top:1px solid #f5c76b4d;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:8px;display:flex}.search-panel.has-art .search-info{border-top:0}.search-panel .search-title{letter-spacing:3px;text-transform:uppercase;font-size:18px}.search-dots:after{content:"";text-align:left;width:1.2em;animation:1.4s steps(4,end) infinite dots;display:inline-block}.search-panel .search-time{font-family:Cinzel,Georgia,serif;font-size:30px;line-height:1.1}.search-eta{color:var(--muted);font-size:11.5px}.search-cancel{letter-spacing:.1em;min-width:140px;color:var(--gold-hi);background:#060a1cb3;border:1px solid #f5c76b73;border-radius:999px;margin-top:8px;padding:9px 30px;font-size:14px;font-weight:800}.search-cancel.has-art{background:50%/100% 100% no-repeat;border:0;border-radius:0;min-width:160px}.search-tip{z-index:1;text-align:center;color:#c3cbef;text-shadow:0 1px 3px #000;margin:0;font-size:12.5px;line-height:1.45;position:absolute;bottom:22px;left:24px;right:24px}.search-tip b{color:var(--gold)}.vs-screen{background:#04060f 50%/cover no-repeat}.vs-half{position:absolute;left:0;right:0;overflow:hidden}.vs-top{clip-path:polygon(0 0,100% 0,100% 74%,0 100%);height:58%;animation:.6s cubic-bezier(.2,.9,.3,1.1) both slide-l;top:0}.vs-bottom{clip-path:polygon(0 26%,100% 0,100% 100%,0 100%);height:58%;animation:.6s cubic-bezier(.2,.9,.3,1.1) .15s both slide-r;bottom:0}.vs-half-art{place-items:center;display:grid;position:absolute;inset:0}.vs-half-art .fc-img{object-fit:cover;object-position:50% 22%;width:100%;height:100%}.vs-top .vs-half-art:after,.vs-bottom .vs-half-art:after{content:"";position:absolute;inset:0}.vs-top .vs-half-art:after{background:linear-gradient(180deg, transparent 40%, color-mix(in srgb, var(--el) 35%, #04060fd9) 100%), linear-gradient(90deg, #04060f8c, transparent 55%)}.vs-bottom .vs-half-art:after{background:linear-gradient(0deg, transparent 40%, color-mix(in srgb, var(--el) 35%, #04060fd9) 100%), linear-gradient(270deg, #04060f8c, transparent 55%)}.vs-plate{z-index:1;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);background:linear-gradient(90deg,#060a1ceb,#0d1634d9);min-width:200px;padding:8px 26px 9px;position:absolute}.vs-plate.has-art{clip-path:none;background:50%/100% 100% no-repeat;border:0;min-width:240px}.vs-top .vs-plate{animation:.5s .35s both slide-l;bottom:30%;left:16px}.vs-bottom .vs-plate{text-align:right;animation:.5s .45s both slide-r;top:30%;right:16px}.vs-plate-name{color:#fff;text-shadow:0 2px 6px #000;font-size:22px;font-style:italic;font-weight:900;line-height:1.1}.vs-plate-deck{color:color-mix(in srgb, var(--el) 65%, #fff);align-items:center;gap:5px;font-size:12.5px;font-weight:800;display:inline-flex}.vs-clash{z-index:2;pointer-events:none;width:130%;animation:.5s .55s both slash;position:absolute;top:50%;left:-15%;transform:translateY(-50%)rotate(-10deg)}.vs-emblem{z-index:3;filter:drop-shadow(0 0 20px #f5c76bcc);width:min(220px,56vw);animation:.5s cubic-bezier(.2,1.6,.4,1) .7s both vs-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vs-screen .vs-slash,.vs-screen .vs-logo{z-index:3}.vs-screen .vs-found{z-index:3;text-shadow:0 1px 4px #000;bottom:20px}.search-panel.has-art{padding:7% 8% 0}.search-panel.has-art .search-radar{width:88%}.search-panel.has-art .search-deck{justify-content:center;position:absolute;top:52.5%;left:0;right:0}.search-panel.has-art .search-info{gap:2px;width:auto;margin:0;position:absolute;inset:59.5% 9% 7%}.search-panel.has-art .radar-sweep{inset:2%}.search-panel .search-title{text-align:center;margin:0;position:relative}.search-dots{position:absolute;bottom:0;left:100%}.vs2-plate{overflow:hidden}.vs2-top .vs2-plate.has-art{padding:12px 15% 13px 17%}.vs2-name,.vs2-deck{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.vs-side2 .vs-card .fc{--w:min(150px, 38vw)}.vs2-plate.has-art,.vs2-top .vs2-plate.has-art{text-align:center;padding:12px 13% 13px}.vs2-deck{font-size:11.5px;display:block}.vs2-deck svg{vertical-align:-2px;margin-right:3px}.vs2-name{font-size:19px}.settings-btn .side-icon{color:var(--gold-hi);filter:drop-shadow(0 2px 3px #000000b3);place-items:center;display:grid}.start-screen{z-index:100;color:var(--text);cursor:pointer;background:#070b1d 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.start-screen:before{content:"";background:radial-gradient(at 50% 40%,#04071433,#040714cc 75%);position:absolute;inset:0}.start-screen>*{position:relative}.start-icon{border-radius:32px;width:148px;height:148px;animation:3.5s ease-in-out infinite hover;box-shadow:0 0 0 2px #f5c76bb3,0 0 40px #5fd3ff73,0 16px 40px #000000b3}.start-title{letter-spacing:4px;background:linear-gradient(180deg, #fff 25%, var(--gold) 70%, var(--gold-lo));color:#0000;filter:drop-shadow(0 3px 6px #000c);-webkit-background-clip:text;background-clip:text;margin-top:14px;font-size:40px;font-style:italic;font-weight:900}.start-sub{letter-spacing:.06em;color:#c9d2f5;text-shadow:0 1px 3px #000;margin:0;font-size:13px;font-weight:700}.start-tap{bottom:max(48px, calc(env(safe-area-inset-bottom) + 32px));letter-spacing:.2em;text-transform:uppercase;color:var(--gold-hi);text-shadow:0 0 12px #f5c76bcc,0 1px 3px #000;font-size:15px;font-weight:800;animation:1.4s ease-in-out infinite pulse;position:absolute!important}.card-sheet{display:block;overflow:hidden}.card-sheet .modal-burst{top:26%}.sheet-scroll{overscroll-behavior:contain;height:100%;padding:max(20px, env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));position:relative;overflow-y:auto}.sheet-close{z-index:3;top:max(12px, env(safe-area-inset-top));width:38px;height:38px;color:var(--gold-hi);box-shadow:inset 0 0 0 1.5px var(--gold), 0 3px 8px #0009;border-radius:50%;place-items:center;display:grid;position:absolute;right:12px;background:radial-gradient(circle at 50% 35%,#243c82f2,#080e28f2)!important}.sheet-hero{justify-content:center;align-items:center;margin:8px -10px 0;display:flex;position:relative}.sheet-hero .detail-card .fc{--w:min(330px, 80vw)}.sheet-nav{z-index:4;width:36px;height:56px;color:var(--gold);text-shadow:0 0 10px #f5c76b99,0 2px 4px #000;opacity:.85;border-radius:10px;margin-top:-28px;font-size:34px;line-height:1;position:absolute;top:50%;background:#0408188c!important}.sheet-nav.is-prev{left:0}.sheet-nav.is-next{right:0}.sheet-nav:hover{opacity:1}.sheet-head{text-align:center;max-width:360px;margin:14px auto 4px}.sheet-head h2{background:linear-gradient(180deg, #fff 30%, var(--gold));color:#0000;filter:drop-shadow(0 2px 3px #000c);-webkit-background-clip:text;background-clip:text;font-size:24px;font-style:italic;font-weight:900}.sheet-epithet{letter-spacing:.18em;text-transform:uppercase;color:var(--rar);margin-top:2px;font-size:12px;font-weight:800}.sheet-head .card-desc{width:auto;margin-top:8px}.sheet-head .card-meta{justify-content:center}.sheet-sec{background:linear-gradient(#0d1634d9,#060a1cd9);border:1px solid #f5c76b38;border-radius:12px;max-width:360px;margin:14px auto 0;padding:12px 14px}.sheet-sec h3{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 8px;font-size:11.5px;font-weight:900}.sheet-abilities,.sheet-tips{color:#d6dcff;flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;line-height:1.45;list-style:none;display:flex}.sheet-abilities li{flex-direction:column;gap:2px;display:flex}.sheet-abilities b{color:#2a1a00;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);background:linear-gradient(180deg, var(--gold-hi), var(--gold) 55%, var(--gold-lo));align-self:flex-start;padding:1px 10px;font-size:12px;font-weight:900}.sheet-tips li{padding-left:16px;position:relative}.sheet-tips li:before{content:"";background:var(--el);width:7px;height:7px;box-shadow:0 0 6px var(--el);position:absolute;top:.55em;left:2px;transform:rotate(45deg)}.sheet-story{color:#c9d2f5;margin:0;font-size:13px;font-style:italic;line-height:1.55}.sheet-decks{flex-wrap:wrap;gap:8px;display:flex}.sheet-deck{color:color-mix(in srgb, var(--el) 70%, #fff);background:color-mix(in srgb, var(--el) 14%, #060a1ccc);border:1px solid color-mix(in srgb, var(--el) 45%, transparent);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12.5px;font-weight:800;display:inline-flex}.sheet-foot{justify-content:space-between;align-items:center;max-width:360px;margin:18px auto 0;display:flex}.sheet-count{color:var(--muted);font-family:Cinzel,Georgia,serif;font-size:13px;font-weight:700}.sheet-head .card-desc-kws,.sheet-head .card-desc-effect,.sheet-head .card-desc-kw-text{display:none}.sheet-head .card-meta{margin-bottom:0}.bottom-nav.has-art{margin:0 6px env(safe-area-inset-bottom)}.card-stats{background:radial-gradient(ellipse 70% 60% at 50% 0%, color-mix(in srgb, var(--rar) 18%, transparent), transparent 70%), linear-gradient(180deg, #16215c, #0a1030);border:1px solid #f5c76b80;padding:14px 12px 10px;position:relative;box-shadow:inset 0 0 0 3px #070b1de6,inset 0 0 0 4px #f5c76b38,0 8px 22px #00000073}.card-stats:before,.card-stats:after{content:"";border:1.5px solid var(--gold);background:linear-gradient(135deg,#bff1ff,#2a8fd8);width:11px;height:11px;position:absolute;top:-6px;transform:rotate(45deg);box-shadow:0 0 8px #5fd3ffb3}.card-stats:before{left:18px}.card-stats:after{right:18px}.cs-row{--tone:#5fb4ff;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:8px 4px;display:grid}.cs-row+.cs-row{border-top:1px solid #f5c76b24}.cs-row.is-attack{--tone:#ff7a45}.cs-row.is-health{--tone:#4fd67a}.cs-row.is-spell{--tone:#c98bff;grid-template-columns:44px 1fr}.cs-gem{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--tone) 35%, #0b1236), #070b1d 75%);border:1.5px solid color-mix(in srgb, var(--tone) 60%, var(--gold));width:44px;height:44px;box-shadow:0 0 12px color-mix(in srgb, var(--tone) 40%, transparent), inset 0 0 8px #0009;border-radius:50%;place-items:center;display:grid}.cs-badge{place-items:center;width:44px;height:44px;display:grid;position:relative}.cs-badge img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.cs-badge:not(.has-art){background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--tone) 55%, #0b1236), #070b1d 80%);border:1.5px solid var(--gold);border-radius:50%}.cs-badge b{color:#fff;text-shadow:0 1px 2px #000,0 0 6px #000c;font-family:Cinzel,Georgia,serif;font-size:19px;font-weight:900;position:relative}.cs-gem img{object-fit:contain;width:30px;height:30px;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--tone) 70%, transparent))}.cs-gem__glyph{clip-path:polygon(50% 0,100% 38%,50% 100%,0 38%);background:linear-gradient(160deg, #fff, var(--tone) 45%, color-mix(in srgb, var(--tone) 50%, #000));width:18px;height:22px}.cs-text{text-align:left;flex-direction:column;min-width:0;display:flex}.cs-label{color:#f3f5ff;font-size:14px;font-weight:800}.cs-text small{color:var(--muted);font-size:11px;line-height:1.3}.cs-meter{align-self:center;gap:2px;display:flex}.cs-meter i{background:#ffffff1a;border-radius:1px;width:7px;height:7px;transform:rotate(45deg)}.cs-meter i.on{background:linear-gradient(135deg, #fff, var(--tone));box-shadow:0 0 4px color-mix(in srgb, var(--tone) 80%, transparent)}.sheet-hero .detail-card{padding:16px 0 18px;position:relative}.card-callout{z-index:3;letter-spacing:.04em;white-space:nowrap;color:#fff;pointer-events:none;border:1px solid #ffffff59;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:800;animation:.4s .5s both callout-in;position:absolute;box-shadow:0 2px 6px #00000080}.card-callout.is-cost{background:linear-gradient(#3d8bff,#1a4fb8);top:0;left:4px}.card-callout.is-atk{background:linear-gradient(#ff6a3d,#b8331a);bottom:0;left:4px}.card-callout.is-hp{background:linear-gradient(#43c96f,#1d8a45);bottom:0;right:4px}@keyframes callout-in{0%{opacity:0;transform:translateY(4px)}}.modal.settings{z-index:40;padding:16px}.settings__box{border:1px solid color-mix(in srgb, var(--gold) 55%, transparent);width:min(360px,100%);max-height:100%;color:var(--text);background:linear-gradient(#1f2440 0%,#11142a 100%);border-radius:18px;padding:16px 18px 20px;animation:.25s cubic-bezier(.2,.9,.3,1.2) settings-pop;position:relative;overflow-y:auto;box-shadow:0 0 0 3px #0006,0 18px 50px #000000b3,inset 0 1px #ffffff14}@keyframes settings-pop{0%{opacity:0;transform:scale(.92)}}.settings__head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.settings__head h2{font:800 24px/1.1 var(--display);color:var(--gold-soft);text-shadow:0 2px #0009;margin:0}.settings__x{border:1px solid var(--line);width:34px;height:34px;color:var(--text);background:#ffffff0f;border-radius:50%;place-items:center;display:grid}.settings__sec{border-top:1px solid #ffffff14;margin-top:8px;padding:12px 0 4px}.settings__sec h3{font:700 13px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.settings__sec p{color:var(--muted);margin:0 0 12px;font-size:13.5px;line-height:1.45}.settings__vol{grid-template-columns:82px 1fr 44px;align-items:center;gap:10px;margin-bottom:12px;font-size:14.5px;display:grid}.settings__vol b{text-align:right;font-variant-numeric:tabular-nums;color:var(--gold-soft)}.settings__vol input{appearance:none;background:linear-gradient(90deg, var(--gold) var(--p), #ffffff1f var(--p));touch-action:none;border-radius:99px;width:100%;height:8px;margin:0;box-shadow:inset 0 1px 2px #0009}.settings__vol input::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 35% 30%, #fff1bf, var(--gold) 60%, #a5741a);border:2px solid #fff3cf;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #0009}.settings__vol input::-moz-range-thumb{background:var(--gold);border:2px solid #fff3cf;border-radius:50%;width:22px;height:22px}.settings__vol{grid-template-columns:74px 1fr 40px 46px}.settings__vol.is-off input[type=range],.settings__vol.is-off b{opacity:.4}.settings__vol.is-off{opacity:1}.settings__toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:4px 0 8px;font-size:14.5px;display:flex}.settings__switch{cursor:pointer;flex:none;width:46px;height:26px;display:block;position:relative}.settings__switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.settings__switch i{pointer-events:none;background:#ffffff24;border-radius:99px;transition:background .2s;position:absolute;inset:0}.settings__switch i:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000080}.settings__switch input:checked+i{background:var(--gold)}.settings__switch input:checked+i:after{transform:translate(20px)}.settings__switch input:disabled+i{opacity:.4}.settings__reset{color:#ff9f93;background:0 0;border:1px solid #ff8a7a59;border-radius:10px;padding:8px 14px;font-size:13.5px;font-weight:700}.settings__reset:active{background:#ff8a7a1a}.settings__danger{color:#fff;width:100%;font:800 16px/1 var(--display);text-shadow:0 1px #00000080;background:linear-gradient(#d9483a,#8f1f1a);border:1px solid #ff8a7a;border-radius:12px;padding:11px 14px;box-shadow:0 3px #4a0d0a,0 6px 16px #0006}.settings__danger:active{transform:translateY(2px);box-shadow:0 1px #4a0d0a}.settings__confirm{background:#02040eb3;place-items:center;padding:16px;animation:.2s fade;display:grid;position:absolute;inset:0}.settings__confirm-box{text-align:center;background:linear-gradient(#2a1622,#140b14);border:1px solid #ff8a7a;border-radius:16px;width:min(320px,100%);padding:18px;animation:.22s cubic-bezier(.2,.9,.3,1.2) settings-pop;box-shadow:0 18px 50px #000000b3}.settings__confirm-box h3{font:800 21px/1.1 var(--display);color:#ffb3a8;margin:0 0 8px}.settings__confirm-box p{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.45}.settings__confirm-box b{color:var(--text)}.settings__confirm-btns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.settings__confirm-btns .btn-ghost{margin:0}.settings__confirm-btns>button{white-space:nowrap;padding:11px 6px;font-size:15px}.sheet-lore{isolation:isolate;text-align:center;border:1px solid color-mix(in srgb, var(--gold) 70%, transparent);max-width:360px;box-shadow:inset 0 0 0 4px #04081899, inset 0 0 0 5px color-mix(in srgb, var(--gold) 35%, transparent), 0 0 24px color-mix(in srgb, var(--el) 35%, transparent), 0 8px 24px #0009;border-radius:16px;margin:16px auto 0;padding:14px 20px;animation:.6s .15s both lore-in;position:relative;overflow:hidden}@keyframes lore-in{0%{opacity:0;transform:translateY(10px)}}.lore-bg{z-index:-1;background:radial-gradient(ellipse at 50% 35%, transparent 0%, #04061480 75%), linear-gradient(180deg, #0406144d, #040614b3 55%, #040614e6), linear-gradient(0deg, color-mix(in srgb, var(--el) 30%, transparent), transparent), var(--art) center 30% / cover no-repeat;filter:blur(1.5px)saturate(1.15);animation:18s ease-in-out infinite alternate lore-drift;position:absolute;inset:-12px}@keyframes lore-drift{to{transform:scale(1.08)translateY(-6px)}}.sheet-lore h3{letter-spacing:.06em;background:linear-gradient(180deg, #fff 25%, var(--gold));color:#0000;filter:drop-shadow(0 2px 3px #000);-webkit-background-clip:text;background-clip:text;margin:4px 0 10px;font-size:19px;font-style:italic;font-weight:900}.lore-story{text-align:left;color:#eef1ff;text-shadow:0 1px 3px #000,0 0 8px #000c;margin:0 0 10px;font-size:14.5px;font-style:italic;line-height:1.65;position:relative}.lore-story:before,.lore-story:after{color:color-mix(in srgb, var(--gold) 45%, transparent);pointer-events:none;font:900 54px/1 Georgia,serif;position:absolute}.lore-story:before{content:"“";top:-34px;left:-16px}.lore-story:after{content:"”";bottom:-36px;right:-12px}.lore-drop{float:left;font:900 54px/.8 var(--display);color:#ffd66e;text-shadow:0 2px 0 #7a4b0c, 0 3px 4px #000, 0 0 14px color-mix(in srgb, var(--el) 80%, transparent);margin:4px 8px 0 0;font-style:normal}.lore-orn{width:78%;margin:0 auto;display:block}img.lore-orn{filter:drop-shadow(0 2px 3px #000);width:86%;height:auto}img.lore-orn.is-flip{transform:scaleY(-1)}span.lore-orn{height:14px;position:relative}span.lore-orn:before{content:"";background:linear-gradient(90deg, transparent, var(--gold) 30%, var(--gold) 70%, transparent);height:1.5px;position:absolute;top:50%;left:0;right:0}span.lore-orn i{background:linear-gradient(135deg, #fff, var(--el));width:11px;height:11px;box-shadow:0 0 0 2px var(--gold), 0 0 10px var(--el);margin:-5.5px 0 0 -5.5px;position:absolute;top:50%;left:50%;transform:rotate(45deg)}.sheet-lore.has-art{--ink:#4a2c12;border:70px solid #0000;border-width:70px 44px;border-image:var(--scroll) 120 70 120 fill / 70px 44px 70px stretch;box-shadow:none;filter:drop-shadow(0 10px 18px #000000b3);border-radius:0;padding:0;overflow:visible}.sheet-lore.has-art h3{letter-spacing:.24em;text-transform:uppercase;color:#8a3a14;filter:none;background:0 0;justify-content:center;align-items:center;gap:10px;margin:2px 0 10px;font:800 13px/1 Noto Serif,Georgia,serif;display:flex}.sheet-lore.has-art h3:before,.sheet-lore.has-art h3:after{content:"";background:linear-gradient(90deg,#0000,#8a3a14);width:34px;height:1px}.sheet-lore.has-art h3:after{transform:scaleX(-1)}.sheet-lore.has-art .lore-story{color:var(--ink);text-shadow:none;text-align:left;margin:0 2px 4px;font:italic 500 15px/1.7 Noto Serif,Georgia,serif}.sheet-lore.has-art .lore-story:before,.sheet-lore.has-art .lore-story:after{content:none}.sheet-lore.has-art .lore-drop{color:#a3281a;text-shadow:1px 1px #e7c27a,2px 2px #5a280a59;margin:7px 8px 0 0;font:800 50px/.8 Noto Serif,Georgia,serif}.settings__seg{background:#00000059;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.settings__seg button{color:var(--muted);border-radius:9px;padding:8px 4px;font-size:14px;font-weight:700}.settings__seg button.is-on{color:#2a1a00;background:linear-gradient(180deg, var(--gold-hi), var(--gold) 55%, var(--gold-lo))}.settings__note{margin:8px 0 0!important;font-size:12.5px!important}.owned-card{justify-self:center;position:relative}.owned-card.is-locked .fc,.pool-card.is-used .fc{filter:grayscale(.85)brightness(.45)}.owned-count{white-space:nowrap;color:var(--gold-hi);pointer-events:none;background:#060a1eeb;border:1px solid #f5c76b8c;border-radius:999px;padding:1px 9px;font-size:11px;font-weight:800;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.owned-lock{color:#d9dcf0;text-shadow:0 1px 4px #000;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:800;display:flex;position:absolute;inset:0}.owned-lock img{object-fit:contain;width:40px;height:40px}.sheet-owned{color:var(--gold);margin-top:8px;font-size:12.5px;font-weight:700}.sheet-owned.is-locked{color:var(--muted)}.gold-chip{color:var(--gold-hi);justify-self:end;align-items:center;gap:4px;font-size:13px;font-weight:800;display:flex}.gold-chip img{object-fit:contain;width:22px;height:22px}.screen-head:has(.gold-chip){grid-template-columns:44px 1fr 88px}.shop-screen{background-position:50%;background-size:cover}.shop-body{text-align:center;text-align:left;flex-direction:column;flex:1;align-items:stretch;gap:10px;padding:14px 16px 28px;display:flex;position:relative;overflow-y:auto}.wallet{justify-self:end;gap:8px;display:flex}.wallet span{color:var(--gold-hi);align-items:center;gap:3px;font-size:12.5px;font-weight:800;display:flex}.wallet img{object-fit:contain;width:18px;height:18px}.screen-head:has(.wallet){grid-template-columns:44px 1fr auto}.shop-dev{border:1px dashed #ff7ab6;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;font-size:11.5px;display:flex}.shop-dev b{color:#ff7ab6;letter-spacing:1px}.shop-dev button{color:#fff;background:#ff7ab62e;border-radius:8px;padding:4px 9px}.shop-gift{text-align:left;border:1.5px solid var(--gold);background:radial-gradient(40% 90% at 14%,#ffc45073,#0000 70%),linear-gradient(100deg,#5a2a0c,#3a1a52 55%,#14205a);border-radius:16px;align-items:center;gap:12px;min-height:92px;padding:10px 14px 10px 8px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #00000080,inset 0 0 24px #f5c76b33}.shop-gift.is-ready{animation:2s ease-in-out infinite gift-glow}.shop-gift.is-done{filter:grayscale(.6)brightness(.75);border-color:#8f9bc766}@keyframes gift-glow{50%{box-shadow:0 0 26px #f5c76b99,inset 0 0 30px #f5c76b59}}.shop-gift.is-ready:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 40%,#ffffff47 50%,#0000 60%) 0 0/250% 100% no-repeat;animation:3s ease-in-out infinite gift-sweep;position:absolute;inset:0}@keyframes gift-sweep{0%,40%{background-position:130% 0}to{background-position:-30% 0}}.shop-gift__ribbon{letter-spacing:1px;text-align:center;color:#fff;background:linear-gradient(#ff6b6b,#c22f43);width:120px;padding:2px 0;font-size:10px;font-weight:900;position:absolute;top:10px;right:-30px;transform:rotate(35deg);box-shadow:0 2px 6px #00000080}.shop-gift.is-done .shop-gift__ribbon{background:#4a5280}.shop-gift__chest{flex:none;place-items:center;width:76px;height:76px;display:grid;position:relative}.shop-gift__chest img,.shop-gift__chest .gift-css{object-fit:contain;filter:drop-shadow(0 6px 10px #0009);width:100%;height:100%;position:relative}.shop-gift.is-ready .shop-gift__chest img,.shop-gift.is-ready .shop-gift__chest .gift-css{animation:1.6s ease-in-out infinite gift-hop}.shop-gift__rays{background:repeating-conic-gradient(#ffdc8c8c 0 8deg, transparent 8deg 22deg);border-radius:50%;animation:9s linear infinite spin;position:absolute;inset:-30px;-webkit-mask:radial-gradient(circle,#000 20%,#0000 68%);mask:radial-gradient(circle,#000 20%,#0000 68%)}.shop-gift.is-done .shop-gift__rays{display:none}@keyframes gift-hop{0%,55%,to{transform:none}65%{transform:translateY(-8px)rotate(-7deg)scale(1.05)}75%{transform:translateY(0)rotate(6deg)}85%{transform:rotate(-3deg)}}.shop-gift__text{flex-direction:column;flex:1;gap:3px;display:flex;position:relative}.shop-gift__text b{color:var(--gold-hi);text-shadow:0 2px 6px #000;font-size:18px;font-style:italic;font-weight:900}.shop-gift__text small{color:#f1e3c4;font-size:12.5px;display:block}.shop-gift__text small img{vertical-align:-3px;width:16px;height:16px;margin:0 3px}.shop-gift__text em{color:var(--gold-hi);font-style:normal;font-weight:800}.shop-gift__cta{color:#2a1a00;clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);background:linear-gradient(180deg, var(--gold-hi), var(--gold) 50%, var(--gold-lo));flex:none;padding:8px 16px;font-size:14px;font-weight:900;position:relative}.shop-gift.is-ready .shop-gift__cta{animation:1.2s ease-in-out infinite cta-pulse}@keyframes cta-pulse{50%{transform:scale(1.08)}}.shop-gift.is-done .shop-gift__cta{color:#c7cdf0;background:#2b3366;padding:6px 12px}.gift-css{background:linear-gradient(90deg, transparent 42%, var(--gold) 42% 58%, transparent 58%), linear-gradient(180deg, #8a4b1c 0 34%, #2a1d07 34% 38%, #6b3814 38%);box-shadow:inset 0 0 0 3px var(--gold), 0 6px 14px #0009;border-radius:10px 10px 6px 6px;display:block}.gift-open{flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;overflow:hidden}.gift-open__rays{background:repeating-conic-gradient(#f5c76b38 0 5deg, transparent 5deg 15deg);pointer-events:none;width:800px;height:800px;margin:-400px 0 0 -400px;animation:24s linear infinite spin;position:absolute;top:46%;left:50%;-webkit-mask:radial-gradient(circle,#000 0%,#0000 60%);mask:radial-gradient(circle,#000 0%,#0000 60%)}.gift-open.is-opened .gift-open__rays{background:repeating-conic-gradient(#ffdc8c73 0 6deg, transparent 6deg 14deg);animation:10s linear infinite spin,.5s ease-out both burst-in}.gift-open__title{color:var(--gold-hi);text-shadow:0 0 18px #f5c76bcc,0 3px #6b3814;font-size:34px;font-style:italic;font-weight:900;animation:.5s cubic-bezier(.2,1.6,.4,1) both title-pop;position:relative}.gift-open.is-opened .gift-open__title{animation:.6s cubic-bezier(.2,1.6,.4,1) .2s both title-pop}@keyframes title-pop{0%{opacity:0;transform:scale(.3)}}.gift-open__stage{--p:0;aspect-ratio:1;perspective:700px;-webkit-tap-highlight-color:transparent;place-items:center;width:min(250px,64vw);padding:0;display:grid;position:relative}.gift-open__glow{background:radial-gradient(circle, rgba(255, 230, 160, calc(.25 + var(--p) * .55)), transparent 65%);transform:scale(calc(.8 + var(--p) * .5));border-radius:50%;transition:transform .3s,background .3s;position:absolute;inset:0}.gift-open__chest{width:82%;height:82%;transform-style:preserve-3d;place-items:center;animation:2.2s ease-in-out infinite chest-idle;display:grid;position:relative}.gift-open__chest img,.gift-open__chest .gift-css{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 14px 18px #0009) brightness(calc(1 + var(--p) * .5))}.gift-css.is-big{width:80%;height:62%}@keyframes chest-idle{0%,to{transform:rotateY(-14deg)rotateX(8deg)}50%{transform:rotateY(14deg)rotateX(4deg)translateY(-6px)}}.gift-open__chest.is-hit-0,.gift-open__chest.is-hit-1{animation:.45s cubic-bezier(.3,1.6,.5,1) chest-hit,2.2s ease-in-out .45s infinite chest-idle}@keyframes chest-hit{0%{transform:scale(1)}20%{transform:scale(calc(.85 - var(--p) * .05), calc(1.15 + var(--p) * .1)) rotateZ(calc(-6deg - var(--p) * 8deg))}45%{transform:scale(1.12) rotateZ(calc(6deg + var(--p) * 8deg)) rotateY(20deg)}70%{transform:scale(.97)rotate(-3deg)}to{transform:none}}.gift-open.is-opened .gift-open__chest{animation:.7s cubic-bezier(.2,1.5,.4,1) both chest-open}@keyframes chest-open{0%{filter:brightness(3);transform:scale(1.3)}to{transform:none}}.gift-open__coins{pointer-events:none;width:0;height:0;position:absolute;top:45%;left:50%}.gift-open__coins i{width:34px;height:34px;animation:coin-fly 1.1s calc(var(--j) * 40ms) cubic-bezier(.2, .8, .4, 1) both;background:radial-gradient(circle at 40% 35%,#fff1c2,#f5c76b 50%,#9a6a1c);border-radius:50%;margin:-17px;position:absolute}.gift-open__coins i:has(img){background:0 0}.gift-open__coins img{width:100%;height:100%}@keyframes coin-fly{0%{transform:rotate(calc(var(--j) * 30deg)) translateY(0) scale(.3);opacity:0}20%{opacity:1}to{transform:rotate(calc(var(--j) * 30deg)) translateY(-150px) scale(1);opacity:0}}.gift-open__hint{color:#d6dcff;flex-direction:column;align-items:center;gap:10px;font-size:14px;font-weight:700;animation:1.6s ease-in-out infinite hint-blink;display:flex;position:relative}.gift-open__pips{gap:8px;display:flex}.gift-open__pips i{border:2px solid var(--gold);border-radius:50%;width:12px;height:12px;transition:background .2s}.gift-open__pips i.is-on{background:var(--gold);box-shadow:0 0 10px var(--gold)}.gift-open__reward{color:#d6dcff;flex-direction:column;align-items:center;gap:6px;font-size:14px;animation:.4s .5s both fade;display:flex;position:relative}.gift-open__amount{color:var(--gold-hi);text-shadow:0 0 16px #f5c76bcc;align-items:center;gap:6px;font-size:34px;font-weight:900;display:flex}.gift-open__amount img{width:38px;height:38px}.gift-open__reward .btn-gold,.celebrate>.btn-gold{margin-top:8px;padding:10px 44px;font-size:16px}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{top:-20px;left:var(--x);background:var(--c);width:8px;height:14px;transform:rotate(var(--r));animation:confetti-fall var(--dur) var(--dl) linear forwards;border-radius:2px;position:absolute}@keyframes confetti-fall{0%{transform:translateY(0) rotate(var(--r)) rotateY(0);opacity:1}to{transform:translateY(110vh) rotate(calc(var(--r) + 540deg)) rotateY(720deg);opacity:.7}}.celebrate{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;overflow:hidden}.celebrate__title{color:var(--gold-hi);text-shadow:0 0 18px var(--rar), 0 3px 0 #6b3814;font-size:34px;font-style:italic;font-weight:900;animation:.6s cubic-bezier(.2,1.6,.4,1) .25s both title-pop;position:relative}.celebrate__stage{width:var(--cw);aspect-ratio:5/7;position:relative}.celebrate__card{z-index:1;border-radius:12px;animation:.8s cubic-bezier(.2,1.3,.4,1) both celebrate-in;position:relative}.celebrate__card .fc{--w:var(--cw);box-shadow:0 0 0 2px var(--rar), 0 0 34px var(--rar)}@keyframes celebrate-in{0%{opacity:0;transform:perspective(900px)translateY(120px)rotateY(-540deg)scale(.3)}60%{opacity:1;transform:perspective(900px)rotateY(-20deg)scale(1.08)}to{transform:perspective(900px)rotateY(0)scale(1)}}.celebrate__info{color:#d6dcff;flex-direction:column;align-items:center;gap:4px;font-size:13px;animation:.4s .7s both fade;display:flex;position:relative}.celebrate__info b{color:#fff;text-shadow:0 0 14px var(--rar);font-size:22px;font-weight:900}.celebrate>.btn-gold{animation:.4s .9s both fade;position:relative}.shop-title{color:var(--gold-hi);text-shadow:0 2px 6px #000;margin:8px 0 0;font-size:17px;font-style:italic;font-weight:900}.shop-title small{color:var(--muted);margin-left:6px;font-size:11px;font-style:normal;font-weight:600}.shop-packs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.shop-pack-offer{text-align:center;background:radial-gradient(at 50% 30%,#f5c76b47,#0000 65%),linear-gradient(#1b2a66e6,#070b1deb);border:1px solid #f5c76b73;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;display:flex}.shop-pack-offer.is-premium{background:radial-gradient(at 50% 30%,#c98bff59,#0000 65%),linear-gradient(#371866e6,#0c0620eb);border-color:#c98bff99}.shop-pack-offer__art{aspect-ratio:5/7;width:74%;animation:3.2s ease-in-out infinite pack-float}.shop-pack-offer.is-premium .shop-pack-offer__art{animation-delay:-1.6s}.shop-pack-offer b{color:#fff;margin-top:4px;font-size:14.5px}.shop-pack-offer small{color:#c7cdf0;min-height:30px;font-size:11px;line-height:1.35}.pack-art{filter:drop-shadow(0 8px 18px #f5c76b59);width:100%;height:100%;display:block}.pack-art.is-premium{filter:drop-shadow(0 8px 20px #c98bff8c)}.pack-art img{object-fit:contain;width:100%;height:100%}.pack-art.is-tinted img{filter:hue-rotate(225deg)saturate(1.4)brightness(1.05)}@keyframes pack-float{50%{transform:translateY(-6px)rotate(-1.5deg)}}.pack-css{width:100%;height:100%;box-shadow:inset 0 0 0 3px var(--gold), inset 0 0 0 6px #2a1d07, inset 0 0 30px #0009;background:radial-gradient(circle at 50% 40%,#5fd3ff59,#0000 55%),linear-gradient(160deg,#23307a,#0b1236 70%);border-radius:12px;place-items:center;display:grid}.pack-css__seal{color:var(--gold-hi);text-shadow:0 0 20px var(--gold);font-size:54px}.shop-price{color:#2a1a00;background:linear-gradient(180deg, var(--gold-hi), var(--gold) 55%, var(--gold-lo));border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:5px 14px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 3px 8px #00000073}.shop-price img{object-fit:contain;width:17px;height:17px}.shop-price.is-big{width:100%;margin-top:6px;padding:8px 10px;font-size:15px}.shop-price:disabled{filter:grayscale(.85)brightness(.65)}.shop-odds{text-align:center;color:var(--muted);margin:0;font-size:11px;line-height:1.4}.shop-offers{--w:min(110px, calc((min(100vw, 480px) - 52px) / 3));grid-template-columns:repeat(3,1fr);justify-items:center;gap:10px;display:grid}.shop-offer-card{flex-direction:column;align-items:center;gap:8px;display:flex}.shop-offer-card .fc{--w:min(110px, calc((min(100vw, 480px) - 52px) / 3))}.pack-reveal{--rar:var(--gold);--cw:min(250px, 64vw, calc(100dvh * .36));flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px 0;display:flex;overflow:hidden}.pack-reveal.pack-premium{--rar:#c98bff}.pack-reveal__burst{background:repeating-conic-gradient(color-mix(in srgb, var(--rar) 30%, transparent) 0 5deg, transparent 5deg 15deg);pointer-events:none;width:760px;height:760px;margin:-380px 0 0 -380px;transition:background .4s;animation:24s linear infinite spin;position:absolute;top:44%;left:50%;-webkit-mask:radial-gradient(circle,#000 0%,#0000 60%);mask:radial-gradient(circle,#000 0%,#0000 60%)}.pack-open{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.pack-open>*{grid-area:1/1}.pack-open__pack{aspect-ratio:5/7;width:min(230px,58vw);animation:1.3s cubic-bezier(.4,0,.6,1) forwards pack-shake}@keyframes pack-shake{0%{opacity:0;transform:scale(.5)translateY(60px)}18%{opacity:1;filter:none;transform:scale(1)}28%{transform:rotate(-4deg)}36%{transform:rotate(4deg)}44%{filter:brightness(1.3);transform:rotate(-5deg)scale(1.03)}52%{transform:rotate(5deg)scale(1.04)}60%{filter:brightness(1.7);transform:rotate(-6deg)scale(1.06)}68%{filter:brightness(2.2);transform:rotate(0)scale(1.08)}80%{opacity:1;filter:brightness(3.5);transform:scale(1.18)}to{opacity:0;filter:brightness(5);transform:scale(1.7)}}.pack-open__flash{background:radial-gradient(circle, #fff 0%, color-mix(in srgb, var(--rar) 70%, #fff) 18%, transparent 55%);opacity:0;border-radius:50%;width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;animation:1.3s ease-out forwards pack-flash;position:absolute;top:50%;left:50%}.pack-open__flash img{object-fit:contain;mix-blend-mode:screen;width:100%;height:100%}.pack-open__flash:has(img){background:0 0}@keyframes pack-flash{0%,72%{opacity:0;transform:scale(.1)}84%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.1)}}.pack-open__ring{border:4px solid var(--rar);width:120px;height:120px;box-shadow:0 0 24px var(--rar), inset 0 0 24px var(--rar);opacity:0;border-radius:50%;animation:1.3s ease-out forwards pack-ring}@keyframes pack-ring{0%,76%{opacity:0;transform:scale(.3)}82%{opacity:1}to{opacity:0;transform:scale(5)}}.pack-count{letter-spacing:2px;color:var(--muted);font-size:13px;font-weight:800;position:relative}.reveal-stage{width:100%;height:calc(var(--cw) * 1.4);touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.reveal-track{z-index:1;position:absolute;inset:0}.reveal-card{--off:calc(var(--k) - var(--i));width:var(--cw);aspect-ratio:5/7;margin-left:calc(var(--cw) / -2);z-index:1;perspective:1100px;transform:translateX(calc(var(--off) * var(--cw) * .78)) scale(.74);opacity:.5;filter:brightness(.7)saturate(.8);animation:reveal-deal .55s calc(var(--k) * .12s) cubic-bezier(.2, .9, .3, 1.2) both;padding:0;transition:transform .45s cubic-bezier(.25,.9,.3,1),opacity .35s,filter .35s;position:absolute;top:0;left:50%}.reveal-card.is-active{z-index:3;opacity:1;filter:none;transform:none}@keyframes reveal-deal{0%{opacity:0;translate:0 120px}}.reveal-card:focus:not(:focus-visible){outline:none}.reveal-card__inner{transform-style:preserve-3d;position:absolute;inset:0}.reveal-card.is-shown .reveal-card__inner{animation:.7s cubic-bezier(.35,.6,.3,1) both reveal-flip;transform:rotateY(180deg)}@keyframes reveal-flip{0%{transform:rotateY(0)scale(1)}45%{transform:rotateY(100deg)scale(1.12)}78%{transform:rotateY(192deg)scale(1.04)}to{transform:rotateY(180deg)scale(1)}}.reveal-card__back,.reveal-card__front{backface-visibility:hidden;position:absolute;inset:0}.reveal-card__back{box-shadow:inset 0 0 0 2px var(--gold), inset 0 0 0 4px #2a1d07, 0 10px 26px #0000008c;background:linear-gradient(160deg,#23307a,#0b1236 70%);border-radius:12px;place-items:center;display:grid}.reveal-card__back.has-art{box-shadow:none;filter:drop-shadow(0 10px 22px #0009);background:0 0}.reveal-card__back img{object-fit:contain;width:100%;height:100%}.reveal-card.is-active:not(.is-shown) .reveal-card__back{animation:1.8s ease-in-out infinite back-wobble}.reveal-card.is-active:not(.is-shown).r-epic .reveal-card__back,.reveal-card.is-active:not(.is-shown).r-legendary .reveal-card__back{animation:.9s ease-in-out infinite back-wobble,.9s ease-in-out infinite back-tease}@keyframes back-wobble{0%,to{transform:none}50%{transform:translateY(-6px)rotate(-1deg)}}@keyframes back-tease{50%{filter:drop-shadow(0 0 22px var(--rc)) brightness(1.25)}}.pack-slot__rune{color:var(--gold-hi);text-shadow:0 0 12px var(--gold);font-size:42px}.reveal-card__front{border-radius:12px;overflow:hidden;transform:rotateY(180deg)}.reveal-card__front .fc{--w:var(--cw)}.reveal-card.is-shown.r-rare .reveal-card__front .fc{box-shadow:0 0 0 1px var(--rc), 0 0 18px var(--rc)}.reveal-card.is-shown.r-epic .reveal-card__front .fc,.reveal-card.is-shown.r-legendary .reveal-card__front .fc{box-shadow:0 0 0 2px var(--rc), 0 0 34px var(--rc), 0 0 70px color-mix(in srgb, var(--rc) 50%, transparent)}.reveal-card.is-shown .fc-shine,.celebrate__card .fc-shine{background-image:linear-gradient(115deg,#0000 35%,#ffffffa6 50%,#0000 65%);animation:.9s ease-out .6s both reveal-shine}.reveal-card.is-shown.r-legendary .fc-shine{animation:1.3s ease-in-out .6s 2 both reveal-shine}@keyframes reveal-shine{0%{background-position:130% 0}to{background-position:-30% 0}}.reveal-card__front .fc-shine{background-size:260% 100%}.reveal-burst{z-index:0;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.reveal-burst>*{position:absolute;top:0;left:0}.reveal-burst__aura{width:calc(var(--cw) * 2.2);height:calc(var(--cw) * 2.2);margin:calc(var(--cw) * -1.1) 0 0 calc(var(--cw) * -1.1);object-fit:contain;mix-blend-mode:screen;animation:.6s ease-out .35s both burst-in,14s linear infinite spin}.reveal-burst__rays{width:calc(var(--cw) * 2.4);height:calc(var(--cw) * 2.4);margin:calc(var(--cw) * -1.2) 0 0 calc(var(--cw) * -1.2);background:repeating-conic-gradient(color-mix(in srgb, var(--rc) 55%, transparent) 0 6deg, transparent 6deg 20deg);border-radius:50%;animation:.5s ease-out .3s both burst-in,18s linear infinite spin;-webkit-mask:radial-gradient(circle,#000 15%,#0000 62%);mask:radial-gradient(circle,#000 15%,#0000 62%)}.reveal-burst.is-common .reveal-burst__rays{opacity:.35}.reveal-burst.is-legendary .reveal-burst__rays{background:repeating-conic-gradient(color-mix(in srgb, var(--rc) 80%, #fff) 0 7deg, transparent 7deg 16deg)}@keyframes burst-in{0%{opacity:0;transform:scale(.2)}}.reveal-burst__ring{border:3px solid var(--rc);width:80px;height:80px;box-shadow:0 0 18px var(--rc), inset 0 0 18px var(--rc);opacity:0;border-radius:50%;margin:-40px 0 0 -40px;animation:.8s ease-out .35s both burst-ring}.reveal-burst__ring.is-2{border-width:2px;animation-delay:.55s}@keyframes burst-ring{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(6)}}.reveal-burst b{background:color-mix(in srgb, var(--rc) 60%, #fff);width:7px;height:7px;box-shadow:0 0 8px var(--rc);opacity:0;animation:burst-spark .9s calc(.35s + var(--j) * 12ms) ease-out both;border-radius:50%;margin:-3.5px 0 0 -3.5px}@keyframes burst-spark{0%{transform:rotate(calc(var(--j) * 360deg / var(--n))) translateY(0) scale(1.4);opacity:1}to{transform:rotate(calc(var(--j) * 360deg / var(--n))) translateY(calc(var(--d) * -1 - var(--cw) * .5)) scale(.3);opacity:0}}.reveal-burst.is-legendary:before{content:"";background:radial-gradient(circle,#fff4d2e6,#0000 45%);width:200vmax;height:200vmax;animation:1s ease-out .4s both legend-flash;position:absolute;top:-100vmax;left:-100vmax}@keyframes legend-flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}.reveal-info{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:52px;padding:0 16px;animation:.3s both fade;display:flex;position:relative}.reveal-info b{color:#fff;text-shadow:0 0 14px var(--rar);font-size:20px;font-weight:900;animation:.3s .55s both fade}.reveal-tag{color:var(--rar);border:1px solid color-mix(in srgb, var(--rar) 60%, transparent);border-radius:999px;padding:1px 12px;font-size:12px;font-weight:800;animation:.3s .65s both fade}.reveal-tag.is-new{color:#fff;background:linear-gradient(#ff6b6b,#c22f43);border:0}.reveal-tag.is-refund{color:var(--gold);border-color:#f5c76b80}.reveal-hint{color:#c7cdf0;font-size:13px;animation:1.8s ease-in-out infinite hint-blink}@keyframes hint-blink{50%{opacity:.45}}.reveal-dots{gap:8px;display:flex;position:relative}.reveal-dots i{background:#8f9bc766;border-radius:999px;width:8px;height:8px;transition:width .3s,background .3s}.reveal-dots i.is-shown{background:var(--rc)}.reveal-dots i.is-active{width:22px;box-shadow:0 0 8px #fff6}.reveal-dots i.is-active:not(.is-shown){background:#fff}.pack-reveal .pack-reveal__actions{min-height:70px;margin-top:6px;animation-delay:.6s}.pack-reveal__actions{flex-direction:column;align-items:center;gap:8px;margin-top:18px;animation:.3s 1.2s both fade;display:flex;position:relative}.pack-reveal__actions p{color:#d6dcff;margin:0;font-size:13px}.pack-reveal__btns,.deck-actions__btns{align-items:center;gap:10px;display:flex}.deck-tile-wrap{position:relative}.deck-tile-wrap .deck-tile{width:100%}.deck-tile:disabled{opacity:.75}.deck-new{min-height:64px;color:var(--gold);background:#0b123680;border:1.5px dashed #f5c76b80;border-radius:14px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.deck-new__plus{font-size:22px;line-height:1}.deck-note{color:var(--muted);text-align:center;margin:0;padding:0 4px;font-size:12px;line-height:1.45}.deck-name-input{width:100%;min-width:0;font:inherit;text-align:center;color:var(--text);background:#060a1eb3;border:1px solid #f5c76b66;border-radius:8px;padding:6px 10px;font-size:16px;font-weight:800}.count-chip.is-full{color:#9ef0ae;border-color:#5ee07a99}.deck-list{overscroll-behavior:contain;background:#0408188c;border-bottom:1px solid #f5c76b40;flex:none;grid-template-columns:1fr 1fr;gap:5px;max-height:30%;padding:10px 12px;display:grid;overflow-y:auto}.deck-list__empty{text-align:center;color:var(--muted);grid-column:1/-1;margin:6px 0;font-size:12.5px}.deck-row{text-align:left;border-left:3px solid var(--rar);background:linear-gradient(90deg, color-mix(in srgb, var(--el) 22%, #0b1236), #0b1236);border-radius:7px;grid-template-columns:22px 22px 1fr auto;align-items:center;gap:6px;min-height:32px;padding:3px 8px 3px 4px;display:grid;overflow:hidden}.deck-row__cost{color:#fff;background:radial-gradient(circle at 40% 35%,#6fd8ff,#1c5fb8);border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:grid}.deck-row__art{border-radius:4px;width:22px;height:22px;position:relative;overflow:hidden}.deck-row__art .fc-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.deck-row__name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.deck-row__n{color:var(--gold);font-size:12px;font-weight:800}.deck-actions{flex:none;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.deck-problem{color:var(--hp);font-size:12px;line-height:1.35}.deck-problem.is-ok{color:#9ef0ae}.deck-actions .btn-gold:disabled{filter:grayscale(.9)brightness(.6)}.deck-actions .btn-gold,.deck-actions .btn-ghost{padding-left:22px;padding-right:22px}.deck-pool{padding-top:8px}.deck-confirm{text-align:center}.deck-confirm h2{margin:0;font-size:18px}.deck-confirm p{color:var(--muted);margin:0;font-size:13px}.starter-head{text-align:center;padding:18px 18px 12px;display:block}.starter-head p{color:#d6dcff;margin:6px 0 0;font-size:13px;line-height:1.45}.bt-reward{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;margin:2px 0 6px;font-weight:800;animation:.4s .6s both fade;display:flex}.bt-reward__gold{color:var(--gold-hi);align-items:center;gap:5px;font-size:18px;display:inline-flex}.bt-reward__gold img{width:24px;height:24px}.bt-reward__xp{color:#9fdcff;font-size:13px}.bt-reward__lv{color:#2a1a00;background:linear-gradient(180deg, var(--gold-hi), var(--gold));border-radius:999px;padding:1px 10px;font-size:12px}.map-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(24px, env(safe-area-inset-bottom));flex:1;overflow-y:auto}.map-region{background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--el) 28%, transparent), transparent 65%), linear-gradient(180deg, color-mix(in srgb, var(--el) 10%, #0b1236), #070b1d);border-bottom:1px solid color-mix(in srgb, var(--el) 35%, transparent);padding:18px 16px 26px;position:relative}.map-region.has-art{background:0 0;border-bottom:0}.map-region.has-art:before{content:"";z-index:0;background:var(--bg) center / cover no-repeat;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 170px calc(100% - 170px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 170px calc(100% - 170px),#0000 100%)}.map-region.has-art:has(+.map-region.has-art):before{-webkit-mask-image:linear-gradient(#0000 0,#000 170px);mask-image:linear-gradient(#0000 0,#000 170px)}.map-region.has-art+.map-region.has-art{margin-top:-170px;padding-top:176px}.map-region.has-art+.map-region.has-art:after{content:"";z-index:0;background:radial-gradient(ellipse 70% 50% at 50% 50%, color-mix(in srgb, var(--el) 30%, transparent), transparent 70%);filter:blur(6px);pointer-events:none;height:180px;position:absolute;top:30px;left:0;right:0}.map-region.has-art>*{z-index:1;position:relative}.map-region.has-art .map-path:before{display:none}.map-region__head{text-align:center;text-shadow:0 2px 6px #000;position:relative}.map-region__head small{letter-spacing:3px;text-transform:uppercase;color:var(--el);font-size:11px;font-weight:800}.map-region__head h2{color:#fff;margin:2px 0;font-size:24px;font-style:italic;font-weight:900}.map-region__head p{color:#d6dcff;margin:0;font-size:12.5px}.map-path{flex-direction:column;gap:14px;margin-top:14px;display:flex;position:relative}.map-path:before{content:"";border-left:3px dashed color-mix(in srgb, var(--el) 55%, #f5c76b80);opacity:.6;position:absolute;top:30px;bottom:30px;left:50%}.map-node{text-align:center;flex-direction:column;align-items:center;gap:6px;width:44%;display:flex;position:relative}.map-node.is-left{align-self:flex-start}.map-node.is-right{align-self:flex-end}.map-path{gap:0}.map-node+.map-node{margin-top:-18px}.map-node__disc{flex:none;width:72px;height:72px;position:relative}.map-node.is-boss .map-node__disc{width:92px;height:92px}.map-node__face{box-shadow:0 0 0 3px var(--gold), 0 0 0 5px #2a1d07, 0 6px 14px #0009;background:#0b1236;border-radius:50%;position:absolute;inset:6px;overflow:hidden}.map-node.is-boss .map-node__face{box-shadow:0 0 0 3px #ff6b6b, 0 0 0 5px #3a0d12, 0 0 22px color-mix(in srgb, var(--el) 70%, transparent)}.map-node__face .fc-img{object-fit:cover;object-position:50% 25%;width:100%;height:100%;position:absolute;inset:0}.map-node__ring{object-fit:contain;pointer-events:none;width:calc(100% + 16px);height:calc(100% + 16px);position:absolute;inset:-8px}.map-node:has(.map-node__ring) .map-node__face{box-shadow:none}.map-node.is-locked .map-node__face{filter:grayscale()brightness(.4)}.map-node__lock{place-items:center;font-size:22px;display:grid;position:absolute;inset:0}.map-node__lock img{width:34px;height:34px}.map-node__check{color:#10300f;background:linear-gradient(#b8f5a8,#5ee07a);border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:900;display:grid;position:absolute;bottom:0;right:0;box-shadow:0 0 8px #5ee07a}.map-node.is-current .map-node__disc:after{content:"";box-shadow:0 0 0 2px var(--gold-hi);pointer-events:none;border-radius:50%;animation:1.4s ease-out infinite node-pulse;position:absolute;inset:-2px}@keyframes node-pulse{to{opacity:0;transform:scale(1.35)}}.map-node__label{text-shadow:0 2px 6px #000;flex-direction:column;min-width:0;display:flex}.map-node__label b{color:#fff;font-size:15px;font-weight:900}.map-node__label small{color:#d6dcff;font-size:11.5px}.map-node.is-boss .map-node__label small{color:#ff9a92;font-weight:700}.map-node.is-locked .map-node__label{opacity:.55}.map-done{text-align:center;color:var(--gold);margin:18px 20px;font-size:13px}.stage-sheet{padding:16px}.stage-sheet__box{text-align:center;border:1px solid color-mix(in srgb, var(--el) 50%, #f5c76b80);background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--el) 35%, transparent), transparent 60%), linear-gradient(180deg, #121b4a, #070b1d);width:min(360px,100%);max-height:100%;box-shadow:0 0 40px color-mix(in srgb, var(--el) 30%, transparent);border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:18px 16px 16px;animation:.35s cubic-bezier(.2,.9,.3,1.3) bt-pop;display:flex;position:relative;overflow-y:auto}.stage-sheet__face .fc{--w:128px}.stage-sheet__info small{letter-spacing:2px;text-transform:uppercase;color:var(--el);font-size:11px;font-weight:800}.stage-sheet__info h2{margin:2px 0;font-size:22px;font-style:italic;font-weight:900}.stage-sheet__diff{color:#ffe6a8;justify-content:center;align-items:center;gap:6px;margin:2px 0 4px;font-size:12px;font-weight:800;display:flex}.stage-sheet__stars i{color:#fff3;font-size:14px;font-style:normal}.stage-sheet__stars i.on{color:#ffc94a;text-shadow:0 0 6px #ffbe3cb3}.stage-sheet__foe{color:var(--gold);font-size:13px;font-weight:700}.stage-sheet__info p{color:#d6dcff;margin:6px 0 0;font-size:13px;line-height:1.45}.stage-sheet__reward{background:#060a1e99;border:1px solid #f5c76b4d;border-radius:10px;width:100%;padding:10px}.stage-sheet__reward-title{color:var(--muted);font-size:11.5px;font-weight:800}.stage-sheet__reward-row{justify-content:center;align-items:center;gap:16px;margin-top:6px;display:flex}.stage-sheet__reward-row.is-done{opacity:.5}.stage-sheet__gold{color:var(--gold-hi);font-size:16px;font-weight:900}.stage-sheet__card{align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:flex}.stage-sheet__again{color:var(--muted);margin-top:6px;font-size:11.5px;display:block}.stage-sheet__deck{color:#d6dcff;font-size:12.5px}.stage-sheet__change{color:var(--gold-hi);border:1px solid #f5c76b99;border-radius:999px;margin-left:8px;padding:2px 12px;font-size:12px;font-weight:800}.stage-sheet__btns{gap:10px;margin-top:4px;display:flex}.stage-sheet__btns .btn-gold:disabled{filter:grayscale(.9)brightness(.6)}.bt-reward-card{color:var(--gold-hi);align-items:center;gap:10px;margin-bottom:8px;font-size:14px;font-weight:800;animation:.4s .9s both fade;display:flex}.reveal-info .card-desc{max-width:320px;animation:.3s .75s both fade}.bt-reward__gems{color:#d9b3ff;align-items:center;gap:4px;font-size:13px;font-weight:800;display:inline-flex}.grid-divider{letter-spacing:1px;color:var(--muted);grid-column:1/-1;align-items:center;gap:10px;margin:6px 0 2px;font-size:12px;font-weight:800;display:flex}.grid-divider:before,.grid-divider:after{content:"";background:linear-gradient(90deg,#0000,#8f9bc780,#0000);flex:1;height:1px}.vs-bg{background:#04060f 50%/cover no-repeat;position:absolute;inset:0;overflow:hidden}.vs-bg-half{background:50%/cover no-repeat;position:absolute;inset:0}.vs-bg-half:not(.has-art){background:radial-gradient(ellipse 80% 45% at 70% 20%, color-mix(in srgb, var(--el) 45%, transparent), transparent 70%), radial-gradient(ellipse 80% 45% at 30% 80%, color-mix(in srgb, var(--el) 45%, transparent), transparent 70%), linear-gradient(160deg, color-mix(in srgb, var(--el) 22%, #04060f), #04060f 80%)}.vs-bg-half.is-top{-webkit-mask-image:linear-gradient(139deg,#000 44%,#0000 50%);mask-image:linear-gradient(139deg,#000 44%,#0000 50%)}.vs-bg-half.is-bottom{-webkit-mask-image:linear-gradient(139deg,#0000 44%,#000 50%);mask-image:linear-gradient(139deg,#0000 44%,#000 50%)}.vs-bg-half.is-bottom.has-art{transform:rotate(180deg);-webkit-mask-image:linear-gradient(139deg,#000 44%,#0000 50%);mask-image:linear-gradient(139deg,#000 44%,#0000 50%)}.vs-bg-clash{background:linear-gradient(90deg, transparent, var(--b) 25%, #fff 50%, var(--a) 75%, transparent);opacity:.55;filter:blur(3px);pointer-events:none;width:160%;height:90px;animation:1.8s ease-in-out infinite vs-clash-glow;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-41deg);-webkit-mask-image:linear-gradient(#0000,#000 45% 55%,#0000);mask-image:linear-gradient(#0000,#000 45% 55%,#0000)}.vs-bg-clash:has(img){opacity:1;filter:none;background:0 0;height:auto;-webkit-mask-image:none;mask-image:none}.vs-bg-clash img{width:100%;display:block}@keyframes vs-clash-glow{50%{opacity:.85}}.deck-note.is-top{margin:0 0 2px}.deck-tile.is-draft{opacity:.8}.mana-curve{--bar-max:46px;grid-template-columns:repeat(7,1fr);align-items:end;gap:4px;display:grid}.mana-curve.is-compact{--bar-max:18px;gap:3px}.mana-curve__col{flex-direction:column;align-items:center;gap:2px;display:flex}.mana-curve__n{min-height:13px;color:var(--gold-hi);font-size:10.5px;font-weight:800}.mana-curve__bar{width:72%;height:max(2px, calc(var(--v) * var(--bar-max)));background:linear-gradient(#8fe3ff,#1c6fd0);border-radius:3px 3px 1px 1px;transition:height .25s;box-shadow:0 0 6px #5fd3ff59}.mana-curve__cost{color:var(--muted);font-size:10px;font-weight:700}.mana-curve.is-compact .mana-curve__cost{font-size:9px}.deck-detail__body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;padding:12px 14px;display:flex;overflow-y:auto}.deck-hero{background:linear-gradient(100deg, #0b1236 20%, color-mix(in srgb, var(--el) 28%, #0b1236));border:1px solid color-mix(in srgb, var(--el) 40%, #2b3a73);border-radius:14px;gap:14px;padding:12px;display:flex}.deck-hero__card .fc{--w:118px}.deck-hero__info{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.deck-hero__info p{color:#d6dcff;margin:0;font-size:12.5px;line-height:1.4}.deck-hero__stats{color:var(--muted);flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.deck-hero__stats b{color:#fff;font-size:15px}.deck-hero .mana-curve{margin-top:auto}.deck-detail__problem{text-align:center;margin:0}.deck-detail__title{color:var(--gold-hi);margin:4px 0 0;font-size:16px;font-style:italic;font-weight:900}.deck-detail__title small{color:var(--muted);margin-left:6px;font-size:11px;font-style:normal;font-weight:600}.deck-list.is-detail,.deck-list.is-drawer{background:0 0;border:0;max-height:none;padding:0}.deck-detail__actions{padding:10px 14px max(12px, env(safe-area-inset-bottom));border-top:1px solid #f5c76b33;justify-content:flex-end}.deck-detail__actions .btn-gold{margin-left:auto}.de-summary{text-align:left;background:#04081899;border-bottom:1px solid #f5c76b33;flex:none;align-items:center;gap:12px;padding:8px 14px;display:flex}.de-summary .mana-curve{flex:1}.de-summary__meter{background:#8f9bc740;border-radius:999px;flex:none;width:54px;height:6px;overflow:hidden}.de-summary__meter i{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--gold-hi));height:100%;transition:width .25s;display:block}.de-summary__open{color:var(--gold-hi);flex:none;font-size:12.5px;font-weight:800}.de-costs{scrollbar-width:none;flex:none;gap:6px;padding:8px 12px 4px;display:flex;overflow-x:auto}.de-costs button{min-width:30px;height:28px;color:var(--muted);background:#060a1e99;border:1px solid #8f9bc759;border-radius:999px;flex:none;padding:0 9px;font-size:12.5px;font-weight:800}.de-costs button.is-active{color:#2a1a00;background:linear-gradient(180deg, var(--gold-hi), var(--gold));border-color:#0000}.de-pool{--w:calc((min(100vw, 480px) - 42px) / 4);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(4, var(--w));flex:1;place-content:start space-between;gap:12px 0;padding:8px 12px 110px;display:grid;overflow-y:auto}.de-pool .deck-list__empty{grid-column:1/-1}.de-card{flex-direction:column;align-items:center;gap:4px;animation:.3s both fade;display:flex;position:relative}.de-card .fc{--w:calc((min(100vw, 480px) - 42px) / 4);transition:filter .2s,box-shadow .2s}.de-card__hit{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:8px;padding:0}.de-card__hit:active .fc{transform:scale(.95)}.de-card.is-in .fc{box-shadow:0 0 0 2px var(--gold), 0 0 12px #f5c76b8c}.de-card.is-used:not(.is-in) .fc,.de-card.is-dim .fc{filter:grayscale(.7)brightness(.55)}.de-card__n{z-index:2;color:#2a1a00;background:linear-gradient(180deg, var(--gold-hi), var(--gold));pointer-events:none;border-radius:999px;padding:1px 7px;font-size:12px;font-weight:900;position:absolute;top:-5px;right:-3px;box-shadow:0 2px 6px #0009}.de-card__foot{justify-content:space-between;align-items:center;width:100%;height:22px;display:flex}.de-card__minus{color:#fff;background:linear-gradient(#ff6b6b,#b8283c);border-radius:50%;place-items:center;width:22px;height:22px;padding:0;font-size:16px;font-weight:900;line-height:1;display:grid}.de-card__left{color:var(--muted);font-size:10.5px;font-weight:700}.de-actions{background:#04081899;padding:6px 12px}.de-actions .btn-gold,.de-actions .btn-ghost{padding:7px 18px;font-size:13.5px}.de-actions .btn-ghost:disabled{opacity:.4}.de-drawer{place-items:end stretch}.de-drawer__box{max-height:82%;padding:16px 16px max(16px, env(safe-area-inset-bottom));background:linear-gradient(#14205a,#0b1236);border-top:1px solid #f5c76b73;border-radius:20px 20px 0 0;flex-direction:column;gap:10px;animation:.3s cubic-bezier(.2,.9,.3,1) both drawer-up;display:flex}@keyframes drawer-up{0%{transform:translateY(100%)}}.de-drawer__head{justify-content:space-between;align-items:baseline;display:flex}.de-drawer__head b{color:var(--gold-hi);font-size:17px}.de-drawer__head span{color:var(--muted);font-size:12.5px}.de-drawer__hint{color:var(--muted);margin:0;font-size:12px}.de-drawer .deck-list{flex:1;overflow-y:auto}.de-drawer .deck-actions__btns{justify-content:flex-end}.reveal-info .card-desc,.reveal-info .card-desc-kws{text-align:center;justify-content:center}*{scrollbar-width:none}::-webkit-scrollbar{display:none}.deck-detail__body{gap:12px;padding:0 0 16px}.dd-cover{flex:none;height:220px;position:relative;overflow:hidden}.dd-cover__art{position:absolute;inset:0}.dd-cover__art .fc-img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;animation:14s ease-in-out infinite alternate cover-drift}.dd-cover__art .fc-glyph{background:color-mix(in srgb, var(--el) 30%, #0b1236);place-items:center;height:100%;display:grid}@keyframes cover-drift{0%{transform:scale(1.05)}to{transform:scale(1.15)translateY(-4%)}}.dd-cover__shade{background:linear-gradient(180deg, #070b1d1a 0%, #070b1d59 45%, var(--navy,#0b1236) 100%), linear-gradient(90deg, color-mix(in srgb, var(--el) 30%, transparent), transparent 60%);position:absolute;inset:0}.dd-cover__text{text-shadow:0 2px 8px #000;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:12px;left:16px;right:16px}.dd-cover__tags{gap:6px;display:flex}.dd-tag{text-shadow:none;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.dd-tag.is-el{color:#fff;background:color-mix(in srgb, var(--el) 70%, #000);border:1px solid color-mix(in srgb, var(--el) 80%, #fff)}.dd-tag.is-active{color:#2a1a00;background:linear-gradient(180deg, var(--gold-hi), var(--gold))}.dd-cover__text h2{color:#fff;margin:0;font-size:30px;font-style:italic;font-weight:900;line-height:1.1}.dd-cover__text p{color:#e3e7ff;margin:0;font-size:13px}.dd-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 14px;display:grid}.dd-stats div{background:#0b1236d9;border:1px solid #8f9bc738;border-radius:12px;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.dd-stats b{color:var(--gold-hi);font-size:22px;font-weight:900}.dd-stats span{color:var(--muted);font-size:11px}.dd-panel{background:#0b1236b3;border:1px solid #8f9bc72e;border-radius:14px;margin:0 14px;padding:10px 12px 12px}.dd-panel h3{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin:0 0 10px;font-size:12px;font-weight:900}.dd-panel h3 small{letter-spacing:0;text-transform:none;color:var(--muted);margin-left:6px;font-size:10.5px;font-weight:600}.dd-panel .mana-curve{--bar-max:56px}.deck-detail__problem{margin:0 14px}.dd-grid{--w:calc((min(100vw, 480px) - 28px - 24px - 24px) / 4);grid-template-columns:repeat(4, var(--w));justify-content:space-between;gap:12px 0;display:grid}.dd-card{padding:0;animation:.3s both fade;position:relative}.dd-card .fc{--w:calc((min(100vw, 480px) - 28px - 24px - 24px) / 4)}.dd-card__n{color:#2a1a00;background:linear-gradient(180deg, var(--gold-hi), var(--gold));border-radius:999px;padding:1px 7px;font-size:12px;font-weight:900;position:absolute;bottom:-6px;right:-4px;box-shadow:0 2px 6px #0009}.deck-detail__actions{gap:10px}.deck-detail__actions .btn-gold{flex:1;margin-left:0}.dd-icon-btn{color:#ff8f8f;border:1px solid #ff6b6b66;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.dd-stat-panel{background:radial-gradient(ellipse 70% 60% at 50% 0%, color-mix(in srgb, var(--el) 22%, transparent), transparent 70%), linear-gradient(180deg, #16215c, #0a1030);border:1px solid #f5c76b8c;border-radius:16px;margin:-6px 14px 0;padding:14px 12px 12px;position:relative;box-shadow:inset 0 0 0 3px #070b1de6,inset 0 0 0 4px #f5c76b40,0 8px 22px #00000080}.dd-stat-panel:before,.dd-stat-panel:after{content:"";border:1.5px solid var(--gold);background:linear-gradient(135deg,#bff1ff,#2a8fd8);width:12px;height:12px;position:absolute;top:-6px;transform:rotate(45deg);box-shadow:0 0 8px #5fd3ffb3}.dd-stat-panel:before{left:18px}.dd-stat-panel:after{right:18px}.dd-stat-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dd-stat{--tone:#ff8a5c;background:linear-gradient(180deg, color-mix(in srgb, var(--tone) 16%, #0b1236), #070b1d);border:1px solid color-mix(in srgb, var(--tone) 45%, transparent);border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;display:flex;position:relative}.dd-stat.is-spell{--tone:#c98bff}.dd-stat.is-energy{--tone:#5fd3ff}.dd-stat__icon{width:30px;height:30px;color:var(--tone);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--tone) 70%, transparent));place-items:center;display:grid}.dd-stat__icon img{object-fit:contain;width:100%;height:100%}.dd-gem-glyph{clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%);background:linear-gradient(160deg,#e6fbff,#5fd3ff 45%,#1c5fb8);width:16px;height:22px}.dd-stat b{background:linear-gradient(180deg, #fff 30%, color-mix(in srgb, var(--tone) 60%, var(--gold-hi)));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:900;line-height:1.1}.dd-stat span:last-child{color:#b7c0e8;font-size:11px}.dd-curve__head{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);align-items:center;gap:10px;margin:14px 2px 6px;font-size:11.5px;font-weight:900;display:flex}.dd-curve__head i{background:linear-gradient(90deg,#f5c76b99,#0000);flex:1;height:1px}.dd-curve{--bar-max:78px;background:repeating-linear-gradient(0deg,#8f9bc71f 0 1px,#0000 1px 19.5px) 0 26px/100% 78px no-repeat;grid-template-columns:repeat(7,1fr);gap:6px;padding:4px 2px 0;display:grid}.dd-curve__col{flex-direction:column;align-items:center;gap:4px;display:flex}.dd-curve__n{color:#bfefff;min-height:15px;font-size:12px;font-weight:900}.dd-curve__track{width:70%;height:calc(var(--bar-max) + 22px);flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:relative}.dd-curve__bar{width:100%;height:max(3px, calc(var(--v) * var(--bar-max)));transform-origin:bottom;background:linear-gradient(90deg,#ffffff59,#0000 35% 65%,#00000040),linear-gradient(#c9f4ff,#5fd3ff 30%,#1c5fb8);border-radius:6px 6px 3px 3px;animation:.6s cubic-bezier(.2,.9,.3,1.2) both bar-grow;position:relative;box-shadow:0 0 10px #5fd3ff8c,inset 0 0 0 1px #ffffff40}.dd-curve__bar:before{content:"";clip-path:polygon(0 100%,50% 0,100% 100%);background:linear-gradient(#fff,#9fe6ff);height:7px;position:absolute;top:-6px;left:0;right:0}.dd-curve__col.is-empty .dd-curve__bar:before{display:none}.dd-curve__col.is-empty .dd-curve__bar{box-shadow:none;background:#8f9bc740}.dd-curve__col.is-peak .dd-curve__bar{background:linear-gradient(90deg, #fff6, transparent 35%, transparent 65%, #00000040), linear-gradient(180deg, #fff1c2, var(--gold) 35%, #a86a12);box-shadow:0 0 14px #f5c76bb3,inset 0 0 0 1px #ffffff4d}.dd-curve__col.is-peak .dd-curve__bar:before{background:linear-gradient(#fff,#fff1c2)}.dd-curve__col.is-peak .dd-curve__n{color:var(--gold-hi)}@keyframes bar-grow{0%{transform:scaleY(0)}}.dd-curve__cost{color:#fff;background:radial-gradient(circle at 40% 35%,#6fd8ff,#1c5fb8);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:900;display:grid;box-shadow:0 0 0 1.5px #f5c76bb3,0 2px 4px #00000080}.quests-body{flex-direction:column;flex:1;gap:10px;padding:14px 16px 28px;display:flex;position:relative;overflow-y:auto}.quest-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.quest,.quest-bonus{background:linear-gradient(#1e2a5cd9,#0c122ee6);border:1px solid #f5c76b40;border-radius:14px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid;position:relative;box-shadow:0 4px 14px #00000073,inset 0 1px #ffffff0f}.quest.is-done:not(.is-claimed),.quest-bonus.is-ready:not(.is-claimed){border-color:var(--gold);box-shadow:0 0 0 1px #f5c76b66,0 0 18px #f5c76b59,0 4px 14px #00000073}.quest.is-claimed,.quest-bonus.is-claimed{opacity:.55}.quest-icon{width:48px;height:48px;color:var(--gold-hi);background:radial-gradient(circle at 40% 30%,#2f4aa8,#121c4a);border:1px solid #f5c76b73;border-radius:12px;place-items:center;display:grid}.quest-icon img{object-fit:contain;width:100%;height:100%}.quest__main{gap:7px;min-width:0;display:grid}.quest__main b{color:var(--text);font-size:14.5px;line-height:1.25}.quest__bar{background:linear-gradient(90deg, #3fc76a var(--p), #00000073 var(--p));border-radius:99px;height:16px;position:relative;box-shadow:inset 0 1px 3px #000000b3}.quest__bar span{color:#fff;text-shadow:0 1px 2px #000;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;inset:0}.quest__side{justify-items:center;gap:6px;display:grid}.quest__reward{color:var(--gold-hi);align-items:center;gap:3px;font-size:13px;font-weight:800;display:flex}.quest__reward img,.quest__btn img{object-fit:contain;width:16px;height:16px}.quest__btn{min-width:72px;color:var(--text);background:#ffffff0f;border:1px solid #8f9bc773;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:7px 10px;font-size:13px;font-weight:800;display:flex}.quest__btn.is-claim{color:#2a1a00;background:linear-gradient(180deg, var(--gold-hi), var(--gold) 55%, var(--gold-lo));border-color:#ffe7a3;animation:1.4s ease-in-out infinite quest-pulse;box-shadow:0 3px #7a5410}.quest__btn.is-claim:disabled{filter:grayscale(.8)brightness(.7);animation:none}@keyframes quest-pulse{50%{transform:scale(1.06)}}.quest__tag{color:#9ff0b0;font-size:12px;font-weight:700}.quest-bonus{grid-template-columns:64px 1fr auto;margin-top:6px}.quest-bonus__chest{place-items:center;width:64px;height:64px;display:grid}.quest-bonus__chest img{object-fit:contain;filter:drop-shadow(0 3px 6px #000);width:100%;height:100%}.quest-bonus__css{font-size:40px}.quest-bonus__main{gap:3px;display:grid}.quest-bonus__main b{color:var(--gold-hi);font-size:15px}.quest-bonus__main small{color:var(--muted);font-size:12px}.quest-bonus__dots{gap:6px;margin-top:4px;display:flex}.quest-bonus__dots i{background:#ffffff26;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 1px 2px #000}.quest-bonus__dots i.on{background:var(--gold);box-shadow:0 0 6px var(--gold)}.quests-note{color:var(--muted);text-align:center;margin:6px 0 0;font-size:12px}.currency,.wallet button,.gold-chip{cursor:pointer;font:inherit;color:inherit}.wallet button{color:var(--gold-hi);align-items:center;gap:3px;font-size:12.5px;font-weight:800;display:flex}.ci{--c1:#ffd76a;--c2:#b8741c;--glow:#ffc8508c;z-index:45;background:radial-gradient(ellipse at 50% 22%, color-mix(in srgb, var(--c1) 38%, transparent) 0%, transparent 55%), radial-gradient(ellipse at 50% 120%, color-mix(in srgb, var(--c2) 45%, transparent), transparent 60%), linear-gradient(180deg, #1b1206 0%, #0c0803 100%);-webkit-backdrop-filter:none;backdrop-filter:none;display:block;overflow:hidden}.ci.is-gems{--c1:#c98bff;--c2:#3b8bff;--glow:#be78ff99;background:radial-gradient(ellipse at 50% 22%, color-mix(in srgb, var(--c1) 40%, transparent) 0%, transparent 55%), radial-gradient(ellipse at 50% 120%, color-mix(in srgb, var(--c2) 45%, transparent), transparent 60%), linear-gradient(180deg, #120a26 0%, #06040f 100%)}.ci-rays{background:repeating-conic-gradient(color-mix(in srgb, var(--c1) 30%, transparent) 0 4deg, transparent 4deg 14deg);pointer-events:none;width:900px;height:900px;margin:-450px 0 0 -450px;animation:40s linear infinite spin;position:absolute;top:23%;left:50%;-webkit-mask:radial-gradient(circle,#000 0%,#0000 58%);mask:radial-gradient(circle,#000 0%,#0000 58%)}.ci-scroll{overscroll-behavior:contain;height:100%;padding:max(16px, env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));text-align:center;position:relative;overflow-y:auto}.ci-tabs{border:1px solid color-mix(in srgb, var(--c1) 40%, transparent);background:#00000073;border-radius:99px;gap:4px;padding:4px;display:inline-flex}.ci-tabs button{color:#fff9;border-radius:99px;padding:6px 16px;font-size:13px;font-weight:800}.ci-tabs button.is-on{color:#1d1203;background:linear-gradient(180deg, #fff3c4, var(--c1) 55%, var(--c2));box-shadow:0 0 12px var(--glow)}.ci.is-gems .ci-tabs button.is-on{color:#fff;text-shadow:0 1px 2px #000}.ci-hero{place-items:center;width:210px;height:210px;margin:10px auto 0;animation:.7s cubic-bezier(.2,.9,.3,1.3) ci-pop;display:grid;position:relative}@keyframes ci-pop{0%{opacity:0;transform:scale(.4)rotate(-12deg)}}.ci-halo{background:radial-gradient(circle, var(--glow) 0%, transparent 68%);border-radius:50%;animation:2.6s ease-in-out infinite ci-breathe;position:absolute;inset:8%}@keyframes ci-breathe{50%{opacity:.75;transform:scale(1.12)}}.ci-hero__img{object-fit:contain;width:78%;height:78%;filter:drop-shadow(0 12px 18px #000000b3) drop-shadow(0 0 22px var(--glow));animation:3.4s ease-in-out infinite ci-float;position:relative}.ci-hero__css{animation:3.4s ease-in-out infinite ci-float;position:relative;width:110px!important;height:110px!important}@keyframes ci-float{50%{transform:translateY(-10px)rotate(3deg)}}.ci-glints i{width:22px;height:22px;filter:drop-shadow(0 0 4px var(--c1));z-index:2;background:linear-gradient(90deg,#0000 45%,#fff 50%,#0000 55%),linear-gradient(#0000 45%,#fff 50%,#0000 55%);animation:2.2s ease-in-out infinite ci-twinkle;position:absolute}.ci-glints i:first-child{top:16%;left:18%}.ci-glints i:nth-child(2){animation-delay:.6s;top:30%;right:14%;transform:scale(.7)}.ci-glints i:nth-child(3){animation-delay:1.2s;bottom:14%;left:26%}.ci-glints i:nth-child(4){animation-delay:1.7s;bottom:22%;right:24%}@keyframes ci-twinkle{0%,to{opacity:0;transform:scale(.3)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.ci-name{letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(100deg, var(--c2) 0%, #fff7d6 30%, var(--c1) 45%, #fff 52%, var(--c1) 60%, var(--c2) 100%);color:#0000;filter:drop-shadow(0 3px 0 #000000bf) drop-shadow(0 0 10px #000c) drop-shadow(0 0 14px var(--glow));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;margin:4px 0 0;font-size:40px;font-style:italic;font-weight:900;animation:3.5s linear infinite ci-shine,.5s fade}@keyframes ci-shine{0%{background-position:120% 0}to{background-position:-120% 0}}.ci-tag{letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb, var(--c1) 60%, #fff);text-shadow:0 1px 2px #000,0 0 10px #000,0 0 18px #000000e6;font-size:12px;font-weight:800}.ci-have{color:#fff;border:1px solid color-mix(in srgb, var(--c1) 60%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--glow) 60%, transparent), inset 0 0 12px #00000080;background:#00000080;border-radius:99px;align-items:center;gap:8px;margin-top:14px;padding:8px 18px;font-size:14px;font-weight:700;display:inline-flex}.ci-have .ci-amount{font-size:22px}.ci-about{color:#f1ead7;text-shadow:0 1px 3px #000;max-width:360px;margin:14px auto 0;font-size:14px;font-style:italic;line-height:1.6}.ci.is-gems .ci-about{color:#ece3ff}.ci-sec{text-align:left;max-width:380px;margin:18px auto 0}.ci-sec h3{letter-spacing:.2em;text-transform:uppercase;color:var(--c1);align-items:center;gap:10px;margin:0 0 8px;font-size:12px;font-weight:900;display:flex}.ci-sec h3:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--c1) 60%, transparent), transparent);flex:1;height:1px}.ci-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ci-row{text-align:left;width:100%;color:inherit;font:inherit;border:1px solid color-mix(in srgb, var(--c1) 28%, transparent);background:linear-gradient(#ffffff12,#00000059);border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:11px 12px;display:grid;box-shadow:inset 0 1px #ffffff0f}.ci-row:disabled{opacity:1;cursor:default}.ci-row.is-go:active{transform:scale(.98)}.ci-row__text{gap:2px;min-width:0;display:grid}.ci-row__text b{color:#fff;font-size:14.5px}.ci-row__text small{color:#ffffff9e;font-size:12px;line-height:1.35}.ci-row__arrow{color:var(--c1);font-size:22px;line-height:1}.ci-amount{white-space:nowrap;color:var(--c1);text-shadow:0 0 8px var(--glow), 0 1px 2px #000;align-items:center;gap:4px;font-size:15px;font-weight:900;display:inline-flex}.ci-amount img{object-fit:contain;width:1.3em;height:1.3em}.ci-bg{opacity:.85;pointer-events:none;background:50%/cover no-repeat;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 45%,#00000059);mask:linear-gradient(#000 45%,#00000059)}.rb{--c1:#ffd76a;--c2:#c0761a;--glow:#ffc446bf;z-index:60;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--c2) 45%, #0b0703) 0%, #04030af0 65%);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;animation:.25s fade;display:flex;position:fixed;inset:0;overflow:hidden}.rb.is-gems{--c1:#d4a2ff;--c2:#6a2ccf;--glow:#be78ffcc;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--c2) 50%, #07031a) 0%, #04030ef2 65%)}.rb-rays{background:repeating-conic-gradient(color-mix(in srgb, var(--c1) 40%, transparent) 0 5deg, transparent 5deg 15deg);opacity:.35;width:1100px;height:1100px;margin:-550px 0 0 -550px;transition:opacity .4s;animation:18s linear infinite spin;position:absolute;top:45%;left:50%;-webkit-mask:radial-gradient(circle,#000 0%,#0000 55%);mask:radial-gradient(circle,#000 0%,#0000 55%)}.rb.is-open .rb-rays{opacity:1;animation-duration:10s}.rb-flash{background:radial-gradient(circle at 50% 45%, #fff 0%, color-mix(in srgb, var(--c1) 70%, transparent) 25%, transparent 60%);pointer-events:none;animation:.7s ease-out forwards rb-flash;position:absolute;inset:0}@keyframes rb-flash{0%{opacity:1}to{opacity:0}}.rb-title{text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(180deg, #fff 25%, var(--c1) 60%, var(--c2));color:#0000;filter:drop-shadow(0 3px 0 #0009) drop-shadow(0 0 16px var(--glow));-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-style:italic;font-weight:900;animation:.6s cubic-bezier(.2,.9,.3,1.4) both rb-title;position:relative}@keyframes rb-title{0%{opacity:0;transform:scale(2.2)}}.rb-stage{place-items:center;width:280px;height:280px;display:grid;position:relative}.rb-burst{object-fit:contain;mix-blend-mode:screen;width:150%;height:150%;animation:.9s ease-out forwards rb-burst;position:absolute}@keyframes rb-burst{0%{opacity:1;transform:scale(.2)rotate(-30deg)}to{opacity:0;transform:scale(1.3)rotate(20deg)}}.rb-ring{border:4px solid var(--c1);width:60px;height:60px;box-shadow:0 0 24px var(--glow), inset 0 0 18px var(--glow);border-radius:50%;animation:.8s ease-out forwards rb-ring;position:absolute}@keyframes rb-ring{to{opacity:0;border-width:1px;transform:scale(7)}}.rb-chest{place-items:center;width:170px;height:170px;animation:.9s ease-in-out rb-shake;display:grid;position:absolute}.rb-chest img{object-fit:contain;filter:drop-shadow(0 10px 16px #000);width:100%;height:100%}.rb-chest__css{font-size:110px}@keyframes rb-shake{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-8deg)scale(1.05)}40%{transform:rotate(8deg)scale(1.08)}60%{transform:rotate(-10deg)scale(1.1)}80%{transform:rotate(10deg)scale(1.14)}}.rb-chest.is-open{animation:.5s ease-out forwards rb-chest-open}@keyframes rb-chest-open{0%{transform:scale(1.2)}to{opacity:.85;transform:translateY(70px)scale(.75)}}.rb-hero{z-index:2;place-items:center;width:220px;height:220px;animation:.75s cubic-bezier(.2,.9,.3,1.5) both rb-hero;display:grid;position:relative}.rb-hero img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 14px 18px #000000b3) drop-shadow(0 0 26px var(--glow));animation:3s ease-in-out .8s infinite ci-float}.rb-hero .cur-coin,.rb-hero .cur-gem{width:120px;height:120px}@keyframes rb-hero{0%{transform:translateY(40px)scale(0)}60%{transform:translateY(-10px)scale(1.15)}}.rb-bit{z-index:3;width:44px;height:44px;margin:-22px 0 0 -22px;animation:1.6s cubic-bezier(.15,.8,.3,1) both rb-bit;position:absolute;top:50%;left:50%}.rb-bit img{object-fit:contain;width:100%;height:100%;filter:brightness(1.25) drop-shadow(0 0 8px var(--glow)) drop-shadow(0 2px 3px #000)}@keyframes rb-bit{0%{opacity:1;transform:translate(0)scale(.2)rotate(0)}55%{transform:translate(var(--x), var(--y)) scale(var(--s)) rotate(var(--rot));opacity:1}to{transform:translate(calc(var(--x) * 1.15), calc(var(--y) + 260px)) scale(calc(var(--s) * .8)) rotate(calc(var(--rot) * 1.6));opacity:0}}.rb-amount{font-variant-numeric:tabular-nums;min-height:64px;color:var(--c1);text-shadow:0 3px 0 #0009, 0 0 20px var(--glow);margin-top:6px;font-size:54px;font-weight:900;animation:.5s cubic-bezier(.2,.9,.3,1.4) .15s both rb-title;position:relative}.rb-amount small{color:#fff;font-size:22px}.rb-hint{color:#fff9;margin-top:18px;font-size:13px;animation:.4s 1.4s both fade,1.6s ease-in-out 1.8s infinite pulse;position:relative}