:root{color-scheme:dark;--text:#f2f2f2;--muted:#959595;--pink:#bbbbbb;--cyan:#d9d9d9;--line:#b6b6b61c}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#111111;color:var(--text);font-family:"Montserrat",Arial,sans-serif;background-image:radial-gradient(ellipse at 28% 50%,#48484833,transparent 50%),radial-gradient(ellipse at 65% 36%,#4949492b,transparent 50%)}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle,#c7c7c780 .65px,transparent 1px) 33px 44px/143px 177px;opacity:.24}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button:disabled{cursor:default}header{height:91px;margin:0 4.5%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:relative}.brand{font-size:24px;font-weight:400;letter-spacing:-1px;color:#ededed;text-decoration:none}.brand span{color:#bababa}.brand small{display:block;font-size:7px;letter-spacing:2.3px;font-weight:400;color:#858585;margin-top:7px}nav{font-size:12px;color:#d8d8d8;display:flex;align-items:center;gap:9px}nav i{width:6px;height:6px;border-radius:50%;background:#dadada;box-shadow:0 0 12px #d7d7d7}.workspace{max-width:1300px;min-height:calc(100dvh - 91px);padding:40px 50px 32px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:65px;align-items:center}.stage{min-width:0;position:relative;text-align:center}.stage-top{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:24px;font-size:9px;letter-spacing:3px;color:#adadad}.stage-top:before,.stage-top:after{content:'';height:1px;width:36px;background:linear-gradient(90deg,transparent,#a6a6a666)}.stage-top:after{transform:rotate(180deg)}.wheel-wrap{position:relative;width:min(100%,610px);aspect-ratio:1;margin:0 auto;isolation:isolate;filter:drop-shadow(0 18px 30px #00000055)}.wheel-wrap:before{content:'';position:absolute;inset:-9%;z-index:-2;border-radius:50%;background:radial-gradient(circle,#81818100 48%,#73737318 58%,transparent 70%);transition:opacity 1s}.wheel-wrap.spinning:before{opacity:1;animation:breathe 3s ease-in-out infinite alternate}.halo{position:absolute;inset:-3.2%;border:1px solid #bfbfbf17;border-radius:50%;box-shadow:0 0 0 13px #9c9c9c04}.rim{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,#353535,#c3c3c3 12%,#4c4c4c 20%,#2a2a2a 36%,#8b8b8b 48%,#d5d5d5 51%,#444444 65%,#707070 85%,#353535);box-shadow:0 0 0 1px #b9b9b94d,0 0 28px #aeaeae2e,inset 0 0 9px #ffffff66}.rim:before{content:'';position:absolute;inset:7px;border:1px solid #cdcdcd80;border-radius:50%;background:#232323;box-shadow:inset 0 0 20px #070707,0 0 0 3px #18181880}.rim:after{content:'';position:absolute;inset:4.4%;border:2px solid #bfbfbf80;border-radius:50%;box-shadow:0 0 7px #bcbcbc66;pointer-events:none}.bulbs{position:absolute;inset:0;pointer-events:none;z-index:3}.bulb{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px;background:#e8e8e8;border-radius:50%;transform:rotate(var(--a)) translateY(var(--radius));box-shadow:0 0 5px #ffffff,0 0 12px #b6b6b6;opacity:.85}.bulb:nth-child(3n){background:#d6d6d6;box-shadow:0 0 6px #cccccc,0 0 13px #a8a8a8}.wheel-face{position:absolute;inset:5%;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 22px #00000099;background:#2f2f2f}.rotor{width:100%;height:100%;display:block;will-change:transform;transform:rotate(0rad)}.glass{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,#ebebeb14 0%,transparent 40%,#09090920 100%);box-shadow:inset 0 0 35px #00000055;pointer-events:none}.hub{position:absolute;inset:41%;border-radius:50%;display:grid;place-content:center;background:radial-gradient(circle at 35% 20%,#4b4b4b,#212121 65%);border:1px solid #cdcdcdaa;box-shadow:0 0 0 5px #1d1d1d,0 0 0 6px #b8b8b866,0 6px 20px #00000088,0 0 35px #b2b2b222;z-index:4}.hub strong{font-size:clamp(20px,2.5vw,34px);letter-spacing:-2px;color:#d9d9d9}.hub small{font-size:6px;letter-spacing:2px;color:#ababab;margin-top:5px}.pointer{position:absolute;z-index:6;top:-13px;left:calc(50% - 17px);width:34px;height:56px;filter:drop-shadow(0 0 9px #bababa77);transform-origin:50% 10px}.pointer svg{width:100%;height:100%}.pointer.tick{animation:tick .12s ease-out}.under-wheel{height:87px;margin-top:30px;display:flex;align-items:center;flex-direction:column;justify-content:center}.stage-state{font-size:12px;color:#b3b3b3;letter-spacing:.4px}.stage-state:before{content:'';display:inline-block;height:5px;width:5px;background:#bfbfbf;border-radius:50%;margin-right:8px;box-shadow:0 0 8px #d0d0d055}.winner{font-size:26px;font-weight:400;letter-spacing:-.7px;color:#cdcdcd;margin-top:7px;min-height:31px}.winner.reveal{animation:reveal .7s cubic-bezier(.2,.8,.2,1) both}.progress{height:2px;width:110px;background:#afafaf1a;margin-top:13px;overflow:hidden;border-radius:3px}.progress>div{height:100%;background:linear-gradient(90deg,#cdcdcd,#bdbdbd);width:0;box-shadow:0 0 10px #b0b0b0}.panel{padding:0 0 22px;position:relative}.eyebrow{font-size:9px;letter-spacing:2.5px;color:#b3b3b3;margin-bottom:15px}.panel h1{font-size:35px;font-weight:400;line-height:1.2;letter-spacing:-1.5px;margin:0 0 36px}.panel h1 span{color:#c3c3c3}label{display:block;font-size:11px;font-weight:400;color:#c5c5c5;margin:23px 0 10px}.field{display:flex;align-items:center;height:54px;border:1px solid #afafaf2b;background:linear-gradient(110deg,#252525b3,#23232380);border-radius:10px;transition:border-color .2s,box-shadow .2s}.field:focus-within{border-color:#bbbbbb8c;box-shadow:0 0 0 3px #a8a8a80b}.field>span{font-size:16px;width:43px;text-align:center;color:#a7a7a7;flex-shrink:0}.field input{background:transparent;border:0;color:#e9e9e9;outline:none!important;box-shadow:none;min-width:0;width:100%;height:100%;padding:0 12px 0 0;font-size:13px}.field input::placeholder{color:#7c7c7c}.duration-row{display:flex;align-items:center;gap:14px}.duration-row .field{width:115px}.duration-row .field input{padding-left:15px;font-size:15px}.duration-row .field>span{font-size:11px;width:40px;padding-right:10px;color:#9c9c9c}.duration-line{flex:1;color:#828282;font-size:10px;line-height:1.65}.launch{margin-top:30px;width:100%;height:56px;border-radius:10px;border:1px solid #c5c5c5;background:linear-gradient(110deg,#c3c3c3,#bebebe);box-shadow:inset 0 1px #ffffff88,0 3px 0 #6b6b6b,0 0 30px #afafaf29;color:#272727;font-weight:400;font-size:14px;display:flex;align-items:center;justify-content:center;gap:12px;transition:filter .2s,transform .2s}.launch:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.launch:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #6b6b6b}.launch:disabled{background:linear-gradient(110deg,#a8a8a8,#9b9b9b);border-color:#b0b0b0;color:#292929;box-shadow:0 2px 0 #5c5c5c}.launch svg{width:12px;height:12px;fill:currentColor}.panel:after{content:'P1RANO / 01';display:block;font-size:7px;letter-spacing:2px;color:#626262;margin-top:40px;text-align:center}.error{font-size:11px;color:#c4c4c4;line-height:1.6;min-height:0;margin:10px 0 0}.confetti{position:absolute;inset:-7%;pointer-events:none;overflow:visible;z-index:8}.confetti i{position:absolute;left:50%;top:50%;width:4px;height:8px;border-radius:1px;background:var(--c);animation:confetti 1.9s cubic-bezier(.15,.65,.35,1) forwards;opacity:0}@keyframes confetti{0%{transform:translate(0,0);opacity:0}15%{opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}@keyframes tick{0%{transform:rotate(-9deg)}100%{transform:rotate(0)}}@keyframes breathe{to{filter:brightness(1.6)}}@keyframes reveal{from{opacity:0;transform:translateY(8px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(min-width:1500px){.workspace{max-width:1420px;grid-template-columns:minmax(0,1fr) 360px;gap:90px}.wheel-wrap{width:650px}}@media(max-width:1050px){.workspace{gap:35px;padding:45px 35px;grid-template-columns:minmax(0,1fr) 300px}.panel h1{font-size:30px}.stage-top{font-size:8px;letter-spacing:2px}.under-wheel{margin-top:20px}}@media(max-width:760px){header{height:74px;margin:0 6%}.brand{font-size:21px}nav{font-size:10px}.brand small{font-size:6px}.workspace{padding:30px 25px 35px;display:flex;flex-direction:column;gap:18px}.stage{width:100%;max-width:450px}.stage-top{margin-bottom:24px}.wheel-wrap{width:92%}.hub strong{font-size:24px}.hub small{font-size:5px}.pointer{width:28px;height:46px;left:calc(50% - 14px)}.under-wheel{height:65px;margin-top:20px}.winner{font-size:22px}.panel{width:100%;max-width:400px;padding:0}.eyebrow,.panel h1{display:none}label{margin-top:17px}.panel:after{margin-top:28px}.launch{margin-top:24px}.duration-line{font-size:10px}.bulb{width:4px;height:4px;margin:-2px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rotor{will-change:auto}}
.panel:after{display:none}.wheel-wrap{width:min(100%,610px,calc(100svh - 245px))}.workspace{padding-top:40px;padding-bottom:15px}@media(max-width:760px){.wheel-wrap{width:92%}.workspace{padding-top:35px;padding-bottom:30px}}