@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&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}}.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{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)}}@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}.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}.sound-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;gap:6px;margin-top:8px;display:flex}.sheet-hero .detail-card .fc{--w:min(230px, 60vw)}.sheet-nav{width:36px;height:56px;color:var(--gold);text-shadow:0 0 10px #f5c76b99,0 2px 4px #000;opacity:.85;flex:none;font-size:34px;line-height:1}.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-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sheet-stat{text-align:center;background:#ffffff0a;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.sheet-stat b{color:#fff;text-shadow:0 1px 2px #000;border-radius:50%;place-items:center;width:36px;height:36px;font-family:Cinzel,Georgia,serif;font-size:18px;font-weight:900;display:grid}.sheet-stat.is-cost b{background:radial-gradient(circle at 40% 30%,#6fb4ff,#1d58d0 60%,#0b2c8a);box-shadow:0 0 10px #5faaff99}.sheet-stat.is-atk b{background:radial-gradient(circle at 40% 30%,#ffb07a,#c2471a 60%,#6e1d05);border-radius:10px;box-shadow:0 0 10px #ff783c80}.sheet-stat.is-hp b{background:radial-gradient(circle at 40% 30%,#ff8f9f,#c2172f 60%,#5e0715);box-shadow:0 0 10px #ff506480}.sheet-stat.is-spell b{background:radial-gradient(circle at 40% 30%,#e9d6ff,#8f5bd9 60%,#3b1a6e)}.sheet-stat span{color:#e6ebff;font-size:12px;font-weight:800}.sheet-stat small{color:var(--muted);font-size:10.5px;line-height:1.3}.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)}