/* Cosmic helix pass: rounded energy instead of hard-edged dashboard chrome. */
:root{--cosmic-pink:#e855ff;--cosmic-violet:#7d3cff;--cosmic-cyan:#20e8e0;--cosmic-gold:#ffd979}
body{background:#05030d;overflow-x:hidden}
body:before{inset:-12%;background:radial-gradient(ellipse at 16% 18%,#a52cff55,transparent 35%),radial-gradient(ellipse at 88% 34%,#00d9d052,transparent 33%),radial-gradient(ellipse at 52% 82%,#7426ff42,transparent 38%),linear-gradient(145deg,#120622,#03030b 70%);animation:cosmic-breathe 18s ease-in-out infinite alternate}
body:after{inset:-15%;background-image:radial-gradient(1px 1px at 12% 24%,#fff 0 1px,transparent 2px),radial-gradient(2px 2px at 73% 16%,#b8faff 0 1px,transparent 2px),radial-gradient(1px 1px at 42% 78%,#ffd7ff 0 1px,transparent 2px),radial-gradient(1px 1px at 88% 72%,#fff1b0 0 1px,transparent 2px);background-size:280px 240px,360px 310px,420px 370px,510px 430px;opacity:.62;animation:sky-pan 55s linear infinite}
.nebula{z-index:-3;filter:blur(44px) saturate(170%)}
.nebula span{width:48vw;height:18vw;border-radius:50%;opacity:.33;filter:blur(12px);mix-blend-mode:screen;transform:rotate(-28deg)}
.nebula span:nth-child(1){left:-9vw;top:20%;background:linear-gradient(90deg,transparent,#ba35ff 25%,#ff64e8 48%,#572aff 78%,transparent);box-shadow:0 0 55px #c32dff;animation:helix-drift-one 22s ease-in-out infinite alternate}
.nebula span:nth-child(2){right:-12vw;top:42%;background:linear-gradient(90deg,transparent,#00e9e0 25%,#78fff4 48%,#327bff 78%,transparent);box-shadow:0 0 55px #17ddd2;animation:helix-drift-two 26s ease-in-out infinite alternate}
.nebula span:nth-child(3){left:25%;top:76%;background:linear-gradient(90deg,transparent,#722cff 22%,#e74dff 50%,#14cfe4 80%,transparent);box-shadow:0 0 55px #a735ff;animation:helix-drift-three 30s ease-in-out infinite alternate}
.stats,.stage section,.rules{border:0;border-radius:34px;background:linear-gradient(145deg,#1e1230cc,#070610d9);box-shadow:0 0 0 1px #f1bdff1c,0 0 38px #a63dff22,inset 0 0 30px #6e35a51c}
.stats:before,.stage section:before,.rules:before{content:"";position:absolute;inset:-3px;border-radius:inherit;padding:3px;background:conic-gradient(from 20deg,transparent 0 12%,var(--cosmic-pink) 18%,var(--cosmic-violet) 33%,transparent 44% 56%,var(--cosmic-cyan) 65%,var(--cosmic-violet) 82%,transparent 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:helix-spin 14s linear infinite}
.stage section:before{left:-3px;right:-3px;top:-3px;bottom:-3px;height:auto;background:conic-gradient(from 140deg,transparent 0 16%,var(--cosmic-cyan) 24%,var(--cosmic-violet) 38%,transparent 50% 60%,var(--cosmic-pink) 72%,var(--cosmic-violet) 86%,transparent 96%)}
.stage section:after,.stats:after,.rules:after{content:"";position:absolute;inset:10px;border:1px solid #d56cff2b;border-radius:28px;pointer-events:none;transform:rotate(-.35deg);box-shadow:0 0 18px #b744ff18}
.card,.board{border-radius:26px;border-color:#d56bff45;background:radial-gradient(ellipse at 50% 0%,#8138a83d,transparent 64%),linear-gradient(155deg,#241432e8,#090711ed);box-shadow:0 0 20px #a13ff01c,inset 0 1px #fff1ff12}
.card.first{border-radius:32px;background:radial-gradient(ellipse at 50% 0%,#d59a3c42,transparent 68%),linear-gradient(155deg,#35202de8,#0b0811ed)}
.board{overflow:hidden}
.button,.pill,.preview{border-radius:999px}
.side{z-index:1;mix-blend-mode:normal}
.side img{filter:drop-shadow(0 0 22px #c548ff55) drop-shadow(0 18px 26px #0009)}
.side.left{padding-top:30px;align-self:center}
.presenter-poses{position:relative;width:100%;max-height:600px;aspect-ratio:3/4}
.presenter-pose{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 72%;animation:presentation-pose 8s ease-in-out infinite}
.presenter-raised{opacity:0;animation-name:presentation-raised}
.side.left p{position:relative;margin:-12px auto 0;max-width:270px;padding:18px 20px;color:#fff0c1;font-family:var(--display);font-size:18px;line-height:1.28;letter-spacing:.5px;text-shadow:0 2px #512269,0 0 18px #ffb9ff66;animation:bubble-pop 8s ease-in-out infinite}
.side.left p:before{content:"";position:absolute;inset:0 -8px;border-radius:40% 60% 48% 52%/55% 42% 58% 45%;background:linear-gradient(135deg,#8a35ff2e,#ff5ce92e,#20e8e01e);border:2px solid #de70ff66;box-shadow:0 0 28px #ad43ff33;z-index:-1;transform:rotate(-3deg)}
.side.right{padding-top:22px}
.keno-stage{position:relative;width:100%;max-height:720px}
.side.right img{border-radius:0;mask-image:none;-webkit-mask-image:none;max-height:720px;object-fit:contain}
.tile-pulse{position:absolute;z-index:2;width:25%;height:14%;border:3px solid #8affd1;border-radius:28%;opacity:0;mix-blend-mode:screen;box-shadow:0 0 12px 5px #00ff9d,0 0 38px 14px #00e5a8;background:#28ffae44;animation:tile-sequence 8s ease-in-out infinite}
.tile-6{left:13%;top:57%;animation-delay:0s}.tile-7{left:38%;top:57%;animation-delay:1s}.tile-8{left:64%;top:57%;animation-delay:2s}.tile-15{left:39%;top:77%;animation-delay:3s}
.keno-stage:after{content:"";position:absolute;inset:8% 7% 8%;z-index:1;pointer-events:none;border-radius:50%;background:#00ff9d;opacity:0;mix-blend-mode:screen;filter:blur(40px);animation:keno-flash 8s ease-in-out infinite}
.side.right{filter:drop-shadow(0 0 34px #4ce8a61a)}
.hero h1,.brand,h2{filter:drop-shadow(0 0 12px #d453ff22)}
@keyframes helix-spin{to{transform:rotate(360deg)}}
@keyframes helix-drift-one{to{transform:translate(20vw,-8vh) rotate(-18deg) scale(1.22)}}
@keyframes helix-drift-two{to{transform:translate(-18vw,11vh) rotate(-38deg) scale(.82)}}
@keyframes helix-drift-three{to{transform:translate(12vw,-8vh) rotate(-14deg) scale(1.18)}}
@keyframes presentation-pose{0%,18%{opacity:1;transform:translateY(0) rotate(-1deg)}38%,62%{opacity:0;transform:translateY(-8px) rotate(1deg)}82%,100%{opacity:1;transform:translateY(0) rotate(-1deg)}}
@keyframes presentation-raised{0%,18%{opacity:0;transform:translateY(8px) rotate(-1deg)}38%,62%{opacity:1;transform:translateY(0) rotate(1deg)}82%,100%{opacity:0;transform:translateY(8px) rotate(-1deg)}}
@keyframes bubble-pop{0%,28%{opacity:0;transform:scale(.86) translateY(14px)}38%,70%{opacity:1;transform:scale(1) translateY(0)}82%,100%{opacity:0;transform:scale(.94) translateY(-4px)}}
@keyframes tile-sequence{0%,100%{opacity:0;transform:scale(.9)}7%,18%{opacity:1;transform:scale(1.04)}24%,100%{opacity:0;transform:scale(1)}}
@keyframes keno-flash{0%,42%{opacity:0}54%,68%{opacity:.22}74%,100%{opacity:0}}
@media(max-width:1100px){.presenter-poses{max-height:480px}.side.left p{font-size:15px}.side.right img{max-height:560px}}
@media(max-width:760px){.side.left{display:block;padding:0;width:min(100%,360px);justify-self:center}.presenter-poses{max-height:420px}.side.left p{margin:-34px auto 0;font-size:17px}.side.right img{max-height:500px}.stats,.stage section,.rules{border-radius:27px}.stage section:after,.stats:after,.rules:after{border-radius:21px}}
@media(prefers-reduced-motion:reduce){body:before,body:after,.nebula span,.stats:before,.stage section:before,.rules:before,.presenter-pose,.side.left p,.tile-pulse,.keno-stage:after{animation:none}.presenter-rest{opacity:1}.presenter-raised{opacity:0}}