/* Broadcast presentation: shared graphite arena, precision light and actual collectible art. */
.coin-traveler{--flight-light:#bcdcf7;filter:drop-shadow(0 5px 7px #0008) drop-shadow(0 0 10px #bcdcf760);isolation:isolate}
.coin-traveler.gold{--flight-light:#ffcf6c;filter:drop-shadow(0 5px 7px #0008) drop-shadow(0 0 12px #ffcf6c70)}
.coin-traveler.silver{filter:drop-shadow(0 5px 7px #0008) drop-shadow(0 0 12px #c7e6ff70)}
.coin-traveler:before{content:'';position:absolute;z-index:-1;width:110px;height:3px;right:18px;top:19px;transform:rotate(-24deg);transform-origin:right center;background:linear-gradient(90deg,transparent,var(--flight-light));border-radius:100%;box-shadow:0 -5px 12px var(--flight-light);opacity:.55}
.coin-traveler .coin-flight-face{display:block;width:40px;height:40px;position:relative;border-radius:50%;animation:mint-turn .7s cubic-bezier(.4,0,.6,1) infinite}
.coin-traveler .coin-flight-face:after{content:'';position:absolute;inset:3px;border-radius:50%;background:linear-gradient(115deg,transparent 25%,#fff9 43%,transparent 60%);mix-blend-mode:screen;animation:mint-glint .9s ease-out infinite}
.coin-traveler .currency-coin{animation:none;filter:contrast(1.12) saturate(1.08);border-radius:50%;box-shadow:2px 3px 0 #564329,0 0 1px 1px #fff8}
.coin-traveler.silver .currency-coin{box-shadow:2px 3px 0 #485767,0 0 1px 1px #fff9}
.coin-traveler.coin-hero .coin-flight-face{filter:brightness(1.15)}
.coin-landing-amount{padding:9px 15px;border:1px solid #ffe8ac70;border-radius:6px;background:linear-gradient(125deg,#28313cf5,#11171ff5);box-shadow:0 8px 25px #0006,inset 0 1px #fff3;font:800 19px/1.2 system-ui;letter-spacing:.02em;text-shadow:0 0 12px #e5b96260}
.coin-landing-amount.silver{border-color:#bddcf780;text-shadow:0 0 12px #c5dfff50}
.coin-arrival{animation:coin-broadcast-hit .85s ease-out}
.coin-recipient-dock{padding:17px 21px;border:1px solid #d0dce54d;border-radius:12px;background:linear-gradient(135deg,#2e3744f2,#101720f2);box-shadow:0 15px 40px #0008,inset 0 1px #fff2}
.impact-milestone{width:min(640px,calc(100vw - 28px));padding:28px 28px 28px 22px;gap:22px;border:1px solid #dcc38980;border-radius:16px;background:linear-gradient(105deg,#101820db,#111820ed),url('assets/sponsors/arena-light-trails.png') center/cover;box-shadow:0 24px 85px #000a,inset 0 1px #ffffff45,0 0 35px #e6c07c15;animation:milestone-broadcast-in .65s cubic-bezier(.16,1,.3,1)}
.impact-milestone:before{content:'';position:absolute;inset:8px;pointer-events:none;border:1px solid #f3dbab1f;clip-path:polygon(0 0,30% 0,30% 3%,3% 3%,3% 30%,0 30%,0 0,100% 0,100% 30%,97% 30%,97% 3%,70% 3%,70% 0,100% 0,100% 100%,70% 100%,70% 97%,97% 97%,97% 70%,100% 70%,100% 100%,0 100%,0 70%,3% 70%,3% 97%,30% 97%,30% 100%,0 100%)}
.impact-milestone:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#fff4 49%,transparent 62%);transform:translateX(-150%);animation:award-sweep 1.3s .25s ease-out both}
.impact-milestone .impact-court{opacity:.06}
.impact-milestone .impact-art{width:124px;height:124px;flex-basis:124px;animation:award-art-reveal .9s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 12px 16px #0008) drop-shadow(0 0 20px #f5ce7540)}
.impact-milestone .impact-art:before{content:'';position:absolute;inset:-8px;border:1px solid #ecc87970;border-radius:50%;box-shadow:0 0 25px #edd08e20,inset 0 0 25px #edd08e12;z-index:-1}
.impact-milestone .impact-art .award-art{width:100%;height:100%;object-fit:contain}
.impact-milestone small{color:#e9d19f;letter-spacing:.19em;font-size:9px}
.impact-milestone strong{font-size:clamp(21px,3vw,30px);letter-spacing:-.035em;margin:10px 0}
.impact-milestone span{color:#d1d8df;line-height:1.5}
.victory-modal{max-width:720px!important;border:1px solid #d9c18c80!important;border-radius:19px!important;background:linear-gradient(180deg,#0d151fd4,#101720f2),url('assets/sponsors/arena-light-trails.png') center/cover!important;box-shadow:0 35px 120px #000c,inset 0 1px #fff4!important;overflow:hidden}
.victory-modal>header{position:relative;z-index:2}.victory-modal>header h2{font:600 12px system-ui;letter-spacing:.12em;text-transform:uppercase;color:#c6cfd8}
.victory-stage{padding:0 18px 20px;overflow:hidden}
.victory-scoreboard{position:relative;z-index:2;background:linear-gradient(110deg,#253140b0,#0d1623cc);border-block:1px solid #cbb78470;color:#cbd7df;border-radius:3px;box-shadow:inset 0 1px #fff1}
.victory-scoreboard strong{color:#f6e1b7;letter-spacing:.18em}
.victory-rays{display:none}
.award-spotlights{position:absolute;inset:35px -25% 130px;z-index:-1;pointer-events:none;overflow:hidden;opacity:.75}
.award-spotlights:before,.award-spotlights:after{content:'';position:absolute;inset:0;background:conic-gradient(from 160deg at 12% 0,transparent 0deg,#e3f0ff24 17deg,#ffffff22 20deg,#e3f0ff13 25deg,transparent 29deg);filter:blur(12px);transform-origin:12% 0;animation:award-light-pan 7s ease-in-out infinite alternate}
.award-spotlights:after{transform:scaleX(-1);animation-name:award-light-pan-reverse}
.victory-trophy{position:relative;width:min(310px,66vw);margin:22px auto 10px;filter:drop-shadow(0 20px 18px #0009) drop-shadow(0 0 26px #ffda8a30);animation:award-art-reveal 1.05s cubic-bezier(.16,1,.3,1);isolation:isolate}
.victory-trophy:before{content:'';position:absolute;z-index:-1;inset:9% -12% 0;border:1px solid #d9c18c3d;border-radius:50%;background:radial-gradient(ellipse,#e9cf9321,transparent 65%);box-shadow:0 0 0 12px #d9c18c08,0 0 0 13px #d9c18c1a}
.victory-trophy:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#fff6 48%,transparent 64%);mix-blend-mode:screen;clip-path:ellipse(45% 48%);animation:award-sweep 1.7s .35s both}
.victory-trophy .award-art{max-height:280px}
.award-podium{position:relative;width:68%;height:20px;margin:0 auto 20px;border:1px solid #d8c28c75;border-radius:50%;background:linear-gradient(#e4d1a670,#59616caa 32%,#121922 68%);box-shadow:0 10px 0 -2px #141c27,0 11px 0 -1px #d3c39b4d,0 18px 30px #0009,0 -3px 25px #f8d38b40;animation:podium-reveal .8s ease-out}
.victory-stage .eyebrow{margin-top:25px;color:#e8d09c;font-size:10px;letter-spacing:.2em}
.victory-stage h3{font:900 clamp(30px,6vw,48px)/1.05 system-ui;letter-spacing:-.05em;text-wrap:balance;margin:10px 0}
.victory-stage>p:not(.eyebrow){font-size:13px;color:#bcc9d3}
.victory-prize{background:linear-gradient(110deg,#f3d89c0d,#e2eafa07);border:1px solid #d9bc793d;border-radius:9px;margin:18px 0;padding:14px}
.victory-prize strong{font-size:25px;background:linear-gradient(#fff7df,#dfb768);background-clip:text;-webkit-text-fill-color:transparent}
.victory-stage>.button{border-color:#e2c990;background:linear-gradient(#f1d8a5,#bd985b);color:#131b25;box-shadow:inset 0 1px #fff8,0 4px 0 #70562e,0 8px 20px #0007;font-weight:800}
@keyframes mint-turn{0%,100%{transform:perspective(160px) rotateY(-18deg) rotateZ(-8deg)}50%{transform:perspective(160px) rotateY(58deg) rotateZ(8deg)}}
@keyframes mint-glint{from{opacity:0;transform:rotate(-35deg)}45%{opacity:.7}to{opacity:0;transform:rotate(80deg)}}
@keyframes coin-broadcast-hit{0%{filter:brightness(1);box-shadow:0 0 0 0 #f5dc9b80}30%{filter:brightness(1.6);box-shadow:0 0 0 8px #f5dc9b30,0 0 28px #f5dc9b50}100%{filter:brightness(1);box-shadow:0 0 0 19px #f5dc9b00}}
@keyframes milestone-broadcast-in{from{opacity:0;transform:translate(-50%,26px) scale(.95);filter:blur(5px)}to{opacity:1;transform:translate(-50%,0) scale(1);filter:blur(0)}}
@keyframes award-art-reveal{from{opacity:0;transform:translateY(32px) scale(.84) rotateY(-24deg);filter:brightness(2)}to{opacity:1;transform:none}}
@keyframes podium-reveal{from{opacity:0;transform:scaleX(.65)}to{opacity:1;transform:scaleX(1)}}
@keyframes award-sweep{from{transform:translateX(-150%)}to{transform:translateX(150%)}}
@keyframes award-light-pan{from{transform:rotate(-7deg)}to{transform:rotate(8deg)}}
@keyframes award-light-pan-reverse{from{transform:scaleX(-1) rotate(-7deg)}to{transform:scaleX(-1) rotate(8deg)}}
.coin-flight-layer.motion-reduced .coin-traveler:before,.coin-flight-layer.motion-reduced .coin-flight-face:after{display:none}
.coin-flight-layer.motion-reduced .coin-flight-face{animation:none}
html[data-fan-motion="reduced"] .coin-flight-face,html[data-fan-motion="off"] .coin-flight-face{animation:none!important}
@media(prefers-reduced-motion:reduce){.coin-traveler:before,.coin-flight-face:after{display:none}.coin-flight-face,.coin-arrival{animation:none!important}}
@media(max-width:600px){.impact-milestone{padding:22px 19px;gap:17px}.impact-milestone .impact-art{width:86px;height:86px;flex-basis:86px}.impact-milestone strong{font-size:21px}.impact-milestone small{font-size:8px;letter-spacing:.1em}.victory-stage{padding-inline:2px}.victory-trophy{width:min(230px,61vw);margin-top:22px}.victory-trophy .award-art{max-height:230px}.victory-stage h3{font-size:32px}.victory-stage .eyebrow{letter-spacing:.13em}.victory-scoreboard strong{font-size:12px}.coin-traveler,.coin-traveler .coin-flight-face,.coin-traveler .currency-coin{width:40px;height:40px}.coin-landing-amount{font-size:16px}}
@media(max-height:850px){.victory-trophy{width:190px;margin-top:14px}.victory-trophy .award-art{max-height:190px}.award-podium{margin-bottom:10px}.victory-stage .eyebrow{margin-top:12px}.victory-stage h3{font-size:30px}.victory-prize{margin:12px 0;padding:10px}}

.coin-traveler.coin-hero .coin-flight-face{width:54px;height:54px;margin:-7px}.coin-traveler.coin-hero .currency-coin{width:54px;height:54px}

/* Pseudo-element sweeps must obey the same accessibility setting as the artwork. */
.motion-reduced .award-spotlights:before,.motion-reduced .award-spotlights:after,.motion-reduced .victory-trophy:after,.motion-reduced.impact-milestone:after,.motion-off .award-spotlights:before,.motion-off .award-spotlights:after,.motion-off .victory-trophy:after{animation:none!important;display:none}
@media(prefers-reduced-motion:reduce){.award-spotlights:before,.award-spotlights:after,.victory-trophy:after,.impact-milestone:after{animation:none!important;display:none}}

/* Balance-to-center broadcast bumper, then a coin stream into its recipient. */
.coin-center-reveal{--coin-light:#e3c17c;position:absolute;left:50%;top:46%;width:min(450px,calc(100vw - 32px));min-height:206px;box-sizing:border-box;display:flex;align-items:center;gap:25px;padding:30px;border-radius:17px;border:1px solid #e5d5ac8a;background:linear-gradient(110deg,#101822c7,#0d1722e8),url('assets/sponsors/arena-light-trails.png') center/cover;color:#fff;box-shadow:0 30px 90px #0009,inset 0 1px #fff5,0 0 40px #e3c17c15;isolation:isolate;transform:translate(-50%,-50%);overflow:hidden;will-change:transform,opacity}
.coin-center-reveal.silver{--coin-light:#c8e4fc;border-color:#d9eafa80}
.coin-center-grid{position:absolute;inset:9px;border:1px solid #ffffff18;pointer-events:none;border-radius:9px;background:repeating-linear-gradient(115deg,transparent 0 35px,#ffffff06 36px 37px)}
.coin-center-art{position:relative;flex:0 0 114px;width:114px;height:114px;z-index:1;filter:drop-shadow(0 10px 14px #0009) drop-shadow(0 0 22px #e3c17c35)}
.coin-center-art .currency-coin{width:114px;height:114px;display:block;object-fit:contain;filter:contrast(1.12);animation:coin-center-tilt 2.4s ease-in-out infinite}
.coin-center-halo{position:absolute;width:142px;height:142px;left:16px;top:50%;transform:translateY(-50%);border-radius:50%;border:1px solid #e3c17c65;box-shadow:0 0 0 10px #fff1,0 0 0 11px #ffffff14,inset 0 0 25px #e3c17c18}
.silver .coin-center-halo{border-color:#c8e4fc65;box-shadow:0 0 0 10px #fff1,0 0 0 11px #ffffff14,inset 0 0 25px #c8e4fc18}
.coin-center-copy{min-width:0;position:relative;z-index:1}.coin-center-copy small{display:block;font:800 9px/1.3 system-ui;letter-spacing:.17em;color:var(--coin-light)}
.coin-center-copy strong{display:block;font:900 clamp(32px,6vw,43px)/1.05 system-ui;letter-spacing:-.05em;margin:10px 0;color:#fff3d7;text-shadow:0 2px 10px #0008}.coin-center-copy strong span{display:block;font:700 14px/1.5 system-ui;text-transform:uppercase;letter-spacing:.14em;color:var(--coin-light)}
.silver .coin-center-copy strong{color:#eef7ff}.coin-center-copy p{font:700 13px/1.4 system-ui;margin:5px 0 0;overflow-wrap:anywhere;color:#e9eff5}.coin-center-copy em{display:block;font:400 10px/1.4 system-ui;color:#b0becb;margin-top:7px}
.coin-center-sheen{position:absolute;inset:-30%;pointer-events:none;background:linear-gradient(115deg,transparent 38%,#ffffff3d 48%,transparent 60%);transform:translateX(-130%);opacity:0}
.coin-center-on-air .coin-center-sheen{animation:coin-center-sweep 1s ease-out both}
.coin-impact-ring{position:absolute;width:46px;height:46px;border-radius:50%;border:2px solid #ffe1a5;box-shadow:0 0 18px #f5c36288,inset 0 0 12px #f5c36255;pointer-events:none}.coin-impact-ring.silver{border-color:#d4edff;box-shadow:0 0 18px #b5ddff88,inset 0 0 12px #b5ddff55}
@keyframes coin-center-tilt{0%,100%{transform:perspective(300px) rotateY(-12deg) rotateZ(-4deg)}50%{transform:perspective(300px) rotateY(12deg) rotateZ(3deg)}}
@keyframes coin-center-sweep{0%{transform:translateX(-130%);opacity:0}20%,75%{opacity:.7}100%{transform:translateX(130%);opacity:0}}
.motion-reduced .coin-center-reveal,.motion-off .coin-center-reveal{display:none}
@media(prefers-reduced-motion:reduce){.coin-center-art .currency-coin,.coin-center-on-air .coin-center-sheen{animation:none!important}.coin-center-reveal,.coin-impact-ring{display:none}}
@media(max-width:600px){.coin-center-reveal{gap:20px;padding:25px 22px;min-height:185px}.coin-center-art,.coin-center-art .currency-coin{width:92px;height:92px}.coin-center-art{flex-basis:92px}.coin-center-halo{width:114px;height:114px;left:10px}.coin-center-copy strong{font-size:34px}.coin-center-copy small{font-size:8px;letter-spacing:.1em}.coin-center-copy p{font-size:12px}}

/* Purchase celebration: a bright arena reveal, then a full coin shower into Gold. */
.coin-purchase-reveal{width:min(610px,calc(100vw - 32px));min-height:280px;padding:40px 38px;gap:38px;border-color:#ffe2a7;background:radial-gradient(ellipse at 20% 50%,#b77d2040,transparent 56%),linear-gradient(110deg,#0f1823d9,#0b1320ed),url('assets/sponsors/arena-light-trails.png') center/cover;box-shadow:0 35px 100px #000a,0 0 80px #f2be4830,inset 0 1px #fff9;overflow:visible}
.coin-purchase-reveal .coin-center-grid{background:repeating-linear-gradient(115deg,transparent 0 42px,#ffe3a508 43px 44px);border-color:#ffe9b930;overflow:hidden}
.coin-purchase-reveal .coin-center-art{flex-basis:156px;width:156px;height:156px;filter:drop-shadow(0 14px 20px #0009) drop-shadow(0 0 35px #ffc75f70);z-index:3}
.coin-purchase-reveal .coin-center-art .currency-coin{width:156px;height:156px;animation:purchase-mint-rise 1.8s cubic-bezier(.2,.7,.3,1) both,coin-center-tilt 2.4s 1.8s ease-in-out infinite}
.coin-purchase-reveal .coin-center-halo{left:26px;width:182px;height:182px;border-color:#ffe1a7;box-shadow:0 0 0 14px #e0ae3420,0 0 0 15px #ffe0a150,0 0 50px #f5c75b3b,inset 0 0 30px #ffc45a30}
.coin-purchase-reveal .coin-center-copy{z-index:4}.coin-purchase-reveal .coin-center-copy small{color:#ffdd90;font-size:10px;letter-spacing:.17em}.coin-purchase-reveal .coin-center-copy strong{font-size:clamp(42px,8vw,64px);color:#fff3c9;text-shadow:0 0 22px #f2b74350}.coin-purchase-reveal .coin-center-copy strong span{font-size:16px}.coin-purchase-reveal .coin-center-copy p{font-size:16px;font-weight:800}.coin-purchase-reveal .coin-center-copy em{font-size:12px;color:#d0c5ad}
.coin-purchase-reveal .coin-center-sheen{inset:0;overflow:hidden;border-radius:17px}.coin-purchase-reveal.coin-center-on-air .coin-center-sheen{animation:coin-center-sweep 1.2s ease-out both}
.coin-purchase-stack{position:absolute;left:28px;top:50%;width:175px;height:175px;transform:translateY(-50%);z-index:2;pointer-events:none}
.coin-purchase-stack>span{position:absolute;left:calc(20px + var(--stack)*17px);top:calc(80px + var(--stack)*9px);transform:rotate(calc(-22deg + var(--stack)*12deg));filter:drop-shadow(0 5px 6px #0009);animation:purchase-stack-rise .75s calc(var(--stack)*65ms) both cubic-bezier(.2,.8,.3,1)}
.coin-purchase-stack .currency-coin{width:64px;height:64px;max-width:none}
.coin-purchase-burst{position:absolute;left:50%;top:46%;width:min(820px,145vw);height:min(650px,95vh);transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(ellipse,#ffcb6220,transparent 65%);animation:purchase-aura 2.6s ease-out both}
.coin-purchase-burst:before{content:'';position:absolute;inset:10%;border-radius:50%;border:1px solid #ffdb8a70;box-shadow:0 0 30px #ffdc8d30;animation:purchase-orbit 1.7s .2s ease-out both}
.coin-purchase-burst>i{position:absolute;width:2px;height:65%;left:50%;bottom:50%;transform-origin:center bottom;transform:rotate(var(--ray));opacity:0;background:linear-gradient(transparent,#ffe7ad90 35%,transparent 68%);animation:purchase-rays 1.5s var(--ray-delay) ease-out both}
@keyframes purchase-mint-rise{0%{opacity:0;transform:perspective(400px) translateY(30px) rotateY(-65deg) scale(.75);filter:brightness(2)}45%{opacity:1;transform:perspective(400px) translateY(-6px) rotateY(12deg) scale(1.06);filter:brightness(1.2)}100%{opacity:1;transform:perspective(400px) rotateY(-12deg) rotateZ(-4deg);filter:brightness(1)}}
@keyframes purchase-stack-rise{from{opacity:0;translate:0 35px;scale:.7}to{opacity:1;translate:0 0;scale:1}}
@keyframes purchase-aura{0%{opacity:0}25%,75%{opacity:1}100%{opacity:0}}
@keyframes purchase-orbit{from{opacity:.8;scale:.5}to{opacity:0;scale:1.3}}
@keyframes purchase-rays{0%{opacity:0;scale:.4}35%{opacity:.8}100%{opacity:0;scale:1.15}}
@media(max-width:600px){.coin-purchase-reveal{min-height:230px;padding:30px 22px;gap:22px}.coin-purchase-reveal .coin-center-art,.coin-purchase-reveal .coin-center-art .currency-coin{width:104px;height:104px}.coin-purchase-reveal .coin-center-art{flex-basis:104px}.coin-purchase-reveal .coin-center-halo{left:13px;width:122px;height:122px}.coin-purchase-reveal .coin-center-copy small{font-size:8px;letter-spacing:.09em}.coin-purchase-reveal .coin-center-copy strong{font-size:40px;letter-spacing:-.05em}.coin-purchase-reveal .coin-center-copy p{font-size:13px}.coin-purchase-reveal .coin-center-copy em{font-size:10px}.coin-purchase-stack{left:7px;width:125px;height:125px}.coin-purchase-stack>span{left:calc(12px + var(--stack)*11px);top:calc(61px + var(--stack)*5px)}.coin-purchase-stack .currency-coin{width:44px;height:44px}}
.motion-reduced .coin-purchase-burst,.motion-off .coin-purchase-burst{display:none}
@media(prefers-reduced-motion:reduce){.coin-purchase-burst{display:none}.coin-purchase-reveal *{animation:none!important}}