@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');
:root{--gold:#d9ad50;--pale:#fff1ad;--green:#063c2c;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#010604;color:#fff8dc;font-family:Montserrat,Arial,sans-serif}.scene{position:relative;width:100%;height:100%;min-height:620px;overflow:hidden;isolation:isolate}.interior{position:absolute;z-index:-3;inset:-4%;background:radial-gradient(ellipse at 50% 5%,rgba(255,200,92,.2),transparent 30%),linear-gradient(90deg,#010805,#073326 28%,#02130e 50%,#073326 72%,#010805);animation:breath 12s ease-in-out infinite alternate;transform:scale(1.03)}.interior:before{content:"";position:absolute;inset:9% 14% 25%;border:1px solid #b6873226;border-radius:45% 45% 0 0;background:repeating-linear-gradient(90deg,transparent 0 15%,#e5bc5510 15.2% 15.7%,transparent 16% 30%);box-shadow:inset 0 0 80px #000}.rays{position:absolute;inset:-45% 10% 20%;background:conic-gradient(from 185deg at 50% 0,transparent 0 43%,#ffe6a514 46%,transparent 49% 52%,#ffe6a50c 55%,transparent 58%);filter:blur(7px);animation:rays 8s ease-in-out infinite alternate}.slots{position:absolute;bottom:18%;display:flex;gap:16px;opacity:.25;filter:blur(3px)}.slots.left{left:1%}.slots.right{right:1%}.slots i{width:70px;height:205px;border:2px solid #9b6a23;border-radius:28px 28px 8px 8px;background:linear-gradient(#3e210a 0 16%,#090c0b 16% 38%,#07533a 38% 62%,#1c1006 62%)}.table{position:absolute;left:50%;bottom:16%;width:520px;height:145px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#0d5e43 0 44%,#06271d 45% 57%,#865714 59% 62%,#1d0f04 63%);opacity:.25;filter:blur(5px)}.floor{position:absolute;left:-10%;right:-10%;bottom:-18%;height:49%;transform:perspective(500px) rotateX(51deg);background:repeating-linear-gradient(90deg,transparent 0 13%,#d3a84a10 13.3% 13.6%),repeating-linear-gradient(0deg,#020a07 0 44px,#12231c 45px 46px);box-shadow:inset 0 80px 100px #010604}header{height:82px;padding:0 clamp(20px,4vw,70px);display:flex;align-items:center;border-bottom:1px solid #dfb34f27;background:linear-gradient(#010806dd,#01080622);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:13px}.brand>b{font-size:34px;color:var(--gold);filter:drop-shadow(0 0 8px #e5ac4b88)}.brand strong,.brand small{display:block}.brand strong{font:600 20px 'Cormorant Garamond';letter-spacing:.14em}.brand small{margin-top:5px;font-size:7px;color:#b9a26c;letter-spacing:.32em}.live{margin-left:auto;margin-right:18px;border:1px solid #d5a74433;border-radius:20px;padding:8px 13px;font-size:8px;letter-spacing:.2em}.live i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#eccb6a;box-shadow:0 0 8px #ffc44d;animation:pulse 1.4s infinite}#sound{width:38px;height:38px;border:1px solid #d3a64b44;border-radius:50%;background:#05221899;color:#d9bd7d;cursor:pointer}main{position:absolute;inset:82px 0 100px;max-width:1700px;margin:auto;padding:0 clamp(25px,4vw,75px);display:grid;grid-template-columns:minmax(250px,.7fr) minmax(460px,1.25fr) minmax(230px,.7fr);align-items:center}.copy{z-index:5}.eyebrow{font-size:9px;letter-spacing:.33em;color:#c7aa67}h1{margin:14px 0 18px;font:600 clamp(44px,5vw,82px)/.82 'Cormorant Garamond';letter-spacing:-.04em;text-shadow:0 10px 30px #000}h1 em{font-style:normal;color:transparent;background:linear-gradient(#fff4b8,#d6a847 52%,#7d4c0c);background-clip:text;-webkit-background-clip:text}.intro{max-width:340px;font-size:11px;line-height:1.85;color:#a9b4ae}.status{display:flex;gap:13px;align-items:center;max-width:320px;margin-top:23px;padding:12px 14px;border:1px solid #d9aa4d32;border-radius:10px;background:#06271db8;backdrop-filter:blur(12px);box-shadow:0 12px 30px #0005}.status>b{display:grid;place-items:center;width:31px;height:31px;border:1px solid #d2a64b55;border-radius:50%;color:var(--gold);font-size:9px}.status small,.status strong{display:block}.status small{font-size:7px;color:#a08a59;letter-spacing:.24em}.status strong{margin-top:4px;font:600 13px 'Cormorant Garamond';letter-spacing:.06em}.wheel-zone{position:relative;z-index:3;justify-self:center;width:min(50vw,690px);aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 30px 30px #000)}.wheel-shell{position:relative;width:82%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff0a6,#d19b37 4%,#4e2b03 8%,#e2b24c 10%,#241100 13%);box-shadow:0 0 0 3px #201000,0 0 0 7px #d4a548,0 0 0 13px #4c2902,0 25px 60px #000}.wheel-shell:before{content:"";position:absolute;inset:-4%;z-index:-1;border-radius:50%;background:conic-gradient(#341900,#fff0a4,#603702,#e5bb62,#4b2802,#fff2ad,#341900)}#wheel{position:absolute;inset:11%;width:78%;height:78%;border-radius:50%;will-change:transform}.hub{position:absolute;z-index:5;left:50%;top:50%;width:22%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid #ffe18a;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffe98b,#af7215 32%,#211204 62%,#a66d18 76%,#170b00);box-shadow:0 8px 17px #000}.hub b{margin-top:8%;font-size:clamp(24px,3vw,46px);line-height:.55;color:#ffdc76}.hub small{font-size:clamp(5px,.48vw,8px);letter-spacing:.16em}.pointer{position:absolute;z-index:9;top:2.5%;left:50%;width:9%;height:19%;transform:translateX(-50%);background:linear-gradient(90deg,#452401,#ffdd77 45%,#724205);clip-path:polygon(8% 0,92% 0,68% 38%,55% 100%,44% 100%,31% 38%);filter:drop-shadow(0 6px 5px #000)}.pointer.tick{animation:tick .09s}.leds{position:absolute;inset:2%;z-index:4;border-radius:50%;pointer-events:none}.leds i{position:absolute;width:8px;height:8px;margin:-4px;border-radius:50%;background:#fff0a9;box-shadow:0 0 6px #fff,0 0 13px #ffb52c}.stand{position:absolute;z-index:-1;top:71%;left:50%;width:38%;height:39%;transform:translateX(-50%)}.stand i{position:absolute;left:38%;width:24%;height:80%;clip-path:polygon(35% 0,65% 0,82% 100%,18% 100%);background:linear-gradient(90deg,#281300,#c48824 25%,#ffe183 47%,#694006 75%,#190b00)}.stand b{position:absolute;bottom:0;width:100%;height:28%;border-radius:50% 50% 12px 12px;background:linear-gradient(#f0ca68,#704307 48%,#180b00);box-shadow:0 15px 20px #000}.hostess{position:relative;z-index:2;align-self:end;justify-self:center;width:min(29vw,410px);height:91%;transform-origin:50% 100%;animation:hostess 5s ease-in-out infinite;transition:.8s var(--ease)}.hostess img{position:absolute;z-index:2;left:50%;bottom:0;height:100%;max-width:145%;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 25px 20px #000c);transition:.8s var(--ease)}.halo{position:absolute;inset:12% 10% 0;background:radial-gradient(ellipse at 50% 35%,#e4ba6826,transparent 62%);filter:blur(15px)}.hostess.push{animation:none;transform:translateX(-15%) rotate(-2deg)}.hostess.watch{animation:watch 3.6s ease-in-out infinite}.hostess.celebrate{animation:celebrate 1s var(--ease) 2}.speech{position:absolute;z-index:5;top:17%;left:-4%;padding:10px 14px;border:1px solid #e6bd6650;border-radius:9px;background:#03140fc7;backdrop-filter:blur(12px);font:600 11px 'Cormorant Garamond';opacity:0;transform:translateY(8px);transition:.4s}.speech.show{opacity:1;transform:none}.controls{position:absolute;z-index:12;left:50%;bottom:50px;transform:translateX(-50%);display:flex;align-items:center;gap:17px;padding:8px;border:1px solid #d7a8493b;border-radius:17px;background:#031a12e8;backdrop-filter:blur(18px);box-shadow:0 15px 35px #000}.controls>i{font-size:8px;color:#b98a38}.controls button{width:170px;height:59px;border:1px solid #efd071;border-radius:9px;background:linear-gradient(#f8df87,#d2a144 48%,#986315 52%,#dbb24d);color:#241400;cursor:pointer;transition:.2s}.controls button:nth-of-type(2):not(:disabled){color:#f7e8bc;background:linear-gradient(#164c37,#08271c);border-color:#cda34c}.controls button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 0 26px #e8b64a55}.controls button:active:not(:disabled){transform:scale(.98)}.controls button:disabled{filter:grayscale(1) brightness(.55);opacity:.55;cursor:not-allowed}.controls small,.controls strong{display:block}.controls small{font-size:6px;letter-spacing:.24em}.controls strong{margin-top:3px;font:700 20px 'Cormorant Garamond';letter-spacing:.14em}footer{position:absolute;left:0;right:0;bottom:0;height:40px;padding:0 clamp(20px,4vw,70px);display:flex;align-items:center;gap:10px;border-top:1px solid #c89c3f22;background:#010705b8;color:#738178;font-size:7px;letter-spacing:.1em}footer>b{display:grid;place-items:center;width:22px;height:22px;border:1px solid #7b765d;border-radius:50%}footer span:last-child{margin-left:auto;color:#9d8653}.result{position:fixed;z-index:30;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#0b5038bd,#010604f5);backdrop-filter:blur(15px);opacity:0;visibility:hidden;transition:.7s var(--ease)}.result.open{opacity:1;visibility:visible}.result article{position:relative;width:min(90vw,470px);padding:46px 32px 37px;border:1px solid var(--gold);border-radius:22px;background:linear-gradient(145deg,#103e2deF,#020e0afa 65%);box-shadow:0 35px 90px #000,0 0 60px #dba94220;text-align:center;transform:scale(.84) translateY(25px);transition:.7s var(--ease)}.result.open article{transform:none}.result article>b{display:block;font-size:48px;color:#e5b858;text-shadow:0 0 25px #e6b44566;animation:float 2s infinite}.result article>small{font-size:8px;color:#b8a16a;letter-spacing:.4em}.result h2{margin:9px 0;font:700 clamp(38px,7vw,64px)/.95 'Cormorant Garamond';color:transparent;background:linear-gradient(#fff4b7,#c89231);background-clip:text;-webkit-background-clip:text}.result p{font:500 14px 'Cormorant Garamond';color:#9fb0a7}.result article button{border:1px solid #efd071;background:linear-gradient(#efd16f,#a96e1b);color:#201100;cursor:pointer}.result article>button:first-child{position:absolute;right:18px;top:15px;border:0;background:none;color:#baa267;font-size:25px}.result #claim{margin-top:18px;padding:14px 30px;border-radius:8px;font-size:9px;font-weight:700;letter-spacing:.2em}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-8%;width:6px;height:13px;background:#e4b958;animation:fall var(--dur) linear var(--delay) forwards}.confetti i:nth-child(3n){background:#0b8c63}.confetti i:nth-child(4n){background:#b21b31}
@keyframes breath{to{transform:scale(1.07) translateY(-.5%)}}@keyframes rays{to{opacity:.45;transform:translateX(2%) rotate(1deg)}}@keyframes pulse{50%{opacity:.3}}@keyframes hostess{50%{transform:translateY(-3px) rotate(-.15deg)}}@keyframes watch{50%{transform:translateX(-2%) rotate(-.35deg)}}@keyframes celebrate{50%{transform:translateY(-10px) rotate(-1deg)}}@keyframes tick{50%{transform:translateX(-50%) rotate(6deg)}}@keyframes float{50%{transform:translateY(-7px)}}@keyframes fall{to{transform:translateY(115vh) rotate(720deg)}}
@media(max-width:1050px){main{grid-template-columns:.8fr 1.4fr}.hostess{position:absolute;right:-2%;bottom:0;width:30%;height:72%;opacity:.9}.wheel-zone{width:min(63vw,650px)}}@media(max-width:720px){.scene{min-height:560px}header{height:64px;padding:0 15px}.brand strong{font-size:15px}.brand small{font-size:6px}.brand>b{font-size:26px}.live{display:none}main{inset:64px 0 106px;display:flex;flex-direction:column;padding:7px 10px}.copy{text-align:center;height:25%;display:flex;flex-direction:column;align-items:center}.eyebrow{font-size:7px;margin:3px}h1{font-size:clamp(34px,10vw,52px);margin:3px;line-height:.88}.intro{display:none}.status{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:245px;margin:0;padding:7px 10px;text-align:left}.wheel-zone{position:absolute;top:22%;width:min(92vw,510px)}.hostess{right:-9%;bottom:1%;width:38%;height:53%;opacity:.7}.speech{display:none}.controls{bottom:40px;width:calc(100% - 22px);gap:7px;justify-content:center}.controls button{width:43%;height:51px}.controls>i{font-size:6px}footer{height:34px;padding:0 12px}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.interior{transform:none}}