.library-screen{position:relative;min-height:100vh;display:flex;flex-direction:column;padding:18px clamp(14px,4vw,48px) 48px;gap:16px}.library-screen.bg-dark .scene-bg{background-image:linear-gradient(#06080e33,#06080e33),url(/images/menu/bg_dark.webp);background-position:center}.library-screen .scene-bg{filter:blur(9px);inset:-40px}.library-bar{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.lib-titles{display:flex;flex-direction:column;margin-right:auto}.lib-title{font-family:var(--font-display);font-size:30px;color:#f2f0fb}.lib-sub{font-size:13px;color:#99a0b3}.lib-back,.lib-primary{font-family:var(--font-display);font-size:15px;padding:9px 16px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:#161b29d9;color:#e8eaf2;transition:transform .12s ease,border-color .15s ease,background .15s ease}.lib-primary{background:linear-gradient(150deg,#5f579bf2,#463e82f2);border-color:#a091f580}.lib-back:hover,.lib-primary:hover:not(:disabled){transform:translateY(-1px);border-color:#9682f099}.lib-primary:disabled{opacity:.45;cursor:not-allowed}.library-body{display:flex;flex-direction:column;gap:26px;overflow-y:auto}.lib-section-title{display:flex;align-items:baseline;gap:10px;font-family:var(--font-display);font-size:19px;margin-bottom:12px;color:#dfe3ee}.lib-section-count{font-size:13px;color:#8b92a6}.rarity-legend{color:#f0c65a}.rarity-rare{color:#7fb2ff}.rarity-uncommon{color:#8ad6a0}.rarity-common{color:#c3c9d6}.rarity-boosted{background:linear-gradient(100deg,#ffcf5c,#ff7a4d 42%,#a97bff 78%,#7ce0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.lib-section-note{margin:-6px 0 12px;font-size:12.5px;color:#8b92a6}.boost-owned-chip{position:absolute;left:-4px;top:-4px;width:22px;height:22px;border-radius:11px;display:grid;place-items:center;font-size:12px;color:#120c06;background:linear-gradient(120deg,#ffcf5c,#ff7a4d);box-shadow:0 2px 6px #00000080}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:14px 12px;justify-items:center}.grid-cell{display:flex;flex-direction:column;align-items:center;gap:6px;width:112px}.grid-card{position:relative;width:112px}.craft-btn{font-size:12px;font-weight:700;color:#dfe6ff;padding:4px 9px;border-radius:8px;background:#3a4a868c;border:1px solid rgba(160,145,245,.4);transition:filter .15s ease,transform .12s ease}.craft-btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.craft-btn:disabled{opacity:.4;cursor:not-allowed}.cell-actions{display:flex;gap:6px;align-items:center;min-height:26px}.grind-btn{font-size:12px;font-weight:700;color:#e8d3bd;padding:4px 9px;border-radius:8px;background:#4a34288c;border:1px solid rgba(216,150,96,.38);white-space:nowrap;transition:filter .15s ease,transform .12s ease}.grind-btn:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-1px)}.grind-btn.armed{color:#ffe2e2;background:#7a2828cc;border-color:#ff7878b3;box-shadow:0 0 12px #dc505073}.grind-btn:disabled{opacity:.35;cursor:not-allowed}.ground-flash{position:absolute;left:50%;top:42%;z-index:3;transform:translate(-50%);pointer-events:none;font-size:17px;font-weight:800;color:#dfe6ff;text-shadow:0 2px 10px rgba(10,12,20,.9);animation:ground-rise 1.1s ease-out both}@keyframes ground-rise{0%{opacity:0;transform:translate(-50%,8px) scale(.8)}25%{opacity:1;transform:translate(-50%) scale(1.08)}to{opacity:0;transform:translate(-50%,-34px) scale(1)}}@media(prefers-reduced-motion:reduce){.ground-flash{animation-duration:1.1s;animation-name:ground-hold}@keyframes ground-hold{0%,80%{opacity:1}to{opacity:0}}}.dust-chip{font-size:15px;font-weight:700;color:#dfe6ff;padding:7px 12px;border-radius:10px;background:#141926b3;border:1px solid rgba(255,255,255,.1);margin-right:12px}.grid-card.locked{filter:grayscale(1) brightness(.4)}.grid-card.owned.addable,.grid-card.removable,.grid-card.clickable{cursor:pointer}.grid-card.owned.addable:hover,.grid-card.removable:hover,.grid-card.clickable:hover{transform:translateY(-3px);transition:transform .12s ease}.grid-card.clickable:focus-visible{outline:2px solid rgba(160,145,245,.9);outline-offset:3px;border-radius:8px}.grid-card.maxed{opacity:.5;cursor:default}.count-chip{position:absolute;right:-4px;top:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#14243a;border:1px solid rgba(255,255,255,.25);color:#eef2fb;font-size:12px;font-weight:700;display:grid;place-items:center;box-shadow:0 2px 6px #00000080}.count-chip.stacked{background:#2a2036;border-color:#d8966080;color:#f0dcc6}.new-chip{position:absolute;left:-4px;top:-4px;z-index:2;padding:2px 6px;border-radius:8px;background:linear-gradient(180deg,#ffd479,#e5a13a);border:1px solid rgba(255,236,190,.8);color:#2a1c05;font-size:9px;font-weight:900;letter-spacing:.08em;line-height:1.4;box-shadow:0 2px 8px #e5a13a80;animation:new-chip-pop .35s ease-out both}@keyframes new-chip-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.lock-chip{position:absolute;inset:0;display:grid;place-items:center;font-size:26px}.deckbuilder .card-actions{position:absolute;inset:auto 0 34px;z-index:4;display:flex;justify-content:center;gap:8px;transition:opacity .14s ease,transform .14s ease}@media(hover:hover)and (pointer:fine){.deckbuilder .card-actions{opacity:0;transform:translateY(4px);pointer-events:none}.deckbuilder .grid-card:hover .card-actions,.deckbuilder .grid-card:focus-within .card-actions{opacity:1;transform:translateY(0);pointer-events:auto}}.deckbuilder .card-act{width:34px;height:34px;border-radius:50%;padding:0;font-size:16px;line-height:1;display:grid;place-items:center;color:#eef2fb;background:#0c101aeb;border:1px solid rgba(255,255,255,.35);box-shadow:0 3px 10px #0009;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.deckbuilder .card-act svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round}.deckbuilder .card-act:hover:not(:disabled),.deckbuilder .card-act:focus-visible{transform:scale(1.16);background:#283654fa;border-color:#ffffffa6;outline:none}.deckbuilder .card-act:active:not(:disabled){transform:scale(1.04)}.deckbuilder .card-act.add{background:#1e422cf0;border-color:#7ee08a8c;color:#cdf3d4}.deckbuilder .card-act.add:hover:not(:disabled){background:#28583afa;border-color:#7ee08ae6}.deckbuilder .card-act.remove{background:#4a1a22f0;border-color:#e878828c;color:#ffd9dd}.deckbuilder .card-act.remove:hover:not(:disabled){background:#60222cfa;border-color:#e87882e6}.deckbuilder .card-act:disabled{opacity:.4;cursor:not-allowed}.deckbuilder .grid-card.maxed{opacity:1}.deckbuilder .grid-card.maxed .card{opacity:.5}.deckbuilder .grid-card.too-heavy .card{opacity:.45;filter:grayscale(.9)}.deckbuilder .card-chips{position:absolute;right:-4px;top:-4px;display:flex;align-items:center;gap:4px;z-index:3}.deckbuilder .card-chips .count-chip{position:static}.deckbuilder .weight-chip{height:22px;padding:0 6px;border-radius:11px;background:#14243a;border:1px solid rgba(255,255,255,.25);color:#cfe0ff;font-size:12px;font-weight:700;display:grid;place-items:center;box-shadow:0 2px 6px #00000080}.deckbuilder .weight-chip.over{background:#3d1620;border-color:#e87882bf;color:#ffd9dd}.deck-name-input{font-family:var(--font-display);font-size:20px;padding:8px 14px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:#0c101acc;color:#f2f0fb;min-width:220px}.league-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:#0c101ae6;border:1px solid rgba(255,255,255,.12)}.league-tab{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:96px;padding:6px 12px;border-radius:9px;border:1px solid transparent;background:none;color:#99a0b3;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.league-tab-name{font-family:var(--font-display);font-size:14px;line-height:1.15}.league-tab-budget{font-size:10px;letter-spacing:.05em;text-transform:uppercase;opacity:.75}.league-tab:hover:not(.on){color:#cdd3e2;background:#ffffff0d}.league-tab.on{background:linear-gradient(150deg,#5f579bf2,#463e82f2);border-color:#a091f580;color:#f2f0fb}.league-tab:focus-visible{outline:2px solid rgba(160,145,245,.9);outline-offset:2px}.stat{font-size:14px;font-weight:600;color:#cfd4e2;padding:6px 12px;border-radius:10px;background:#141926b3;border:1px solid rgba(255,255,255,.08)}.stat.ok{color:#8ad6a0;border-color:#8ad6a066}.stat.bad{color:#e58a8a;border-color:#e58a8a80}.stat.muted{color:#9098ac}.stat-sub{font-style:normal;font-size:12px;font-weight:600;opacity:.72}.stat-sub:before{content:"·";margin:0 6px;opacity:.6}.builder-save{margin-left:auto}.builder-errors{list-style:none;display:flex;flex-direction:column;gap:4px;font-size:13px;color:#e5a3a3;padding:10px 14px;border-radius:10px;background:#461a1e66;border:1px solid rgba(229,138,138,.3)}.builder-panes{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;min-height:0;flex:1}.builder-pane{display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding:14px;border-radius:14px;background:#0a0d168c;border:1px solid rgba(255,255,255,.06)}.deck-pane{background:#120e1e8c}.pane-title{font-family:var(--font-display);font-size:17px;color:#dfe3ee}.pane-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}.deck-counts{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.deck-counts .stat{font-size:13px;padding:5px 10px}.deck-empty{color:#8b92a6;font-size:14px;padding:20px 4px}.deck-balance{display:flex;flex-direction:column;gap:7px;padding:10px 12px;border-radius:12px;background:#080a1280;border:1px solid rgba(255,255,255,.07)}.deck-balance-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffff80}.deck-balance-rows{display:flex;flex-direction:column;gap:6px}.balance-row{display:flex;align-items:center;gap:9px}.balance-icon{width:18px;height:18px;flex:none}.balance-track{flex:1 1 auto;height:9px;border-radius:5px;background:#ffffff12;overflow:hidden}.balance-fill{height:100%;border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff1f;transition:width .22s ease}.balance-count{flex:none;width:16px;text-align:right;font-size:12px;font-weight:700;color:#e8eaf2;font-variant-numeric:tabular-nums}.balance-neutral{font-size:11px;color:#ffffff6b}.pane-tabs{display:none}@media(max-width:720px){.deckbuilder.library-screen{height:100dvh;min-height:0;padding-bottom:12px}.deckbuilder .pane-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:#0c101ae6;border:1px solid rgba(255,255,255,.12)}.pane-tab{font-family:var(--font-display);font-size:15px;padding:8px 10px;border-radius:9px;border:1px solid transparent;background:none;color:#99a0b3}.pane-tab.on{background:#5f579bd9;border-color:#a091f580;color:#f2f0fb}.builder-panes{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.builder-panes.show-cards>.deck-pane,.builder-panes.show-deck>.builder-pane:not(.deck-pane){display:none}.deckbuilder .library-bar{gap:8px;padding:6px 0}.deckbuilder .deck-name-input{flex:1 1 120px;min-width:0;font-size:17px;padding:6px 10px}.deckbuilder .league-tabs{flex:1 1 100%}.deckbuilder .league-tab{flex:1;min-width:0;padding:5px 4px}.deckbuilder .league-tab-name{font-size:14px}.deckbuilder .league-tab-budget{font-size:9px}.deckbuilder .builder-save{flex:1 1 100%;margin-left:0}.deckbuilder .builder-pane{padding:10px}.deckbuilder .pane-title{display:none}.deckbuilder .deck-counts .stat{font-size:12px;padding:4px 9px}.deckbuilder .deck-balance{padding:8px 10px;gap:5px}.deckbuilder .deck-balance-rows{gap:4px}}.account-panel{position:relative;z-index:1;width:min(420px,92vw);margin:32px auto 0;display:flex;flex-direction:column;gap:16px;padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:#0c0e169e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:12px;background:#0000004d}.account-tab{font-family:var(--font-display);font-size:13.5px;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:#fff9;transition:background .15s ease,color .15s ease}.account-tab.on{background:#ffffff1a;color:#eef0f6}.account-form{display:flex;flex-direction:column;gap:13px}.account-field{display:flex;flex-direction:column;gap:6px}.account-label{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.account-field input{font-family:inherit;font-size:15px;padding:11px 13px;border-radius:11px;color:#eef0f6;background:#00000059;border:1px solid rgba(255,255,255,.12);transition:border-color .15s ease}.account-field input:focus{outline:none;border-color:#a091f5cc}.account-submit{font-family:var(--font-display);font-size:15px;padding:12px 16px;border-radius:12px;color:#f4f2ff;background:linear-gradient(150deg,#5f579b,#3a3566);border:1px solid rgba(160,145,245,.55);transition:transform .12s ease,border-color .15s ease}.account-submit:hover:not(:disabled){transform:translateY(-1px);border-color:#beb2ffe6}.account-submit:disabled{opacity:.6}.account-submit.ghost{background:#1e2438e6;border-color:#ffffff24}.account-error{margin:0;font-size:13px;line-height:1.45;color:#f0b6b6;padding:9px 11px;border-radius:10px;background:#3e1a2080;border:1px solid rgba(229,138,138,.35)}.account-note{margin:0;font-size:12.5px;line-height:1.5;color:#ffffff80}.account-status{display:flex;align-items:center;gap:13px}.account-avatar{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:50%;font-family:var(--font-display);font-size:20px;color:#f4f2ff;background:linear-gradient(150deg,#5f579b,#2a2748);border:1px solid rgba(160,145,245,.5)}.account-who{display:flex;flex-direction:column;gap:2px;min-width:0}.account-name{font-family:var(--font-display);font-size:17px;color:#eef0f6}.account-email{font-size:12.5px;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-chip{display:flex;align-items:center;gap:10px;max-width:300px;padding:8px 15px 8px 12px;border-radius:13px;color:#eef0f6;text-align:left;background:#0c101ab8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(160,145,245,.3);transition:transform .12s ease,border-color .15s ease,background .15s ease}.deck-chip:hover{transform:translateY(-1px);border-color:#a091f5bf;background:#161b29e6}.deck-chip.warn{border-color:#f0b45a8c}.deck-chip-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.deck-chip-label{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#98a0b6}.deck-chip-name{font-family:var(--font-display);font-size:15px;line-height:1.2;color:#f2f0fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-chip-meta{font-size:10.5px;color:#9aa1b4;white-space:nowrap}.deck-chip-warn{margin-right:4px;color:#f0b45a}.deck-chip-fan{display:flex;flex:none}.deck-chip-card{width:34px;aspect-ratio:1325 / 2014;object-fit:cover;border-radius:5px;border:1.25px solid rgba(180,186,200,.7);box-shadow:0 2px 6px #00000080;transform:rotate(calc((var(--i) - 1) * 7deg));transform-origin:bottom center;transition:transform .15s ease}.deck-chip-card+.deck-chip-card{margin-left:-11px}.deck-chip:hover .deck-chip-card{transform:rotate(calc((var(--i) - 1) * 10deg)) translateY(-2px)}.deck-chip-card.rarity-legend{border-color:#ffc450e6}.deck-chip-card.rarity-rare{border-color:#9682f0e6}.deck-chip-card.rarity-uncommon{border-color:#78c8a0d9}@media(prefers-reduced-motion:reduce){.deck-chip,.deck-chip-card{transition:none}.deck-chip:hover{transform:none}.deck-chip:hover .deck-chip-card{transform:rotate(calc((var(--i) - 1) * 7deg))}}.menu-screen{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:48px 24px;--menu-col: min(880px, 100%);--corner-inset: 22px;--corner-top: 18px;--profile-w: 246px}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:#aab2c5;font-family:var(--font-display);font-size:20px;letter-spacing:.04em}.menu-hero{display:flex;flex-direction:column;align-items:center;gap:28px}.menu-screen .scene-bg{background-image:url(/images/menu/bg_menu.webp);background-position:center 45%}.menu-screen .menu-scrim{position:absolute;inset:0;background:#06080e94}.menu-title{display:flex;flex-direction:column;align-items:center;gap:12px}.menu-logo{width:clamp(300px,46vw,480px);height:auto;display:block;filter:drop-shadow(0 4px 0 rgba(0,0,0,.45)) drop-shadow(0 0 34px rgba(120,96,210,.4))}.menu-chapter{display:flex;align-items:center;gap:12px;margin:0;font-family:var(--font-display);font-size:clamp(12px,1.4vw,15px);font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#ecdcc0;text-shadow:0 2px 14px rgba(0,0,0,.85)}.menu-rule{width:clamp(22px,5vw,56px);height:1px;background:linear-gradient(90deg,transparent,rgba(255,208,130,.8),transparent)}.menu-profile-wrap{position:absolute;z-index:20;top:var(--corner-top);right:var(--corner-inset);width:var(--profile-w)}.menu-profile{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:13px;background:#101420b8;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left;cursor:pointer;transition:transform .12s ease,border-color .15s ease,background .15s ease}.menu-profile:hover,.menu-profile[aria-expanded=true]{transform:translateY(-1px);border-color:#9682f08c;background:#181d2ed1}.menu-profile-caret{align-self:center;font-size:10px;color:#99a1b6}.menu-avatar{position:relative;flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-family:var(--font-display);font-size:18px;color:#fff;background:linear-gradient(150deg,var(--type-magic),var(--type-macabre));box-shadow:inset 0 0 0 1px #ffffff1f}.menu-avatar-level{position:absolute;right:-5px;bottom:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;display:grid;place-items:center;font-family:var(--font-body, inherit);font-size:10px;font-weight:800;line-height:1;color:#f3f0ff;background:#221a3c;border:1px solid rgba(160,145,245,.7)}.menu-profile-meta{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.menu-name{font-family:var(--font-display);font-size:14px;line-height:1.15;color:#eef0f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-xp{display:block;width:100%;height:4px;border-radius:99px;background:#ffffff1c;overflow:hidden}.menu-xp-fill{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--type-mechanical),var(--type-monstrosity));transition:width .4s ease}.menu-wallet{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:2px;padding-left:9px;border-left:1px solid rgba(255,255,255,.1)}.wallet-chip{font-size:14px;font-weight:600;color:#e9ecf4;white-space:nowrap}.menu-profile .wallet-chip{font-size:11.5px;line-height:1.3}@media(max-width:1000px){.menu-profile-wrap{position:relative;top:auto;right:auto;width:var(--menu-col);display:flex;justify-content:flex-end}.menu-profile{width:264px}}.menu-deck-corner{position:absolute;z-index:15;top:calc(var(--corner-top) - 8px);right:calc(var(--corner-inset) + var(--profile-w) + 12px);display:flex;justify-content:flex-end}@media(max-width:1000px){.menu-deck-corner{position:relative;top:auto;right:auto;width:var(--menu-col);margin-top:-28px}}.profile-backdrop{position:fixed;inset:0;z-index:40}.profile-panel{position:absolute;z-index:41;top:calc(100% + 8px);left:auto;right:0;width:min(280px,calc(100vw - 32px));display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:16px;background:#141826fa;border:1px solid rgba(150,130,240,.35);box-shadow:0 18px 44px #0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-field{display:flex;flex-direction:column;gap:6px}.profile-field-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#98a0b6}.profile-name-input{font-family:var(--font-display);font-size:17px;color:#f2f0fb;padding:9px 12px;border-radius:10px;background:#0c0f18d9;border:1px solid rgba(255,255,255,.12);transition:border-color .15s ease}.profile-name-input:focus{outline:none;border-color:#a091f5b3}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.profile-stats div{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;background:#ffffff0a}.profile-stats dt{font-size:11px;color:#98a0b6}.profile-stats dd{margin:0;font-family:var(--font-display);font-size:16px;color:#eef0f6}.profile-account{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border-radius:11px;text-align:left;color:#e9eaf4;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);transition:background .15s ease,border-color .15s ease}.profile-account:hover{background:#9682f024;border-color:#9682f073}.profile-account.in{background:#7ee08a14;border-color:#7ee08a47}.profile-account-copy{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.profile-account-label{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.profile-account-value{font-size:12.5px;color:#fffc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.profile-credits{background:#ffffff0d;border-color:#ffffff1f;color:#c8cddb}.profile-credits:hover{background:#ffffff17;border-color:#fff3}.profile-settings{display:flex;align-items:center;gap:10px;width:100%;font-size:13px;font-weight:600;text-align:left;color:#e9eaf4;background:#9682f01f;border:1px solid rgba(150,130,240,.3);border-radius:10px;padding:10px 12px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.profile-settings:hover{color:#fff;border-color:#aa96ffa6;background:#9682f038}.profile-settings-gear{font-size:15px;line-height:1;transition:transform .25s ease}.profile-settings:hover .profile-settings-gear{transform:rotate(60deg)}.profile-reset{align-self:flex-start;font-size:12px;color:#e79aa6;background:#3c1a2280;border:1px solid rgba(220,110,130,.35);border-radius:10px;padding:8px 14px;transition:color .15s ease,border-color .15s ease,background .15s ease}.profile-reset:hover{color:#ffd0d8;border-color:#dc6e8299;background:#4a1e28b3}.menu-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:var(--menu-col)}.menu-cta{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:18px 22px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#161b29d1;color:#eef0f6;text-align:left;transition:transform .12s ease,border-color .15s ease,background .15s ease}.menu-cta:hover:not(:disabled){transform:translateY(-2px);border-color:#9682f099;background:#1e2438e6}.menu-cta.primary{background:linear-gradient(150deg,#5f579bf2,#463e82f2);border-color:#a091f580}.menu-cta.disabled{opacity:.5;cursor:not-allowed}.cta-title{font-family:var(--font-display);font-size:19px}.cta-sub{font-size:12px;color:#9aa1b4}.menu-poster{position:relative;align-items:stretch;padding:0;aspect-ratio:4 / 5;overflow:hidden}.cta-art{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .25s ease}.menu-poster:hover:not(:disabled) .cta-art{transform:scale(1.05)}.cta-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,#090b13f0,#090b138c 34%,#090b1300 66%)}.cta-body{position:relative;z-index:2;margin-top:auto;display:flex;flex-direction:column;gap:4px;padding:20px 22px}.menu-poster .cta-title{font-size:23px}.menu-poster .cta-sub{color:#c7ccda;font-size:13px}.menu-poster.primary{border-color:#a091f599;box-shadow:0 0 0 1px #a091f559,0 12px 30px #00000080}.art-play{background-image:url(/images/menu/play.webp),linear-gradient(160deg,#4a4382,#272250)}.art-collection{background-image:url(/images/menu/collection.webp),linear-gradient(160deg,#2f5a55,#1c3a43)}.art-store{background-image:url(/images/menu/store.webp),linear-gradient(160deg,#5a4a2f,#423320)}.art-story{background-image:url(/images/menu/story.webp),linear-gradient(160deg,#46356e,#241a3d)}.art-freeplay{background-image:url(/images/menu/freeplay.webp),linear-gradient(160deg,#2b4a6b,#172b42)}.art-online{background-image:url(/images/menu/online.webp),linear-gradient(160deg,#3a4150,#20242e)}.poster-progress{display:flex;align-items:center;gap:8px;margin-top:8px}.poster-bar{flex:1;height:5px;border-radius:99px;background:#00000073;box-shadow:inset 0 0 0 1px #ffffff24;overflow:hidden}.poster-bar-fill{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--type-mechanical),var(--type-monstrosity));transition:width .45s ease}.poster-progress-label{font-size:11px;font-weight:700;color:#e4e7f0;text-shadow:0 1px 3px rgba(0,0,0,.8)}.menu-poster.disabled{opacity:.55;cursor:not-allowed}.menu-poster.disabled .cta-art{filter:grayscale(.7)}.cta-tag{position:absolute;top:12px;right:14px;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#d7ccff;background:#a091f538;border:1px solid rgba(160,145,245,.5);border-radius:999px;padding:2px 8px;z-index:2}.cta-tag.ready{color:#1d1403;background:linear-gradient(120deg,#ffd76a,#ffb648);border-color:#ffe296d9;box-shadow:0 0 12px #ffbe5073;animation:cta-tag-breathe 2.6s ease-in-out infinite}@keyframes cta-tag-breathe{0%,to{box-shadow:0 0 10px #ffbe5059}50%{box-shadow:0 0 18px #ffbe50b3}}@media(prefers-reduced-motion:reduce){.cta-tag.ready{animation:none}}.menu-play-flow{display:flex;flex-direction:column;gap:16px;width:var(--menu-col)}.play-crumbs{display:flex;align-items:center;gap:14px}.crumb-back{font-size:13px;color:#c4c9d8;background:#161b29d1;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:7px 14px;transition:color .15s ease,border-color .15s ease}.crumb-back:hover{color:#eef0f6;border-color:#9682f099}.crumbs{display:flex;align-items:center;gap:8px;font-size:14px}.crumb{font-family:var(--font-display);color:#7d879e;background:transparent;border:none;padding:0}.crumb.done{color:#b9c0d2}.crumb.done:not(span){cursor:pointer}.crumb.done:not(span):hover{color:#eef0f6}.crumb.current{color:#cbbcff}.crumb-sep{color:#5a6178}.play-options{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}.play-options .menu-cta{position:relative}@media(max-width:540px){.play-options{grid-template-columns:1fr}}.deck-tile{position:relative;width:var(--menu-col)}.deck-tile-main{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:20px 26px;border-radius:18px;border:1px solid rgba(160,145,245,.35);background:#161b29d1;color:#eef0f6;text-align:left;transition:transform .12s ease,border-color .15s ease,background .15s ease}.deck-tile-main:hover{transform:translateY(-2px);border-color:#a091f5b3;background:#1e2438e6}.deck-tile-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.deck-tile-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#98a0b6}.deck-tile-name{font-family:var(--font-display);font-size:23px;color:#f2f0fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-tile-meta{font-size:13px;color:#9aa1b4}.deck-mini-cards{display:flex;flex:none;padding-left:12px}.deck-mini-card{width:58px;aspect-ratio:1325 / 2014;object-fit:cover;border-radius:7px;border:1.5px solid rgba(180,186,200,.7);box-shadow:0 3px 8px #00000073;transform:rotate(calc((var(--i) - 1) * 7deg));transform-origin:bottom center;transition:transform .15s ease}.deck-mini-card+.deck-mini-card{margin-left:-18px}.deck-tile-main:hover .deck-mini-card{transform:rotate(calc((var(--i) - 1) * 10deg)) translateY(-2px)}.deck-mini-card.rarity-legend{border-color:#ffc450e6}.deck-mini-card.rarity-rare{border-color:#9682f0e6}.deck-mini-card.rarity-uncommon{border-color:#78c8a0d9}.deck-tile-new{position:absolute;top:-9px;right:12px;font-size:11px;font-weight:700;letter-spacing:.04em;color:#d7ccff;background:#282242f2;border:1px solid rgba(160,145,245,.5);border-radius:999px;padding:3px 10px;transition:border-color .15s ease,background .15s ease}.deck-tile-new:hover{border-color:#a091f5d9;background:#342c54f2}.getready-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;width:min(560px,100%);padding:40px 36px 30px;border-radius:22px;background:#101420c7;border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 60px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;animation:getready-rise .35s cubic-bezier(.2,.7,.3,1) both}@keyframes getready-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.getready-eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a99bf0}.getready-title{font-family:var(--font-display);font-size:clamp(34px,6vw,52px);font-weight:700;color:#f4f1ff;text-shadow:0 3px 0 rgba(0,0,0,.4),0 0 28px rgba(120,96,210,.4);margin:0}.getready-tip{display:flex;flex-direction:column;gap:8px;width:100%;padding:18px 20px;border-radius:14px;background:#1e2438b3;border:1px solid rgba(160,145,245,.22)}.getready-tip-label{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#cbbcff}.getready-tip-text{margin:0;font-size:15px;line-height:1.5;color:#dfe3ee}.getready-skill{display:flex;flex-direction:column;gap:3px;margin:2px 0 0;padding-top:12px;border-top:1px solid rgba(160,145,245,.18)}.getready-skill-name{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#ffd08a}.getready-skill-text{font-size:14px;line-height:1.45;color:#dfe3ee}.getready-rules{list-style:none;margin:2px 0 0;padding:12px 0 0;display:flex;flex-direction:column;gap:5px;border-top:1px solid rgba(160,145,245,.18);font-size:13px;line-height:1.45;color:#cfd5e6}.getready-block{display:flex;flex-direction:column;gap:6px;width:100%;padding:18px 20px;border-radius:14px;background:#3e1a2099;border:1px solid rgba(229,138,138,.45)}.getready-block-label{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#f0b6b6}.getready-block-text{margin:0;font-size:15px;line-height:1.5;color:#f6e6e6}.getready-block-sub{margin:0;font-size:13px;color:#f6e6e6a6}.getready-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.getready-cancel{font-family:var(--font-display);font-size:15px;color:#cfd4e2;padding:13px 22px;border-radius:14px;background:#161b29d9;border:1px solid rgba(255,255,255,.14);transition:transform .12s ease,border-color .15s ease}.getready-cancel:hover{transform:translateY(-2px);border-color:#ffffff4d}.getready-start{margin-top:4px;font-family:var(--font-display);font-size:18px;color:#f4f1ff;padding:13px 30px;border-radius:14px;background:linear-gradient(150deg,#5f579bf2,#463e82f2);border:1px solid rgba(160,145,245,.5);transition:transform .12s ease,border-color .15s ease,background .15s ease}.getready-start:hover{transform:translateY(-2px);border-color:#b4a5ffd9;background:linear-gradient(150deg,#6c63affa,#524996fa)}.getready-countdown{width:100%;height:4px;border-radius:99px;background:#ffffff14;overflow:hidden;margin-top:4px}.getready-countdown-fill{display:block;height:100%;width:100%;border-radius:99px;background:linear-gradient(90deg,var(--type-mechanical),var(--type-monstrosity));transform-origin:left center;animation:getready-countdown var(--auto-ms, 5s) linear forwards}@keyframes getready-countdown{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.getready-hint{font-size:12px;color:#7f889d}@media(prefers-reduced-motion:reduce){.getready-card{animation:none}.getready-countdown-fill{animation-timing-function:linear}}.menu-trigger.back-to-menu{margin-right:8px}@media(max-width:540px){.menu-actions{gap:8px}.menu-poster{aspect-ratio:3 / 5}.cta-body{padding:12px}.menu-poster .cta-title{font-size:16px}.menu-poster .cta-sub{font-size:11px}}.menu-title{animation:menu-rise .62s cubic-bezier(.2,.7,.3,1) backwards}.menu-profile-wrap{animation:menu-rise .55s cubic-bezier(.2,.7,.3,1) .12s backwards}.deck-tile{animation:menu-rise .55s cubic-bezier(.2,.7,.3,1) .22s backwards}.menu-deck-corner{animation:menu-rise .4s cubic-bezier(.2,.7,.3,1) backwards}.menu-actions .menu-poster:nth-child(1){--i: 0}.menu-actions .menu-poster:nth-child(2){--i: 1}.menu-actions .menu-poster:nth-child(3){--i: 2}.menu-actions .menu-poster{animation:menu-poster-in .62s cubic-bezier(.22,1.18,.36,1) backwards;animation-delay:calc(.32s + var(--i, 0) * .09s)}.menu-actions .menu-poster:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.26) 50%,transparent 62%);background-size:250% 100%;opacity:0;animation:menu-poster-sheen .9s ease-out backwards;animation-delay:calc(.5s + var(--i, 0) * .09s)}.menu-play-flow{animation:menu-rise .4s cubic-bezier(.2,.7,.3,1) backwards}@keyframes menu-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-poster-in{0%{opacity:0;transform:translateY(34px) scale(.9)}60%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes menu-poster-sheen{0%{opacity:.9;background-position:150% 0}to{opacity:0;background-position:-80% 0}}@media(prefers-reduced-motion:reduce){.menu-title,.menu-profile-wrap,.deck-tile,.menu-deck-corner,.menu-actions .menu-poster,.menu-actions .menu-poster:after,.menu-play-flow{animation:none}}.deck-tile-warning{margin-top:5px;font-size:12px;font-weight:600;color:#ffbcb4;padding:4px 9px;border-radius:8px;background:#4a1a2299;border:1px solid rgba(232,120,130,.45);align-self:flex-start}.menu-version{position:absolute;left:var(--corner-inset);bottom:10px;margin:0;font-size:11px;letter-spacing:.04em;color:#e9eefa57;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none}.credits-modal{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:24px}.credits-backdrop{position:absolute;inset:0;background:#06080eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.credits-panel{position:relative;width:min(520px,100%);max-height:min(78vh,720px);overflow-y:auto;padding:26px 28px 30px;border-radius:18px;background:linear-gradient(#090b11b8,#090b11b8),url(/images/menu/bg_dark.webp);background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 60px #0009}.credits-close{position:absolute;top:12px;right:12px}.credits-title{margin:0;font-family:var(--font-display);font-size:30px;color:#ffd6b0}.credits-lede{margin:6px 0 20px;font-size:13px;line-height:1.45;color:#aab1c4;max-width:42ch}.credits-section+.credits-section{margin-top:22px}.credits-heading{margin:0 0 2px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8f97ad}.credits-blurb{margin:0 0 10px;font-size:12px;color:#97a0b4}.credits-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.credits-item{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 14px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}.credits-item:last-child{border-bottom:none}.credits-name{font-size:14px;font-weight:600;color:#e9ecf4}.credits-by{font-size:12.5px;color:#aab1c4;text-align:right}.credits-by a{color:#cbbcff;text-decoration:none;border-bottom:1px solid rgba(203,188,255,.35)}.credits-by a:hover{color:#e4dbff;border-bottom-color:#e4dbffb3}.credits-note{color:#7f8799}.story-screen{position:relative;height:100dvh;overflow:hidden;background:#05070d}.story-screen [data-chapter=sprawl]{--chapter-accent: #6fbf7c;--chapter-art: url(/images/chapters/sprawl.webp), linear-gradient(165deg, #24492c, #0d1c14)}.story-screen [data-chapter=choir]{--chapter-accent: #e0666b;--chapter-art: url(/images/chapters/choir.webp), linear-gradient(165deg, #4a1d21, #180d10)}.story-screen [data-chapter=deep]{--chapter-accent: #4fc0da;--chapter-art: url(/images/chapters/deep.webp), linear-gradient(165deg, #16414d, #0a1b21)}.story-screen [data-chapter=spire]{--chapter-accent: #a091f5;--chapter-art: url(/images/chapters/spire.webp), linear-gradient(165deg, #322a5e, #140f26)}.story-screen [data-chapter=fold]{--chapter-accent: #f4d99a;--chapter-art: url(/images/chapters/fold.webp), linear-gradient(165deg, #3d3320, #16120b)}.story-bar{position:absolute;inset:0 0 auto;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"left dots right";align-items:center;gap:16px;padding:14px clamp(14px,3.5vw,40px);background:linear-gradient(#04060ccc,#04060c00)}.story-bar-side{grid-area:left;display:flex;align-items:center;gap:12px;min-width:0}.story-bar .lib-back,.story-bar .lib-primary{flex:none;white-space:nowrap}.story-bar-side.end{grid-area:right;justify-content:flex-end}.story-dots{grid-area:dots;display:flex;align-items:center;gap:9px}.story-dot{width:10px;height:10px;padding:0;border-radius:99px;border:1px solid rgba(255,255,255,.35);background:#ffffff1f;transition:width .25s ease,background .2s ease,border-color .2s ease}.story-dot:hover{border-color:var(--chapter-accent, #fff)}.story-dot.current{width:30px;background:var(--chapter-accent, #fff);border-color:var(--chapter-accent, #fff)}.story-dot.done{background:#8ad6a08c;border-color:#8ad6a0b3}.story-dot.done.current{background:var(--chapter-accent, #fff)}.story-dot.sealed{opacity:.4}.story-tally{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.story-tally-count{font-family:var(--font-display);font-size:17px;color:#f2f0fb}.story-tally-label{font-size:11px;color:#9aa2b8}.story-rail{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.story-rail::-webkit-scrollbar{display:none}.chapter-page{--chapter-pad: clamp(16px, 4vw, 56px);position:relative;flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.chapter-art{position:absolute;inset:0;background-image:var(--chapter-art);background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.04)}.chapter-page.sealed .chapter-art{filter:blur(14px) saturate(.3) brightness(.45);transform:scale(1.12)}.chapter-scrim{position:absolute;inset:0;background:linear-gradient(to top,#04060cf5,#04060ce0 26%,#04060c73 55%,#04060c1f 78%,#04060c4d),linear-gradient(to right,#04060cd1,#04060c8c 30%,#04060c1f 50%,#04060c00 62%),radial-gradient(120% 80% at 50% 30%,#0000 40%,#02040999)}.chapter-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;gap:clamp(18px,3.5vh,40px);padding:84px var(--chapter-pad) clamp(22px,4vh,44px);overflow-y:auto;scrollbar-width:none}.chapter-inner::-webkit-scrollbar{display:none}.chapter-lede{margin-top:auto;max-width:62ch}.chapter-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:10px}.chapter-numeral{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-family:var(--font-display);font-size:15px;color:var(--chapter-accent, #d9d2ff);background:#080b1499;border:1px solid color-mix(in srgb,var(--chapter-accent, #a091f5) 45%,transparent)}.chapter-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--chapter-accent, #cbbcff)}.chapter-count{font-size:12px;font-weight:600;color:#c3cadb;padding:4px 10px;border-radius:8px;background:#080b148c;border:1px solid rgba(255,255,255,.12)}.chapter-count.done{color:#8ad6a0;border-color:#8ad6a073}.chapter-name{margin:0;font-family:var(--font-display);font-size:clamp(34px,5.4vw,68px);line-height:1.02;color:#f6f4ff;text-shadow:0 4px 30px rgba(0,0,0,.75)}.chapter-intro{margin:12px 0 0;font-size:clamp(13.5px,1.15vw,17px);line-height:1.55;color:#c2c8d8;text-shadow:0 2px 14px rgba(0,0,0,.8)}.chapter-sealed-note{margin:0;font-size:13px;color:#8b93a6}.battle-rail-wrap{position:relative;margin-inline:calc(var(--chapter-pad) * -1)}.battle-rail{display:flex;align-items:stretch;gap:14px;padding-inline:var(--chapter-pad);padding-block:4px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--chapter-pad);overscroll-behavior-x:contain;scrollbar-width:none}.battle-rail::-webkit-scrollbar{display:none}.battle-rail:focus-visible{outline:2px solid rgba(160,145,245,.9);outline-offset:-2px;border-radius:16px}.rail-fade{position:absolute;top:0;bottom:0;width:clamp(26px,5vw,64px);z-index:2;pointer-events:none;opacity:0;transition:opacity .22s ease}.rail-fade.prev{left:0;background:linear-gradient(to right,#04060ce6,#04060c00)}.rail-fade.next{right:0;background:linear-gradient(to left,#04060ce6,#04060c00)}.battle-rail-wrap.can-prev .rail-fade.prev,.battle-rail-wrap.can-next .rail-fade.next{opacity:1}.rail-arrow{position:absolute;top:50%;z-index:3;width:34px;height:34px;display:grid;place-items:center;padding:0 0 3px;font-size:22px;line-height:1;border-radius:99px;color:#e8eaf2;background:#080b14b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .2s ease,border-color .15s ease,background .15s ease}.rail-arrow.prev{left:clamp(6px,1.2vw,14px)}.rail-arrow.next{right:clamp(6px,1.2vw,14px)}.battle-rail-wrap.can-prev .rail-arrow.prev,.battle-rail-wrap.can-next .rail-arrow.next{opacity:1;pointer-events:auto}.battle-rail-wrap .rail-arrow:disabled{opacity:0;pointer-events:none}.rail-arrow:hover:not(:disabled){background:#141826eb;border-color:#ffffff73}.battle{flex:0 0 clamp(252px,25vw,316px);scroll-snap-align:start;display:flex;flex-direction:column;gap:7px;padding:13px 15px;border-radius:14px;background:#0c101ad1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid transparent;transition:border-color .15s ease,background .15s ease,transform .12s ease}.battle:hover{transform:translateY(-2px)}.battle.cleared{background:#0f1e18cc}.battle.locked{background:#0a0d14b3;color:#6d7488;align-items:center;justify-content:center;gap:4px;text-align:center}.battle.next{box-shadow:0 0 30px -6px color-mix(in srgb,var(--chapter-accent, #a091f5) 55%,transparent),0 12px 34px #0000008c;background:#121626e6}.battle.boss:not(.locked) .battle-name{color:#f4d99a}.battle-head{display:flex;align-items:center;gap:8px}.battle-marker{font-size:13px;color:#9aa2b8}.battle.cleared .battle-marker{color:#8ad6a0}.battle.next .battle-marker{color:var(--chapter-accent, #cbbcff)}.battle-name{font-family:var(--font-display);font-size:16px;color:#eef0f6}.battle.locked .battle-name{color:#6d7488;letter-spacing:.12em}.battle-tag{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f4d99a;padding:2px 7px;border-radius:7px;background:#58441a8c;border:1px solid rgba(244,217,154,.35)}.battle-foes{margin:0;font-size:12px;font-weight:600;color:var(--chapter-accent, #cbbcff)}.battle-blurb{margin:0;font-size:12.5px;line-height:1.45;color:#9ba3b8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.battle-blurb.muted{font-style:italic;color:#6d7488}.battle-meta{margin:0;font-size:11px;color:#7f8698}.battle-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:6px}.battle-reward{font-size:11.5px;color:#aab2c6}.battle.cleared .battle-reward{color:#7f8698;font-style:italic}.battle-play{font-family:var(--font-display);font-size:13px;padding:7px 13px;border-radius:10px;color:#e8eaf2;background:#1e2438e6;border:1px solid rgba(255,255,255,.12);transition:transform .12s ease,border-color .15s ease,background .15s ease}.battle-play.primary{background:linear-gradient(150deg,color-mix(in srgb,var(--chapter-accent, #5f579b) 42%,#1a1d2e),color-mix(in srgb,var(--chapter-accent, #5f579b) 22%,#14172a));border-color:color-mix(in srgb,var(--chapter-accent, #a091f5) 60%,transparent)}.battle-play:hover{transform:translateY(-1px);border-color:var(--chapter-accent, rgba(160, 145, 245, .75))}.battle-illegal{position:relative;margin-left:auto;flex:none;display:grid;place-items:center;width:20px;height:20px;font-size:11px;line-height:1;color:#f0b6b6;border-radius:999px;background:#3e1a2080;border:1px solid rgba(229,138,138,.35);cursor:help}.battle-illegal:hover,.battle-illegal:focus-visible{outline:none;color:#ffd7d7;border-color:#f0a0a0d9}.battle-illegal-tip{position:absolute;top:calc(100% + 6px);right:0;z-index:5;width:max-content;max-width:210px;padding:7px 9px;font-size:11.5px;line-height:1.4;color:#f0b6b6;text-align:left;border-radius:9px;background:#1c0e12f5;border:1px solid rgba(229,138,138,.35);box-shadow:0 8px 20px #00000080;opacity:0;visibility:hidden;transform:translateY(-3px);transition:opacity .12s ease,transform .12s ease,visibility .12s;pointer-events:none}.battle-illegal:hover .battle-illegal-tip,.battle-illegal:focus .battle-illegal-tip,.battle-illegal:focus-visible .battle-illegal-tip{opacity:1;visibility:visible;transform:translateY(0)}.battle-play.warn{background:#3e1a20d9;border-color:#e58a8a8c;color:#f6e6e6}.battle-play.warn:hover{border-color:#f0a0a0e6}.campaign-outro{margin:0;padding:14px 16px;border-radius:14px;font-size:13.5px;line-height:1.5;color:#e7dfc4;background:#2822149e;border:1px solid rgba(244,217,154,.3)}.story-arrow{position:absolute;top:42%;z-index:3;width:46px;height:46px;display:grid;place-items:center;padding:0 0 4px;font-size:30px;line-height:1;border-radius:99px;color:#e8eaf2;background:#080b1499;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);transition:opacity .2s ease,transform .15s ease,border-color .15s ease}.story-arrow.prev{left:clamp(8px,1.6vw,20px)}.story-arrow.next{right:clamp(8px,1.6vw,20px)}.story-arrow:hover:not(:disabled){transform:scale(1.07);border-color:#fff6}.story-screen .story-arrow:disabled{opacity:0;pointer-events:none}@media(max-width:760px){.battle{flex:0 0 min(78vw,300px)}.story-arrow,.rail-arrow,.story-tally{display:none}.story-bar{grid-template-areas:"left dots right" "deck deck deck";row-gap:8px}.story-bar-side.end{display:contents}.story-continue{grid-area:right;justify-self:end}.story-bar .deck-chip{grid-area:deck;justify-self:start;gap:6px;padding:6px 11px;max-width:min(70vw,320px)}.story-bar .deck-chip-fan,.story-bar .deck-chip-label{display:none}.story-bar .deck-chip-name{font-size:13.5px}.story-bar .deck-chip-meta{font-size:10px}.story-dots{gap:7px}.story-dot{width:8px;height:8px}.story-dot.current{width:22px}.chapter-inner{padding-top:112px}.chapter-intro{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}@media(prefers-reduced-motion:reduce){.battle,.story-arrow,.rail-arrow,.rail-fade,.story-dot,.battle-play{transition:none}.battle:hover,.story-arrow:hover:not(:disabled),.battle-play:hover{transform:none}.rail-arrow{transform:translateY(-50%)}}.rewards-card{min-width:min(420px,92vw)}.scores-caption{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9aa2b8;margin-bottom:-8px}.round-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.round-chip{display:inline-flex;align-items:baseline;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#b9bece}.round-chip.win{color:#d9f5dd;border-color:#7ee08a57;background:#7ee08a1a}.round-chip.loss{color:#f6d6d6;border-color:#f0787847;background:#f0787814}.round-chip-n{font-size:10px;font-weight:800;letter-spacing:.08em;opacity:.7}.round-chip-who{font-weight:700}.round-chip-score{font-variant-numeric:tabular-nums;opacity:.8}.captured{display:flex;flex-direction:column;gap:8px;align-items:center}.captured-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9aa2b8}.captured-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(440px,86vw)}.captured-card{animation:captured-in .4s cubic-bezier(.22,1.1,.36,1) both}.captured-card .card.small{--card-w: 82px}.captured-more{align-self:center;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:800;color:#ffd76a;background:#ffc6461f;border:1px solid rgba(255,205,100,.35)}@keyframes captured-in{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.captured-card{animation:none}}.rewards-panel{display:flex;flex-direction:column;gap:14px;margin:6px 0 4px;padding:16px;border-radius:14px;background:#0a0d168c;border:1px solid rgba(255,255,255,.08)}.reward-row{display:flex;justify-content:center;gap:18px}.reward-gain{font-family:var(--font-display);font-size:22px;font-weight:700}.reward-gain.xp{color:#8ad6a0}.reward-gain.credits{color:#f0c65a}.xp-breakdown{list-style:none;margin:-4px auto 0;padding:10px 14px;width:min(320px,100%);display:flex;flex-direction:column;gap:5px;border-radius:12px;background:#8ad6a014;border:1px solid rgba(138,214,160,.2)}.xp-breakdown li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;color:#ffffffb3}.xp-breakdown li.bonus{color:#b6e6c4;font-weight:600}.xp-breakdown .db-xp{color:#8ad6a0;font-weight:800;font-variant-numeric:tabular-nums}.xp-breakdown li.bonus{animation:xp-bonus-in .35s ease both}@keyframes xp-bonus-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.reward-gain.rating.up{color:#7fb2ff}.reward-gain.rating.down{color:#e58a8a}.xp-track{display:flex;flex-direction:column;gap:7px;align-items:center}.level-badge{font-size:13px;font-weight:700;letter-spacing:.03em;color:#cfd4e2}.level-badge.levelup{color:#ffd76a;text-shadow:0 0 16px rgba(240,198,90,.5);animation:levelup-pop .5s ease}@keyframes levelup-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.xp-bar{width:100%;height:10px;border-radius:99px;background:#ffffff17;overflow:hidden}.xp-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--type-mechanical),var(--type-monstrosity));transition:width .9s cubic-bezier(.22,1,.36,1);box-shadow:0 0 12px #8cc8ff73}.xp-bar-fill.snap{transition:none}.rewards-card.revealing>*,.rewards-card.revealing .rewards-panel>*{animation:reward-step-in .34s cubic-bezier(.22,1.1,.36,1) both}.rewards-card.revealing .captured-row,.rewards-card.revealing .xp-breakdown{animation:none}@keyframes reward-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reveal-skip{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff52;animation:skip-breathe 2.4s ease-in-out infinite}@keyframes skip-breathe{0%,to{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.rewards-card.revealing>*,.rewards-card.revealing .rewards-panel>*,.reveal-skip{animation:none}.xp-bar-fill{transition:none}}.freepack-cta{background:linear-gradient(150deg,#6d5cc4,#8a6cf0);border:1px solid rgba(180,165,255,.6);box-shadow:0 0 22px #8a6cf080;animation:levelup-pop .5s ease}.unlock-toast{text-align:center;font-family:var(--font-display);font-size:15px;color:#d9c7ff;padding:7px 12px;border-radius:10px;background:#5f579b47;border:1px solid rgba(160,145,245,.4);animation:levelup-pop .5s ease}.campaign-clear{display:flex;flex-direction:column;align-items:center;gap:4px;padding:11px 18px;border-radius:13px;background:linear-gradient(150deg,#4a3a7ad9,#2e2452d9);border:1px solid rgba(196,172,255,.5);box-shadow:0 0 26px #8c6ef040}.campaign-clear-title{font-family:var(--font-display);font-size:18px;color:#f0e6ff;letter-spacing:.02em}.campaign-clear-gains{font-size:12.5px;font-weight:600;color:#d6c9ff}.round-break{min-width:min(400px,92vw)}.round-break-eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9aa2b8}.round-standing{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.round-standing-seat{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);font-size:13px;font-weight:600;color:#c7cbd8}.round-standing-seat.you{color:#f4f1ff;border-color:#ffcd6457;background:#ffc64617}.round-standing-pips{display:inline-flex;gap:4px}.round-standing-pips i{width:9px;height:9px;border-radius:50%;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff29}.round-standing-pips i.won{background:linear-gradient(180deg,#ffd76a,#ff9c20);box-shadow:0 0 8px #ffa82899}.round-stake{font-size:13px;color:#9aa2b8;margin:0}.round-stake.hot{color:#ffd76a;font-weight:700}.parting-shot{--shot: 150, 154, 178;position:fixed;inset:0;z-index:210;display:grid;place-items:center;overflow:hidden;cursor:pointer;animation:shot-exit .32s ease 3.08s both}.parting-shot.type-magic{--shot: 128, 118, 214}.parting-shot.type-macabre{--shot: 208, 86, 92}.parting-shot.type-mechanical{--shot: 78, 186, 208}.parting-shot.type-monstrosity{--shot: 116, 196, 128}.parting-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 55%,rgba(var(--shot),.18),#0000 62%),#06080eb8;backdrop-filter:blur(8px) saturate(.85);-webkit-backdrop-filter:blur(8px) saturate(.85);animation:backdrop-in .34s ease both}.parting-stage{position:relative;z-index:1;display:flex;align-items:center;gap:clamp(14px,2.4vw,26px);max-width:min(760px,92vw);padding:0 16px}.parting-face{position:relative;flex:none;margin:0;width:clamp(120px,18vw,190px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#191426;border:2px solid rgba(var(--shot),.75);box-shadow:0 14px 34px #0000008c,0 0 28px rgba(var(--shot),.35),inset 0 0 24px #00000073;animation:shot-lean .44s cubic-bezier(.18,1.05,.3,1) both}.parting-face img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:scale(1.24);display:block}.parting-monogram{display:grid;place-items:center;width:100%;height:100%;font-family:var(--font-display);font-size:clamp(34px,6vw,54px);font-weight:800;color:rgba(var(--shot),1);background:radial-gradient(circle at 50% 40%,rgba(var(--shot),.22),#00000059)}.parting-say{position:relative;padding:16px 22px;border-radius:16px;background:linear-gradient(#12141eeb,#0c0e16eb);border:1px solid rgba(var(--shot),.42);box-shadow:0 16px 40px #00000080;animation:shot-say .4s cubic-bezier(.2,.9,.2,1) .16s both}.parting-say:before,.parting-say:after{content:"";position:absolute;top:50%;width:0;height:0;border-style:solid;transform:translateY(-50%)}.parting-say:before{left:-13px;border-width:11px 13px 11px 0;border-color:transparent rgba(var(--shot),.42) transparent transparent}.parting-say:after{left:-11px;border-width:10px 12px 10px 0;border-color:transparent rgba(16,18,27,.95) transparent transparent}.parting-who{display:block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--shot),1);text-shadow:0 0 14px rgba(var(--shot),.5)}.parting-line{margin:6px 0 0;max-width:34ch;font-family:var(--font-display);font-size:clamp(16px,2.3vw,22px);font-weight:700;line-height:1.4;color:#f2f4fb}.parting-line:before{content:"“"}.parting-line:after{content:"”"}.parting-hint{position:absolute;bottom:clamp(18px,5vh,40px);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fff6;animation:shot-hint .5s ease 1.1s both}@keyframes shot-lean{0%{opacity:0;transform:translate(-46px) rotate(-8deg) scale(.86)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes shot-say{0%{opacity:0;transform:translate(-14px) scale(.94)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes shot-hint{0%{opacity:0}to{opacity:1}}@keyframes shot-exit{to{opacity:0}}@media(prefers-reduced-motion:reduce){.parting-face,.parting-say,.parting-hint,.parting-backdrop{animation-duration:.01s;animation-delay:0s}}@media(max-width:560px){.parting-stage{flex-direction:column;text-align:center;gap:14px}.parting-say:before,.parting-say:after{display:none}}.reveal-title{font-family:var(--font-display);font-size:28px;color:#f4f1ff}.reveal-sub{margin-top:-6px;font-size:14px;color:#c4b9f0;text-align:center}.pack-overlay{position:absolute;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;perspective:900px}.pack3d{--mx: .5;--my: .5;--rx: 0deg;--ry: 0deg;--tooth-w: 14px;--tooth-h: 7px;--strip-h: 48px;--pack-w: 300;--pack-h: 470;position:relative;z-index:1;width:calc(var(--pack-w) * 1px);height:calc(var(--pack-h) * 1px);transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .12s ease-out;cursor:pointer;filter:drop-shadow(0 22px 30px rgba(0,0,0,.55))}.pack3d.cutting{cursor:default;transition:transform .45s ease}.pack-body{position:absolute;inset:0;border-radius:0;overflow:hidden;box-shadow:inset 0 1px #ffffff40,inset 0 0 0 1px #ffffff14;transition:transform .55s cubic-bezier(.42,0,.9,1),opacity .5s ease;will-change:transform;--tooth-top: conic-gradient(from 135deg at 50% 0, #000 0 90deg, #0000 0) top / var(--tooth-w) var(--tooth-h) repeat-x;--tooth-bottom: conic-gradient(from 315deg at 50% 100%, #000 0 90deg, #0000 0) bottom / var(--tooth-w) var(--tooth-h) repeat-x;--tooth-fill: linear-gradient(#000 0 0) center / 100% calc(100% - 2 * var(--tooth-h)) no-repeat;-webkit-mask:var(--tooth-top),var(--tooth-bottom),var(--tooth-fill);mask:var(--tooth-top),var(--tooth-bottom),var(--tooth-fill)}.foil-base{position:absolute;inset:0;background-image:repeating-linear-gradient(114deg,#ffffff12 0 2px,#0000000d 2px 5px),linear-gradient(135deg,#ccbcff,#7d6cc4 20%,#362a72 46%,#5a4aa0 60%,#2a2160 78%,#b9a8f5)}.foil-glare{position:absolute;inset:-10%;background:linear-gradient(calc(var(--ry) * 3 + 115deg),transparent 34%,rgba(120,200,255,.28) 44%,rgba(255,175,240,.32) 50%,rgba(175,255,205,.28) 56%,transparent 66%);mix-blend-mode:screen;pointer-events:none}.foil-sheen{position:absolute;inset:0;background:radial-gradient(circle at calc(var(--mx) * 100%) calc(var(--my) * 100%),rgba(255,255,255,.6) 0%,rgba(255,255,255,.14) 16%,transparent 40%);mix-blend-mode:screen;pointer-events:none}.pack-face{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.55);transition:opacity .3s ease}.wrapper-glyph{font-size:82px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5))}.wrapper-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.pack-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72%;max-height:46%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 14px rgba(0,0,0,.55))}.pack-face.has-art{justify-content:flex-end;padding-bottom:18px}.pack-face.has-art .wrapper-hint{padding:5px 12px;border-radius:999px;background:#080a128c}.wrapper-name{font-family:var(--font-display);font-size:24px;color:#fff}.wrapper-hint{font-size:13px;color:#ffffffd1}.pack-cards-line{position:absolute;left:7%;right:7%;bottom:calc(var(--strip-h) + 11px);z-index:2;text-align:center;font-size:12px;font-weight:600;letter-spacing:.03em;line-height:1.25;color:#ffffffeb;text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 10px rgba(0,0,0,.75);pointer-events:none}.pack-cards-line:before{content:"";position:absolute;inset:-7px -16px;z-index:-1;background:radial-gradient(ellipse at center,rgba(6,8,14,.7) 0%,rgba(6,8,14,.52) 52%,transparent 78%)}.pack-top-strip,.pack-bottom-strip{position:absolute;left:0;right:0;height:var(--strip-h);z-index:3;background:repeating-linear-gradient(90deg,rgba(0,0,0,.2) 0 3px,transparent 3px 6px),linear-gradient(180deg,#ffffff3d,#00000029);box-shadow:inset 0 1px #ffffff59}.pack-top-strip{top:0;transition:transform .45s ease-out,opacity .4s ease;will-change:transform;--tooth-top: conic-gradient(from 135deg at 50% 0, #000 0 90deg, #0000 0) top / var(--tooth-w) var(--tooth-h) repeat-x;--tooth-fill: linear-gradient(#000 0 0) bottom / 100% calc(100% - var(--tooth-h)) no-repeat;-webkit-mask:var(--tooth-top),var(--tooth-fill);mask:var(--tooth-top),var(--tooth-fill)}.pack-bottom-strip{bottom:0;z-index:1}.pack-cutline{position:absolute;top:var(--strip-h);left:0;width:100%;height:3px;z-index:4;background:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent);box-shadow:0 0 16px 3px #ffffffe6;transform:scaleX(0);transform-origin:left center;opacity:0;pointer-events:none}.pack3d.cutting .pack-cutline{animation:cut-sweep .34s ease-out forwards}@keyframes cut-sweep{0%{transform:scaleX(0);opacity:0}25%{opacity:1}to{transform:scaleX(1);opacity:0}}.pack3d.cutting .pack-top-strip{transform:translateY(-64px) rotate(-3deg);opacity:0;transition-delay:.2s}.pack3d.cutting .pack-body{animation:pack-drop .55s cubic-bezier(.4,0,.9,1) .24s forwards}@keyframes pack-drop{0%{transform:translateY(0) rotate(0);opacity:1}70%{opacity:1}to{transform:translateY(155%) rotate(3deg);opacity:0}}.pack3d.cutting .pack-face{opacity:0;transition-delay:.2s}.reveal-inner{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px}.reveal-stage{position:relative;width:240px;min-height:440px;margin:0 auto;isolation:isolate}.rc .card{--card-w: 240px}.rc{position:absolute;top:50%;left:50%;z-index:var(--z, 1);opacity:var(--op, 1);perspective:1100px;transform:translate(calc(-50% + var(--tx, 0px)),calc(-50% + var(--ty, 0px))) rotate(var(--rot, 0deg)) scale(var(--scale, 1));transition:transform .42s cubic-bezier(.22,.61,.36,1),opacity .3s ease}.reveal-stage.sealed:not(.cutting) .rc{transform:translate(-50%,-50%) scale(.9);opacity:0}.reveal-stage.sealed.cutting .rc{transition:transform .5s ease .24s,opacity .4s ease .24s}.reveal-stage.has-bulk.sealed .rc,.reveal-stage.has-bulk.bulking .rc{transform:translate(-50%,-50%) scale(.9);opacity:0}.reveal-stage.has-bulk.bulking .rc{transition:transform .5s ease,opacity .4s ease}.bulk-deck{position:absolute;top:50%;left:50%;z-index:80;transform:translate(-50%,-50%);transition:transform .55s cubic-bezier(.22,.61,.36,1),opacity .4s ease}.reveal-stage.sealed:not(.cutting) .bulk-deck{transform:translate(-50%,-50%) scale(.9);opacity:0}.reveal-stage.sealed.cutting .bulk-deck{transition:transform .5s ease .24s,opacity .4s ease .24s}.bulk-deck.fanning{transform:translate(-50%,-50%) scale(.72)}.bulk-deck.stashed{transform:translate(calc(-50% - 196px),-50%) rotate(-5deg) scale(.5)}.bulk-stack{position:relative;width:240px;aspect-ratio:1325 / 2014;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}.bulk-layer{position:absolute;inset:0;transform-origin:50% 170%;transform:rotate(0);filter:brightness(calc(1 - var(--i) * .14));transition:transform .62s cubic-bezier(.22,.61,.36,1),filter .5s ease}.bulk-layer-inner{position:absolute;inset:0;transform:translate(calc(var(--i) * 7px),calc(var(--i) * -7px)) rotate(calc(var(--i) * 1.5deg));transition:transform .62s cubic-bezier(.22,.61,.36,1)}.bulk-stack.fanned .bulk-layer{transform:rotate(calc(var(--f) * 10deg));filter:brightness(1)}.bulk-stack.fanned .bulk-layer-inner{transform:none}.bulk-layer .card{--card-w: 240px}.bulk-label{position:absolute;left:50%;bottom:20px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 18px;border-radius:12px;background:#080a12bd;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 22px #00000073;transform:translate(-50%);white-space:nowrap;transition:transform .62s cubic-bezier(.22,.61,.36,1),opacity .25s ease}.bulk-deck.fanning .bulk-label{transform:translate(-50%,84px)}.bulk-deck.stashed .bulk-label{opacity:0}.bulk-name{font-family:var(--font-display);font-size:21px;color:#f4f1ff;text-shadow:0 2px 12px rgba(0,0,0,.6)}.bulk-count{font-size:13px;letter-spacing:.04em;color:#c4b9f0}.rc-flip{position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.75,.2,1)}.rc.up .rc-flip{transform:rotateY(180deg)}.rc-face{backface-visibility:hidden}.rc-face.rc-front{position:absolute;inset:0;transform:rotateY(180deg)}.rc-front .reveal-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%)}.rare-slot-tag{position:absolute;top:-22px;left:50%;transform:translate(-50%);z-index:3;font-family:var(--font-display);font-size:13px;letter-spacing:.06em;color:#ffdf8a;text-shadow:0 0 12px rgba(240,198,90,.7);white-space:nowrap}.boosted-tag{color:#fff3d6;text-shadow:0 0 14px rgba(255,160,90,.95),0 0 26px rgba(169,123,255,.6)}.rc.boosted-pull.up{box-shadow:0 0 34px #ffa85cd9,0 0 64px #a97bff80;border-radius:12px}.rc.rarity-glow-rare{box-shadow:0 0 26px #5a92e6b3;border-radius:12px}.rc.rarity-glow-legend{box-shadow:0 0 40px #e6b23cd9;border-radius:12px}.rc.epic.up.rarity-glow-legend{box-shadow:0 0 60px #ffc850f2}.epic-flash{position:fixed;inset:0;z-index:5;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(255,235,160,.9),rgba(255,200,90,.35) 35%,transparent 70%);animation:epic-flash-anim .9s ease-out forwards}@keyframes epic-flash-anim{0%{opacity:0}14%{opacity:1}to{opacity:0}}.reveal-hint{font-size:14px;color:#aab2c5;min-height:18px}.reveal-counter{color:#7c8398}.reveal-foot{display:flex;align-items:center;justify-content:center;min-height:44px}.reveal-skip{font-size:13px;color:#8a92a6;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:7px 14px}.reveal-skip:hover{color:#cfd4e2}.reveal-badge{font-size:11px;font-weight:800;letter-spacing:.05em;padding:3px 9px;border-radius:8px;white-space:nowrap;box-shadow:0 2px 8px #00000080}.reveal-badge.new{background:#2f9e5b;color:#fff}.reveal-badge.copy{background:#3a3f4d;color:#c3c9d6}.mon-stage{position:absolute;inset:0}.mon-plate{position:absolute;inset:calc((1 - var(--mon-plate)) / 2 * 100%);border-radius:calc(14px * var(--mon-plate));overflow:hidden;background:#241a2a;border:2px solid rgba(0,0,0,.35);box-shadow:0 10px 26px #0000008c}.mon-peeks{position:absolute;inset:0;transform:scale(var(--mon-plate))}.mon-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.mon-plate:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#06040a42,#06040a00 24%),linear-gradient(to top,#06040a57,#06040a00 30%),radial-gradient(ellipse 80% 64% at 50% 42%,#0000 46%,#06040a38)}.mon-cut{position:absolute;inset:0;border-radius:14px}.mon-stage:not(.pop) .mon-cut{overflow:hidden}.mon-sprite{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform-origin:var(--mon-origin);transform:translateY(calc(var(--mon-lift) * -1)) scale(var(--mon-scale));filter:drop-shadow(0 16px 20px rgba(0,0,0,.55)) drop-shadow(0 3px 6px rgba(0,0,0,.4))}.mon-stage:not(.pop) .mon-sprite{transform:scale(var(--mon-rest));filter:drop-shadow(0 10px 14px rgba(0,0,0,.5))}.store-wallet{display:flex;gap:10px;margin-right:12px}.store-wallet .wallet-chip{font-size:15px;font-weight:700;color:#eef2fb;padding:7px 12px;border-radius:10px;background:#141926b3;border:1px solid rgba(255,255,255,.1)}.pack-grid{display:flex;flex-wrap:wrap;justify-content:center;align-content:start;gap:32px;overflow-y:auto;padding:10px 2px 24px}.pack-card{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(280px,74vw);text-align:center}.pack-card.locked{opacity:.72}.pack-visual{position:relative;width:100%}.pack3d.pack-static{width:100%;height:auto;aspect-ratio:var(--pack-w) / var(--pack-h);cursor:default}.pack-card:not(.locked):hover .pack3d.pack-static{transform:translateY(-6px)}.pack-lock{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:2;font-size:13px;font-weight:700;color:#ffd9d9;background:#3c1418d9;padding:5px 12px;border-radius:8px}.pack-info{display:flex;flex-direction:column;gap:2px}.pack-name{font-family:var(--font-display);font-size:22px;color:#f2f0fb}.pack-count{font-size:12px;color:#99a0b3}.buy-btn{width:100%;font-family:var(--font-display);font-size:17px;padding:12px;border-radius:12px;border:1px solid rgba(160,145,245,.5);background:linear-gradient(150deg,#5f579bf2,#463e82f2);color:#fff;transition:transform .12s ease,filter .15s ease}.buy-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}.buy-btn:disabled{opacity:.5;cursor:not-allowed;background:#282e3ee6;border-color:#ffffff1f}.buy-note{text-align:center;font-size:12px;color:#e5a3a3}.store-screen .library-bar{animation:store-bar-in .5s cubic-bezier(.2,.7,.3,1) both}.store-screen .pack-card{animation:store-pack-in .62s cubic-bezier(.22,1.18,.36,1) both;animation-delay:calc(.14s + var(--i, 0) * .1s)}.store-screen .pack-visual:after{content:"";position:absolute;inset:0;z-index:3;border-radius:16px;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.28) 50%,transparent 62%);background-size:250% 100%;opacity:0;animation:store-pack-sheen .9s ease-out both;animation-delay:calc(.34s + var(--i, 0) * .1s)}@keyframes store-bar-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes store-pack-in{0%{opacity:0;transform:translateY(34px) scale(.9)}60%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes store-pack-sheen{0%{opacity:.9;background-position:150% 0}to{opacity:0;background-position:-80% 0}}@media(prefers-reduced-motion:reduce){.store-screen .library-bar,.store-screen .pack-card,.store-screen .pack-visual:after{animation:none}}.settings-list{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;width:min(760px,92vw);margin:22px auto 0}.setting-row{display:flex;align-items:flex-start;gap:20px;padding:18px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0c0e168c;transition:border-color .2s ease,background .2s ease}.setting-row.on{border-color:#7ee08a73;background:#1422188c}.setting-copy{flex:1;min-width:0}.setting-title{margin:0 0 6px;font-size:17px;font-weight:800;letter-spacing:.01em}.setting-blurb{margin:0;font-size:13.5px;line-height:1.5;color:#ffffffb8}.setting-note{margin:8px 0 0;font-size:12px;line-height:1.45;color:#ffffff6b}.setting-switch{flex:none;width:54px;height:30px;margin-top:2px;padding:3px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff12;cursor:pointer;transition:background .18s ease,border-color .18s ease}.setting-switch.on{background:#7ee08acc;border-color:#7ee08af2}.switch-knob{display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000073;transition:transform .18s ease}.setting-switch.on .switch-knob{transform:translate(24px)}.settings-foot{position:relative;z-index:1;width:min(760px,92vw);margin:16px auto 0;font-size:12px;color:#ffffff61}.splash{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#05070c;cursor:pointer}.splash.leaving{animation:splash-out .55s ease forwards}@keyframes splash-out{to{opacity:0}}.splash-bg{position:absolute;inset:0;background:url(/images/menu/bg_forest.webp) center 45% / cover no-repeat;animation:splash-bg-in 4.2s ease-out both}@keyframes splash-bg-in{0%{opacity:0;transform:scale(1.12)}30%{opacity:1}to{opacity:1;transform:scale(1)}}.splash-vignette{position:absolute;inset:0;background:radial-gradient(78% 68% at 50% 46%,#04060c24,#04060cd6),linear-gradient(180deg,#04060c80,#04060c2e 42%,#04060cb8)}.splash-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;padding:0 24px;text-align:center}.splash-logo{width:clamp(300px,52vw,620px);height:auto;display:block;filter:drop-shadow(0 6px 0 rgba(0,0,0,.45)) drop-shadow(0 0 46px rgba(255,196,92,.45));animation:splash-logo-in 1.15s cubic-bezier(.16,.84,.28,1) .25s both}@keyframes splash-logo-in{0%{opacity:0;transform:scale(1.18) translateY(10px);filter:drop-shadow(0 6px 0 rgba(0,0,0,.45)) drop-shadow(0 0 0 rgba(255,196,92,0)) blur(9px)}60%{opacity:1}to{opacity:1;transform:scale(1) translateY(0);filter:drop-shadow(0 6px 0 rgba(0,0,0,.45)) drop-shadow(0 0 46px rgba(255,196,92,.45)) blur(0)}}.splash-chapter{display:flex;align-items:center;gap:14px;margin:0;font-family:var(--font-display);font-size:clamp(14px,1.8vw,19px);font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:#f4e3c6;text-shadow:0 2px 16px rgba(0,0,0,.9);animation:splash-chapter-in .9s ease 1.05s both}.splash-rule{width:clamp(26px,7vw,74px);height:1px;background:linear-gradient(90deg,transparent,rgba(255,208,130,.85),transparent)}@keyframes splash-chapter-in{0%{opacity:0;transform:translateY(8px);letter-spacing:.52em}to{opacity:1;transform:translateY(0);letter-spacing:.34em}}.splash-skip{position:absolute;bottom:38px;left:50%;transform:translate(-50%);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:#f0e8dc8c;animation:splash-skip-in .8s ease 1.9s both}@keyframes splash-skip-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.splash-bg,.splash-logo,.splash-chapter,.splash-skip,.splash.leaving{animation-duration:.01ms;animation-delay:0s}}.welcome{position:fixed;inset:0;z-index:250;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#05070c;cursor:pointer;animation:welcome-in .5s ease both}@keyframes welcome-in{0%{opacity:0}}.welcome-bg{position:absolute;inset:0;background:url(/images/menu/bg_forest.webp) center 45% / cover no-repeat;transform:scale(1.04);animation:welcome-bg-drift 22s ease-out both}@keyframes welcome-bg-drift{to{transform:scale(1.14)}}.welcome-vignette{position:absolute;inset:0;background:radial-gradient(72% 62% at 50% 48%,#04060c80,#04060ceb),linear-gradient(180deg,#04060c9e,#04060c6b 45%,#04060cd1)}.welcome-inner{position:relative;width:min(620px,calc(100vw - 48px));display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:24px}.welcome-chapter{display:flex;align-items:center;gap:14px;margin:0;font-family:var(--font-display);font-size:clamp(11px,1.4vw,14px);font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:#f4e3c6;text-shadow:0 2px 16px rgba(0,0,0,.9)}.welcome-rule{width:clamp(24px,6vw,62px);height:1px;background:linear-gradient(90deg,transparent,rgba(255,208,130,.85),transparent)}.welcome-title{margin:-6px 0 0;font-family:var(--font-display);font-size:clamp(30px,5vw,46px);font-weight:700;color:#f7f2ff;text-shadow:0 3px 24px rgba(0,0,0,.85)}.welcome-lead{margin:0;max-width:30em;font-size:15px;line-height:1.65;color:#ccd3e4;text-shadow:0 2px 12px rgba(0,0,0,.8)}.welcome-gift{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 28px;width:min(420px,100%);border:1px solid rgba(240,198,90,.42);border-radius:16px;background:radial-gradient(120% 140% at 50% 0%,#f0c65a2e,#f0c65a00 70%),#0c0a069e;box-shadow:0 0 40px #f0c65a24,inset 0 1px #ffffff14}.welcome-gift-coin{font-size:30px;line-height:1;filter:drop-shadow(0 0 14px rgba(240,198,90,.55))}.welcome-gift-amount{font-family:var(--font-display);font-size:clamp(26px,4vw,34px);font-weight:700;color:#f0c65a;text-shadow:0 0 22px rgba(240,198,90,.4);font-variant-numeric:tabular-nums}.welcome-gift-why{max-width:26em;font-size:13px;line-height:1.55;color:#d8c9a2}.welcome-kit{margin:0;max-width:28em;font-size:14px;line-height:1.6;color:#b9c0d2}.welcome-foot{min-height:42px;display:flex;align-items:center}.welcome-foot button{padding:11px 26px;font-size:15px;font-weight:600}.welcome-step{animation:welcome-step-in .55s cubic-bezier(.16,.84,.28,1) both}@keyframes welcome-step-in{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){.welcome,.welcome-bg,.welcome-step{animation-duration:.01ms;animation-delay:0s}}.app{--slot-gap: clamp(8px, 1.1vw, 18px);--hand-card-w: clamp(72px, min(26vw, 24vh), 172px);--hand-h: calc(var(--hand-card-w) * 1.52 + 28px);--slot-fit: calc((100vw - 40px - 3 * var(--slot-gap)) / 4);--slot-cap-w: min(var(--slot-fit), max(15.5vw, 96px));--slot-w: clamp(56px, min(var(--slot-cap-w), calc((100vh - var(--hand-h) - 86px) / 3.04)), 200px);--hand-peek: 60px;display:flex;min-height:100vh;gap:16px;padding:16px;padding-bottom:calc(var(--hand-h) + 16px)}.board{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px}.scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.scene-bg{--field-art: url(/images/field_bg.webp);position:absolute;inset:0;background:linear-gradient(#06080e47,#06080e47),var(--field-art);background-size:cover;background-position:center 42%;background-repeat:no-repeat;transform:scale(var(--field-zoom, 1));transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}.app:has(.board.waiting:not(.mode-duel)){--field-zoom: 1.25}.app:has(.board.waiting.mode-duel){--field-zoom: 1.18}@media(min-height:900px){.app:has(.board.waiting.mode-duel){--field-zoom: 1.32}}.board.waiting .table{--field-drop: min(calc((var(--hand-h) - var(--hand-peek)) * .5), 11vh)}.board.waiting .ffa-table{--field-drop: min(calc((var(--hand-h) - var(--hand-peek)) * .18), 4vh)}.app[data-chapter=choir] .scene-bg{--field-art: url(/images/menu/bg_bones.webp)}.scene-wind{position:absolute;inset:0;width:100%;height:100%}.scene-vignette{position:absolute;inset:0;background:radial-gradient(118% 96% at 50% 40%,#0000 20%,#02040980 52%,#010205db 78%,#000103fa)}.player-bar{display:flex;align-items:center;gap:10px;width:100%;max-width:720px;padding:8px 14px;background:#0c0e1680;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);border-radius:12px}.player-name{font-weight:700;font-size:15px}.bar-avatar{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;font-family:var(--font-display);font-size:15px;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}.bar-avatar.own{background:linear-gradient(150deg,#e0932c,#8a4a12);box-shadow:inset 0 0 0 1px #ffc86a8c}.bar-avatar.foe{background:linear-gradient(150deg,#3f7fd0,#22315e);box-shadow:inset 0 0 0 1px #6fb8ff80}.player-bar.mini .bar-avatar{width:21px;height:21px;border-radius:7px;font-size:12px}.pill{font-size:12px;padding:3px 10px;border-radius:999px;background:#ffffff14;white-space:nowrap}.score-chip{display:inline-flex;align-items:baseline;flex-shrink:0;gap:4px;padding:3px 10px 4px 8px;border-radius:999px;line-height:1;color:#ffd76a;background:linear-gradient(180deg,#ffc64638,#ff98201a);border:1px solid rgba(255,205,100,.45);box-shadow:0 2px 14px #ffa82829,inset 0 1px #ffffff29}.score-star{font-size:12px;color:#ffc861}.score-count{font-family:var(--font-display);font-size:23px;font-weight:800;color:#ffe9ae;font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(255,190,60,.5);display:inline-block}.score-target{font-size:12px;font-weight:600;opacity:.62;margin-left:-2px}.score-divider{align-self:center;width:1px;height:15px;margin:0 2px;border-radius:1px;background:#ffcd6452}.score-count.gain{animation:score-gain .62s cubic-bezier(.2,1.5,.35,1)}@keyframes score-gain{0%{transform:scale(1)}30%{transform:scale(1.6);color:#fffdf3;text-shadow:0 0 26px rgba(255,214,110,.95)}to{transform:scale(1)}}.score-count.loss{animation:score-loss .62s ease-out}@keyframes score-loss{0%{transform:translateY(-6px) scale(1.3);color:#ff9a8f}to{transform:translateY(0) scale(1)}}.score-chip.match-point{animation:score-match-point 1.7s ease-in-out infinite}@keyframes score-match-point{0%,to{border-color:#ffcd6473;box-shadow:0 2px 14px #ffa82829,inset 0 1px #ffffff29}50%{border-color:#ffe296f2;box-shadow:0 0 22px #ffba3c8c,inset 0 1px #ffffff47}}.player-bar.mini .score-chip{gap:4px;padding:1px 8px 2px 6px}.player-bar.mini .score-star{font-size:10px}.player-bar.mini .score-count{font-size:17px}.player-bar.mini .score-target{font-size:10px}.player-bar.mini .score-divider{height:11px;margin:0 1px}.pill.smoke{background:#b4becd2e;color:#d7dee8;border:1px solid rgba(200,210,225,.25)}.pill.fog{background:#8ca0be29;color:#b9c6d8;border:1px solid rgba(160,180,210,.28)}.pill.frenzy{background:#ff6e282e;color:#ffb682;border:1px solid rgba(255,140,70,.45);font-weight:600}.pill.king{background:#9664dc2e;color:#d9c2ff;border:1px solid rgba(190,150,255,.45);font-weight:600}.pill.out{background:#c8464629;color:#e8a5a5;border:1px solid rgba(220,90,90,.4);font-weight:600}.pill.stall-warning{background:#f0b44629;color:#f2c96b;border:1px solid rgba(240,190,90,.4);font-weight:600;white-space:normal}.pill.stall-warning.danger{background:#e24a4a33;color:#ff9a9a;border-color:#e86060b3;animation:stall-warning-pulse 1s ease-in-out infinite}@keyframes stall-warning-pulse{0%,to{box-shadow:0 0 #e8606000}50%{box-shadow:0 0 0 3px #e8606059}}button.primary.forfeit-risk{background:#d24a4a;border-color:#e86060;animation:stall-warning-pulse 1s ease-in-out infinite}button.primary.forfeit-risk:hover:not(:disabled){background:#e05a5a}@media(prefers-reduced-motion:reduce){.pill.stall-warning.danger,button.primary.forfeit-risk{animation:none}}.player-bar.enemy-bar{width:auto;max-width:100%}.board>.player-bar.enemy-bar{position:fixed;top:16px;right:16px;width:auto;max-width:min(56vw,360px);z-index:90}.board>.seat-dock{position:fixed;right:16px;bottom:calc(var(--hand-h) + 16px);display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:min(76vw,720px);pointer-events:none;z-index:4}.seat-dock>*{pointer-events:auto}.seat-dock>.player-bar{width:auto;max-width:100%}.seat-dock>.banner{max-width:100%;padding:4px 12px;text-align:right;background:#0c0e1680;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);border-radius:999px}@media(max-width:900px),(max-height:800px){.board .seat-panel{padding:8px 10px;gap:5px 8px}.board>.seat-dock{right:12px;bottom:calc(var(--hand-h) + 12px);max-width:min(80vw,640px)}.board>.player-bar.enemy-bar{right:12px;max-width:min(56vw,320px)}.board .seat-panel{--twist-w: 66px}.board .seat-panel>.bar-avatar{width:44px;min-height:58px;font-size:22px}.board .seat-panel .card-stat{min-width:38px}.board .seat-panel .card-stat-value{font-size:17px}}.twist-slot{position:relative;flex:0 0 auto;width:34px;aspect-ratio:1325 / 2014;border-radius:8px;border:1.5px dashed rgba(150,214,160,.4);background:#78d6a00f;display:flex;align-items:center;justify-content:center;overflow:hidden}.twist-slot.filled{border-style:solid;border-color:#96d6a099;box-shadow:0 0 10px #78d6a04d}.twist-slot.readable{cursor:zoom-in}.twist-slot.readable:hover,.twist-slot.readable:focus-visible{border-color:#b4ebbee6;box-shadow:0 0 14px #78d6a080;outline:none}.twist-slot.inspected{outline:2px solid rgba(255,255,255,.55);outline-offset:1px}.twist-slot .fx-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.twist-slot .fx-rune{font-size:17px;color:#96d6a0b3}.twist-slot .fx-label{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:7px;letter-spacing:.05em;text-transform:uppercase;color:#ffffffb8;background:#00000080;padding:1px 0;pointer-events:none}.twist-slot.target{cursor:pointer;border-style:solid;border-color:#7ee08af2;background:#7ee08a2e;animation:slot-pulse 1.1s ease-in-out infinite alternate}.twist-slot.mini{width:26px;border:none;background:transparent;box-shadow:none}.twist-slot.mini .fx-label{display:none}.twist-slot.mini.readable:hover,.twist-slot.mini.readable:focus-visible{box-shadow:0 0 0 2px #b4ebbecc}.seat-panel{display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"twist face head" "twist face cards" "twist score score";align-items:center;gap:6px 10px;padding:10px 12px}.seat-panel:not(.enemy-bar){grid-template-areas:"twist face head" "twist face cards" "twist score score" "acts  acts  acts"}.seat-panel>.bar-avatar{grid-area:face;align-self:stretch;width:52px;height:auto;min-height:66px;border-radius:12px;font-size:26px}.seat-panel{--twist-w: 76px;transition:opacity .3s ease,filter .3s ease}.seat-panel.idle{opacity:.62;filter:grayscale(.6)}@media(prefers-reduced-motion:reduce){.seat-panel{transition:none}}.seat-panel>.twist-slot{grid-area:twist;align-self:center;justify-self:start;width:var(--twist-w);height:auto}.seat-panel>.player-name{grid-area:head;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-cards{grid-area:cards;display:flex;align-items:center;gap:10px;padding:3px 10px;border-radius:10px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff12}.card-stat{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:44px;line-height:1;border-radius:8px}.card-stat-label{font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;opacity:.55}.card-stat-value{font-family:var(--font-display);font-size:19px}.card-stat-split{width:1px;align-self:stretch;background:#ffffff1f}.panel-score{grid-area:score;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.bar-actions{display:flex;align-items:center;gap:10px}.seat-panel>.bar-actions{grid-area:acts;flex-direction:column;align-items:stretch;gap:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.seat-panel>.bar-actions>button{width:100%}.banner{font-size:13px;opacity:.8}.banner.your-turn{color:#7ee08a;opacity:1;font-weight:600}.turn-flash{position:fixed;top:42%;left:50%;z-index:45;display:flex;flex-direction:column;align-items:center;gap:3px;padding:11px 30px;border-radius:16px;pointer-events:none;text-align:center;background:#0c0e16b8;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 44px #0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:turn-flash-anim 1.7s ease forwards}.turn-flash-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#9aa2b8}.turn-flash-main{font-family:var(--font-display);font-size:27px;font-weight:700;line-height:1.1;color:#f4f1ff}.turn-flash.you{border-color:#7ee08a61}.turn-flash.you .turn-flash-main{color:#7ee08a;text-shadow:0 0 20px rgba(126,224,138,.45)}.turn-flash.foe{border-color:#ff825a57}.turn-flash.foe .turn-flash-main{color:#ff9d7a;text-shadow:0 0 20px rgba(255,130,90,.4)}@keyframes turn-flash-anim{0%{opacity:0;transform:translate(-50%,-50%) translateY(12px) scale(.9)}13%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translateY(-14px) scale(.98)}}button{padding:7px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:inherit;transition:background .15s}button:hover:not(:disabled){background:#ffffff29}button:disabled{opacity:.4;cursor:default}button.primary{background:#2f6feb;border-color:#2f6feb}button.primary:hover:not(:disabled){background:#4b84f0}.table{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;transform:translateY(var(--field-drop, 0px)) perspective(1200px) rotateX(22deg) scale(var(--field-zoom, 1));transform-origin:center bottom;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}.field-grid,.slot-labels{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,var(--slot-w));gap:var(--slot-gap);justify-content:center}.cell .card{--card-w: var(--slot-w)}.cell .empty-slot{width:var(--slot-w)}.field-grid.shrouded:after{content:"";position:absolute;inset:-16px -8px;z-index:3;pointer-events:none;border-radius:16px;background:radial-gradient(60% 90% at 25% 30%,rgba(214,221,231,.34),transparent 70%),radial-gradient(55% 85% at 78% 65%,rgba(198,206,219,.32),transparent 72%),linear-gradient(180deg,#bcc4d238,#96a0b229);background-size:160% 160%,150% 150%,100% 100%;animation:smoke-drift 7s ease-in-out infinite}@keyframes smoke-drift{0%{background-position:0% 30%,100% 60%,0 0;opacity:.85}50%{background-position:40% 55%,60% 40%,0 0;opacity:1}to{background-position:0% 30%,100% 60%,0 0;opacity:.85}}.field-grid.frenzied:before{content:"";position:absolute;inset:-14px -10px;z-index:-1;border-radius:18px;pointer-events:none;border:1px solid rgba(255,138,60,.5);background:radial-gradient(70% 120% at 20% 100%,rgba(255,96,32,.3),transparent 68%),radial-gradient(60% 110% at 78% 0%,rgba(255,168,48,.24),transparent 70%),linear-gradient(180deg,#ff5c1e1a,#781a082e);background-size:180% 180%,165% 165%,100% 100%;box-shadow:inset 0 0 40px #ff6c2447,0 0 26px #ff6e2838;animation:frenzy-heat 4.5s ease-in-out infinite}@keyframes frenzy-heat{0%,to{background-position:0% 100%,100% 0%,0 0;opacity:.85}50%{background-position:30% 70%,70% 25%,0 0;opacity:1}}.field-grid.mini.frenzied:before{display:none}.field-grid.mini.frenzied{border-color:#ff8c4680;background:linear-gradient(180deg,#ff5c1e1f,#781a0833);box-shadow:inset 0 0 22px #ff6c2438,0 0 16px #ff6e282e}.frenzy-burst{position:fixed;top:40%;left:50%;z-index:46;display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 34px;border-radius:18px;pointer-events:none;text-align:center;background:radial-gradient(120% 160% at 50% 120%,#781e08e0,#0c0e16d1 70%);border:1px solid rgba(255,140,60,.5);box-shadow:0 14px 50px #0009,0 0 44px #ff6e284d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:frenzy-burst-anim 2.6s ease forwards}.frenzy-burst-title{font-family:var(--font-display);font-size:30px;font-weight:700;line-height:1.1;letter-spacing:.05em;text-transform:uppercase;color:#ffb066;text-shadow:0 0 26px rgba(255,130,50,.7)}.frenzy-burst-sub{font-size:12.5px;max-width:36ch;color:#f0d5c2}.frenzy-burst.breach{background:radial-gradient(120% 160% at 50% 120%,#5a1014e6,#0c0e16d6 70%);border-color:#dc5a5a80;box-shadow:0 14px 50px #0009,0 0 44px #d23c3c47}.frenzy-burst.breach .frenzy-burst-title{color:#ff8f8f;text-shadow:0 0 26px rgba(230,70,70,.7)}.frenzy-burst.breach .frenzy-burst-sub{color:#f0cfcf}@keyframes frenzy-burst-anim{0%{opacity:0;transform:translate(-50%,-50%) scale(.86)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}20%{transform:translate(-50%,-50%) scale(1)}82%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translateY(-16px) scale(.98)}}.field-lanes{position:absolute;inset:-14px 0 -10px;z-index:0;display:grid;grid-template-columns:repeat(4,var(--slot-w));gap:var(--slot-gap);justify-content:center;pointer-events:none}.lane{--lane: 120, 130, 170;position:relative;overflow:hidden;border-radius:20px;border:3px solid rgba(var(--lane),.55);background:none}.lane.type-magic{--lane: 128, 118, 214}.lane.type-macabre{--lane: 208, 86, 92}.lane.type-mechanical{--lane: 78, 186, 208}.lane.type-monstrosity{--lane: 116, 196, 128}.lane-emblem{position:absolute;left:50%;bottom:calc(10px + var(--slot-w) * .76);width:19%;transform:translate(-50%,50%);opacity:.5;filter:drop-shadow(0 3px 8px rgba(0,0,0,.55));mix-blend-mode:screen}.lane.disrupted{border-color:#78849673;overflow:visible}.lane.disrupted:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;background:#16192099;pointer-events:none}.lane.disrupted .lane-emblem{opacity:.06;filter:grayscale(1) brightness(.7)}.lane.polluted{border-color:#96cd5aa6;box-shadow:inset 0 0 44px #60963473}.lane.polluted:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;background:radial-gradient(ellipse 70% 40% at 30% 22%,rgba(168,224,96,.34),transparent 62%),radial-gradient(ellipse 80% 45% at 72% 74%,rgba(122,190,72,.3),transparent 64%),linear-gradient(180deg,#1a2a1480,#101c0e9e);animation:toxic-drift 7s ease-in-out infinite alternate;pointer-events:none}.lane.polluted .lane-emblem{opacity:.07;filter:sepia(1) hue-rotate(48deg) saturate(2.4) brightness(.85)}@keyframes toxic-drift{0%{transform:translate3d(-2%,1.5%,0) scale(1.06);opacity:.86}to{transform:translate3d(2%,-1.5%,0) scale(1.12);opacity:1}}.field-grid .cell.polluted,.field-grid.mini .cell.polluted{filter:sepia(.45) hue-rotate(38deg) saturate(1.25) brightness(.72)}@media(prefers-reduced-motion:reduce){.lane.polluted:after{animation:none}}.electric-border{--eb-color: 130, 224, 255;--eb-light: 214, 245, 255;position:absolute;inset:0;z-index:4;border-radius:inherit;pointer-events:none}.electric-border .eb-canvas{position:absolute;inset:-38px;width:calc(100% + 76px);height:calc(100% + 76px)}.disrupt-burst{position:fixed;inset:0;z-index:150;pointer-events:none;background:radial-gradient(circle at 50% 42%,#aaebff8c,#5abeff33 38%,#0000 68%);animation:disrupt-burst .7s ease-out forwards}@keyframes disrupt-burst{0%{opacity:0}14%{opacity:1}to{opacity:0}}.toxic-burst{position:fixed;inset:0;z-index:150;pointer-events:none;background:radial-gradient(circle at 50% 46%,#b2e8688c,#70b63e3d 42%,#0000 72%);animation:toxic-burst 1.05s ease-out forwards}@keyframes toxic-burst{0%{opacity:0;transform:scale(1.08)}18%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.cleanse-burst{position:fixed;inset:0;z-index:150;pointer-events:none;background:radial-gradient(circle at 50% 42%,#fff8d6a6,#ffd88047 40%,#0000 70%);animation:cleanse-burst .85s ease-out forwards}@keyframes cleanse-burst{0%{opacity:0}18%{opacity:1}to{opacity:0}}.grave-layer{position:fixed;inset:0;z-index:151;pointer-events:none}.grave-inferno{position:absolute;inset:0;background:radial-gradient(ellipse 130% 90% at 50% 82%,#ffd6788c,#ff782880,#96200c80 52%,#1406049e 82%);mix-blend-mode:screen;animation:grave-inferno 1.5s ease-out forwards}@keyframes grave-inferno{0%{opacity:0;transform:scaleY(.7);transform-origin:50% 100%}20%{opacity:1}55%{opacity:.85}to{opacity:0;transform:scaleY(1.05)}}.grave-tomb{position:fixed;transform-origin:50% 62%;animation:grave-lift 1s ease-in forwards;animation-delay:calc(var(--i) * 45ms);will-change:transform}@keyframes grave-lift{0%{transform:translateY(0) scale(1) rotate(0)}35%{transform:translateY(-5px) scale(1.03) rotate(calc(var(--spin) * .3))}to{transform:translateY(-30px) scale(.82) rotate(var(--spin))}}.grave-card{animation:grave-char 1s ease-in forwards;animation-delay:calc(var(--i) * 45ms);will-change:filter,opacity}.grave-card .card,.grave-card .card-frame{box-shadow:0 10px 24px #0009}@keyframes grave-char{0%{filter:brightness(1) saturate(1);opacity:1}12%{filter:brightness(1.7) saturate(1.5) sepia(.4) drop-shadow(0 0 14px rgba(255,150,40,.95));opacity:1}45%{filter:brightness(.7) sepia(.9) hue-rotate(-18deg) saturate(2);opacity:1}78%{filter:brightness(.28) sepia(1) saturate(1.4);opacity:.85}to{filter:brightness(.06) grayscale(.7);opacity:0}}.grave-flames{position:absolute;inset:-12% -8% -4%;border-radius:16px;pointer-events:none;background:radial-gradient(ellipse 60% 45% at 30% 92%,rgba(255,236,150,.95) 0%,rgba(255,150,40,.6) 40%,transparent 72%),radial-gradient(ellipse 55% 55% at 70% 96%,rgba(255,210,90,.9) 0%,rgba(255,96,24,.55) 42%,transparent 74%),radial-gradient(ellipse 90% 70% at 50% 100%,rgba(255,120,30,.8) 0%,rgba(190,40,12,.4) 52%,transparent 82%);mix-blend-mode:screen;opacity:0;animation:grave-flames 1s ease-out forwards;animation-delay:calc(var(--i) * 45ms)}@keyframes grave-flames{0%{opacity:0;transform:translateY(6%) scaleY(.6)}16%{opacity:1;transform:translateY(0) scaleY(1.12)}40%{opacity:.95;transform:translateY(-3%) scaleY(.98)}70%{opacity:.5;transform:translateY(-8%) scaleY(1.06)}to{opacity:0;transform:translateY(-16%) scaleY(.8)}}.grave-embers{position:absolute;inset:0;pointer-events:none}.grave-embers i{position:absolute;left:var(--ex);bottom:14%;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#fff2c0,#ff9a2e 45%,#ff501400 72%);opacity:0;animation:grave-ember .95s ease-out forwards;animation-delay:calc(var(--i) * 45ms + var(--edelay))}@keyframes grave-ember{0%{opacity:0;transform:translate(0) scale(1)}20%{opacity:1}to{opacity:0;transform:translate(var(--edx),-120px) scale(.3)}}@media(prefers-reduced-motion:reduce){.grave-tomb,.grave-card,.grave-flames,.grave-embers i,.grave-inferno{animation-duration:.45s;animation-delay:0s}}.trick-cast{position:fixed;inset:0;z-index:205;display:grid;place-items:center;overflow:hidden;animation:cast-exit .32s ease 1.43s both}.trick-cast-backdrop{position:absolute;inset:0;background:#06080e9e;backdrop-filter:blur(8px) saturate(.85);-webkit-backdrop-filter:blur(8px) saturate(.85);animation:backdrop-in .34s ease both}.trick-cast-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 16px;text-align:center}.trick-cast-who{display:flex;flex-direction:column;gap:2px;animation:cast-rise .42s cubic-bezier(.2,.9,.2,1) both}.trick-cast-name{font-size:clamp(20px,3.4vw,30px);font-weight:800;letter-spacing:.01em;color:var(--cast-accent);text-shadow:0 0 18px color-mix(in srgb,var(--cast-accent) 55%,transparent)}.trick-cast-verb{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#ffffff9e}.trick-cast-card{position:relative;display:grid;place-items:center;animation:cast-pop .5s cubic-bezier(.18,1.1,.3,1) both}.trick-cast-card .card{--card-w: clamp(180px, 26vw, 250px);box-shadow:0 18px 48px #0000008c,0 0 34px color-mix(in srgb,var(--cast-accent) 45%,transparent)}.cast-ring{position:absolute;width:118%;aspect-ratio:1;border-radius:50%;border:2px solid color-mix(in srgb,var(--cast-accent) 70%,transparent);opacity:0;animation:cast-ring 1.5s ease-out .2s infinite;pointer-events:none}.cast-ring.ring-2{animation-delay:.75s}.cast-flare{position:absolute;width:150%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cast-accent) 40%,transparent),#0000 62%);animation:cast-flare 1.6s ease-out both;pointer-events:none}.trick-cast-title{font-size:clamp(18px,2.6vw,24px);font-weight:800;color:#fff;animation:cast-rise .46s cubic-bezier(.2,.9,.2,1) .06s both}.trick-cast-text{margin:0;max-width:34ch;font-size:13.5px;line-height:1.5;color:#e9eefae6;animation:cast-rise .5s cubic-bezier(.2,.9,.2,1) .12s both}@keyframes cast-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cast-pop{0%{opacity:0;transform:scale(.82) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cast-ring{0%{opacity:.9;transform:scale(.72)}to{opacity:0;transform:scale(1.35)}}@keyframes cast-flare{0%{opacity:0;transform:scale(.6)}22%{opacity:1}to{opacity:.35;transform:scale(1)}}@keyframes cast-exit{to{opacity:0;transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.trick-cast,.trick-cast-who,.trick-cast-card,.trick-cast-title,.trick-cast-text,.cast-ring,.cast-flare{animation-duration:1ms}.cast-ring{display:none}}.slot-labels{margin:-4px 0}.slot-label{text-align:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 6px rgba(0,0,0,.6)}.slot-label.type-magic{color:#a79ee8}.slot-label.type-macabre{color:#e58388}.slot-label.type-mechanical{color:#5ec2d6}.slot-label.type-monstrosity{color:#8ccf94}.cell{display:flex;justify-content:center;transition:opacity .18s ease,transform .18s ease;position:relative}.slot-ground{position:absolute;top:-9px;left:50%;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:3px;padding:3px 6px;border-radius:999px;background:#0a080eb8;border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.slot-ground.compact{top:-6px;gap:2px;padding:2px 4px}.ground-pip{width:7px;height:7px;border-radius:2px;background:#d6b478f2;box-shadow:0 0 5px #d6b47880}.slot-ground.compact .ground-pip{width:5px;height:5px}.ground-pip.gone{background:#ffffff1a;box-shadow:none}.slot-ground.collapsed{background:#460c0cd9;border-color:#ff5a468c;gap:5px}.ground-broken{font-size:11px;line-height:1;color:#ff7a60f2}.ground-label{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#ffa08ce6}.cell:has(.slot-ground.collapsed) .empty-slot{border-color:#ff5a4659;border-style:solid;background:repeating-linear-gradient(-45deg,#ff503c17 0 6px,#0000 6px 12px)}.cell.dimmed{opacity:.16}.cell.attackable{cursor:crosshair}.cell.spent .card{filter:saturate(.45) brightness(.72);transform:translateY(2px);transition:filter .25s ease,transform .25s ease}.cell.targeted{transform:scale(1.2) translateY(-12px);z-index:20}.cell.targeted .card{filter:drop-shadow(0 0 9px rgba(255,80,55,.95)) drop-shadow(0 0 3px rgba(255,150,100,.9)) drop-shadow(0 10px 10px rgba(0,0,0,.55))}.cell.stealable{transform:scale(1.1);z-index:6;cursor:pointer}.cell.stealable .card{filter:drop-shadow(0 0 10px rgba(198,96,255,.95)) drop-shadow(0 0 3px rgba(150,60,230,.9))}.cell.pocketable{transform:scale(1.1);z-index:6;cursor:pointer}.cell.pocketable .card{filter:drop-shadow(0 0 10px rgba(255,168,76,.95)) drop-shadow(0 0 3px rgba(232,110,30,.9))}.cell.droppable{cursor:pointer;border-radius:16px;outline:2px dashed rgba(255,190,120,.9);outline-offset:3px;animation:pocket-pulse 1.1s ease-in-out infinite}@keyframes pocket-pulse{0%,to{outline-color:#ffbe7866}50%{outline-color:#ffbe78}}@media(prefers-reduced-motion:reduce){.cell.droppable{animation:none;outline-color:#ffbe78e6}}.empty-slot{width:148px;aspect-ratio:1325 / 2014;border:1.5px dashed rgba(255,255,255,.1);border-radius:14px}.empty-slot.highlight{border:2.5px dashed rgba(126,224,138,.95);background:#7ee08a29;cursor:pointer;animation:slot-pulse 1.1s ease-in-out infinite alternate}@keyframes slot-pulse{0%{box-shadow:0 0 0 2px #7ee08a4d,0 0 14px #7ee08a59,inset 0 0 16px #7ee08a24}to{box-shadow:0 0 0 2px #7ee08a8c,0 0 30px #7ee08ab3,inset 0 0 26px #7ee08a3d}}.currency-icon{height:1.15em;width:auto;flex:none;vertical-align:-.22em}.card{--card-w: 148px;--card-r: 14px;--overlay-r: calc(var(--card-r) - 2px);position:relative;width:var(--card-w);aspect-ratio:1325 / 2014;border-radius:var(--card-r);overflow:hidden;background:#241a2a;border:2px solid rgba(0,0,0,.35);box-shadow:0 6px 16px #0006;-webkit-user-select:none;user-select:none;font-family:var(--font-display);color:#fff;transition:transform .12s,border-color .12s,box-shadow .12s}.card.small{--card-w: 112px;--card-r: 11px}.card-bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;display:block}.card:after{content:"";position:absolute;left:0;right:0;z-index:1;pointer-events:none;bottom:0;height:48%;background:linear-gradient(0deg,#000000bf,#0000)}.card-back:after{content:none}.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-4px);box-shadow:0 10px 22px #00000080}.card.selected{border-color:#ffd76a;box-shadow:0 0 0 2px #ffd76a80,0 0 16px #ffd76a73;transform:translateY(-6px)}.card.highlight-play{border-color:#7ee08a;box-shadow:0 0 0 2px #7ee08a73,0 0 14px #7ee08a66}.card.highlight-attack{border-color:#f4574d;cursor:crosshair;animation:pulse 1s infinite alternate}@keyframes pulse{0%{box-shadow:0 0 8px #f4574d66}to{box-shadow:0 0 20px #f4574dbf}}.card.effect-card{border:2px solid rgba(140,228,255,.95);outline:2px solid rgba(90,200,255,.35);outline-offset:-6px;box-shadow:0 0 0 1px #5ac8ff66,0 0 18px #50c8ff73,0 6px 16px #00000073}.effect-pulse{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 16px 1px #78dcff99;animation:effect-glow 1.6s ease-in-out infinite alternate;will-change:opacity}@keyframes effect-glow{0%{opacity:.25}to{opacity:1}}@media(prefers-reduced-motion:reduce){.effect-pulse{animation:none;opacity:.6}}.card.shiny{border-color:#ffd76a;box-shadow:0 0 0 1px #ffd76a80,0 6px 16px #00000073}.card.boosted{--boost-a: #ffcf5c;--boost-b: #ff7a4d;--boost-gold: #ffc742;--boost-tint-color: var(--boost-a);--boost-tint-amount: .42;isolation:isolate;border-color:var(--boost-a);box-shadow:0 0 0 1px #ffcf5c8c,0 0 18px #ff8a4d59,0 6px 18px #00000080}.card.boosted.boost-health{--boost-a: #7ce0ff;--boost-b: #a97bff;box-shadow:0 0 0 1px #7ce0ff8c,0 0 18px #a97bff59,0 6px 18px #00000080}.boost-tint{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:var(--overlay-r);background:var(--boost-tint-color);mix-blend-mode:color;opacity:var(--boost-tint-amount)}.boost-foil{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:var(--overlay-r);background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--boost-a) 55%,transparent) 44%,rgba(255,255,255,.42) 50%,color-mix(in srgb,var(--boost-b) 55%,transparent) 56%,transparent 70%);background-size:260% 260%;mix-blend-mode:screen;animation:boost-sweep 4.2s ease-in-out infinite}@keyframes boost-sweep{0%,to{background-position:120% 0%}50%{background-position:-20% 100%}}@media(prefers-reduced-motion:reduce){.boost-foil{animation:none;background-position:50% 50%}}.boost-chip{margin-left:.32em;font-size:.86em;line-height:1;white-space:nowrap;color:var(--boost-gold);text-shadow:0 1px 3px rgba(0,0,0,.75),0 0 7px rgba(255,199,66,.55)}.card-shine{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(125deg,#fff0 42%,#ffffff59,#fff0 58%),linear-gradient(125deg,#78dcff29,#ff78dc21,#ffdc7829);mix-blend-mode:screen}.card-gloss{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;opacity:0;background:linear-gradient(118deg,#fff3,#ffffff17 26%,#fff0 46%);box-shadow:inset 0 1px #ffffff38}.cell .card-gloss,.card-flight .card-gloss{opacity:1}.card{--mx: .5;--my: .5;--pfc: 0;--holo-o: .4;--rot-x: 0deg;--rot-y: 0deg;--holo-bg-x: calc(37% + var(--mx) * 26%);--holo-bg-y: calc(33% + var(--my) * 34%);--holo-mask: radial-gradient(ellipse 62% 58% at 50% 45%, #000 0 36%, #fff 84%)}.card.card-fx{isolation:isolate}.card.holo-tilt{transform:perspective(700px) rotateX(var(--rot-x)) rotateY(var(--rot-y));transition:box-shadow .2s ease-out;will-change:transform}.holo-foil,.holo-glare{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:var(--overlay-r);clip-path:inset(0 round var(--overlay-r));opacity:var(--holo-o)}.holo-foil{background-image:repeating-linear-gradient(-22deg,#af67cbbf 5%,#e44e49bf,#d7c537bf,#7ec940bf,#4fb0a9bf,#8aa1ffbf,#b16bccbf 35%);background-size:300% 400%;background-position:var(--holo-bg-x) var(--holo-bg-y);filter:brightness(calc(var(--pfc) * .3 + .5)) contrast(2.3) saturate(1);mix-blend-mode:color-dodge;-webkit-mask-image:var(--holo-mask);mask-image:var(--holo-mask);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:luminance}.holo-foil:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(farthest-corner ellipse at calc(var(--mx) * 50% + 25%) calc(var(--my) * 50% + 25%),#fff 5%,#38003899 40%,#383838 120%);background-size:400% 500%;background-position:center;filter:brightness(calc(var(--pfc) * .2 + .4)) contrast(.85) saturate(1.1);mix-blend-mode:hard-light}.holo-glare{z-index:2;background:radial-gradient(farthest-corner circle at calc(var(--mx) * 100%) calc(var(--my) * 100%),#fff 10%,#fff9,#4f6363 60%);mix-blend-mode:soft-light;opacity:calc(var(--holo-o) * .9)}.card.card-fx:not(.holo) .holo-glare{background:radial-gradient(farthest-corner circle at calc(var(--mx) * 100%) calc(var(--my) * 100%),#fff9 8%,#ffffff40 30%,#fff0 62%);mix-blend-mode:soft-light;opacity:var(--holo-o)}.card.holo-rare{box-shadow:0 0 0 1px #78b4ff99,0 0 22px #5a92e673,0 6px 16px #00000073}.card.holo-legend{box-shadow:0 0 0 1px #ffd778b3,0 0 26px #e6b23c80,0 6px 16px #00000073}.card-frame{position:relative;display:inline-flex}.cell .card-frame{display:flex;width:var(--slot-w)}.upgrade-peek{position:absolute;inset:auto 0 0;pointer-events:none;transform-origin:bottom center;transform:translateY(calc((var(--i) + 1) * 16%)) scale(.96);filter:brightness(.92) saturate(1)}.upgrade-peek .card{border-top-color:#ffffff47;box-shadow:0 6px 16px #0009}.card-frame.tucking>.card{animation:host-lift .2s cubic-bezier(.33,0,.2,1) forwards}.card-frame.tucked>.card{animation:host-settle .36s cubic-bezier(.3,.7,.3,1.1) forwards}@keyframes host-lift{0%{transform:translateY(0) scale(1)}to{transform:translateY(-15px) scale(1.03);box-shadow:0 18px 30px #0009}}@keyframes host-settle{0%{transform:translateY(-15px) scale(1.03);box-shadow:0 18px 30px #0009}62%{transform:translateY(0) scale(1)}78%{transform:translateY(1px) scale(1.008,.982)}to{transform:translateY(0) scale(1)}}.upgrade-peek.tuck-wait{opacity:0}.upgrade-peek.tuck-in{animation:tuck-slide .36s cubic-bezier(.15,.55,.3,1) both}@keyframes tuck-slide{0%{transform:translateY(100%) scale(1);filter:brightness(1)}to{transform:translateY(calc((var(--i) + 1) * 16%)) scale(.96);filter:brightness(.92)}}@media(prefers-reduced-motion:reduce){.card-frame.tucking>.card,.card-frame.tucked>.card,.upgrade-peek.tuck-in{animation-duration:1ms}}.card-fire{position:absolute;inset:-18% -12% -6%;z-index:0;pointer-events:none;overflow:visible;filter:blur(1.4px)}.card-fire .ember{position:absolute;bottom:0;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ff6a12 18%,#ff540000 68%);mix-blend-mode:screen;opacity:0;animation-name:ember-rise;animation-timing-function:ease-in;animation-iteration-count:infinite;will-change:transform,opacity}@keyframes ember-rise{0%{opacity:0;transform:translateY(0) scale(1)}22%{opacity:.95}to{opacity:0;transform:translateY(-340%) scale(.2)}}.card-frame.fiery-attack>.card{position:relative;z-index:1;border-color:#ff8c32d9;box-shadow:0 0 16px #ff601466,0 6px 16px #00000080}.card-sparkle{position:absolute;inset:-10%;z-index:2;pointer-events:none;overflow:visible}.card-sparkle .sparkle{position:absolute;aspect-ratio:1;background:radial-gradient(circle,#fff,#ffc4ee 40%,#ff8ce100 70%);clip-path:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0% 50%,40% 40%);mix-blend-mode:screen;opacity:0;filter:drop-shadow(0 0 3px rgba(255,150,230,.85));animation-name:sparkle-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:transform,opacity}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:translateY(8%) scale(0) rotate(0)}30%{opacity:1;transform:translateY(0) scale(1) rotate(35deg)}65%{opacity:.7;transform:translateY(-14%) scale(.75) rotate(80deg)}}.card-frame.health-glow>.card{position:relative;z-index:1;border-color:#ff9be4d9;animation:health-pulse 2.2s ease-in-out infinite alternate}@keyframes health-pulse{0%{box-shadow:0 0 14px #ff78d280,inset 0 0 8px #ff96e159,0 6px 16px #00000080}to{box-shadow:0 0 30px #ffa0ebd9,inset 0 0 13px #ffaaeb80,0 6px 16px #00000080}}.card-header{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;gap:6px;padding:7px 8px}.card-id{min-width:0}.card-name{font-size:12.5px;font-weight:800;line-height:1.03;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-rarity{display:flex;align-items:center;gap:4px;margin-top:2px}.rarity-label{font-size:7px;font-weight:700;opacity:.92}.rarity-dots{display:flex;gap:2.5px}.rarity-dots i{width:4px;height:4px;border-radius:50%;background:#fff}.rarity-dots i.empty{background:transparent;box-shadow:inset 0 0 0 1px #ffffffe6}.card-types{display:flex;align-items:center;flex-shrink:0;padding-top:1px}.card-types img{width:27px;height:27px;display:block}.card-types img+img{margin-left:-9px}.card-footer{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:5px;padding:0 8px 8px}.card-stats{display:flex;gap:7px;justify-content:center}.stat-chip{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;height:30px;border-radius:9px;background:#00000047;font-size:16px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.55)}.stat-chip img{width:16px;height:16px;display:block}.stat-chip em{font-style:normal;font-size:10px;font-weight:700;color:inherit;margin-left:1px}.card.boosted.boost-attack .stat-chip.attack:not(.buffed):not(.wounded),.card.boosted.boost-health .stat-chip.health:not(.buffed):not(.wounded):not(.hidden){color:var(--boost-gold);text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 8px rgba(255,199,66,.45)}.stat-chip.buffed{color:#7ee08a;animation:chip-pulse 3s ease-in-out infinite}@keyframes chip-pulse{0%,to{text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 2px rgba(126,224,138,.25)}50%{text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 9px rgba(126,224,138,.7)}}.stat-chip.wounded{color:#ff8a8a;animation:chip-wound 3s ease-in-out infinite}@keyframes chip-wound{0%,to{text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 2px rgba(255,138,138,.25)}50%{text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 9px rgba(255,138,138,.7)}}.stat-chip.health.hidden{color:#9aa9bd;animation:chip-fog 3.4s ease-in-out infinite}.stat-chip.health.hidden img{opacity:.5}@keyframes chip-fog{0%,to{opacity:.72}50%{opacity:1}}.card-serial{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:1px;margin-bottom:-5px;font-size:5.5px;font-weight:600;letter-spacing:.04em;color:#ffffff8c;text-shadow:0 1px 2px rgba(0,0,0,.85)}.card-serial-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-serial-logo{flex:none;height:6px;width:auto;opacity:.55;display:block}.card-effect{font-size:7.8px;line-height:1.25;font-weight:500;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-marker{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none}.card.face-down .card-bg{opacity:.5;filter:saturate(.75)}.card.face-down .card-header,.card.face-down .card-footer{opacity:.85}.card.face-down .card-gloss{opacity:.3}.facedown-marker svg{width:26%;height:auto;filter:drop-shadow(0 2px 5px rgba(0,0,0,.85))}.facedown-marker .eye-line{stroke:#f2eefc;stroke-width:1.6;opacity:.95}.facedown-marker .eye-cut{stroke:#241a2a;stroke-width:4.2}.attack-marker{font-size:42px;color:#ff5b50;filter:drop-shadow(0 2px 6px rgba(0,0,0,.85))}.card.petrified .card-bg{filter:grayscale(.9) brightness(.8) contrast(1.05)}.card.petrified{box-shadow:0 0 0 2px #9ea0a899,0 6px 16px #00000080}.petrified-marker{inset:auto 6px 6px auto;font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.85))}.card.small .petrified-marker{font-size:17px;inset:auto 4px 4px auto}.hardened-marker{inset:6px auto auto 6px;font-size:20px;color:#ffd08a;filter:drop-shadow(0 2px 4px rgba(0,0,0,.85))}.card.small .hardened-marker{font-size:14px;inset:4px auto auto 4px}.card.burning .card-bg{filter:brightness(1.04) saturate(1.12) sepia(.12) hue-rotate(-12deg)}.card.burning{box-shadow:0 0 0 2px #ff7a2ea6,0 0 14px #ff602066,0 6px 16px #00000080}.burning-marker{inset:auto auto 6px 6px;font-size:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.85));animation:ember-flicker 1.1s ease-in-out infinite;transform-origin:bottom center}.card.small .burning-marker{font-size:16px;inset:auto auto 4px 4px}@keyframes ember-flicker{0%,to{opacity:.95;transform:scale(1) rotate(-2deg)}50%{opacity:1;transform:scale(1.08) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.burning-marker{animation:none}}.rusted-marker{inset:6px auto auto 6px;font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.85)) hue-rotate(-25deg) saturate(1.4)}.card.small .rusted-marker{font-size:15px;inset:4px auto auto 4px}.card.small .card-header{padding:5px 6px}.card.small .card-name{font-size:10px}.card.small .rarity-label{display:none}.card.small .card-rarity{margin-top:2px}.card.small .rarity-dots i{width:3.5px;height:3.5px}.card.small .rarity-dots{gap:2px}.card.small .card-types img{width:20px;height:20px}.card.small .card-types img+img{margin-left:-7px}.card.small .card-footer{padding:0 6px 6px;gap:3px}.card.small .card-stats{gap:5px}.card.small .stat-chip{height:23px;border-radius:7px;font-size:12.5px;gap:4px}.card.small .stat-chip img{width:12px;height:12px}.card.small .card-effect,.card.small .card-serial{display:none}.card-back{border-color:#a08cff4d}.hand{position:fixed;bottom:0;left:16px;right:16px;height:var(--hand-h);display:flex;justify-content:center;align-items:flex-end;padding-bottom:24px;pointer-events:none;z-index:5;transition:transform .45s cubic-bezier(.4,0,.2,1)}.board.waiting .hand{transform:translateY(calc(var(--hand-h) - var(--hand-peek)))}.hand:before{content:"";position:absolute;inset:auto -40px -40px;height:150%;background:linear-gradient(0deg,#00000061,#0000);pointer-events:none;z-index:-1}.hand-card .card{--card-w: var(--hand-card-w)}.hand-card .card.small .card-name{font-size:13px}.hand-card .card.small .stat-chip{height:31px;font-size:16px;border-radius:9px}.hand-card .card.small .stat-chip img{width:16px;height:16px}.hand-card .card.small .card-types img{width:27px;height:27px}.hand-card{--rot: calc(var(--offset) * 3.6deg);--dip: calc(var(--abs) * var(--abs) * 2.5px);position:relative;margin:0 calc(var(--hand-card-w) * -.105);z-index:var(--z);transform-origin:bottom center;transform:rotate(var(--rot)) translateY(var(--dip));transition:transform .2s cubic-bezier(.2,.7,.3,1),margin .2s ease;pointer-events:auto}.hand-card:hover,.hand-card.selected{transform:translateY(-34px) rotate(0) scale(1.08);z-index:50}.hand-card.rallied:not(:hover):not(.selected){transform:rotate(var(--rot)) translateY(calc(var(--dip) - 13px)) scale(1.055);z-index:40}.hand-card.rallied:not(:hover):not(.selected) .card{box-shadow:0 6px 16px #0006,0 0 0 2px #c6e2a0bf,0 0 18px #b0d68066;transition:box-shadow .2s ease}.hand-card .card.clickable:hover,.hand-card .card.selected{transform:none}@keyframes hand-card-warn-shake{0%,62%,to{transform:translate(0) rotate(0)}68%{transform:translate(-2px) rotate(-2.6deg)}74%{transform:translate(2px) rotate(2.6deg)}80%{transform:translate(-2px) rotate(-2deg)}86%{transform:translate(1px) rotate(1.4deg)}93%{transform:translate(-1px) rotate(-.7deg)}}.hand-card.will-discard .card{animation:hand-card-warn-shake 1.6s ease-in-out infinite;box-shadow:0 6px 16px #0006,0 0 0 2px #e86060d9,0 0 20px #e24a4a80}@media(prefers-reduced-motion:reduce){.hand-card.will-discard .card{animation:none}}@keyframes hand-card-deal{0%{transform:translateY(96px) scale(.5) rotate(-9deg);opacity:0}30%{opacity:1}72%{transform:translateY(-20px) scale(1.13) rotate(2deg);opacity:1}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}@keyframes hand-card-deal-glow{0%{box-shadow:0 6px 16px #0006,0 0 #ffd67800}55%{box-shadow:0 10px 26px #00000080,0 0 0 4px #ffd878,0 0 46px 10px #ffbc54d9}to{box-shadow:0 6px 16px #0006,0 0 #ffd67800}}.hand-card.just-drawn{z-index:45}.hand-card.just-drawn .card{transform-origin:bottom center;animation:hand-card-deal .72s cubic-bezier(.26,.72,.36,1) both,hand-card-deal-glow 1.05s ease-out both;animation-delay:calc(.04s + var(--deal-i, 0) * .13s),calc(.04s + var(--deal-i, 0) * .13s);will-change:transform,box-shadow}@media(prefers-reduced-motion:reduce){@keyframes hand-card-deal{0%{opacity:0}to{opacity:1}}.hand-card.just-drawn .card{animation:hand-card-deal .4s ease-out both;animation-delay:calc(.04s + var(--deal-i, 0) * .1s)}}@keyframes deck-pill-feed{0%{transform:scale(1)}30%{transform:scale(1.16);background:#ffcd6e47;color:#ffe3a3}to{transform:scale(1)}}.player-bar .card-stat.dealing{animation:deck-pill-feed .55s ease-out}@media(prefers-reduced-motion:reduce){.player-bar .card-stat.dealing{animation:none}}.card-preview{position:fixed;left:28px;top:46%;transform:translateY(-50%);z-index:95;pointer-events:none;filter:drop-shadow(0 22px 44px rgba(0,0,0,.6));animation:preview-in .16s ease-out}.card-preview>*{transform:scale(1.9);transform-origin:left center}@keyframes preview-in{0%{opacity:0;transform:translateY(-50%) translate(-14px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.card-flight{position:fixed;z-index:100;pointer-events:none;transform-origin:center center;filter:drop-shadow(0 18px 34px rgba(0,0,0,.55));animation:card-fly .52s cubic-bezier(.33,0,.2,1) forwards}.card-flight.tuck{animation-name:card-fly-under;animation-duration:.44s;animation-timing-function:cubic-bezier(.34,0,.5,.86)}.card-boot{position:fixed;z-index:120;pointer-events:none;transform-origin:center center;filter:drop-shadow(0 14px 26px rgba(0,0,0,.5));animation:card-boot .6s cubic-bezier(.5,-.2,.7,1) forwards}@keyframes card-boot{0%{transform:translate(0) rotate(0) scale(1);opacity:1}22%{transform:translate(-4px,-26px) rotate(-6deg) scale(1.04);opacity:1}to{transform:translate(-46px,120px) rotate(-22deg) scale(.78);opacity:0}}@media(prefers-reduced-motion:reduce){.card-boot{animation-duration:1ms}}.stat-float{position:fixed;z-index:130;display:flex;align-items:center;gap:4px;padding:3px 9px 4px;border-radius:999px;background:#080a12b8;font-family:var(--font-display);font-size:19px;font-weight:800;white-space:nowrap;pointer-events:none;will-change:transform,opacity;animation:stat-float 1.15s cubic-bezier(.22,.7,.3,1) forwards}.stat-float img{width:15px;height:15px}.stat-float.gain{color:#7ee08a;box-shadow:0 0 0 1px #7ee08a66,0 6px 18px #00000080;text-shadow:0 0 12px rgba(126,224,138,.6)}.stat-float.loss{color:#ff8a8a;box-shadow:0 0 0 1px #ff8a8a66,0 6px 18px #00000080;text-shadow:0 0 12px rgba(255,138,138,.6)}@keyframes stat-float{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}16%{transform:translate(-50%,-64%) scale(1.14);opacity:1}30%{transform:translate(-50%,-60%) scale(1);opacity:1}62%{transform:translate(-50%,-78%) scale(1);opacity:1}to{transform:translate(-50%,-132%) scale(.92);opacity:0}}@media(prefers-reduced-motion:reduce){.stat-float{animation:stat-float-still 1.15s ease forwards}@keyframes stat-float-still{0%,70%{transform:translate(-50%,-60%);opacity:1}to{transform:translate(-50%,-60%);opacity:0}}}.cell.doomed .card{animation:hand-card-warn-shake 1.6s ease-in-out infinite;box-shadow:0 6px 16px #0006,0 0 0 2px #e86060d9,0 0 20px #e24a4a80}@media(prefers-reduced-motion:reduce){.cell.doomed .card{animation:none}}.card-knock{position:fixed;z-index:95;pointer-events:none;transform-origin:center center;filter:drop-shadow(0 14px 26px rgba(0,0,0,.55));animation:card-knock .62s cubic-bezier(.4,-.15,.7,1) forwards}.card-knock .card{--card-w: var(--knock-w)}@keyframes card-knock{0%{transform:translate(0) rotate(0) scale(1);opacity:1}18%{transform:translate(12px,-16px) rotate(8deg) scale(1.05);opacity:1}to{transform:translate(104px,156px) rotate(40deg) scale(.68);opacity:0}}@media(prefers-reduced-motion:reduce){.card-knock{animation-duration:1ms}}@keyframes card-fly{0%{transform:translate(var(--dx),var(--dy)) scale(var(--scale));opacity:var(--fly-o0, 1)}16%,82%{opacity:1}to{transform:translate(0) scale(1);opacity:0}}@keyframes card-fly-under{0%{transform:translate(var(--dx),var(--dy)) scale(var(--scale));opacity:var(--fly-o0, 1)}16%{opacity:1}to{transform:translate(0) scale(1);opacity:1}}.cell.landing{animation:card-land .52s ease-out forwards}@keyframes card-land{0%,74%{opacity:0}to{opacity:1}}.flip-layer{position:fixed;inset:0;z-index:150;pointer-events:none}.card-flip{position:fixed;z-index:150;pointer-events:none;perspective:1100px;filter:drop-shadow(0 18px 34px rgba(0,0,0,.55))}.cell.flip-hidden>*{opacity:0}.card-flip .flip-inner{position:relative;width:var(--flip-w, 148px);aspect-ratio:1325 / 2014;transform-style:preserve-3d;animation:flip-reveal .56s cubic-bezier(.45,.05,.2,1) forwards}.card-flip .flip-face{position:absolute;inset:0;backface-visibility:hidden}.card-flip .flip-front{transform:rotateY(180deg)}@keyframes flip-reveal{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(90deg) scale(1.08)}to{transform:rotateY(180deg) scale(1)}}.log-bubbles{position:fixed;bottom:16px;left:16px;z-index:40;display:flex;flex-direction:column;gap:8px;max-width:min(300px,42vw);pointer-events:none}.log-bubble{align-self:flex-start;padding:8px 13px;border-radius:14px 14px 14px 4px;background:#0a0c149e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);font-size:12.5px;line-height:1.25;color:#dfe3ee;box-shadow:0 6px 18px #0006;opacity:calc(1 - var(--depth) * .175);transform:scale(calc(1 - var(--depth) * .025));transform-origin:left center;transition:opacity .3s ease,transform .3s ease;animation:bubble-in .32s cubic-bezier(.2,.8,.3,1) both}.log-bubble.latest{color:#ffd76a;border-color:#ffd76a59}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px) scale(.9)}}.overlay{position:fixed;inset:0;background:#080a10bf;display:flex;align-items:center;justify-content:center;z-index:10}.overlay-card{background:linear-gradient(#090b119e,#090b119e),url(/images/menu/bg_dark.webp);background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:36px 48px;text-align:center;display:flex;flex-direction:column;gap:14px;max-height:92vh;overflow-y:auto}.battle-stage{position:fixed;inset:0;z-index:200;display:grid;place-items:center;overflow:hidden;opacity:1;transition:opacity .42s ease}.battle-stage.phase-exit{opacity:0}.battle-backdrop{position:absolute;inset:0;background:#06080ea8;backdrop-filter:blur(9px) saturate(.82);-webkit-backdrop-filter:blur(9px) saturate(.82);animation:backdrop-in .4s ease both}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.impact-flash{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle at center,#ffffffe6,#fff0c852 30%,#fff0 62%)}.battle-stage.phase-impact .impact-flash{animation:impact-flash .5s ease-out}@keyframes impact-flash{0%{opacity:0}10%{opacity:.9}to{opacity:0}}.battle-arena{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:clamp(10px,3.5vw,54px);padding:0 16px;transition:transform .42s ease}.battle-stage.phase-impact .battle-arena{animation:arena-shake .42s ease}.battle-stage.phase-exit .battle-arena{transform:scale(1.05)}@keyframes arena-shake{0%,to{transform:translate(0)}15%{transform:translate(-9px,4px)}30%{transform:translate(8px,-5px)}45%{transform:translate(-7px,3px)}60%{transform:translate(6px,-3px)}75%{transform:translate(-4px,2px)}}.battle-fighter{--bw: clamp(168px, 21vw, 284px);display:flex;animation:fighter-in-left .5s cubic-bezier(.2,.7,.3,1) both}.battle-fighter.right{animation-name:fighter-in-right}.battle-fighter .card{--card-w: var(--bw)}@keyframes fighter-in-left{0%{opacity:0;transform:translate(-170px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes fighter-in-right{0%{opacity:0;transform:translate(170px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.fighter-inner{display:flex;flex-direction:column;align-items:center;gap:16px;transition:transform .42s cubic-bezier(.34,1.25,.5,1)}.phase-charge .left .fighter-inner{transform:translate(-18px) scale(1.02)}.phase-charge .right .fighter-inner{transform:translate(18px) scale(1.02)}.phase-impact .winner.left .fighter-inner,.phase-exit .winner.left .fighter-inner{transform:translate(54px) scale(1.06)}.phase-impact .winner.right .fighter-inner,.phase-exit .winner.right .fighter-inner{transform:translate(-54px) scale(1.06)}.phase-impact .loser.left .fighter-inner,.phase-exit .loser.left .fighter-inner{transform:translate(-34px) scale(.98)}.phase-impact .loser.right .fighter-inner,.phase-exit .loser.right .fighter-inner{transform:translate(34px) scale(.98)}.fighter-card{position:relative;width:var(--bw);height:calc(var(--bw) * 2014 / 1325);overflow:visible;transition:filter .42s ease}.phase-impact .winner .fighter-card,.phase-exit .winner .fighter-card{filter:drop-shadow(0 0 16px rgba(255,220,120,.6)) drop-shadow(0 0 6px rgba(255,255,255,.55))}.phase-impact .winner.pyro .fighter-card,.phase-exit .winner.pyro .fighter-card{filter:drop-shadow(0 0 18px rgba(255,128,32,.75)) drop-shadow(0 0 7px rgba(255,214,140,.6))}.phase-impact .winner.charged .fighter-card,.phase-exit .winner.charged .fighter-card{filter:drop-shadow(0 0 18px rgba(110,205,255,.85)) drop-shadow(0 0 7px rgba(236,250,255,.7))}.phase-impact .winner.arcane .fighter-card,.phase-exit .winner.arcane .fighter-card{filter:drop-shadow(0 0 18px rgba(168,106,255,.85)) drop-shadow(0 0 7px rgba(238,226,255,.68))}.card-half{position:absolute;inset:0;transition:transform .5s cubic-bezier(.2,.6,.3,1),opacity .5s ease;backface-visibility:hidden}.card-half.half-a{clip-path:polygon(0 0,58% 0,42% 100%,0 100%)}.card-half.half-b{clip-path:polygon(58% 0,100% 0,100% 100%,42% 100%)}.phase-impact .loser .half-a{transform:translate(-26px,-14px) rotate(-8deg)}.phase-impact .loser .half-b{transform:translate(28px,18px) rotate(8deg)}.phase-exit .loser .half-a{transform:translate(-46px,46px) rotate(-18deg);opacity:0}.phase-exit .loser .half-b{transform:translate(50px,78px) rotate(18deg);opacity:0}.slash{position:absolute;left:50%;top:50%;width:5px;height:150%;transform:translate(-50%,-50%) rotate(6deg) scaleY(.15);background:linear-gradient(180deg,transparent,#fff 15%,#eaf6ff 50%,#fff 85%,transparent);box-shadow:0 0 16px 5px #ffffffe6,0 0 40px 14px #78beff8c;border-radius:3px;opacity:0;pointer-events:none;z-index:2}.phase-impact .slash{animation:slash-flash .5s ease-out}@keyframes slash-flash{0%{opacity:0;transform:translate(-50%,-50%) rotate(6deg) scaleY(.15)}22%{opacity:1;transform:translate(-50%,-50%) rotate(6deg) scaleY(1.08)}55%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%) rotate(6deg) scaleY(1.14)}}.card-pyre{--burn-mask: linear-gradient( to bottom, #000 0 70%, rgba(0, 0, 0, .6) 74%, rgba(0, 0, 0, .2) 77%, transparent 80%, transparent 100% );position:absolute;inset:0;-webkit-mask-image:var(--burn-mask);mask-image:var(--burn-mask);-webkit-mask-size:100% 200%;mask-size:100% 200%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 45%;mask-position:0 45%;transition:opacity .44s ease,transform .5s ease-in}.card-pyre.lit{animation:pyre-consume 1.1s cubic-bezier(.35,0,.65,1) forwards}@keyframes pyre-consume{0%{-webkit-mask-position:0 45%;mask-position:0 45%;filter:brightness(1)}10%{filter:brightness(1.4) saturate(1.35) sepia(.3) drop-shadow(0 0 18px rgba(255,150,40,.95))}46%{filter:brightness(.5) sepia(.92) saturate(1.8) contrast(1.15)}to{-webkit-mask-position:0 165%;mask-position:0 165%;filter:brightness(.12) sepia(1) grayscale(.55) contrast(1.2)}}.phase-exit .loser.burns .card-pyre{opacity:0;transform:translateY(16px) scale(.97)}.burn-edge{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(to bottom,transparent 0 68%,rgba(255,120,20,.7) 71.5%,rgba(255,240,180,1) 75%,rgba(255,150,40,.85) 78%,rgba(214,60,8,.35) 82%,transparent 87%);background-size:100% 200%;background-repeat:no-repeat;background-position:0 45%;mix-blend-mode:screen;filter:blur(2.5px);animation:burn-edge 1.1s cubic-bezier(.35,0,.65,1) forwards}@keyframes burn-edge{0%{background-position:0 45%;opacity:0}8%{opacity:1}92%{opacity:1}to{background-position:0 165%;opacity:0}}.burn-flash{position:absolute;inset:-8%;z-index:2;pointer-events:none;border-radius:22px;background:radial-gradient(ellipse 62% 42% at 50% 88%,#fff6d6f2,#ffa830bf 30%,#ff540c4d 56%,#ff3c0000 76%);mix-blend-mode:screen;opacity:0;animation:burn-flash .46s ease-out forwards}@keyframes burn-flash{0%{opacity:0;transform:scale(.7)}14%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(1.12)}}.burn-flames{position:absolute;inset:-14% -10% -4%;z-index:3;pointer-events:none;border-radius:18px;background:radial-gradient(ellipse 40% 26% at 28% 96%,rgba(255,240,170,.95) 0%,rgba(255,152,42,.55) 42%,transparent 74%),radial-gradient(ellipse 34% 30% at 66% 99%,rgba(255,214,96,.9) 0%,rgba(255,98,26,.5) 44%,transparent 76%),radial-gradient(ellipse 70% 34% at 50% 100%,rgba(255,122,32,.75) 0%,rgba(190,40,12,.35) 54%,transparent 84%);mix-blend-mode:screen;opacity:0;animation:burn-flames 1.1s cubic-bezier(.35,0,.65,1) forwards}@keyframes burn-flames{0%{opacity:0;transform:translateY(4%) scaleY(.6)}12%{opacity:1;transform:translateY(0) scaleY(1.1)}50%{opacity:.9;transform:translateY(-28%) scaleY(1)}80%{opacity:.6;transform:translateY(-58%) scaleY(.95)}to{opacity:0;transform:translateY(-86%) scaleY(.8)}}.burn-embers{position:absolute;inset:0;z-index:4;pointer-events:none}.burn-embers i{position:absolute;left:var(--ex);bottom:10%;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff4cc,#ffa02e 45%,#ff501400 72%);opacity:0;animation:burn-ember var(--edur) ease-out var(--edelay) forwards}@keyframes burn-ember{0%{opacity:0;transform:translate(0) scale(1)}18%{opacity:1}to{opacity:0;transform:translate(var(--edx),var(--ey)) scale(.25)}}.thunder-bolt{position:absolute;left:14%;right:14%;bottom:60%;height:230%;z-index:4;pointer-events:none;opacity:0;clip-path:polygon(44% 0%,28% 34%,42% 37%,34% 70%,46% 73%,50% 100%,58% 70%,46% 67%,56% 34%,44% 31%,58% 0%);background:linear-gradient(180deg,#baeaffd9,#fff 24%,#eaf8ff 62%,#fff 90%);filter:drop-shadow(0 0 7px rgba(255,255,255,.95)) drop-shadow(0 0 22px rgba(96,190,255,.85)) drop-shadow(0 0 54px rgba(60,140,255,.5));animation:thunder-bolt .62s steps(1,end) forwards}.thunder-bolt.fork{left:52%;right:-14%;bottom:56%;height:122%;animation-name:thunder-fork;animation-duration:.52s}@keyframes thunder-bolt{0%{opacity:0;transform:scaleX(1)}4%{opacity:1}13%{opacity:.1}20%{opacity:.95;transform:scaleX(-1)}31%{opacity:.12}40%{opacity:.8;transform:scaleX(1)}64%{opacity:.22}to{opacity:0}}@keyframes thunder-fork{0%{opacity:0;transform:scaleX(1)}10%{opacity:.85}20%{opacity:.05}30%{opacity:.8;transform:scaleX(-1)}48%{opacity:.08}to{opacity:0}}.bolt-flash{position:absolute;inset:-12%;z-index:2;pointer-events:none;border-radius:22px;background:radial-gradient(ellipse 58% 40% at 50% 36%,#fffffffa,#b2eaffcc,#58a2ff52 52%,#3c82ff00 76%);mix-blend-mode:screen;opacity:0;animation:bolt-flash .52s ease-out forwards}@keyframes bolt-flash{0%{opacity:0;transform:scale(.72)}8%{opacity:1;transform:scale(1.06)}30%{opacity:.35}46%{opacity:.8}to{opacity:0;transform:scale(1.14)}}.shock-arcs{position:absolute;inset:-5%;z-index:3;pointer-events:none;border-radius:18px;background:linear-gradient(104deg,transparent 42%,rgba(214,246,255,.9) 48%,transparent 53%),linear-gradient(-72deg,transparent 55%,rgba(132,210,255,.75) 61%,transparent 66%),radial-gradient(ellipse 66% 46% at 50% 36%,rgba(200,240,255,.5) 0%,transparent 72%);mix-blend-mode:screen;filter:blur(1.4px);opacity:0;animation:shock-arcs .9s steps(1,end) forwards}@keyframes shock-arcs{0%{opacity:0;transform:translate(0)}5%{opacity:1}14%{opacity:.15;transform:translate(3px)}22%{opacity:.9;transform:translate(-4px)}34%{opacity:.1;transform:translate(2px)}44%{opacity:.75;transform:translate(0)}60%{opacity:.2}to{opacity:0}}.shock-sparks{position:absolute;inset:0;z-index:5;pointer-events:none}.shock-sparks i{position:absolute;left:50%;top:40%;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#fff,#b6ecff 46%,#46a0ff00 74%);box-shadow:0 0 8px #96e1ffe6;opacity:0;animation:shock-spark var(--sdur) cubic-bezier(.2,.6,.4,1) var(--sdelay) forwards}@keyframes shock-spark{0%{opacity:0;transform:translate(0) scale(1.2)}10%{opacity:1}45%{transform:translate(calc(var(--sdx) * .66),var(--speak)) scale(.95)}to{opacity:0;transform:translate(var(--sdx),calc(var(--speak) + var(--sfall))) scale(.3)}}.card-conduit{position:absolute;inset:0;transition:opacity .44s ease}.card-conduit.struck{animation:conduit-fry 1.05s linear forwards}@keyframes conduit-fry{0%{filter:brightness(1)}4%{filter:brightness(2.8) saturate(.1) contrast(1.35) drop-shadow(0 0 26px rgba(170,232,255,.95))}10%{filter:brightness(.85) saturate(.7)}17%{filter:brightness(2.6) saturate(0) contrast(1.5) drop-shadow(0 0 22px rgba(150,220,255,.9))}25%{filter:brightness(.7) saturate(.5) contrast(1.2)}33%{filter:brightness(2.2) saturate(.1) contrast(1.4)}46%{filter:brightness(.55) saturate(.35) contrast(1.3)}70%{filter:brightness(.3) saturate(.2) contrast(1.35) grayscale(.6)}to{filter:brightness(.14) grayscale(.9) contrast(1.4)}}.phase-exit .loser.shocks .card-conduit{opacity:0}.card-shard{position:absolute;inset:0;transition:transform .55s cubic-bezier(.2,.6,.3,1),opacity .5s ease;backface-visibility:hidden}.card-shard.s1{clip-path:polygon(50% 48%,44% 20%,52% 0,100% 0,100% 36%,78% 44%)}.card-shard.s2{clip-path:polygon(50% 48%,78% 44%,100% 36%,100% 100%,46% 100%,56% 74%)}.card-shard.s3{clip-path:polygon(50% 48%,56% 74%,46% 100%,0 100%,0 64%,22% 56%)}.card-shard.s4{clip-path:polygon(50% 48%,22% 56%,0 64%,0 0,52% 0,44% 20%)}.phase-impact .loser .card-shard.s1{transform:translate(13px,-11px) rotate(4deg)}.phase-impact .loser .card-shard.s2{transform:translate(15px,12px) rotate(-3deg)}.phase-impact .loser .card-shard.s3{transform:translate(-14px,13px) rotate(4deg)}.phase-impact .loser .card-shard.s4{transform:translate(-12px,-12px) rotate(-5deg)}.phase-exit .loser .card-shard.s1{transform:translate(58px,-46px) rotate(17deg);opacity:0}.phase-exit .loser .card-shard.s2{transform:translate(64px,62px) rotate(-14deg);opacity:0}.phase-exit .loser .card-shard.s3{transform:translate(-56px,74px) rotate(15deg);opacity:0}.phase-exit .loser .card-shard.s4{transform:translate(-62px,-38px) rotate(-19deg);opacity:0}.card-unmade{--hex-mask: radial-gradient( circle at 50% 50%, #000 0 58%, rgba(0, 0, 0, .55) 74%, transparent 92% );position:absolute;inset:0;-webkit-mask-image:var(--hex-mask);mask-image:var(--hex-mask);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:340% 340%;mask-size:340% 340%;transition:opacity .44s ease}.card-unmade.undone{animation:unmake 1.05s cubic-bezier(.3,0,.55,1) forwards}@keyframes unmake{0%{-webkit-mask-size:340% 340%;mask-size:340% 340%;filter:brightness(1);transform:scale(1) rotate(0)}12%{filter:brightness(1.45) saturate(1.3) drop-shadow(0 0 18px rgba(178,116,255,.9))}50%{filter:brightness(.78) sepia(.82) hue-rotate(216deg) saturate(1.45) drop-shadow(0 0 12px rgba(150,96,255,.6))}to{-webkit-mask-size:6% 6%;mask-size:6% 6%;filter:brightness(.42) sepia(.95) hue-rotate(216deg) saturate(1.7) contrast(1.1);transform:scale(.93) rotate(-2.5deg)}}.phase-exit .loser.hexes .card-unmade{opacity:0}.hex-edge{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0 64%,rgba(150,82,255,.4) 69%,rgba(226,202,255,.8) 73.5%,rgba(126,66,236,.36) 78%,transparent 85%);background-position:center;background-repeat:no-repeat;background-size:340% 340%;mix-blend-mode:screen;filter:blur(1.6px);animation:hex-edge 1.05s cubic-bezier(.3,0,.55,1) forwards}@keyframes hex-edge{0%{background-size:340% 340%;opacity:0}10%{opacity:1}86%{opacity:1}to{background-size:6% 6%;opacity:0}}.hex-ring,.hex-ticks{position:absolute;left:50%;top:50%;width:116%;aspect-ratio:1;z-index:4;pointer-events:none;border-radius:50%;opacity:0;mix-blend-mode:screen;animation:hex-sigil .95s cubic-bezier(.2,.7,.3,1) forwards}.hex-ring{border:2px solid rgba(198,158,255,.72);box-shadow:0 0 14px #9652ff8c,inset 0 0 12px #9652ff59}.hex-ring:before{content:"";position:absolute;inset:19%;border-radius:50%;border:1px solid rgba(214,184,255,.6);box-shadow:0 0 10px #a060ff73}.hex-ticks{--tick-band: radial-gradient( circle closest-side at 50% 50%, transparent 0 84%, #000 89% 100% );background:repeating-conic-gradient(from 0deg,rgba(232,212,255,1) 0deg 2.4deg,transparent 2.4deg 12deg);-webkit-mask-image:var(--tick-band);mask-image:var(--tick-band);filter:drop-shadow(0 0 7px rgba(168,106,255,.95))}.hex-ticks.inner{width:62%;--tick-band: radial-gradient( circle closest-side at 50% 50%, transparent 0 80%, #000 86% 100% );background:repeating-conic-gradient(from 9deg,rgba(244,232,255,1) 0deg 2deg,transparent 2deg 22.5deg);animation-name:hex-sigil-rev}@keyframes hex-sigil{0%{opacity:0;transform:translate(-50%,-50%) scale(1.8) rotate(-26deg)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.02) rotate(0)}60%{opacity:.85;transform:translate(-50%,-50%) scale(.88) rotate(30deg)}to{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(80deg)}}@keyframes hex-sigil-rev{0%{opacity:0;transform:translate(-50%,-50%) scale(1.7) rotate(24deg)}14%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}60%{opacity:.8;transform:translate(-50%,-50%) scale(.9) rotate(-34deg)}to{opacity:0;transform:translate(-50%,-50%) scale(.28) rotate(-88deg)}}.hex-flash{position:absolute;inset:-12%;z-index:2;pointer-events:none;border-radius:22px;background:radial-gradient(ellipse 56% 44% at 50% 50%,#fffcffe6,#c494ff99 26%,#7a38e642 54%,#601edc00 78%);mix-blend-mode:screen;opacity:0;animation:hex-flash .54s ease-out forwards}@keyframes hex-flash{0%{opacity:0;transform:scale(.62)}12%{opacity:.9;transform:scale(1.06)}46%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(.72)}}.hex-motes{position:absolute;inset:0;z-index:5;pointer-events:none}.hex-motes i{position:absolute;left:var(--mx);top:var(--my);width:var(--msize);aspect-ratio:1;background:radial-gradient(circle,#fff,#d9bcff 38%,#8a4aff00 72%);clip-path:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0% 50%,40% 40%);filter:drop-shadow(0 0 5px rgba(168,106,255,.9));mix-blend-mode:screen;opacity:0;animation:hex-mote var(--mdur) ease-out var(--mdelay) forwards}@keyframes hex-mote{0%{opacity:0;transform:translate(0) scale(.35) rotate(0)}18%{opacity:1;transform:translate(calc(var(--mdx) * .22),calc(var(--mrise) * .18)) scale(1.05) rotate(calc(var(--mspin) * .2))}to{opacity:0;transform:translate(var(--mdx),var(--mrise)) scale(.2) rotate(var(--mspin))}}.battle-stage.burn-kill .impact-flash{background:radial-gradient(circle at center,#ffe2aae6,#ff8c2857 30%,#ff5a0000 62%)}.battle-stage.shock-kill .impact-flash{background:radial-gradient(circle at center,#f0fbfff2,#98d4ff5c,#5096ff00 64%)}.battle-stage.shock-kill.phase-impact .impact-flash{animation:shock-flash .66s ease-out}@keyframes shock-flash{0%{opacity:0}4%{opacity:1}14%{opacity:.12}23%{opacity:.85}38%{opacity:.08}to{opacity:0}}.battle-stage.hex-kill .impact-flash{background:radial-gradient(circle at center,#f2e4ffeb,#a86aff5c 30%,#6028c800 64%)}.battle-stage.hex-kill.phase-impact .impact-flash{animation:hex-flash-room .82s ease-out}@keyframes hex-flash-room{0%{opacity:0}8%{opacity:.95}34%{opacity:.16}54%{opacity:.5}to{opacity:0}}.fighter-tag{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;max-width:calc(var(--bw) + 20px)}.battle-fighter.loser .fighter-tag{opacity:.72}.fighter-owner{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.battle-fighter.attacker .fighter-owner:after{content:" ⚔";opacity:.9}.fighter-name{font-family:var(--font-display);font-weight:800;font-size:clamp(14px,1.6vw,20px);line-height:1.1}.fighter-stats{display:flex;gap:14px;margin-top:2px;font-size:13px;font-weight:800}.fighter-stats .atk{color:#ff9f68}.fighter-stats .hp{color:#7ee08a}.battle-vs{position:relative;z-index:3;flex:0 0 auto;display:grid;place-items:center;transform:rotate(-6deg);transition:transform .3s ease,opacity .3s ease;animation:vs-in .5s cubic-bezier(.2,1.4,.4,1)}.phase-charge .battle-vs{animation:vs-pulse .42s ease}.phase-impact .battle-vs,.phase-exit .battle-vs{opacity:0;transform:scale(.3) rotate(-6deg)}.vs-text{font-family:var(--font-display);font-weight:900;font-size:clamp(38px,7vw,96px);letter-spacing:.03em;color:#ffe08a;-webkit-text-stroke:2px rgba(20,10,10,.5);text-shadow:0 0 20px rgba(255,90,70,.85),0 0 40px rgba(255,90,70,.5),0 4px 14px rgba(0,0,0,.7)}@keyframes vs-in{0%{opacity:0;transform:scale(2.4) rotate(-14deg)}to{opacity:1;transform:scale(1) rotate(-6deg)}}@keyframes vs-pulse{0%,to{transform:scale(1) rotate(-6deg)}50%{transform:scale(1.18) rotate(-6deg)}}.battle-caption{position:absolute;left:50%;bottom:clamp(40px,12vh,120px);z-index:5;transform:translate(-50%) translateY(8px);padding:8px 22px;border-radius:999px;background:#0000006b;border:1px solid rgba(255,255,255,.12);font-family:var(--font-display);font-weight:800;font-size:clamp(18px,2.6vw,32px);letter-spacing:.02em;white-space:nowrap;opacity:0;transition:opacity .3s ease,transform .3s ease}.battle-stage.phase-impact .battle-caption,.battle-stage.phase-exit .battle-caption{opacity:1;transform:translate(-50%) translateY(0)}.battle-caption.fatal{color:#ffdf6a;text-shadow:0 0 16px rgba(255,150,60,.5)}.battle-caption.draw{color:#cfe0ff}.defender-stage{position:relative;display:flex;align-items:center}.defender-lineup{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:clamp(8px,1.4vw,20px);display:flex;flex-direction:column;gap:8px;z-index:3}.lineup-card{width:clamp(58px,7vw,90px);opacity:.82;filter:brightness(.82) saturate(.9);border-radius:10px;box-shadow:0 6px 16px #00000073;animation:lineup-in .32s ease both}.lineup-card .card{--card-w: 100%}@keyframes lineup-in{0%{opacity:0;transform:translate(22px)}to{opacity:.82;transform:none}}.sweep-progress{position:absolute;top:clamp(18px,6vh,54px);left:50%;transform:translate(-50%);z-index:5;padding:5px 16px;border-radius:999px;background:#00000073;border:1px solid rgba(255,255,255,.14);font-family:var(--font-display);font-weight:800;font-size:clamp(14px,1.8vw,20px);letter-spacing:.08em;color:#ffd9a6}@media(max-width:560px){.battle-fighter{--bw: clamp(120px, 40vw, 168px)}.battle-arena{gap:8px}.vs-text{font-size:34px}}@media(prefers-reduced-motion:reduce){.battle-stage,.battle-backdrop,.battle-fighter,.battle-vs,.fighter-inner,.card-half,.slash,.card-pyre,.burn-flash,.burn-edge,.burn-flames,.burn-embers i,.thunder-bolt,.bolt-flash,.shock-arcs,.shock-sparks i,.card-conduit,.card-shard,.card-unmade,.hex-edge,.hex-flash,.hex-ring,.hex-ticks,.hex-motes i,.impact-flash,.battle-arena,.battle-caption,.card-fire .ember,.card-sparkle .sparkle,.card-frame.health-glow>.card,.card.effect-card,.disrupt-burst,.score-count{animation-duration:1ms!important;transition-duration:1ms!important}.score-chip.match-point{animation:none}}@media(max-width:900px){.hand{left:0;right:0}.hand-card{margin:0 calc(var(--hand-card-w) * -.29)}.card-preview{left:8px;top:38%}.card-preview>*{transform:scale(1.4)}}@media(max-width:560px),(max-height:520px){.app{gap:8px;padding:10px;padding-bottom:calc(var(--hand-h) + 10px)}.board{gap:8px}.cell .card .card-header{padding:4px 5px}.cell .card .card-name{font-size:9px}.cell .card .rarity-label{display:none}.cell .card .card-rarity{margin-top:2px}.cell .card .rarity-dots{gap:2px}.cell .card .rarity-dots i{width:3px;height:3px}.cell .card .card-types img{width:16px;height:16px}.cell .card .card-types img+img{margin-left:-6px}.cell .card .card-effect,.cell .card .card-serial{display:none}.cell .card .card-footer{padding:0 4px 5px;gap:2px}.cell .card .card-stats{gap:4px}.cell .card .stat-chip{height:19px;border-radius:6px;font-size:11px;gap:3px}.cell .card .stat-chip img{width:10px;height:10px}.slot-label{font-size:9px;letter-spacing:.02em}.board .seat-panel{--twist-w: 46px;padding:6px 8px;gap:3px 7px}.board .seat-panel>.bar-avatar{width:34px;min-height:44px;font-size:17px;border-radius:9px}.board .seat-panel .panel-cards{gap:6px;padding:2px 7px}.board .seat-panel .card-stat{min-width:26px}.board .seat-panel .card-stat-value{font-size:14px}.board .seat-panel .card-stat-label{font-size:8px;letter-spacing:.06em}.board .seat-panel .panel-score{padding-top:4px;gap:6px}.board .seat-panel>.bar-actions{padding-top:5px;gap:5px}.board>.player-bar.enemy-bar{top:10px;right:10px;max-width:66vw}.board>.seat-dock{right:10px;bottom:calc(var(--hand-h) + 10px);max-width:76vw}.seat-dock>.banner{font-size:12px;padding:3px 10px}.hand-card .card.small .card-name{font-size:9.5px}.hand-card .card.small .stat-chip{height:20px;font-size:11px;border-radius:6px;gap:3px}.hand-card .card.small .stat-chip img{width:11px;height:11px}.hand-card .card.small .card-types img{width:17px;height:17px}.hand-card .card.small .card-header{padding:4px 5px}.hand-card .card.small .card-footer{padding:0 5px 5px}.hand-card.selected{transform:translateY(-22px) rotate(0) scale(1.16)}.log-bubbles{bottom:calc(var(--hand-h) + 8px);left:10px;gap:5px;max-width:38vw}.log-bubble{font-size:10.5px;padding:5px 9px;border-radius:10px}.log-bubbles>.log-bubble:not(:nth-last-child(-n+3)){display:none}.card-preview{left:8px;top:8px;transform:none;animation:preview-fade .16s ease-out}.card-preview>*{transform:scale(1.18);transform-origin:top left}}@keyframes preview-fade{0%{opacity:0}to{opacity:1}}@media(max-width:560px)and (min-height:620px){.board.mode-duel{justify-content:center;padding-bottom:120px}}@media(max-width:560px){.app:has(.board.waiting.mode-duel){--field-zoom: 1}}@media(max-height:520px){.app{--hand-card-w: clamp(64px, 20vh, 172px)}.seat-dock>.banner{display:none}.board .seat-panel{--twist-w: 36px;padding:5px 7px}.board .seat-panel>.bar-avatar{width:28px;min-height:34px;font-size:14px}.board .seat-panel .card-stat-value{font-size:13px}.board .seat-panel .card-stat{flex-direction:row;align-items:baseline;gap:4px;min-width:0}.board .seat-panel .panel-cards{padding:1px 6px}.board .seat-panel .panel-score{padding-top:3px}.board .seat-panel>.bar-actions{padding-top:4px;gap:4px}.board .seat-panel>.bar-actions>button{padding:5px 10px;font-size:13px}}.ffa-table{display:block;width:min(840px,94vw);height:440px;gap:0;margin:110px 0 6px;transform-style:preserve-3d;transform:translateY(var(--field-drop, 0px)) perspective(1200px) rotateX(22deg) scale(var(--field-zoom, 1));transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}.ffa-table .seat{position:absolute}.seat-top,.seat-left,.seat-right{transform-style:preserve-3d;pointer-events:none}.seat-top{top:0;left:50%;transform:translate(-50%) translateY(-60px)}.ffa-table{--seat-spread: clamp(0px, calc((100vw - 1100px)*.28) , 95px);--seat-lift: clamp(0px, calc((100vw - 1100px)*.43) , 145px)}.seat-left{left:0;top:50%;transform:translateY(-50%) translate(calc(-1 * var(--seat-spread)),calc(-1 * var(--seat-lift)))}.seat-right{right:0;top:50%;transform:translateY(-50%) translate(var(--seat-spread),calc(-1 * var(--seat-lift)))}.seat-you{left:50%;bottom:0;transform:translate(-50%) scale(.6) translateZ(6px);transform-origin:bottom center;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .4s ease,opacity .4s ease}.your-field{transform-origin:bottom center;transition:transform .4s ease,opacity .4s ease}.table-center{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%) translateZ(-10px);pointer-events:none}.table-logo{width:300px;opacity:.3}.opponent{display:flex;flex-direction:column;align-items:center;gap:8px;transform-style:preserve-3d;pointer-events:none}.opponent .cell{pointer-events:auto}.opponent.eliminated{filter:grayscale(1);opacity:.42}.field-grid.your-field.eliminated{filter:grayscale(.85);opacity:.55}.opponent.active .field-grid.mini{border-color:#ffd6788c;box-shadow:0 0 0 1px #ffd6784d,0 0 24px #ffbe5038}.player-bar.mini{width:auto;max-width:none;gap:6px;padding:5px 11px;border-radius:999px;transform:rotateX(-22deg);transform-origin:center bottom}.player-bar.mini .player-name{font-size:13px}.player-bar.mini .pill{font-size:10px;padding:2px 7px}.field-grid.mini{grid-template-columns:repeat(4,var(--mini-card-w, 84px));gap:7px;padding:7px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:#0a0c1452;transition:border-color .2s,box-shadow .2s}.field-grid.mini .card{--card-w: var(--mini-card-w, 84px)}.field-grid.mini .empty-slot,.field-grid.mini .card-frame{width:var(--mini-card-w, 84px)}.seat-top .field-grid.mini{--mini-card-w: 99px}.seat-left .field-grid.mini,.seat-right .field-grid.mini{--mini-card-w: 68px;grid-template-columns:calc(var(--mini-card-w) * 1.52 + 8px);gap:4px}.seat-left .field-grid.mini .cell,.seat-right .field-grid.mini .cell{width:calc(var(--mini-card-w) * 1.52 + 8px);height:calc(var(--mini-card-w) + 8px);padding:3px;align-items:center}.seat-left .field-grid.mini .cell>*{transform:rotate(90deg)}.seat-right .field-grid.mini .cell>*{transform:rotate(-90deg)}.seat-left .field-grid.mini .cell>.slot-ground,.seat-right .field-grid.mini .cell>.slot-ground{transform:translate(-50%)}.seat-left .field-grid.mini .cell>*,.seat-right .field-grid.mini .cell>*{transition:transform .22s ease}.seat-left .field-grid.mini .cell.targeted>*:not(.slot-ground),.seat-right .field-grid.mini .cell.targeted>*:not(.slot-ground){transform:rotate(0)}.field-grid.mini .cell{border-radius:12px;padding:4px;border:1px solid rgba(255,255,255,.05)}.field-grid.mini .cell.type-magic{background:#8076d624}.field-grid.mini .cell.type-macabre{background:#e5838824}.field-grid.mini .cell.type-mechanical{background:#5ec2d624}.field-grid.mini .cell.type-monstrosity{background:#8ccf9424}.field-grid.mini .cell.disrupted{filter:grayscale(.7) brightness(.7)}.field-grid.mini .cell.inspected{outline:2px solid rgba(255,255,255,.5)}.field-grid.mini .cell .card.clickable{cursor:zoom-in}.attack-btn{font-weight:800;color:#fff;border-color:#ff7850b3;background:linear-gradient(180deg,#ff6a3d,#e0392b);box-shadow:0 0 14px #e03c2d66;cursor:pointer;animation:attack-pulse 1.3s ease-in-out infinite}.attack-btn:hover:not(:disabled){background:linear-gradient(180deg,#ff7c53,#ef4436);border-color:#ff966ee6}@keyframes attack-pulse{0%,to{box-shadow:0 0 12px #e03c2d59}50%{box-shadow:0 0 20px #ff6a3da6}}.attack-btn.reach{border-color:#ba82ffb3;background:linear-gradient(180deg,#a35cf0,#7a2fd0);box-shadow:0 0 14px #8c46dc66;animation:none}.attack-btn.reach:hover:not(:disabled){background:linear-gradient(180deg,#b06ffb,#8a3ce0);border-color:#cea0ffe6}.round-chip{position:fixed;top:62px;left:16px;z-index:120;pointer-events:none;display:inline-flex;align-items:baseline;gap:2px;flex-shrink:0;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#c8cddb;background:#ffffff12;border:1px solid rgba(255,255,255,.12)}.round-chip-of{font-size:10px;font-weight:600;opacity:.6}.round-chip.match-point{color:#ffd76a;background:#ffc6461f;border-color:#ffcd6473}.round-pips{display:inline-flex;align-self:center;align-items:center;gap:3px;flex-shrink:0}.round-pips i{width:7px;height:7px;border-radius:50%;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff2e}.round-pips i.won{background:linear-gradient(180deg,#ffd76a,#ff9c20);box-shadow:0 0 7px #ffa82899}.round-pips.hot i:not(.won){background:#ffcd644d;animation:round-pip-hot 1.7s ease-in-out infinite}@keyframes round-pip-hot{0%,to{box-shadow:inset 0 0 0 1px #ffcd6466}50%{box-shadow:inset 0 0 0 1px #ffe296e6,0 0 8px #ffba3c99}}.player-bar.mini .round-pips{gap:2px}.player-bar.mini .round-pips i{width:5px;height:5px}.top-menu{position:fixed;top:16px;left:16px;z-index:120}.menu-trigger{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:700;color:#fff;background:#0c0e169e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s}.menu-trigger:hover{background:#181c28b8;border-color:#ffffff3d}.final-scores{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.final-scores .leader{color:#ffd66e;font-weight:800}.overlay-actions{display:flex;gap:10px;justify-content:center}.grave-picker{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px}.grave-picker-backdrop{position:absolute;inset:0;background:#06040cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.grave-picker-panel{position:relative;z-index:1;width:min(94vw,760px);max-height:86vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:22px 22px 18px;border-radius:16px;background:linear-gradient(180deg,#1e142af5,#100a18fa);border:1px solid rgba(255,158,92,.35);box-shadow:0 24px 70px #0009,0 0 40px #ff9e5c1f;animation:grave-picker-in .24s ease both}@keyframes grave-picker-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.grave-picker-head{text-align:center}.grave-picker-title{margin:0;font-size:1.3rem;color:#ffd6b0;letter-spacing:.01em}.grave-picker-sub{margin:4px 0 0;font-size:.85rem;color:#ffffff9e}.grave-picker-empty{text-align:center;padding:24px 0;color:#ffffff8c;font-size:.92rem}.grave-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px;align-items:start}.grave-picker-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;border-radius:12px;background:#ffffff08;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.grave-picker-card:hover{transform:translateY(-4px);background:#ff9e5c1a;border-color:#ff9e5c8c}.grave-picker-card.foe:hover{border-color:#c39bff99;background:#c39bff1a}.grave-picker-owner{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#fff9}.grave-picker-card.foe .grave-picker-owner{color:#c9b0ff}.grave-picker-cancel{align-self:center;padding:8px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#fff;font-weight:600;cursor:pointer;transition:background .12s ease}.grave-picker-cancel:hover{background:#ffffff24}.card-zoom{position:fixed;inset:0;z-index:210;display:flex;overflow-y:auto;padding:20px}.card-zoom-backdrop{position:fixed;inset:0;background:#06040cc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-zoom-panel{position:relative;z-index:1;margin:auto;display:flex;align-items:center;gap:34px;width:min(94vw,880px);padding:34px;border-radius:18px;background:linear-gradient(180deg,#1e142af7,#100a18fc);border:1px solid rgba(255,158,92,.35);box-shadow:0 24px 70px #0009,0 0 40px #ff9e5c1f;animation:grave-picker-in .24s ease both}.icon-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#fff;cursor:pointer;transition:background .12s ease,border-color .12s ease}.icon-close:hover:not(:disabled){background:#ffffff24;border-color:#ffffff57}.icon-close svg{display:block;width:44%;height:44%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.card-zoom-close{position:absolute;top:12px;right:12px;z-index:2}.card-zoom-stage{--zoom-scale: 2.3;flex:none;width:calc(148px * var(--zoom-scale));aspect-ratio:1325 / 2014;display:grid;place-items:center}.card-zoom-stage .card{transform:scale(var(--zoom-scale));transform-origin:center;--card-r: 8px}.card-zoom-stage .card.holo-tilt{transform:perspective(760px) rotateX(var(--rot-x)) rotateY(var(--rot-y)) scale(var(--zoom-scale))}.card-zoom-stage .card-types img{width:19px;height:19px}.card-zoom-stage .card-types img+img{margin-left:-6px}.card-zoom-stage .rarity-label{font-size:6px}.card-zoom-stage .card-rarity{gap:3px;margin-top:2px}.card-zoom-stage .rarity-dots{gap:2px}.card-zoom-stage .rarity-dots i{width:3px;height:3px}.card-zoom-stage .card-name{font-size:9.4px}.card-zoom-stage .card-effect{font-size:6.4px}.card-zoom-stage .card-serial{font-size:4.4px;margin-bottom:-4px}.card-zoom-stage .card-serial-logo{height:5px}.card-zoom-stage .card-stats{gap:5px}.card-zoom-stage .stat-chip{height:19px;border-radius:6px;font-size:11px;gap:3px}.card-zoom-stage .stat-chip img{width:11px;height:11px}@media(max-height:760px){.card-zoom-stage{--zoom-scale: 1.9}}@media(max-height:620px){.card-zoom-stage{--zoom-scale: 1.5}}@media(max-height:500px){.card-zoom-stage{--zoom-scale: 1.2}}.card-zoom-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:12px}.card-zoom-name{margin:0;font-family:var(--font-display);font-size:1.5rem;color:#ffd6b0;letter-spacing:.01em}.card-zoom-tags{display:flex;flex-wrap:wrap;gap:6px}.card-zoom-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#ffffffd1}.card-zoom-tag.rarity-common{color:#cdd6e6;border-color:#cdd6e666}.card-zoom-tag.rarity-uncommon{color:#8fe0a0;border-color:#8fe0a073}.card-zoom-tag.rarity-rare{color:#7fb6ff;border-color:#7fb6ff80}.card-zoom-tag.rarity-legend{color:#ffd166;border-color:#ffd1668c}.card-zoom-tag.boosted{color:#1a1108;border-color:transparent;font-weight:700;background:linear-gradient(120deg,#ffcf5c,#ff7a4d 55%,#a97bff)}.card-zoom-stats{display:flex;gap:14px}.card-zoom-stat{display:inline-flex;align-items:center;gap:6px;font-size:1.15rem;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.55)}.card-zoom-stat img{width:18px;height:18px;display:block}.card-zoom-stat.boosted{color:#ffc742;text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 8px rgba(255,199,66,.45)}.card-zoom-effect{margin:0;font-size:.98rem;line-height:1.55;color:#ffffffeb;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px}.card-zoom-effect.muted{color:#ffffff80;font-style:italic}.card-zoom-weight{margin-top:auto;font-size:.8rem;color:#ffffff8c}.card-zoom-actions{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.card-zoom-holdings{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:.85rem}.card-zoom-owned{font-weight:700;color:#ffffffeb}.card-zoom-holdings-note{color:#ffffff80}.card-zoom-holdings .wallet-chip{margin-left:auto}.card-zoom-actions .grind-btn,.card-zoom-actions .craft-btn{font-size:.85rem;padding:8px 14px;border-radius:10px}@media(max-width:560px){.card-zoom-panel{flex-direction:column;gap:18px}.card-zoom-stage{--zoom-scale: 1.5}}.team-table{--team-ally: #ffc86a;--team-ally-glow: rgba(255, 200, 106, .5);--team-rival: #6fb8ff;--team-rival-glow: rgba(111, 184, 255, .45)}.opponent.team-ally .field-grid,.opponent.team-rival .field-grid{border-radius:14px;padding:4px;transition:box-shadow .3s ease}.opponent.team-ally .field-grid{box-shadow:inset 0 0 0 1px #ffc86a66,0 0 22px -8px var(--team-ally-glow)}.opponent.team-rival .field-grid{box-shadow:inset 0 0 0 1px #6fb8ff57,0 0 22px -8px var(--team-rival-glow)}.opponent.team-ally.active .field-grid{box-shadow:inset 0 0 0 1px #ffc86abf,0 0 32px -6px var(--team-ally-glow)}.pill.team-tag{font-weight:700;letter-spacing:.02em}.pill.team-tag.ally{background:#ffc86a29;color:#ffd993;border:1px solid rgba(255,200,106,.34)}.pill.team-tag.rival{background:#6fb8ff24;color:#b6dcff;border:1px solid rgba(111,184,255,.3)}.card.known-secret{opacity:.9;filter:saturate(.88);outline:1px dashed rgba(255,200,106,.55);outline-offset:-3px}.card.known-secret:after{content:"🙈";position:absolute;top:4px;right:4px;z-index:6;font-size:11px;line-height:1;padding:2px 3px;border-radius:5px;background:#0a0c12b3}.attack-btn{display:inline-flex;flex-direction:column;align-items:center;gap:1px;line-height:1.15}.attack-maths{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:.04em;opacity:.95}.attack-maths b{font-weight:600;font-size:10px;opacity:.7}.attack-maths .merge-mark{font-style:normal;font-size:11px}.attack-maths .unknown{font-style:normal;font-size:11px;opacity:.8}.attack-btn.merged{border-color:#ffc86ad9;box-shadow:0 0 16px #ffbe5a80}.merge-arena{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:clamp(8px,3vw,44px);padding:0 16px;transition:transform .42s ease}.merge-stage.phase-impact .merge-arena{animation:arena-shake .42s ease}.merge-stage.phase-exit .merge-arena{transform:scale(1.05)}.merge-side{--mw: clamp(120px, 15vw, 210px);display:flex;flex-direction:column;align-items:center;gap:10px;animation:merge-side-in .55s cubic-bezier(.2,.7,.3,1) both}.merge-side.left{animation-name:merge-side-in-left}.merge-side.right{animation-name:merge-side-in-right}@keyframes merge-side-in-left{0%{opacity:0;transform:translate(-90px) scale(.9)}to{opacity:1;transform:none}}@keyframes merge-side-in-right{0%{opacity:0;transform:translate(90px) scale(.9)}to{opacity:1;transform:none}}.merge-team{font-family:var(--font-display);font-weight:800;font-size:clamp(11px,1.3vw,15px);letter-spacing:.12em;text-transform:uppercase;padding:3px 12px;border-radius:999px;background:#00000073}.merge-side.left .merge-team{color:#ffd9a6;border:1px solid rgba(255,200,106,.4)}.merge-side.right .merge-team{color:#bfdcff;border:1px solid rgba(111,184,255,.36)}.merge-body{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;transition:gap .55s cubic-bezier(.4,0,.2,1)}.merge-card{position:relative;width:var(--mw);height:calc(var(--mw) * 2014 / 1325);transition:transform .55s cubic-bezier(.4,0,.2,1),filter .4s ease,opacity .4s ease}.merge-card .card{--card-w: var(--mw)}.merge-stage:not(.phase-gather) .merge-side.fused .merge-body{gap:0}.merge-stage:not(.phase-gather) .merge-side.fused .merge-card{transform:translate(calc((var(--i) - (var(--n) - 1) / 2) * var(--mw) * .34)) rotate(calc((var(--i) - (var(--n) - 1) / 2) * 3deg))}.merge-side.fused .merge-card.lead{z-index:3}.merge-side.fused .merge-card:not(.lead){z-index:2;filter:brightness(.94)}.merge-seam{position:absolute;left:50%;top:-4%;width:3px;height:108%;transform:translate(-50%) scaleY(0);transform-origin:center;z-index:4;pointer-events:none;border-radius:3px;background:linear-gradient(to bottom,#fff0,#ffebbef2 22%,#fff,#ffebbef2 78%,#fff0);box-shadow:0 0 18px 4px #ffc878bf;opacity:0}.merge-stage.phase-merge .merge-seam{animation:seam-weld .82s ease-out both}.merge-stage.phase-charge .merge-seam,.merge-stage.phase-impact .merge-seam,.merge-stage.phase-exit .merge-seam{opacity:.35;transform:translate(-50%) scaleY(1)}@keyframes seam-weld{0%{opacity:0;transform:translate(-50%) scaleY(0)}35%{opacity:1;transform:translate(-50%) scaleY(1.06)}to{opacity:.35;transform:translate(-50%) scaleY(1)}}.merge-flare{position:absolute;inset:-12%;z-index:1;pointer-events:none;border-radius:50%;background:radial-gradient(circle at center,#ffe2aa8c,#ffb45a38 42%,#ffb45a00 70%);opacity:0}.merge-stage.phase-merge .merge-flare{animation:merge-flare .8s ease-out both}@keyframes merge-flare{0%{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.3)}}.merge-stage.phase-charge .merge-side.charging{transform:translate(-26px)}.merge-stage.phase-charge .merge-side:not(.charging){transform:translate(14px)}.merge-stage.phase-impact .merge-side.charging{transform:translate(30px)}.merge-stage.phase-impact .merge-side:not(.charging){transform:translate(-16px)}.merge-side{transition:transform .34s cubic-bezier(.3,0,.2,1)}.merge-stage.phase-impact .merge-side.loser .merge-card.falls,.merge-stage.phase-exit .merge-side.loser .merge-card.falls{animation:merge-fall .9s cubic-bezier(.3,0,.4,1) both}@keyframes merge-fall{0%{filter:none}18%{filter:brightness(2.2) saturate(.4)}to{opacity:0;filter:grayscale(1) brightness(.4);transform:translateY(46px) rotate(9deg) scale(.94)}}.merge-side.burns.loser .merge-card.falls{animation-name:merge-burn}@keyframes merge-burn{0%{filter:none}22%{filter:brightness(1.7) sepia(.5) saturate(2.4) hue-rotate(-12deg)}to{opacity:0;filter:sepia(1) saturate(3) brightness(.35) hue-rotate(-18deg);transform:translateY(30px) scale(.9)}}.merge-stage.phase-impact .merge-card.warded{animation:merge-ward .7s ease both}@keyframes merge-ward{0%,to{filter:none}20%{filter:brightness(2.4) saturate(.3);transform:scale(1.04)}}.merge-aside{display:flex;gap:6px}.aside-card{--aw: clamp(46px, 5.5vw, 74px);position:relative;width:var(--aw);opacity:.6;filter:grayscale(.6)}.aside-card .card{--card-w: var(--aw)}.aside-tag{display:block;margin-top:2px;text-align:center;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#cbd5e6}.merge-plate{display:flex;align-items:center;gap:10px;padding:6px 16px;border-radius:12px;background:#00000080;border:1px solid rgba(255,255,255,.12);font-family:var(--font-display);font-weight:900;font-size:clamp(17px,2.3vw,30px);line-height:1;transition:box-shadow .4s ease,transform .4s ease}.merge-stage.phase-merge .merge-side.fused .merge-plate{box-shadow:0 0 26px -4px #ffc86acc;transform:scale(1.06)}.merge-plate .atk{color:#ff9f68}.merge-plate .hp{color:#7ee08a}.merge-plate i{font-style:normal;font-size:.44em;letter-spacing:.08em;opacity:.72}.merge-badge{padding:2px 8px;border-radius:999px;font-size:.4em;letter-spacing:.1em;text-transform:uppercase;color:#ffdca4;background:#ffc86a29;border:1px solid rgba(255,200,106,.34)}.merge-side.loser .merge-plate{opacity:.7}.merge-vs{flex-direction:column}.merge-sum{margin-top:4px;font-family:var(--font-display);font-weight:800;font-size:clamp(12px,1.5vw,18px);letter-spacing:.06em;color:#ffe6b8;text-shadow:0 2px 8px rgba(0,0,0,.8);white-space:nowrap}.merge-sum i{font-style:normal;opacity:.6;font-size:.8em;margin:0 2px}.merge-owner{position:absolute;left:50%;bottom:-18px;transform:translate(-50%);font-size:11px;letter-spacing:.04em;color:#dfe7f5;text-shadow:0 2px 6px rgba(0,0,0,.85);white-space:nowrap}.merge-side.fused .merge-card:not(.lead) .merge-owner{opacity:0}@media(max-width:720px){.merge-side{--mw: clamp(92px, 26vw, 132px)}.merge-arena{gap:6px}.merge-plate{font-size:15px;padding:4px 10px;gap:6px}.merge-badge{display:none}}.attack-btn.on-card{position:absolute;pointer-events:none;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);padding:5px 12px;font-size:12px;white-space:nowrap}.cell.attackable .card{outline:2px solid #f4574d;outline-offset:2px;border-radius:inherit}.cell.out-of-reach{opacity:.35;transition:opacity .18s ease}@font-face{font-family:GoodDog New;src:url(/fonts/GoodDogNew.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-display: "GoodDog New", "Baloo 2", ui-rounded, "Segoe UI Rounded", "Hiragino Maru Gothic ProN", system-ui, sans-serif;--type-magic: #5f579b;--type-macabre: #a5383d;--type-mechanical: #2e8296;--type-monstrosity: #4f8a57}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Avenir Next,Segoe UI,system-ui,sans-serif;background:radial-gradient(ellipse at top,#1c2333,#0d1117 65%);color:#e6e8ee;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}