/* FutpixelTV's store shell. Card identities, prices and opening logic stay in their existing modules. */
.fc-dialog:is([data-view=shop],[data-view=coins]) {
  --fc-gold:#e9cc8b;
  --store-ink:#080c13;
  --store-line:#b8c5d51f;
  --store-accent:#ff3156;
  --store-muted:#a6b2c2;
  border:1px solid #b7c8dd3b;
  border-radius:12px;
  background:radial-gradient(ellipse at 90% -20%,#24354f9c,transparent 62%),linear-gradient(155deg,#111923,#080c14 70%);
  box-shadow:0 40px 120px #000d,0 0 0 1px #ffffff05,inset 0 1px #ffffff0c;
}
.fc-dialog:is([data-view=shop],[data-view=coins])::backdrop {background:#040710d9;backdrop-filter:blur(9px)}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-header {position:relative;overflow:hidden;isolation:isolate;padding:26px 32px;border-bottom:1px solid var(--store-line);background:linear-gradient(115deg,#0e1824ef 30%,#18293999)}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-header::before {content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:repeating-linear-gradient(128deg,transparent 0 28px,#afc5e00b 29px 30px,transparent 31px 66px);mask-image:linear-gradient(90deg,transparent,#000)}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-header::after {content:"";position:absolute;left:32px;bottom:0;width:64px;height:3px;background:var(--store-accent);box-shadow:0 0 20px #ff31567a}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-header h1 {font-size:clamp(25px,3.6vw,47px);letter-spacing:-.4px;line-height:1.08;margin:9px 0 3px}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-eyebrow {font-size:10px;letter-spacing:3px;color:#d7c593}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-balance {display:flex;align-items:center;gap:9px;padding:11px 14px;border-color:#d3be7e40;border-radius:7px;background:#050a1299;color:#f5deb1;box-shadow:inset 0 1px #fff1d60b}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-balance::before {content:"";width:26px;height:26px;flex:none;background:url(assets/store-presentation/coin-emblem.svg) center/38px auto no-repeat}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-btn {border-color:#aebdd630;background:#172331;border-radius:6px;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-btn:hover:not(:disabled) {background:#233549;border-color:#bccad382;transform:translateY(-1px);box-shadow:0 6px 16px #0004}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-btn:active:not(:disabled) {transform:translateY(1px);box-shadow:none}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-btn.is-primary {color:#151c27;background:linear-gradient(135deg,#e7c987,#b99a56);border-color:#e7ca82a3;box-shadow:inset 0 1px #ffe8b940,0 3px 8px #0003;font-weight:800}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-btn.is-primary:hover:not(:disabled) {color:#151c27;background:linear-gradient(135deg,#f8daa8,#c7a768);border-color:#ffe8b9;box-shadow:0 5px 18px #daa95825}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-btn:focus-visible {outline:2px solid #fff2bf;outline-offset:4px;box-shadow:0 0 0 5px #d4b66822}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-btn:disabled {opacity:.48;filter:saturate(.6)}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-close {border-color:#b8c7dd29;background:#0d1622a1;box-shadow:none}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-tabs {gap:6px;padding:15px 32px 0;border-bottom:1px solid var(--store-line)}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-tabs .fc-btn {min-width:110px;padding:12px 20px;border-radius:5px 5px 0 0;font-weight:700;font-size:14px;letter-spacing:.2px;color:#99aabc;border-bottom:2px solid transparent}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-tabs .fc-btn:hover {transform:none;box-shadow:none;background:#ffffff07}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-tabs .fc-btn.is-active {color:#f4e1b5;background:linear-gradient(#d2b77612,#d2b77604);border-bottom-color:#e9cb89}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-main {padding:24px 32px 28px}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-store-intro {margin:0 0 20px}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-store-intro h2 {font-size:21px;letter-spacing:1.3px;font-weight:900}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-store-intro>p {font-size:14px;max-width:750px;color:var(--store-muted)}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-coins-bar {border-color:#cdb27142;border-radius:8px;background:linear-gradient(110deg,#44341b55,#121c2b);box-shadow:inset 0 1px #ffebbb09;margin-bottom:24px;padding:14px 17px}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-coins-total {gap:11px;font-size:19px}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-coin-icon {background:url(assets/store-presentation/coin-emblem.svg) center/36px auto no-repeat;border:0;border-radius:0;box-shadow:none;width:26px;height:26px}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle-grid {gap:14px;margin:22px 0}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle {position:relative;isolation:isolate;overflow:hidden;align-items:center;gap:9px;padding:17px 12px 16px;border:1px solid #b2c1d633;border-radius:9px;background:radial-gradient(ellipse at 50% 20%,#caa25a12,transparent 63%),linear-gradient(145deg,#1b2835,#101923 68%);box-shadow:inset 0 1px #ffffff0a,0 10px 22px #0002;transition:transform .25s,border-color .25s,box-shadow .25s}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle::before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(128deg,transparent 54%,#ffffff05 54.3%,transparent 76%);pointer-events:none}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle::after {content:"";position:absolute;left:20%;right:20%;top:0;height:1px;background:linear-gradient(90deg,transparent,#e5c686b0,transparent);pointer-events:none}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:hover,.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:focus-within {border-color:#d8bd776e;box-shadow:0 12px 30px #0004,inset 0 1px #e3c78618;transform:translateY(-3px)}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle .fc-coin-big {--coin-art:url(assets/store-presentation/coin-emblem.svg);position:relative;display:block;width:min(160px,100%);height:122px;background-image:var(--coin-art);background-size:contain;transition:transform .35s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 7px 5px #0004)}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:nth-child(2) .fc-coin-big {--coin-art:url(assets/store-presentation/coin-duo.svg)}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:nth-child(3) .fc-coin-big {--coin-art:url(assets/store-presentation/coin-stack.svg)}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:nth-child(4) .fc-coin-big {--coin-art:url(assets/store-presentation/coin-cache.svg)}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:nth-child(5) .fc-coin-big {--coin-art:url(assets/store-presentation/coin-vault.svg)}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:hover .fc-coin-big,.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:focus-within .fc-coin-big {transform:translateY(-3px) rotate(-3deg)}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle .fc-coin-big::after {content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,#fff6c424 49%,#fff8dd45 50%,transparent 58%) 150% 0/320% 100%;mask:var(--coin-art) center/contain no-repeat;mask-mode:alpha;animation:store-coin-sheen 7s ease-in-out infinite;pointer-events:none}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:nth-child(2) .fc-coin-big::after {animation-delay:.55s}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:nth-child(3) .fc-coin-big::after {animation-delay:1.1s}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:nth-child(4) .fc-coin-big::after {animation-delay:1.65s}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:nth-child(5) .fc-coin-big::after {animation-delay:2.2s}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle-coins {font-size:20px;line-height:1.15;font-weight:900;color:#f0d99e;letter-spacing:.15px;margin-top:1px}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle-bonus {font-size:12px;color:#9bd4b7;min-height:20px;display:flex;align-items:center;justify-content:center;gap:5px}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle .fc-btn {padding:11px 5px;min-height:44px;margin-top:4px;font-size:13px;white-space:normal;line-height:1.25}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-legal {padding-top:16px;border-top:1px solid var(--store-line);max-width:none;font-size:11px;color:#879aaf;line-height:1.75}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-consent {background:#0b141fe0;border-color:#b9c6d536;border-radius:8px;padding:18px;box-shadow:inset 3px 0 #dbc27c66}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-consent label {line-height:1.5}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-checkout-status {border-radius:8px;padding:16px 18px;border-color:#a5bcd942;background:#152333}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-checkout-status[data-phase=paid] {background:linear-gradient(110deg,#173a2f,#13252c);border-color:#9dd4b46b;box-shadow:inset 3px 0 #a4e3ba}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-grid {gap:16px}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack {position:relative;overflow:hidden;min-height:244px;gap:19px;padding:22px 20px;border:1px solid #a9b8c52e;border-top:1px solid #a9b8c52e;border-radius:9px;background:radial-gradient(ellipse at 12% 0,var(--tier-dark),transparent 75%),linear-gradient(135deg,#162130,#0d1621);box-shadow:inset 0 1px #ffffff09,0 8px 20px #0002;transition:border-color .25s,transform .25s,box-shadow .25s}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack::before {content:"";position:absolute;top:0;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,var(--tier),transparent);opacity:.7}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack:hover,.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack:focus-within {border-color:var(--tier);transform:translateY(-2px);box-shadow:0 10px 30px #0005}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-art {position:relative;flex:none;width:115px;min-height:0;height:182px;padding:0;overflow:visible;clip-path:none;box-shadow:none;background:url(assets/store-presentation/pack-bronze.svg) center/contain no-repeat;filter:drop-shadow(0 12px 7px #0006);transform:rotate(-5deg);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-art>* {visibility:hidden}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-art::after {content:"";position:absolute;inset:3% 2%;pointer-events:none;clip-path:polygon(8% 0,92% 0,100% 5%,100% 95%,92% 100%,8% 100%,0 95%,0 5%);background:linear-gradient(110deg,transparent 44%,#f7eddd0d 48%,#ffffff36 50%,#ffffff0b 53%,transparent 57%) 150% 0/320% 100%;animation:store-foil-sheen 9s ease-in-out infinite}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack[data-rarity=rare] .fc-pack-art::after {animation-delay:.7s}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack[data-rarity=epic] .fc-pack-art::after {animation-delay:1.4s}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack[data-rarity=galactic] .fc-pack-art::after {animation-delay:2.1s}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack:hover .fc-pack-art,.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack:focus-within .fc-pack-art {transform:translateY(-3px) rotate(0deg)}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack[data-rarity=silver] .fc-pack-art {background-image:url(assets/store-presentation/pack-silver.svg)}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack[data-rarity=gold] .fc-pack-art {background-image:url(assets/store-presentation/pack-gold.svg)}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack[data-rarity=rare] .fc-pack-art {background-image:url(assets/store-presentation/pack-rare.svg)}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack[data-rarity=epic] .fc-pack-art {background-image:url(assets/store-presentation/pack-epic.svg)}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack[data-rarity=galactic] .fc-pack-art {background-image:url(assets/store-presentation/pack-galactic.svg)}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-copy {justify-content:flex-start}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-copy h3 {font-size:22px;font-weight:900;letter-spacing:.1px;color:#f4f6fc;margin-bottom:8px}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-copy p {font-size:12px;line-height:1.5}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-copy .fc-guarantee {font-size:12px;color:var(--tier)}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-copy .fc-odds {margin:12px 0 16px}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-copy .fc-btn {font-size:12px;padding:10px 5px;margin-top:auto;background:linear-gradient(125deg,#2f4353,#202e3c);color:#f2f0e8;border-color:var(--tier)}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-copy .fc-btn:hover:not(:disabled) {background:#2b4054}
.fc-dialog:is([data-view=shop],[data-view=coins])[open][data-view=coins] .fc-bundle,.fc-dialog:is([data-view=shop],[data-view=coins])[open][data-view=shop] .fc-pack {animation:store-item-enter .42s cubic-bezier(.2,.8,.2,1) both}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:nth-child(2),.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-pack:nth-child(2) {animation-delay:45ms}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:nth-child(3),.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-pack:nth-child(3) {animation-delay:90ms}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:nth-child(4),.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-pack:nth-child(4) {animation-delay:135ms}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:nth-child(5),.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-pack:nth-child(5) {animation-delay:180ms}
.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-pack:nth-child(6) {animation-delay:225ms}
@keyframes store-item-enter {from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes store-coin-sheen {0%,64%{background-position:150% 0;opacity:0}69%{opacity:1}82%,100%{background-position:-100% 0;opacity:0}}
@keyframes store-foil-sheen {0%,64%{background-position:150% 0;opacity:0}68%{opacity:1}82%,100%{background-position:-100% 0;opacity:0}}
@media(min-width:1500px) {.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-art{width:135px;height:195px}}
@media(max-width:1150px) {.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle{padding:15px 12px}.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack{padding:20px 17px}}
@media(max-width:800px) {.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-header{padding:20px;gap:12px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-header::after{left:20px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-header h1{font-size:clamp(24px,4.8vw,35px)}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-header>div:first-child{flex:1;min-width:0}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-balance{font-size:12px;padding:8px 10px;gap:4px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-balance::before{width:21px;height:21px;background-size:31px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-tabs{padding:10px 20px 0;gap:0}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-tabs .fc-btn{min-width:0;padding:12px 6px;font-size:13px;flex:1}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-main{padding:22px 20px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-store-intro h2{font-size:20px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-store-intro>p{font-size:13px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle .fc-coin-big{height:106px;width:134px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle-coins{font-size:19px}.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-art{width:106px;height:166px}.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack{gap:16px;min-height:225px}.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-copy h3{font-size:22px}}
@media(max-width:520px) {.fc-dialog:is([data-view=shop],[data-view=coins]){width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:9px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-header{padding:19px 16px 17px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-header>div:first-child{flex-basis:100%}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-header .fc-balance{margin-left:0}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-header .fc-close{margin-left:auto}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-eyebrow{font-size:9px;letter-spacing:2.2px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-main{padding:20px 15px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-tabs{padding:8px 15px 0}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-tabs .fc-btn{padding:12px 4px;font-size:12px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle{padding:11px 8px 12px;gap:7px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle .fc-coin-big{height:99px;width:125px;max-width:100%}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle-coins{font-size:17px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle .fc-btn{font-size:12px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-coins-bar{padding:12px 13px;margin-bottom:18px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-consent{padding:14px}.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack{padding:18px 14px}.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-art{width:100px;height:162px}}
@media(max-width:350px) {.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle-grid{gap:9px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle .fc-coin-big{height:86px;width:105px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle-coins{font-size:15px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle-bonus{font-size:11px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle .fc-btn{font-size:11px;min-height:46px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-header h1{font-size:24px}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-tabs .fc-btn{font-size:11px}.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack{padding:16px 12px;gap:13px}.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-art{width:84px;height:149px}}
@media(prefers-reduced-motion:reduce) {.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle,.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-pack,.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-coin-big::after{animation:none!important}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-btn,.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle,.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-pack,.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-coin-big,.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-pack-art{transition:none!important}.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:hover,.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:focus-within,.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:hover .fc-coin-big,.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-bundle:focus-within .fc-coin-big,.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack:hover,.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack:focus-within,.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack:hover .fc-pack-art,.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack:focus-within .fc-pack-art{transform:none}}
@media(max-width:520px) {
  .fc-dialog:is([data-view=shop],[data-view=coins]) .fc-header{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:12px}
  .fc-dialog:is([data-view=shop],[data-view=coins]) .fc-header>div:first-child{grid-column:1;grid-row:1}
  .fc-dialog:is([data-view=shop],[data-view=coins]) .fc-header .fc-close{grid-column:2;grid-row:1;align-self:start;margin:0}
  .fc-dialog:is([data-view=shop],[data-view=coins]) .fc-header .fc-balance{grid-column:1/-1;grid-row:2;justify-self:start;margin:0;padding:6px 9px}
}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-reduced-motion=true] .fc-bundle,.fc-dialog:is([data-view=shop],[data-view=coins])[data-reduced-motion=true] .fc-pack,.fc-dialog:is([data-view=shop],[data-view=coins])[data-reduced-motion=true] .fc-coin-big::after{animation:none!important}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-reduced-motion=true] .fc-btn,.fc-dialog:is([data-view=shop],[data-view=coins])[data-reduced-motion=true] .fc-bundle,.fc-dialog:is([data-view=shop],[data-view=coins])[data-reduced-motion=true] .fc-pack,.fc-dialog:is([data-view=shop],[data-view=coins])[data-reduced-motion=true] .fc-coin-big,.fc-dialog:is([data-view=shop],[data-view=coins])[data-reduced-motion=true] .fc-pack-art{transition:none!important}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-reduced-motion=true] .fc-bundle:hover,.fc-dialog:is([data-view=shop],[data-view=coins])[data-reduced-motion=true] .fc-bundle:focus-within,.fc-dialog:is([data-view=shop],[data-view=coins])[data-reduced-motion=true] .fc-bundle:hover .fc-coin-big,.fc-dialog:is([data-view=shop],[data-view=coins])[data-reduced-motion=true] .fc-bundle:focus-within .fc-coin-big,.fc-dialog:is([data-view=shop],[data-view=coins])[data-reduced-motion=true] .fc-pack:hover,.fc-dialog:is([data-view=shop],[data-view=coins])[data-reduced-motion=true] .fc-pack:focus-within,.fc-dialog:is([data-view=shop],[data-view=coins])[data-reduced-motion=true] .fc-pack:hover .fc-pack-art,.fc-dialog:is([data-view=shop],[data-view=coins])[data-reduced-motion=true] .fc-pack:focus-within .fc-pack-art{transform:none}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-reduced-motion=true] .fc-pack-art::after{animation:none!important}
@media(prefers-reduced-motion:reduce){.fc-dialog:is([data-view=shop],[data-view=coins]) .fc-pack-art::after{animation:none!important}}
/* FutpixelTV black + red theme for every store view (Pacotes, FutCoins, Coleção, Meu clube, details, opening, walkout).
   Gold stays on the FutCoins art and amounts, rarity colours stay on tiers; panels, edges, tabs, CTAs and focus are red on black.
   Tokens come from :root in styles.css, with fallbacks. The light beams are two fixed pseudo-elements animated by transform only. */
.fc-dialog{--fx-red:var(--red,#e5173a);--fx-red-hi:var(--red-hi,#ff3f59);--fx-red-deep:var(--red-deep,#8f0b22);--fx-red-ink:#ff8396;--fx-panel:#0e1015;--fx-line:#ffffff17;--fx-line-2:#ffffff2b;--fx-muted:#b4b9c3;--fx-font:var(--tv-font,Barlow,"Arial Narrow",Arial,sans-serif);--fx-cta:linear-gradient(180deg,#e81e42,#c8102e 55%,#a30d28);--fc-gold:#f6d77e;--fc-muted:var(--fx-muted)}
.fc-dialog[data-view]{--store-line:var(--fx-line);--store-muted:var(--fx-muted);--store-accent:var(--fx-red);color:#f5f6f8;border:1px solid #e5173a47;border-top:3px solid var(--fx-red);border-radius:10px;background:repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 3px),radial-gradient(ellipse 85% 50% at 50% -10%,#e5173a30,transparent 72%),radial-gradient(ellipse 55% 45% at 100% 105%,#e5173a1a,transparent 70%),linear-gradient(180deg,#0c0d11,#060709 62%);box-shadow:0 0 0 1px #000a,0 0 48px #e5173a30,0 40px 120px #000e}
.fc-dialog[data-view]::backdrop{background:radial-gradient(ellipse at 50% 0,#e5173a1f,transparent 60%),#030304eb;backdrop-filter:none}
.fc-dialog[data-view]::before,.fc-dialog[data-view]::after{content:"";position:fixed;z-index:-1;top:-18vh;width:min(62vw,820px);height:140vh;pointer-events:none;background:radial-gradient(ellipse 34% 100% at 50% 0,#ff3f5938,#e5173a12 48%,transparent 74%);transform-origin:50% 0;will-change:transform;animation:fx-sweep-left 16s ease-in-out infinite alternate}
.fc-dialog[data-view]::before{left:-14vw}
.fc-dialog[data-view]::after{right:-14vw;animation-name:fx-sweep-right;animation-duration:19s;animation-delay:-6s}
@keyframes fx-sweep-left{from{transform:rotate(-34deg)}to{transform:rotate(-6deg)}}
@keyframes fx-sweep-right{from{transform:rotate(34deg)}to{transform:rotate(7deg)}}
/* Header: red top stripe, diagonal red stripes, condensed italic title. */
.fc-dialog[data-view] .fc-header{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#e5173a17,transparent 85%);border-bottom:1px solid var(--fx-line)}
.fc-dialog[data-view] .fc-header::before{content:"";position:absolute;z-index:-1;inset:0 0 0 auto;width:min(48%,560px);pointer-events:none;background:repeating-linear-gradient(115deg,#e5173a2e 0 9px,transparent 9px 24px);clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 75%);mask-image:linear-gradient(90deg,transparent,#000 75%)}
.fc-dialog[data-view] .fc-header::after{content:none}
.fc-dialog[data-view] .fc-header h1{font-family:var(--fx-font);font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:.6px;color:#fff;text-shadow:0 2px 0 #000,0 0 34px #e5173a4d}
.fc-dialog[data-view] .fc-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--fx-font);color:var(--fx-red-ink);letter-spacing:2.6px}
.fc-dialog[data-view] .fc-eyebrow::before{content:"";width:18px;height:4px;background:var(--fx-red);transform:skewX(-24deg);box-shadow:0 0 8px #e5173a99}
.fc-dialog[data-view] .fc-balance{font-family:var(--fx-font);letter-spacing:.4px;color:#f6d77e;background:#08090cd9;border:1px solid #f6d77e3d;border-left:3px solid var(--fx-red);border-radius:4px;box-shadow:inset 0 1px #ffffff0a,0 6px 18px #0007}
.fc-dialog[data-view] .fc-close,.fc-dialog[data-view] .fc-sound{background:#0c0a0bd9;border:1px solid var(--fx-line-2);border-radius:4px;color:#fff}
.fc-dialog[data-view] .fc-close:hover:not(:disabled),.fc-dialog[data-view] .fc-sound:hover:not(:disabled){background:var(--fx-red);border-color:#ff8396;box-shadow:0 0 18px #e5173a80}
/* Buttons: graphite secondary, red primary CTA, a calm disabled state. */
.fc-dialog[data-view] .fc-btn{font-family:var(--fx-font);letter-spacing:.4px;color:#f3f4f6;background:#121113;border:1px solid var(--fx-line-2);border-radius:4px}
.fc-dialog[data-view] .fc-btn:hover:not(:disabled){background:#1c1416;border-color:#e5173aa6;box-shadow:0 0 0 1px #e5173a40,0 6px 18px #e5173a2e}
.fc-dialog[data-view] .fc-btn.is-primary,.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-copy .fc-btn{color:#fff;background:var(--fx-cta);border:1px solid #ff5a72;text-transform:uppercase;letter-spacing:.9px;font-weight:800;text-shadow:0 1px 0 #0006;box-shadow:inset 0 1px #ffffff47,0 4px 16px #e5173a4d}
.fc-dialog[data-view] .fc-btn.is-primary:hover:not(:disabled),.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-copy .fc-btn:hover:not(:disabled){color:#fff;background:linear-gradient(180deg,#f2304f,#d4122f 55%,#ad0e2a);border-color:#ff8396;box-shadow:inset 0 1px #ffffff57,0 6px 26px #e5173a85}
.fc-dialog[data-view] .fc-btn:disabled,.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack-copy .fc-btn:disabled{opacity:1;filter:none;color:#9196a1;background:#101217;border-color:#ffffff1a;box-shadow:none;text-shadow:none}
/* Tabs: condensed uppercase, red active underline. */
.fc-dialog[data-view] .fc-tabs{gap:4px;padding:0 32px;border-bottom:1px solid var(--fx-line);background:linear-gradient(#0000,#0000004d)}
.fc-dialog[data-view] .fc-tabs .fc-btn{min-height:50px;padding:12px 20px;color:#aeb4bf;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;box-shadow:none;text-transform:uppercase;letter-spacing:1.3px;font-weight:700;font-size:14px}
.fc-dialog[data-view] .fc-tabs .fc-btn:hover:not(:disabled){color:#fff;background:linear-gradient(#e5173a00,#e5173a1f);box-shadow:none;transform:none}
.fc-dialog[data-view] .fc-tabs .fc-btn.is-active{color:#fff;border-bottom-color:var(--fx-red);background:linear-gradient(#e5173a00,#e5173a2e);box-shadow:0 10px 18px -12px #ff3f59}
/* Copy, notices and the intro. */
.fc-dialog[data-view] .fc-main h2{font-family:var(--fx-font);font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:#fff}
.fc-dialog[data-view] .fc-store-intro h2{padding-left:12px;border-left:4px solid var(--fx-red)}
.fc-dialog[data-view] .fc-main p,.fc-dialog[data-view] .fc-origin{color:#b9bec8}
.fc-dialog[data-view] .fc-notice,.fc-dialog[data-view] .fc-recovery{color:#f3f4f6;background:linear-gradient(90deg,#e5173a1f,var(--fx-panel) 45%);border:1px solid #e5173a59;border-left:4px solid var(--fx-red);border-radius:4px}
.fc-dialog[data-view] .fc-payments-soon{position:relative;display:flex;align-items:center;min-height:54px;margin:0 0 18px;padding:12px 16px 12px 66px;color:#fff;font-family:var(--fx-font);font-size:15px;font-weight:700;letter-spacing:.3px;background:linear-gradient(90deg,var(--fx-red) 0 50px,#0e1015 50px);border:1px solid #e5173a73;border-left:0;box-shadow:0 10px 26px #0008,inset 0 1px #ffffff0d}
.fc-dialog[data-view] .fc-payments-soon::before{content:"";position:absolute;left:14px;top:50%;width:22px;height:22px;translate:0 -50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat}
.fc-dialog[data-view] .fc-payments-soon~.fc-bundle-grid .fc-btn:disabled{padding-left:28px;color:#c9ccd3;border:1px dashed #e5173a80;background:#0b0c10 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff8396' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") 10px 50%/14px no-repeat}
/* FutCoins: gold coin art on black with red edges. */
.fc-dialog[data-view] .fc-coins-bar{background:linear-gradient(90deg,#e5173a26,#0d0f13 40%),#0d0f13;border:1px solid var(--fx-line);border-left:4px solid var(--fx-red);border-radius:6px;box-shadow:inset 0 1px #ffffff0a,0 10px 24px #0007}
.fc-dialog[data-view] .fc-coins-total strong{font-family:var(--fx-font);font-size:1.15em;color:#f6d77e;text-shadow:0 0 16px #f6d77e33}
.fc-dialog[data-view] .fc-bundle{background:radial-gradient(ellipse 70% 52% at 50% 30%,#e5173a30,transparent 70%),linear-gradient(170deg,#131519,#08090c 72%);border:1px solid var(--fx-line);border-radius:8px;box-shadow:inset 0 1px #ffffff0d,0 10px 24px #0007}
.fc-dialog[data-view] .fc-bundle::after{left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,var(--fx-red),transparent)}
.fc-dialog[data-view] .fc-bundle:is(:hover,:focus-within){border-color:var(--fx-red);box-shadow:0 0 0 1px var(--fx-red),0 0 32px #e5173a5c,inset 0 0 30px #e5173a1f}
.fc-dialog[data-view] .fc-bundle-coins{font-family:var(--fx-font);color:#f6d77e}
.fc-dialog[data-view] .fc-consent{background:linear-gradient(135deg,#e5173a1c,#0b0c10 48%);border:1px solid #e5173a5c;border-radius:6px;box-shadow:inset 4px 0 var(--fx-red),0 12px 30px #0008;padding:18px 20px}
.fc-dialog[data-view] .fc-consent h3{display:flex;align-items:center;gap:10px;font-family:var(--fx-font);text-transform:uppercase;letter-spacing:1px;font-size:17px;color:#fff}
.fc-dialog[data-view] .fc-consent h3::before{content:"18+";flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--fx-cta);border:1px solid #ff8396;color:#fff;font-size:13px;letter-spacing:0;box-shadow:0 0 16px #e5173a66}
.fc-dialog[data-view] .fc-check input{accent-color:var(--fx-red)}.fc-dialog[data-view] .fc-consent a{color:var(--fx-red-ink);text-underline-offset:3px}
.fc-dialog[data-view] .fc-checkout-status{color:#f3f4f6;background:#0e1015;border:1px solid var(--fx-line-2);box-shadow:inset 4px 0 #ffffff59}
.fc-dialog[data-view] .fc-checkout-status[data-phase=paid]{background:linear-gradient(90deg,#123323,#0e1015 55%);border-color:#5fd38d80;box-shadow:inset 4px 0 #5fd38d}
.fc-dialog[data-view] .fc-checkout-status:is([data-phase=failed],[data-phase=expired]){background:linear-gradient(90deg,#3a0d16,#0e1015 55%);border-color:#e5173a99;box-shadow:inset 4px 0 var(--fx-red)}
.fc-dialog[data-view] .fc-legal{color:#9ca1ac;border-top:1px solid var(--fx-line)}
/* Packs: black tiles that light up red on hover, keyboard and gamepad focus. */
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack{background:radial-gradient(ellipse at 14% 0,color-mix(in srgb,var(--tier) 17%,transparent),transparent 62%),linear-gradient(160deg,#121419,#08090c 72%);border:1px solid var(--fx-line);border-radius:8px;box-shadow:inset 0 1px #ffffff0a,0 10px 26px #0007}
.fc-dialog:is([data-view=shop],[data-view=coins])[data-view=shop] .fc-pack:is(:hover,:focus-within){border-color:var(--fx-red);box-shadow:0 0 0 1px var(--fx-red),0 0 36px #e5173a5c,inset 0 0 44px #e5173a1c}
.fc-dialog[data-view] .fc-pack-copy h3{font-family:var(--fx-font);text-transform:uppercase;font-style:italic;letter-spacing:.5px}
.fc-dialog[data-view] .fc-pack-copy small{color:#a9aeb9}.fc-dialog[data-view] .fc-shortfall{color:var(--fx-red-ink)!important}
.fc-dialog[data-view] .fc-odds summary{gap:9px;list-style:none;font-family:var(--fx-font);text-transform:uppercase;letter-spacing:.9px;color:#f3f4f6}
.fc-dialog[data-view] .fc-odds summary::-webkit-details-marker{display:none}
.fc-dialog[data-view] .fc-odds summary::before{content:"";flex:none;width:7px;height:7px;margin:0 2px;border-right:2px solid var(--fx-red-hi);border-bottom:2px solid var(--fx-red-hi);transform:rotate(-45deg);transition:transform .2s}
.fc-dialog[data-view] .fc-odds[open] summary::before{transform:rotate(45deg)}
.fc-dialog[data-view] .fc-odds[open]{padding:2px 10px 10px;background:#07080bd9;border:1px solid #e5173a47;border-left:3px solid var(--fx-red);border-radius:4px}
.fc-dialog[data-view] .fc-odds li{padding:3px 0;border-bottom:1px solid #ffffff0d;color:#c3c7cf}.fc-dialog[data-view] .fc-odds li strong{color:var(--fx-red-ink)}
/* Collection, details and club. */
.fc-dialog[data-view] .fc-collection-bar select,.fc-dialog[data-view] .fc-club-form input[type=text],.fc-dialog[data-view] .fc-club-form input[type=color]{background:#07080b;color:#fff;border:1px solid var(--fx-line-2);border-radius:4px}
/* Cards keep their rarity frame on hover and focus: a red ring sits just inside the frame, the body glows red and the card lifts. */
:is(.fc-dialog[data-view],.mc-dialog) button.fc-card{transition:transform .2s,filter .2s}
:is(.fc-dialog[data-view],.mc-dialog) button.fc-card:is(:hover,:focus-visible),html[data-input=gamepad] :is(.fc-dialog[data-view],.mc-dialog) button.fc-card:focus{outline:none!important;box-shadow:none!important;transform:translateY(-4px);filter:brightness(1.1) saturate(1.08)}
:is(.fc-dialog[data-view],.mc-dialog) button.fc-card:is(:hover,:focus-visible)::after,html[data-input=gamepad] :is(.fc-dialog[data-view],.mc-dialog) button.fc-card:focus::after{inset:4px;border:2px solid var(--fx-red-hi,var(--red-hi,#ff3f59));opacity:1;box-shadow:inset 0 0 0 1px #000c,inset 0 0 26px #e5173a99}
:is(.fc-dialog[data-view],.mc-dialog) .fc-card-body{background:linear-gradient(var(--tier-dark),#08090cf2)}
:is(.fc-dialog[data-view],.mc-dialog) .fc-rating .fc-country{background:#0a0b0ecc}
.fc-dialog[data-view] .fc-detail-stats>div{background:#0e1015;border:1px solid var(--fx-line);border-bottom:2px solid var(--fx-red);border-radius:4px}.fc-dialog[data-view] .fc-detail-stats dt{color:#b9bec8}
.fc-dialog[data-view] .fc-club-form{background:linear-gradient(135deg,#e5173a14,#0b0c10 45%);border:1px solid var(--fx-line);border-left:4px solid var(--fx-red);border-radius:6px}.fc-dialog[data-view] .fc-club-form label{color:#b9bec8}
.fc-dialog[data-view] .fc-crest-grid .fc-btn{background:#0e1015;border-color:var(--fx-line)}
.fc-dialog[data-view] .fc-crest-grid .fc-btn:hover:not(:disabled){border-color:var(--fx-red);box-shadow:0 0 0 1px var(--fx-red),0 0 20px #e5173a4d}
.fc-dialog[data-view] .fc-crest-grid .fc-btn.is-active{color:#fff;background:linear-gradient(#e5173a33,#e5173a12);border-color:var(--fx-red);box-shadow:0 0 0 1px var(--fx-red),0 0 24px #e5173a66}
/* Opening and walkout: the same black and red stadium; the rarity colour stays in the burst. */
.fc-dialog[data-view] .fc-reveal-sub{color:var(--fx-red-ink)!important;font-family:var(--fx-font);letter-spacing:.6px;text-transform:uppercase}
.fc-dialog[data-view] .fc-cinematic-stage{background:radial-gradient(ellipse at 50% 64%,color-mix(in srgb,var(--opening-color) 14%,#0b0507),#050506 76%);border:1px solid #e5173a38;box-shadow:inset 0 0 90px #000,0 0 40px #e5173a1c}
.fc-dialog[data-view] .fc-stadium-stands{background:radial-gradient(ellipse at 50% 65%,transparent 20%,#030304c4 90%),radial-gradient(ellipse at 50% 40%,#e5173a29 0,transparent 60%),repeating-linear-gradient(0deg,transparent 0 18px,#e5173a12 19px 21px),radial-gradient(circle,#e8dadc26 1px,transparent 1.5px);background-size:auto,auto,auto,14px 12px}
.fc-dialog[data-view] .fc-stage-tunnel{background:linear-gradient(90deg,color-mix(in srgb,var(--opening-color) 10%,transparent),transparent 14% 86%,color-mix(in srgb,var(--opening-color) 10%,transparent)),linear-gradient(#0a050660,#03030480)}
.fc-dialog[data-view] .fc-stage-caption span{color:#b9bec8}
.fc-dialog[data-view] .fc-opening-pack{background:repeating-linear-gradient(130deg,transparent 0 19px,#ffffff08 20px 21px),linear-gradient(135deg,var(--opening-color),#1a080c 65%)}
.fc-dialog[data-view] .fc-cinematic-stage[data-rarity=galactic]{background:radial-gradient(ellipse at 50% 50%,#e5c37320,#0e0708 55%,#050506)}
.fc-dialog[data-view] .fc-cinematic-stage.is-extreme{background:radial-gradient(ellipse at 50% 80%,#8bfff124,#13070a 55%,#040405);border-color:#e5173a59}
.fc-dialog[data-view] .fc-reveal-cards:not(.is-revealed) .fc-card:before{background:repeating-linear-gradient(135deg,transparent 0 24px,#e5173a12 24px 26px),linear-gradient(135deg,var(--tier-dark),#0a0b0e)}
.fc-dialog[data-view] .fc-flip-back{background:repeating-linear-gradient(130deg,transparent 0 14px,#ffffff0d 15px 16px),linear-gradient(150deg,color-mix(in srgb,var(--opening-color) 45%,#14070a),#070809)}
.fc-dialog[data-view] .fc-reveal-progress span{background:#0e1015;border-color:var(--fx-line-2);color:#9196a1}
.fc-dialog[data-view] .fc-reveal-progress .is-current{color:#fff;background:var(--fx-red);border-color:#ff8396;box-shadow:0 0 16px #e5173a99}
.fc-dialog[data-view] .fc-reveal-progress .is-done{color:#f3f4f6;border-color:#e5173a99}
.fc-dialog[data-view] .fc-reveal-counter{color:var(--fx-red-ink)!important}
.fc-dialog[data-reveal-phase=player] .fc-reveal-actions{background:linear-gradient(transparent,#060709f5 15%)}
.fc-dialog[data-view] .fc-walkout{background:#030304;border-color:#e5173a38}
.fc-dialog[data-view] .fc-wo-dark{background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--opening-color) 20%,#0b0305),#020203 70%)}
.fc-dialog[data-view] .fc-wo-card{background:linear-gradient(150deg,#1d070b,#08090b 55%,color-mix(in srgb,var(--opening-color) 35%,#08090b))}
@media(max-width:800px){.fc-dialog[data-view] .fc-header::after{left:20px}.fc-dialog[data-view] .fc-tabs{padding:0 16px;gap:0}.fc-dialog[data-view] .fc-tabs .fc-btn{padding:12px 6px;font-size:13px;letter-spacing:.8px}}
@media(max-width:520px){.fc-dialog[data-view] .fc-header::after{left:16px;width:56px}.fc-dialog[data-view] .fc-header::before{width:62%}.fc-dialog[data-view] .fc-tabs{padding:0 10px}.fc-dialog[data-view] .fc-tabs .fc-btn{min-height:46px;padding:10px 3px;font-size:12px;letter-spacing:.4px}.fc-dialog[data-view] .fc-payments-soon{font-size:14px;padding-left:60px}.fc-dialog[data-view] .fc-consent{padding:14px}.fc-dialog[data-view]::before,.fc-dialog[data-view]::after{width:110vw}}
@media(max-width:350px){.fc-dialog[data-view] .fc-tabs .fc-btn{font-size:11px;letter-spacing:.2px}}
@media(prefers-reduced-motion:reduce){.fc-dialog[data-view]::before,.fc-dialog[data-view]::after{animation:none!important}:is(.fc-dialog[data-view],.mc-dialog) button.fc-card,.fc-dialog[data-view] .fc-odds summary::before{transition:none!important}:is(.fc-dialog[data-view],.mc-dialog) button.fc-card{transform:none!important}}
.fc-dialog[data-reduced-motion=true]::before,.fc-dialog[data-reduced-motion=true]::after{animation:none!important}
:is(.fc-dialog,.mc-dialog)[data-reduced-motion=true] button.fc-card{transition:none!important;transform:none!important}
/* Polish round: the store is its own screen, one balance chip, themed focus and form controls, one skip style. */
.fc-dialog[data-view]::backdrop{background:radial-gradient(ellipse 70% 55% at 50% 0,#e5173a2e,transparent 70%),radial-gradient(ellipse 60% 45% at 50% 108%,#e5173a1c,transparent 70%),#040405}
.fc-dialog[data-view]{height:94dvh}
.fc-dialog[data-view] .fc-balance{display:flex;align-items:center;gap:9px;padding:11px 14px;font-weight:800;white-space:nowrap}
.fc-dialog[data-view] .fc-balance::before{content:"";width:26px;height:26px;flex:none;background:url(assets/store-presentation/coin-emblem.svg) center/38px auto no-repeat}
.fc-dialog[data-view] .fc-pack-grid{align-items:start}
.fc-dialog[data-view] :is(button,input,select,summary,a,.fc-btn):focus-visible,.fc-dialog[data-view] .fc-header :is(.fc-close,.fc-sound):focus-visible{outline:2px solid var(--fx-red-hi);outline-offset:2px;box-shadow:0 0 0 2px #fff,0 0 22px #e5173a99}
.fc-dialog[data-view] .fc-tabs .fc-btn:focus-visible{outline:2px solid #fff;outline-offset:-6px;box-shadow:inset 0 0 0 3px var(--fx-red-hi)}
/* One skip style for the opening and the walkout: black with a red edge, red on hover. */
.fc-dialog[data-view] .fc-btn:is([data-focus=skip-reveal],[data-focus=skip-walkout]){color:#fff;background:#0c0a0be6;border:1px solid var(--fx-red);text-transform:uppercase;letter-spacing:1.1px;font-weight:800;text-shadow:none;box-shadow:inset 0 1px #ffffff0f,0 0 18px #e5173a33}
.fc-dialog[data-view] .fc-btn:is([data-focus=skip-reveal],[data-focus=skip-walkout]):hover:not(:disabled){color:#fff;background:var(--fx-red);border-color:#ff8396;box-shadow:0 0 24px #e5173a80}
.fc-dialog[data-reveal-phase=walkout] .fc-reveal-actions{margin-top:16px;padding-bottom:8px}
/* Form controls: red check boxes, a dark select with a red arrow, colour wells with the theme edge. */
.fc-dialog[data-view] input[type=checkbox]{appearance:none;-webkit-appearance:none;display:inline-grid;place-content:center;width:22px;height:22px;margin:1px 0 0;flex:none;background:#07080b;border:2px solid #e5173acc;border-radius:3px;cursor:pointer}
.fc-dialog[data-view] input[type=checkbox]:checked{background:var(--fx-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/16px no-repeat;border-color:#ff8396;box-shadow:0 0 12px #e5173a80}
.fc-dialog[data-view] input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}
.fc-dialog[data-view] .fc-collection-bar select{appearance:none;-webkit-appearance:none;min-width:190px;padding:11px 40px 11px 14px;font-family:var(--fx-font);font-weight:700;letter-spacing:.6px;text-transform:uppercase;background:#07080b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff3f59' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 13px center/15px no-repeat;border:1px solid #e5173a73;border-left:3px solid var(--fx-red);cursor:pointer}
.fc-dialog[data-view] .fc-collection-bar select:hover{border-color:var(--fx-red)}
.fc-dialog[data-view] select option{background:#0e1015;color:#fff}
.fc-dialog[data-view] .fc-club-form input[type=text]{border-color:#e5173a59}
.fc-dialog[data-view] .fc-club-form input[type=color]{padding:4px;background:#07080b;border:1px solid #e5173a73;cursor:pointer}
.fc-dialog[data-view] .fc-club-form input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.fc-dialog[data-view] .fc-club-form input[type=color]::-webkit-color-swatch{border:1px solid #ffffff40;border-radius:2px}
.fc-dialog[data-view] .fc-club-form input[type=color]::-moz-color-swatch{border:1px solid #ffffff40;border-radius:2px}
.fc-dialog[data-view] .fc-consent{max-width:none}
.fc-dialog[data-view] .fc-bundle-bonus{color:#f6d77e}
@media(min-width:801px){
  .fc-dialog[data-view=detail] .fc-main{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:end;gap:0 12px;max-width:1180px;margin:0 auto}
  .fc-dialog[data-view=detail] .fc-player-avatar{margin:0}
}
@media(max-width:800px){.fc-dialog[data-view] .fc-balance{font-size:12px;padding:8px 10px;gap:4px}.fc-dialog[data-view] .fc-balance::before{width:21px;height:21px;background-size:31px}}
/* Phones (portrait and landscape): the store fills the screen. */
@media(max-width:520px),(orientation:landscape) and (max-height:500px){
  .fc-dialog[data-view]{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;border-radius:0;border-left:0;border-right:0;border-bottom:0}
}
@media(max-width:520px){
  .fc-dialog[data-view] .fc-header{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:12px}
  .fc-dialog[data-view] .fc-header>div:first-child{grid-column:1;grid-row:1}
  .fc-dialog[data-view] .fc-header .fc-close{grid-column:2;grid-row:1;align-self:start;margin:0}
  .fc-dialog[data-view] .fc-header .fc-balance{grid-column:1;grid-row:2;justify-self:start;margin:0;padding:6px 9px}
  .fc-dialog[data-view] .fc-header .fc-sound{grid-column:2;grid-row:2;margin:0}
  .fc-dialog[data-view] .fc-collection-bar select{width:100%}
}