.shop-menu{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 28px}.shop-menu button{padding:12px 20px;border:1px solid #8dd5ff55;border-radius:14px}.shop-menu button[aria-pressed=true]{background:linear-gradient(120deg,#396699,#433873);border-color:#a9e4ff;box-shadow:0 0 20px #74caff33}
.skin-note{color:#b9cae4;font-size:14px;line-height:1.7}
.foil-workbench{display:grid;grid-template-columns:minmax(210px,310px) minmax(0,1fr);gap:30px;padding:26px;border:1px solid #98baff55;border-radius:24px;background:radial-gradient(ellipse at 10% 20%,#685bad44,transparent 60%),#111c30;margin-bottom:24px;min-width:0}
.foil-display{max-width:260px;width:100%;margin:auto}.foil-preview{aspect-ratio:350/510;box-shadow:0 0 0 1px #d2deee55,0 12px 35px #0008}.foil-preview>img{height:100%;object-fit:contain}.foil-display small{display:block;text-align:center;margin-top:10px;color:#b7c8e2}
.foil-controls{min-width:0}.foil-controls h2{overflow-wrap:anywhere}.foil-chance{font-size:40px;color:#bcddff;margin:12px 0}.foil-controls button{min-height:48px;width:100%}.foil-controls p{line-height:1.7}.foil-result{min-height:25px;color:#ffdc8a}.foil-result.success{color:#9effd4}.foil-workbench.foil-won .foil-preview{animation:foil-celebrate .8s ease-out}
.foil-search{display:grid;gap:7px;margin:20px 0}.foil-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:14px}.foil-choice{min-width:0;overflow:hidden;padding:10px;border-radius:14px}.foil-choice>img{display:block;width:100%;aspect-ratio:350/510;object-fit:contain;border-radius:7px}.foil-choice b,.foil-choice small{display:block;overflow-wrap:anywhere;margin-top:7px}.foil-choice[aria-pressed=true]{outline:2px solid #90d5ff}


@keyframes foil-celebrate{0%{transform:scale(.98)}50%{transform:scale(1.015)}100%{transform:scale(1)}}
@media(max-width:600px){.detail-art-preview.foil-active::before,.detail-art-preview.foil-active::after{bottom:48px}.foil-workbench{grid-template-columns:1fr;gap:18px;padding:18px}.foil-display{max-width:165px}.foil-chance{font-size:30px}.foil-controls h2{font-size:18px}.foil-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.foil-choice{padding:6px;font-size:11px}.shop-menu{gap:6px}.shop-menu button{padding:10px 12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.foil-active::before,.foil-active::after,.collector-front::before,.collector-front::after,.foil-preview::before,.foil-preview::after,.foil-workbench.foil-won .foil-preview{animation:none!important}}

.foil-modes{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 16px}.foil-modes button{border-radius:12px;border:1px solid #a9dfff55;padding:11px 18px}.foil-modes button[aria-pressed=true]{background:linear-gradient(120deg,#315b81,#49416b);border-color:#acdfff}
.foil-deck-picker{display:grid;gap:8px;margin:20px 0;max-width:700px}.foil-deck-picker select{min-width:0;width:100%;font:inherit;background:#172138;color:#fff;border:1px solid #a9dfff55;border-radius:10px;padding:12px}.foil-deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}
@media(max-width:600px){.foil-modes{gap:7px}.foil-modes button{flex:1;padding:11px 8px;font-size:12px}.foil-deck-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}

/* Static rainbow art and white stars are baked into one cached PNG. */
.foil-finish,.foil-shine,.collector-foil .collector-gloss{display:none!important}
:is(.foil-card.foil-active,.detail-art-preview.foil-active,.collector-foil .collector-front,.foil-preview,.unit-art.foil-active,.hand-card.foil-active,.unit-slot.foil-active)::before,
:is(.foil-card.foil-active,.detail-art-preview.foil-active,.collector-foil .collector-front,.foil-preview,.unit-art.foil-active,.hand-card.foil-active,.unit-slot.foil-active)::after{content:none!important;animation:none!important}
:is(.foil-preview,.foil-card.foil-active,.detail-art-preview.foil-active .detail-art-face,.collector-card.collector-foil,.unit-art.foil-active,.hand-card.foil-active>img){animation:none!important;rotate:none!important;translate:none!important}
:is(.foil-card.foil-active,.detail-art-preview.foil-active .detail-art-face,.collector-foil .collector-front,.foil-preview,.unit-art.foil-active,.hand-card.foil-active)>img{filter:none!important}
:is(.foil-card.foil-active,.detail-art-preview.foil-active .detail-art-face,.collector-foil .collector-front,.unit-art.foil-active,.hand-card.foil-active){box-shadow:none!important;position:relative;isolation:isolate;border-radius:3.4% / 2.3%}
.detail-art-face{display:block;position:relative;width:100%;border-radius:3.4% / 2.3%}
.foil-card>img,.foil-preview>img{display:block;width:100%;height:auto;border-radius:inherit}
.unit-art{position:absolute!important;inset:0;display:block;border-radius:inherit;pointer-events:none;transition:transform .25s}
.unit-slot.rest .unit-art{transform:rotate(90deg)}.unit-slot.rest .unit-art>img{transform:none}
.unit-slot .unit-stat,.unit-slot .gift-badge,.hand-card.foil-active .hand-grade{z-index:3}
.cfv-foil-sparkles,.foil-sparkles{display:none!important}
.cfv-foil-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #83bbed55;border-radius:14px;padding:14px 18px;margin:16px 0;background:#142238;color:#e9f4ff}.cfv-foil-toggle small{display:block;color:#adc1d9;margin-top:4px}.cfv-foil-toggle input{width:22px;height:22px;accent-color:#88cbff}
.cfv-foil-preparing{position:fixed;inset:auto 16px 18px;z-index:20000;margin:auto;max-width:500px;padding:16px;border-radius:14px;background:#15253ef5;border:1px solid #88cdff;color:#fff;text-align:center;pointer-events:none}

/* Static Neon Glow adapted from Fyniti / electric-border-css (MIT). */
.unit-slot .unit-art.foil-active{overflow:visible!important}
.cfv-clan-glow{position:absolute;inset:-2px;border:1px solid rgb(var(--core-rgb));border-radius:inherit;pointer-events:none;z-index:2;box-shadow:inset 0 0 0 1px rgb(var(--core-rgb)),inset 0 0 10px 2px rgba(var(--glow-rgb),.4),0 0 10px 2px rgb(var(--glow-rgb)),0 0 20px 4px rgba(var(--glow-rgb),.7);animation:none!important}

/* Forge previews demonstrate the finish before purchase; hands stay plain. */
.foil-preview{position:relative;overflow:visible;isolation:isolate}