:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#090812;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit}.app-shell{background:radial-gradient(circle at 12% 18%,#ff4d6d57,#0000 26%),radial-gradient(circle at 78% 14%,#00bbf947,#0000 26%),radial-gradient(circle at 84% 70%,#c77dff33,#0000 22%),radial-gradient(circle at 36% 82%,#ffe45e1f,#0000 18%),linear-gradient(135deg,#090812 0%,#171125 46%,#05040a 100%);place-items:center;min-height:100vh;padding:clamp(20px,4vw,48px);display:grid;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 78%);mask-image:radial-gradient(circle,#000 0%,#0000 78%)}.spotlight{pointer-events:none;filter:blur(3px);opacity:.36;transform-origin:top;width:22vw;min-width:180px;height:120vh;position:absolute;top:-12vh}.spotlight-one{background:linear-gradient(#ff9f1cd1,#0000 72%);left:10%;transform:rotate(20deg)}.spotlight-two{background:linear-gradient(#2ec4b6bd,#0000 70%);right:8%;transform:rotate(-18deg)}.content-panel{z-index:1;grid-template-columns:minmax(280px,.9fr) minmax(360px,1fr);justify-content:space-between;align-items:center;gap:clamp(24px,4vw,60px);width:min(1180px,100%);display:grid;position:relative}.intro{justify-self:start;gap:22px;width:100%;max-width:560px;display:grid}.show-label,.eyebrow{color:#ffd166;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.84rem;font-weight:900}h1,h2,p{margin-top:0}h1{color:#fff;text-shadow:0 0 28px #ff2e6361;max-width:10ch;margin-bottom:0;font-size:clamp(3rem,6.2vw,5.7rem);line-height:.94}.lead{color:#ffffffc7;max-width:56ch;margin-bottom:0;font-size:clamp(1rem,2vw,1.22rem);line-height:1.65}.actions{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:50px;font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex}.primary-button{color:#17080d;background:linear-gradient(135deg,#ffd166,#ff2e63);padding:0 22px;box-shadow:0 16px 34px #ff2e6357}.secondary-button{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff3d;padding:0 18px}.primary-button:hover:not(:disabled),.secondary-button:hover{transform:translateY(-2px)}.primary-button:disabled{cursor:wait;opacity:.72}.presenter-card,.result-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0917d1;border:1px solid #ffffff2e;border-radius:8px;width:100%;box-shadow:0 20px 46px #00000052}.presenter-card{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:16px;padding:12px;display:grid}.presenter-media{background:linear-gradient(135deg,#ff2e636b,#4cc9f059);border-radius:6px;place-items:center;height:118px;display:grid;overflow:hidden}.presenter-media img{object-fit:cover;width:100%;height:100%}.presenter-fallback{color:#fff;text-align:center;place-items:center;gap:8px;font-weight:900;display:grid}.presenter-card h2{margin:6px 0 0;font-size:clamp(1rem,2vw,1.42rem);line-height:1.25}.result-card{padding:20px;position:relative;overflow:hidden}.result-card:after{content:"";opacity:.22;background-color:#0000;background-image:radial-gradient(circle,#ffd166a6 0 3px,#0000 4px),radial-gradient(circle,#4cc9f08c 0 3px,#0000 4px);background-position:0 0,20px 24px;background-repeat:repeat,repeat;background-size:46px 46px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:1.8s linear infinite confetti;position:absolute;inset:-30%}.result-card>*{z-index:1;position:relative}.result-card svg{color:#ffd166}.result-card p{color:#ffffffbd;text-transform:uppercase;margin:10px 0 4px;font-weight:800}.result-card h2{color:#fff;margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.result-image{object-fit:cover;border:2px solid #ffffff29;border-radius:8px;width:100%;max-height:280px;margin-top:16px;display:block}.result-link{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:44px;margin-top:14px;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex}.wheel-stage{aspect-ratio:1;justify-self:center;place-items:center;width:clamp(360px,43vw,530px);display:grid;position:relative;overflow:visible}.wheel-stage:before{content:"";filter:blur(34px);opacity:.52;background:conic-gradient(from 90deg,#ff4d6d,#ff9f1c,#ffe45e,#2ec4b6,#00bbf9,#4361ee,#c77dff,#277dff,#ffaaaf,#ff006e,#fb5607,#ffbe0b,#8ac926,#1982c4,#6a4c93,#ff595e,#00f5d4,#b8f2e6,#f72585,#7209b7,#3a0ca3,#4895ef,#4cc9f0,#f9c74f,#ff4d6d);border-radius:50%;position:absolute;inset:-5%}.pointer{z-index:4;filter:drop-shadow(0 10px 12px #00000073);border-top:58px solid #fff;border-left:24px solid #0000;border-right:24px solid #0000;width:0;height:0;position:absolute;top:-8px}.wheel-rotator{width:100%;height:100%;position:relative}.wheel-idle{transform:rotate(var(--idle-start));animation:18s linear infinite idleSpin}.wheel{isolation:isolate;border:12px solid #fff3;border-radius:50%;width:100%;height:100%;position:relative;overflow:visible;box-shadow:inset 0 0 0 12px #00000038,0 24px 60px #0000007a}.wheel-svg{z-index:0;border-radius:50%;width:100%;height:100%;display:block;position:absolute;inset:0}.wheel-slice{stroke:#ffffff29;stroke-width:1.2px;vector-effect:non-scaling-stroke}.wheel-inner-ring{fill:none;stroke:#00000029;stroke-width:18px}.wheel-label-layer{z-index:10;pointer-events:none;position:absolute;inset:0}.wheel-html-label{text-align:center;z-index:11;place-items:center;width:104px;min-height:38px;display:grid;position:absolute;transform:translate(-50%,-50%)}.wheel-html-label-image{width:58px;min-height:58px}.wheel-html-label-text{color:#fff;letter-spacing:0;text-shadow:0 1px #000c,0 0 8px #000000f2;text-transform:uppercase;background:#07050e6b;border:1px solid #ffffff57;border-radius:6px;gap:1px;padding:5px 7px;font-size:.76rem;font-weight:1000;line-height:1;display:grid}.wheel-html-label-text span{display:block}.wheel-html-label-text-long{font-size:.64rem}.wheel-html-image{aspect-ratio:1;object-fit:cover;border:4px solid #fffffff0;border-radius:12px;width:100%;box-shadow:0 8px 12px #0000005c}.wheel-rim{z-index:4;border:7px dashed #ffffffc2;border-radius:50%;animation:1.4s ease-in-out infinite rimPulse;position:absolute;inset:-16px}.wheel-center{z-index:5;aspect-ratio:1;color:#160915;background:radial-gradient(circle,#fff 0 42%,#ffd166 100%);border:8px solid #ffffff57;border-radius:50%;place-items:center;width:28%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 28px #00000057}.wheel-center strong{letter-spacing:0;font-size:clamp(1.1rem,3vw,2.1rem)}@keyframes rimPulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes idleSpin{0%{transform:rotate(var(--idle-start))}to{transform:rotate(calc(var(--idle-start) + 360deg))}}@keyframes confetti{0%{transform:translateY(-12px)rotate(0)}to{transform:translateY(24px)rotate(12deg)}}@media (width<=860px){.app-shell{place-items:start center}.content-panel{grid-template-columns:1fr}.intro{order:2}.wheel-stage{order:1;width:min(88vw,460px)}h1{max-width:100%;font-size:clamp(3rem,16vw,5.3rem)}}@media (width<=560px){.app-shell{padding:18px}.actions,.primary-button,.secondary-button{width:100%}.presenter-card{grid-template-columns:1fr}.presenter-media{height:170px}.wheel-svg-label{stroke-width:3px}.wheel-html-label{width:78px}.wheel-html-label-image{width:48px;min-height:48px}.wheel-html-label-text{font-size:.58rem}.wheel-html-label-text-long{font-size:.52rem}}