.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}}


/* Border ownership is separate from the new holographic surface. Original artwork stays untouched. */
.foil-finish,.foil-shine,.collector-gloss{display:none!important}
.foil-card,.detail-art-face,.foil-preview{display:block;position:relative;isolation:isolate;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,.damage-card .spent{z-index:3}
.cfv-clan-glow{position:absolute;box-sizing:border-box;inset:0;border:2px solid rgba(var(--core-rgb),.9);border-radius:inherit;pointer-events:none;z-index:2;box-shadow:0 0 10px 2px rgba(var(--glow-rgb),.7),0 0 3px 1px rgba(var(--core-rgb),.9),inset 0 0 7px 1px rgba(var(--core-rgb),.35);animation:cfv-clan-breathe 3.5s ease-in-out infinite}
@keyframes cfv-clan-breathe{0%,100%{opacity:.85;filter:drop-shadow(0 0 2px rgba(var(--glow-rgb),.5))}50%{opacity:1;filter:drop-shadow(0 0 7px rgba(var(--glow-rgb),.9))}}
.damage-card,.damage-card.cfv-holo-surface,.damage-card.foil-card,.damage-card.foil-active,.damage-card.holo-active{position:absolute!important;border-radius:var(--vg-card-corners,6px)}
.damage-card>.cfv-clan-glow,.damage-card>.cfv-holo-sheen,.damage-card>.cfv-holo-glare{inset:0;border-radius:inherit}
.foil-modes button{flex:1 1 200px}.foil-controls small{overflow-wrap:anywhere}
.card-effect-settings{padding:18px;background:#162b4420;border:1px solid #58799a66;border-radius:12px;margin:16px 0}.card-effect-settings label{display:inline-flex;align-items:center;gap:8px;margin:6px 18px 6px 0;min-height:44px}.card-effect-settings input{width:20px;height:20px;accent-color:#ff8b78}.card-effect-settings p{font-size:12px;margin:8px 0 0}