:root{color-scheme:dark;--lime:#d4ef00;--cream:#f8f8e9;--muted:#a5ab97}*{box-sizing:border-box}body{margin:0;background:#0b0e08;color:var(--cream);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:5px}.page{min-height:100svh;max-width:1440px;margin:auto;padding:22px 5vw 16px;background:radial-gradient(ellipse at 69% 46%,#34401155,transparent 48%)}header{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto}header img{width:137px;height:auto}.sound{display:flex;align-items:center;gap:8px;font-size:12px;color:#c6cbb8;background:#ffffff05;border:1px solid #ffffff1f;border-radius:30px;padding:12px 15px;min-height:44px}.sound span:first-child{font-size:20px;color:var(--lime)}main{max-width:1140px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:calc(100svh - 155px)}.eyebrow{font-size:12px;letter-spacing:2.4px;color:var(--lime);font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow>span{width:22px;height:1px;background:var(--lime)}h1{font-size:clamp(34px,4.5vw,66px);font-weight:900;letter-spacing:-2.4px;line-height:1.05;margin:25px 0}h1 em{font-style:normal;color:var(--lime)}.lead{font-size:18px;line-height:1.6;color:#b9bfaa}.lead strong{font-weight:400;color:var(--cream)}.experience{width:100%;max-width:500px;justify-self:center}.wheel-stage{position:relative;width:100%;aspect-ratio:1;margin:6px auto 14px;padding:19px}.halo{position:absolute;inset:0;border:1px solid #b6ce2430;border-radius:50%;box-shadow:0 0 80px #b9ec0017,inset 0 0 45px #b9ec0010}.halo:after{content:"";position:absolute;inset:9px;border:1px dashed #b6ce241f;border-radius:50%}.wheel-frame{position:relative;width:100%;height:100%;border-radius:50%;padding:15px;background:linear-gradient(135deg,#effe8a,#7c881e 30%,#232b0d 55%,#d5ee35 83%,#757f17);box-shadow:0 0 0 2px #d4ef0044,0 15px 40px #000, inset 0 0 0 5px #151c0c}.wheel{height:100%;border-radius:50%;overflow:hidden;will-change:transform;border:2px solid #8d9e2b}.wheel svg{display:block;width:100%;height:100%}.pointer{position:absolute;top:9px;left:50%;width:37px;height:44px;transform:translateX(-50%);clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(135deg,#ffffb9,#e6fa2d 45%,#9aaf00);z-index:3;filter:drop-shadow(0 4px 3px #000)}.hub{position:absolute;inset:36%;border-radius:50%;border:5px solid #292f11;background:linear-gradient(135deg,#e3f73a,#afc900);box-shadow:0 0 0 2px #d7ee62,0 5px 25px #000c;color:#111707;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:.8}.hub span{font-size:23px}.hub b{font-size:54px;font-weight:900}.bulb{position:absolute;width:6px;height:6px;margin:-3px;border-radius:50%;background:#f4ffb2;box-shadow:0 0 7px 2px #d9ff24;pointer-events:none}.spinning .bulb:nth-child(even){animation:twinkle .4s infinite alternate}@keyframes twinkle{to{opacity:.3}}.controls{text-align:center}#status{color:#bac295;font-size:12px;font-weight:700;letter-spacing:1.8px;min-height:15px;margin:0 0 14px}.primary{border:1px solid #f0ff71;background:linear-gradient(120deg,#e5f840,#c6e300 60%,#ddf62b);color:#141900;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:62px;padding:16px 23px;font-size:18px;font-weight:900;text-decoration:none;box-shadow:0 4px 0 #718408,0 7px 32px #b8e0001c;position:relative;overflow:hidden}.primary:active{transform:translateY(2px)}.primary>span:first-child:not(:last-child){flex-grow:1}.primary#spin>span:first-child{flex-grow:0;font-size:28px;line-height:1}.primary>span:last-child{font-size:25px}.primary:disabled{cursor:wait;filter:saturate(.6)}.text-button{font-size:13px;min-height:44px;background:none;border:0;color:#bfc5ae;margin-top:5px}.text-button span{margin-left:10px;color:var(--lime)}footer{display:flex;justify-content:center;align-items:center;gap:12px;max-width:750px;margin:15px auto 0}footer p{font-size:12px;color:#89917d;line-height:1.5;margin:0}.age{font-size:12px;border:1px solid #555d44;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;flex-shrink:0}dialog{color:var(--cream);width:min(440px,calc(100% - 28px));border:1px solid #849329;background:radial-gradient(ellipse at 50% 0,#36421b,#12170d 55%);border-radius:25px;padding:28px;max-height:calc(100svh - 28px);overflow:auto;box-shadow:0 0 90px #b7e6001a}dialog::backdrop{background:#030600dc;backdrop-filter:blur(9px)}.close{position:absolute;right:10px;top:10px;width:44px;height:44px;border:0;background:transparent;color:#c2c7b3;font-size:29px}.modal-star{color:var(--lime);font-size:42px;text-align:center;line-height:1}dialog .eyebrow{justify-content:center;font-size:11px;margin:14px 0}h2{text-align:center;font-size:22px;line-height:1.2;letter-spacing:-.6px;margin:0}h2>span{display:block;color:var(--lime);font-size:31px;margin-top:6px}h2 b{font-size:58px;letter-spacing:-3px}.modal-description{text-align:center;color:#b8c0a6;font-size:15px;margin:10px 0 22px}.table-head,.tiers>div{display:flex;justify-content:space-between;align-items:center}.table-head{color:#929c80;font-size:11px;letter-spacing:1.4px;margin:0 14px 8px}.tiers{border:1px solid #ffffff16;border-radius:13px;overflow:hidden}.tiers>div{padding:12px 15px;font-size:16px;border-bottom:1px solid #ffffff0d}.tiers>div:last-child{border:0}.tiers>div>span:last-child{color:#d9dfc6}.tiers .best{background:#d4ef00;color:#182003}.best i{font-style:normal;margin-left:7px}.deposit-note{font-size:12px;color:#b2baa0;line-height:1.5;margin:12px 2px 20px}.claim{font-size:17px;animation:hop 2.4s ease-in-out infinite}.claim:after{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 42%,#fff8 50%,transparent 58%);transform:translateX(-75%);animation:shine 3s infinite}@keyframes shine{60%,100%{transform:translateX(75%)}}@keyframes hop{0%,70%,100%{transform:translateY(0)}80%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}.preview-note{font-size:12px;text-align:center;color:#cad2b8;margin:15px 0 0}.modal-terms{font-size:12px;text-align:center;color:#89947b;line-height:1.5;margin:14px 0 0}#confetti{position:fixed;inset:0;pointer-events:none;z-index:20;overflow:hidden}.confetti-bit{position:absolute;top:-20px;width:7px;height:13px;background:var(--lime);animation:fall 2.5s ease-in forwards}@keyframes fall{to{transform:translate(var(--drift),105vh) rotate(640deg);opacity:0}}.nojs{padding:25px;text-align:center;background:#252e12}
@media(max-width:700px){.page{padding:10px 21px 12px;background:radial-gradient(ellipse at 50% 43%,#52601544,transparent 58%)}header{max-width:430px}header img{width:111px}.sound{padding:8px 11px}main{display:flex;flex-direction:column;gap:0;min-height:0}.intro{text-align:center;margin:5px auto 0}.eyebrow{justify-content:center;font-size:10px;letter-spacing:2px;margin:7px 0 12px}.eyebrow>span{display:none}h1{font-size:clamp(27px,6.8vw,37px);line-height:1.08;letter-spacing:-1px;margin:0 0 10px}.lead{font-size:14px;line-height:1.5;margin:0}.experience{max-width:370px}.wheel-stage{width:min(100%,calc(100svh - 333px));min-width:232px;margin:12px auto 12px;padding:13px}.wheel-frame{padding:12px}.pointer{top:4px;width:30px;height:37px}.hub b{font-size:43px}.hub span{font-size:18px}.bulb{width:5px;height:5px;margin:-2.5px}#status{font-size:10px;letter-spacing:1.3px;margin-bottom:11px}.primary{min-height:56px;font-size:16px;padding:12px 18px}footer{margin-top:5px;gap:8px}footer p{font-size:10px;line-height:1.5}.age{font-size:10px;width:25px;height:25px}.text-button{font-size:12px}.modal-description{font-size:14px}dialog{padding:23px}.claim{min-height:56px}}
@media(max-height:700px) and (max-width:700px){header img{width:94px}.intro{margin-top:0}.eyebrow{margin:4px 0 8px}h1{font-size:26px;margin-bottom:7px}.lead{font-size:13px}.wheel-stage{margin:8px auto;min-width:210px;width:min(100%,calc(100svh - 303px))}.text-button{min-height:36px}footer{margin-top:0}dialog{padding:20px}.modal-star{font-size:27px}dialog .eyebrow{margin:8px 0}h2 b{font-size:45px}.modal-description{margin:7px 0 15px}.tiers>div{padding:10px 13px}.deposit-note{margin:10px 0 14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the wheel square even when its diameter is constrained by screen height. */
.wheel-stage{height:auto}.wheel-frame{position:absolute;inset:19px;width:auto;height:auto}
@media(max-width:700px){.wheel-frame{inset:13px}.eyebrow,#status,footer p,.age{font-size:12px}.lead{font-size:16px}.text-button{font-size:14px}}
@media(max-height:700px) and (max-width:700px){.page{padding-top:6px}h1{font-size:24px}.lead{font-size:14px}.wheel-stage{width:min(100%,calc(100svh - 335px));min-width:196px}.eyebrow{font-size:12px}#status{font-size:11px;margin-bottom:8px}.text-button{margin-top:3px}footer p{font-size:12px}}

/* Preserve the revised copy and centered logo with the original wheel. */
header{justify-content:center}header img{width:168px}h1{letter-spacing:-2px;text-transform:none}.intro .lead{font-size:21px}.lead strong{color:var(--lime);font-weight:800}main{min-height:calc(100svh - 110px)}.controls{margin-top:22px}
@media(max-width:700px){header img{width:142px}.page{padding:12px 23px 20px}main{min-height:0}.intro{margin:10px 0 0}h1{font-size:32px;line-height:1.06;letter-spacing:-1.3px;margin:0 0 12px}.intro .lead{font-size:17px;line-height:1.4}.wheel-stage{width:min(100%,calc(100svh - 310px));margin:27px auto 17px;min-width:220px}.controls{margin-top:15px}#status{font-size:12px;letter-spacing:1.4px;margin-bottom:13px}.primary{min-height:59px}}
@media(max-height:700px) and (max-width:700px){.page{padding:5px 22px 14px}header img{width:112px}.intro{margin-top:3px}h1{font-size:28px;margin-bottom:8px}.intro .lead{font-size:16px}.wheel-stage{width:min(100%,calc(100svh - 283px));min-width:190px;margin:20px auto 13px}.controls{margin-top:8px}#status{font-size:12px;margin-bottom:9px}.primary{min-height:54px}}
