.decklist-overlay{position:fixed;inset:0;z-index:900;background:var(--c-ink-a85);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:decklist-fade-in var(--duration-base) ease-out;cursor:pointer}@keyframes decklist-fade-in{0%{opacity:0}to{opacity:1}}.decklist-overlay__panel{width:90%;max-width:1180px;max-height:88vh;display:flex;flex-direction:column;border-radius:var(--radius-2xl);border:1px solid var(--oxblood-a24);background:radial-gradient(ellipse at 50% 0%,var(--oxblood-a12),transparent 60%),linear-gradient(180deg,var(--oxblood-800-a95),var(--c-ink-a95));box-shadow:0 32px 64px var(--color-scrim-55),var(--shadow-inset-05);cursor:default;animation:decklist-panel-in .22s ease-out}@keyframes decklist-panel-in{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.decklist-overlay__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-22) var(--space-28) var(--space-18);border-bottom:1px solid var(--c-amber-8-a18);flex-shrink:0}.decklist-overlay__meta{display:flex;flex-direction:column;gap:var(--space-3xs)}.decklist-overlay__eyebrow{font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;color:var(--c-clay-5)}.decklist-overlay__title{margin:0;font-family:var(--font-display);font-size:1.12rem;color:var(--cream-35)}.decklist-overlay__close{flex-shrink:0}.decklist-overlay__composition{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-top:var(--space-xs)}.dl-comp-pill{--dl-accent: 176, 118, 76;display:inline-flex;align-items:center;padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-pill);border:1px solid rgba(var(--dl-accent),.3);background:rgba(var(--dl-accent),.1);color:rgba(var(--dl-accent),1);font-size:.54rem;letter-spacing:.1em;text-transform:uppercase}.dl-comp-pill--fire{--dl-accent: 215, 84, 44}.dl-comp-pill--ice{--dl-accent: 86, 162, 225}.dl-comp-pill--lightning{--dl-accent: 224, 184, 74}.dl-comp-pill--poison{--dl-accent: 82, 166, 66}.dl-comp-pill--arcane{--dl-accent: 141, 101, 223}.dl-comp-pill--physical{--dl-accent: 176, 125, 82}.dl-comp-pill--support{--dl-accent: 104, 151, 163}.decklist-overlay__body{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-18) var(--space-28) var(--space-28);overflow-y:auto;flex:1;min-height:0}.spellbook-overlay__panel{position:relative;isolation:isolate;width:min(95vw,1380px);max-width:1380px;height:min(92vh,820px);max-height:92vh;overflow:hidden;background:var(--oxblood-950);border-color:var(--c-amberdark-a35)}.spellbook-overlay__panel:before,.spellbook-overlay__panel:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.spellbook-overlay__panel:before{background:url(../assets/curated/screen-backdrops/grand-spellbook-overlay__gpt15high_v1.webp) center center / cover no-repeat;opacity:.92}.spellbook-overlay__panel:after{background:radial-gradient(ellipse at 50% 45%,var(--ember-a08),transparent 50%),linear-gradient(90deg,var(--c-ink-a70) 0%,var(--oxblood-900-a16) 24%,var(--c-dark-olive-2-a10) 50%,var(--oxblood-900-a16) 76%,var(--c-ink-a70) 100%),linear-gradient(180deg,var(--oxblood-900-a22),var(--c-ink-a58))}.spellbook-overlay__panel>*{position:relative;z-index:1}.spellbook-overlay__body{gap:var(--space-2xl);background:linear-gradient(180deg,var(--c-ink-a06),var(--c-ink-a18));min-height:0}.spellbook-overlay__head{display:grid;grid-template-columns:minmax(200px,auto) minmax(0,1fr);align-items:center;gap:var(--space-18);padding:var(--space-18) var(--space-28) var(--space-base);overflow:visible}.spellbook-overlay__meta{min-width:0}.spellbook-overlay__title{font-size:.88rem;letter-spacing:.04em;line-height:1.15;white-space:nowrap}.spellbook-overlay__head-actions{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;justify-self:stretch;gap:var(--space-10);min-width:0}.spellbook-overlay__search{display:flex;align-items:center;gap:var(--space-10);min-width:0}.spellbook-overlay__search-label{font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;color:var(--c-clay-5)}.spellbook-overlay__search-input{flex:1;min-width:0;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);border:1px solid var(--c-amberdark-a35);background:var(--c-ink-a70);color:var(--cream-10);font-family:inherit;font-size:.78rem;letter-spacing:.02em;outline:none;transition:border-color var(--duration-fast) ease,background var(--duration-fast) ease}.spellbook-overlay__search-input::placeholder{color:#bd877a99}.spellbook-overlay__search-input:focus{border-color:var(--ember-a55);background:var(--oxblood-900-a90)}.spellbook-overlay__filter-menu{position:relative;z-index:3}.spellbook-overlay__filter-button{border-color:var(--c-amberdark-a35);background:var(--c-ink-a70);color:var(--c-clay-6);box-shadow:inset 0 0 14px var(--c-cream-a10)}.spellbook-overlay__filter-button:hover,.spellbook-overlay__filter-menu--open .spellbook-overlay__filter-button{border-color:var(--ember-a55);background:var(--c-ember-a15);color:var(--cream-20)}.spellbook-overlay__filter-button.is-selected{border-color:var(--ember-a55);color:var(--cream-20)}.spellbook-overlay__filter-popover{position:absolute;top:calc(100% + 10px);right:0;width:min(680px,calc(95vw - 80px));display:grid;gap:var(--space-md);padding:var(--space-base);border-radius:var(--radius-sm);border:1px solid var(--c-amberdark-a35);background:radial-gradient(ellipse at 30% 0%,var(--ember-a06),transparent 55%),linear-gradient(180deg,var(--oxblood-900-a95),var(--c-ink-a95));box-shadow:0 22px 46px var(--color-scrim-55),var(--shadow-inset-05)}.spellbook-overlay__filter-group{display:grid;gap:var(--space-xs)}.spellbook-overlay__filter-label{font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;color:#bf8979c7}.spellbook-overlay__filter-row{display:flex;flex-wrap:nowrap;gap:var(--space-xs);align-items:center;min-width:0;overflow-x:auto;scrollbar-width:thin}.spellbook-overlay__filter-row::-webkit-scrollbar{height:4px}.spellbook-overlay__filter-row::-webkit-scrollbar-thumb{background:var(--c-amber-8-a28);border-radius:var(--radius-pill)}.spellbook-overlay__filter-row--class{padding-bottom:var(--space-3xs)}.spellbook-overlay__filter-row--cost{justify-self:end}.spellbook-overlay__filter-popover .spellbook-overlay__filter-row{flex-wrap:wrap;overflow:visible}.spellbook-overlay__filter-popover .spellbook-overlay__filter-row--class{padding-bottom:0}.spellbook-overlay__filter-popover .spellbook-overlay__filter-row--cost{justify-self:stretch}.spellbook-filter-pill{flex:0 0 auto;border-color:var(--c-amberdark-a25);background:#7e4e341a;color:var(--c-clay-6)}.spellbook-filter-pill:hover{border-color:var(--c-amberdark-a58);color:var(--cream-40)}.spellbook-filter-pill.is-selected{border-color:var(--ember-a55);background:var(--c-ember-a15);color:var(--cream-20)}.spellbook-filter-pill--clear{border-color:#cc606066;color:var(--c-clay-2)}.combat-card__alt-actions.spellbook-card__variant-actions{position:static;top:auto;right:auto;flex-direction:row;align-items:center;justify-content:center;gap:calc(var(--space-3xs) * var(--card-scale));padding:calc(var(--space-3xs) * var(--card-scale));border-radius:var(--radius-pill);border:1px solid var(--ember-50-a18);background:var(--c-ink-a70);box-shadow:0 calc(5px * var(--card-scale)) calc(12px * var(--card-scale)) var(--color-scrim-24)}.combat-card__alt-action.spellbook-card__variant-action{padding:calc(var(--space-3xs) * var(--card-scale)) calc(5px * var(--card-scale));border-color:transparent;background:transparent;color:var(--c-clay-6-a24);font-size:calc(.36rem * var(--card-scale))}.combat-card__alt-action.spellbook-card__variant-action--active{border-color:var(--ember-a40);background:var(--c-ember-a15);color:var(--cream-20)}.combat-card__alt-action.spellbook-card__variant-action--active:hover{border-color:var(--c-cream-a60);background:var(--color-accent-tint);color:var(--c-green-op-3)}.spellbook-overlay__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:56px var(--space-28);color:var(--c-clay-6-a24);font-size:.78rem;text-align:center}.spellbook-overlay__section{display:flex;flex-direction:column;gap:var(--space-10)}.spellbook-overlay__section+.spellbook-overlay__section{padding-top:var(--space-2xs)}.spellbook-overlay__section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-lg);padding:var(--space-2xs) var(--space-3xs) 0}.spellbook-overlay__section-eyebrow{margin:0 0 var(--space-2xs);font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:#bf8979b8}.spellbook-overlay__section-title{margin:0;font-family:var(--font-display);font-size:1rem;letter-spacing:.06em;color:var(--cream-40)}.spellbook-overlay__section-count{flex-shrink:0;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:#bf8979b3}@media(max-width:920px){.spellbook-overlay__head{grid-template-columns:1fr;align-items:stretch;gap:var(--space-md)}.spellbook-overlay__head-actions{grid-template-columns:minmax(0,1fr) auto auto}.spellbook-overlay__filter-row--cost{justify-self:stretch}}@media(max-width:640px){.spellbook-overlay__head-actions{grid-template-columns:1fr auto}.spellbook-overlay__search{grid-column:1 / -1}.spellbook-overlay__filter-popover{right:auto;left:0;width:min(420px,calc(95vw - 56px))}}.decklist-overlay__body::-webkit-scrollbar{width:5px}.decklist-overlay__body::-webkit-scrollbar-track{background:var(--c-ink-a40);border-radius:3px}.decklist-overlay__body::-webkit-scrollbar-thumb{background:var(--c-amber-8-a28);border-radius:3px}.dl-group__label{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-3xs) var(--space-10);border-bottom:1px solid var(--c-amber-8-a18);margin-bottom:var(--space-md)}.dl-group__cost-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--c-amberdark-a35);background:radial-gradient(circle,var(--c-bark-4-a90),var(--c-bark-4));box-shadow:inset 0 1px 0 var(--c-green-a10);font-family:var(--font-display);font-size:.68rem;color:var(--cream-30)}.dl-group__cost-badge--wide{width:30px;border-radius:10px;font-size:.6rem}.dl-group__label-text{font-family:var(--font-display);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-clay-5)}.dl-group__tally{margin-left:auto;font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:#bd877a99}.dl-group__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,184px));justify-content:center;gap:var(--space-18) var(--space-md);margin-bottom:var(--space-base);padding:var(--space-base) var(--space-10);border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 0%,var(--c-dark-olive-2-a28),transparent 68%),linear-gradient(180deg,var(--c-ink-a28),var(--c-ink-a18));box-shadow:inset 0 0 0 1px var(--c-amberdark-a08)}.spellbook-overlay .dl-group__cards{padding:var(--space-sm) 0 var(--space-18);border-radius:0;background:transparent;box-shadow:none}.dl-card{--dl-accent: 176, 118, 76;position:relative;display:flex;flex-direction:column;gap:var(--space-sm);min-height:356px;padding:var(--space-sm) var(--space-sm) var(--space-10);border-radius:var(--radius-base);border:1px solid rgba(var(--dl-accent),.22);background:radial-gradient(circle at 50% -8%,rgba(var(--dl-accent),.16),rgba(var(--dl-accent),0) 48%),linear-gradient(180deg,var(--c-bark-4-a95) 0%,var(--c-dark-olive-2-a95) 42%,var(--c-ink) 100%);cursor:default;transition:border-color var(--duration-fast) ease,transform var(--duration-fast) ease,box-shadow var(--duration-fast) ease;min-width:0;box-shadow:0 16px 26px var(--color-scrim-24),var(--shadow-inset-04)}.dl-card>*{position:relative;z-index:1}.dl-card:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background-image:var(--card-frame-url);background-size:100% 100%;background-position:center;background-repeat:no-repeat;opacity:.58;filter:saturate(.55) brightness(.72) contrast(.92);pointer-events:none}.dl-card--framed{background:linear-gradient(180deg,var(--c-dark-olive-2),var(--c-ink));border-color:rgba(var(--dl-accent),.14)}.dl-card:before{content:"";position:absolute;inset:0 0 auto;height:36%;border-radius:var(--radius-base) var(--radius-base) var(--radius-sm) var(--radius-sm);background:linear-gradient(180deg,var(--ember-50-a04),rgba(255,231,203,0) 55%),linear-gradient(180deg,rgba(var(--dl-accent),.05),rgba(var(--dl-accent),0));pointer-events:none}.dl-card--fire{--dl-accent: 215, 84, 44}.dl-card--ice{--dl-accent: 86, 162, 225}.dl-card--lightning{--dl-accent: 224, 184, 74}.dl-card--poison{--dl-accent: 82, 166, 66}.dl-card--arcane{--dl-accent: 141, 101, 223}.dl-card--physical{--dl-accent: 176, 125, 82}.dl-card--support{--dl-accent: 104, 151, 163}.dl-card:hover{border-color:rgba(var(--dl-accent),.4);transform:translateY(-2px)}.dl-card__count-badge{display:inline-flex;align-items:center;justify-content:center;min-height:16px;min-width:16px;padding:0 var(--space-2xs);border-radius:var(--radius-pill);border:1px solid rgba(var(--dl-accent),.24);background:var(--c-ink-a90);box-shadow:0 6px 12px var(--color-scrim-22);font-family:var(--font-display);font-size:.5rem;color:rgba(var(--dl-accent),.96);align-self:start}@media(max-width:1080px){.dl-group__cards{grid-template-columns:repeat(auto-fill,minmax(180px,180px))}}.card-fan{--fan-card-width: 138px;--fan-gap: 6px;display:flex;align-items:stretch;gap:var(--fan-gap);min-height:184px;position:relative;z-index:3;overflow:hidden;padding:var(--space-2xs) 1px 0}.card-fan:hover .fan-card:not(:hover):not(.fan-card--disabled){opacity:1;filter:none}.card-fan:after{content:"";position:absolute;inset:auto 12px 0;height:42px;border-radius:var(--radius-pill);opacity:0;pointer-events:none;transform:translateY(0);transform-origin:center bottom}.card-fan--settle:after{background:radial-gradient(ellipse,var(--c-gold-9-a16) 0%,rgba(217,146,108,0) 72%);animation:combat-card-fan-settle calc(var(--fan-settle-duration, .42s) * var(--combat-fx-speed, 1)) ease-out}.card-fan--readying:after{background:radial-gradient(ellipse,var(--c-blue-a24) 0%,rgba(148,198,234,0) 72%);animation:combat-card-fan-ready calc(var(--fan-ready-duration, .72s) * var(--combat-fx-speed, 1)) ease-out}.fan-card:hover:not(.fan-card--disabled){box-shadow:0 18px 28px var(--color-scrim-40),0 0 0 1px var(--ember-50-a06),var(--shadow-inset-06)}.fan-card--playable{border-color:var(--c-amber-7-a40)}.fan-card--target-ready{box-shadow:var(--shadow-inset-05),0 0 0 1px var(--c-gold-9-a12)}.fan-card--needs-target{border-color:var(--c-amber-8-a28)}