:root{color-scheme:dark;--bg:#040919;--text:#f5f7ff;--muted:#a9b5d2;--blue:#318dff;--line:#233152;--font:Arial,"Helvetica Neue",Helvetica,sans-serif}
*{box-sizing:border-box}html{min-width:300px;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #70c9ff;outline-offset:5px}img{max-width:100%;display:block}button,select{font:inherit}[hidden]{display:none!important}.sr-only{position:absolute!important;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;margin:-1px;overflow:hidden;white-space:nowrap}.skip-link{position:fixed;top:8px;left:8px;z-index:200;padding:12px 16px;background:#2265e3;transform:translateY(-160%);border-radius:8px}.skip-link:focus{transform:none}
.header{height:84px;position:relative;z-index:30;background:linear-gradient(110deg,#040916,#0a1020 65%,#080d1a);border-bottom:1px solid #1d2540}.header-inner{height:100%;max-width:1336px;padding:0 34px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:block;flex-shrink:0;width:116px}.brand img{width:100%;height:auto}.header-actions{display:flex;gap:18px;align-items:center}.language-switcher{position:relative}.language-trigger{height:48px;min-width:96px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:9px;color:#f7f8ff;background:linear-gradient(140deg,#0e1730,#080e1d);border:1px solid #26375d;border-radius:13px;box-shadow:inset 0 0 0 1px #131e3a;font-size:17px}.language-flag{width:24px;height:24px;display:block;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #ffffff15;flex-shrink:0}.language-flag svg{height:100%;width:100%}.chevron{width:10px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.language-trigger[aria-expanded=true] .chevron{transform:rotate(180deg)}.language-menu{position:absolute;right:0;top:calc(100% + 9px);min-width:205px;padding:6px;border:1px solid #2b3e67;border-radius:15px;background:#0c152b;box-shadow:0 15px 50px #0008;max-height:min(70vh,430px);overflow-y:auto}.language-option{width:100%;display:flex;align-items:center;gap:11px;border:0;color:#d2ddf5;background:transparent;text-align:left;border-radius:9px;padding:10px 11px;font-size:14px}.language-option:hover,.language-option[aria-pressed=true]{background:#1b2b4c;color:white}.language-option svg{width:22px;height:22px;border-radius:50%}.language-option .check{margin-left:auto;color:#80bdff}.site-link{display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #273658;border-radius:16px;background:linear-gradient(135deg,#101a33,#070e1e);box-shadow:inset 0 0 0 1px #111c35;transition:background .2s,border-color .2s,transform .2s}.site-link:hover{border-color:#416398;background:linear-gradient(135deg,#152442,#0b1530)}.site-link:active{transform:translateY(1px)}.header-site-link{padding:10px 12px 10px 15px;min-width:227px}.site-link-copy{display:flex;flex-direction:column;gap:3px}.site-link-question{font-size:13px;color:#b9c5df;line-height:1.15}.site-link strong{font-size:17px;font-weight:700;line-height:1.15;letter-spacing:-.2px}.site-link-arrow{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#203467,#142342);color:#f3f7ff;display:grid;place-items:center;flex-shrink:0}.site-link-arrow svg{width:19px;height:19px}
main{position:relative;isolation:isolate;background:radial-gradient(ellipse at 51% 43%,#14227e44,transparent 43%),radial-gradient(ellipse at 50% 83%,#073e9c36,transparent 50%),#03091c}main:before{content:"";position:absolute;inset:0;z-index:-1;background:url("assets/stars.svg") center top/1440px auto;opacity:.78;pointer-events:none}main:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03091c96,transparent 24%,transparent 76%,#03091c96);pointer-events:none}.hero{padding-top:34px;overflow:hidden;position:relative;max-width:1440px;margin:0 auto}.headline-wrap{position:relative;z-index:3;text-align:center;padding:0 18px}h1{font-size:clamp(35px,4.5vw,60px);letter-spacing:-2px;line-height:1.08;font-weight:800;margin:0 0 10px;background:linear-gradient(180deg,#fff 27%,#e9f3ff 65%,#99bcff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 1px #06102c99)}.subheadline{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;font-size:clamp(19px,2.8vw,35px);line-height:1.12;font-weight:800;letter-spacing:-.8px;text-shadow:0 3px 3px #0007}.bonus-tag{display:inline-block;padding:4px 10px 5px;border-radius:12px;color:#f2f8ff;background:linear-gradient(175deg,#777dff 0%,#303cfb 19%,#1123e4 75%,#4a68ff);border:1px solid #548fff;box-shadow:inset 0 0 0 2px #87a1ff40,inset 0 0 11px #526bff,0 0 23px #2b37ff77;text-shadow:0 0 7px #bfd0ff88,0 3px 4px #031bb866}.scene{width:min(100%,610px);aspect-ratio:941 / 1022;margin:21px auto 0;position:relative;container-type:inline-size}.scene-glow{position:absolute;inset:0 -20% -4%;background:radial-gradient(ellipse at 50% 34%,#4724d077,transparent 49%),radial-gradient(ellipse at 47% 77%,#0556d97a,transparent 59%);filter:blur(16px);pointer-events:none}.scenery{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;z-index:1}.attempts{position:absolute;z-index:8;left:3.5%;top:1.8%;display:flex;align-items:center;gap:clamp(5px,1.4cqw,9px);padding:clamp(9px,2.1cqw,13px) clamp(10px,2.7cqw,17px);background:linear-gradient(110deg,#0b1024ed,#0a173ae6);border:1px solid #465094;border-radius:clamp(12px,3.3cqw,21px);box-shadow:inset 1px 1px 0 #bcb7ff1a,0 0 15px #2736ff18;color:#becaeb;font-size:clamp(11px,2.7cqw,17px);white-space:nowrap}.attempts .gift-icon{width:clamp(18px,4.1cqw,26px);height:auto;margin-right:3px;filter:drop-shadow(0 2px 3px #0005)}.attempts strong{font-size:clamp(20px,4.4cqw,29px);line-height:1;color:#269bff;font-weight:800}.attempts.is-empty strong{color:#8e9dbb}.wheel{position:absolute;left:5.05%;top:3.62%;width:89.91%;aspect-ratio:1;z-index:5;filter:drop-shadow(0 14px 23px #06081ba1)}.rotor{position:absolute;inset:7.43%;border-radius:50%;background:#123a99;transform:rotate(0deg);will-change:transform}.wheel-face{height:100%;width:100%;display:block;overflow:visible;border-radius:50%}.segment-label{font-family:var(--font);font-weight:700;pointer-events:none}.segment-number{font-size:72px;font-weight:800;letter-spacing:-2.5px}.segment-caption{font-size:30px;font-weight:400;letter-spacing:-.7px}.segment-fs{font-size:51px;font-weight:800;letter-spacing:-1px}.segment-empty{font-size:39px;font-weight:700}.wheel-rim{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none;z-index:2}.wheel-pointer{position:absolute;left:50%;top:-.8%;transform:translateX(-50%);width:12.2%;height:auto;filter:drop-shadow(0 0 9px #ffd96a99) drop-shadow(0 7px 6px #000b);pointer-events:none;user-select:none;z-index:10}.hub-halo{position:absolute;width:26.9%;height:26.9%;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;z-index:3;background:conic-gradient(from -30deg,#fff 0deg,#ffcfffff 45deg,#b76bff 75deg,#512897 113deg,#f6a727 160deg,#ffffd5 196deg,#b58431 234deg,#661fcc 281deg,#f0cdff 309deg,#fff 360deg);box-shadow:0 0 7px #ffe2a3,0 0 16px #a75dff8f,0 7px 10px #0009;pointer-events:none}.spin-button{position:absolute;width:24.9%;height:24.9%;left:50%;top:50%;transform:translate(-50%,-50%);border:clamp(3px,.85cqw,6px) solid #4c320c;border-radius:50%;z-index:6;display:grid;place-items:center;color:#0a1223;background:radial-gradient(ellipse at 34% 23%,#fff099 0%,#ffe16b 25%,#ffca38 52%,#e8a32a 77%,#a76218 100%);box-shadow:0 0 0 2px #ffe7a4,inset 0 0 0 2px #ffe798,inset 0 0 0 4px #f7c74b,inset 0 -8px 15px #a266255e,0 8px 16px #0508199c;transition:filter .15s}.spin-button span{position:relative;display:block;max-width:100%;padding:0 4px;font-size:clamp(24px,6.2cqw,39px);font-weight:800;letter-spacing:-1.8px;line-height:1.04;text-align:center;text-shadow:0 1px 0 #fff99c80}.spin-button:hover:not(:disabled){filter:brightness(1.08)}.spin-button:active:not(:disabled){filter:brightness(.94)}.spin-button:focus-visible{outline:3px solid white;outline-offset:7px}.spin-button.is-spinning span{font-size:clamp(15px,3.9cqw,25px);letter-spacing:-.8px}.spin-button.is-finished span{font-size:clamp(16px,3.8cqw,24px);letter-spacing:-.8px}.wheel.is-spinning .wheel-pointer{animation:pointer-tick .17s linear infinite}.spin-hint{position:absolute;z-index:9;bottom:6.6%;left:50%;transform:translateX(-50%);width:max-content;max-width:88%;text-align:center;color:#fff2b8;background:#0d1736f5;border:1px solid #615291;border-radius:13px;padding:12px 17px;box-shadow:0 6px 25px #0009;font-size:clamp(11px,2.5cqw,15px);animation:hint-in .25s ease-out}.sparkles{position:absolute;inset:0;z-index:10;pointer-events:none;overflow:hidden}.spark{position:absolute;left:50%;top:43%;height:8px;width:5px;border-radius:1px;background:var(--spark-color,#ffc842);animation:spark-out var(--duration,1.6s) ease-out forwards}.noscript-message{margin:0;padding:18px;text-align:center;background:#111d3d}.noscript-message a{text-decoration:underline}
.footer{position:relative;z-index:12;margin-top:-3px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 0%,#111c34 0%,#060c19 65%,#050a14);border-top:1px solid #243351;border-radius:28px 28px 0 0;padding:24px 24px 18px}.footer-site-link{width:335px;max-width:100%;padding:14px 15px 14px 34px;text-align:center;justify-content:space-between;border-radius:20px}.footer-site-link .site-link-question{font-size:14px}.footer-site-link strong{font-size:19px}.footer-site-link .site-link-arrow{width:41px;height:41px;background:linear-gradient(145deg,#276bfa,#172e62)}.footer-site-link .site-link-arrow svg{width:25px;height:25px}.copyright{text-align:center;color:#8f9ab0;margin-top:20px;font-size:12px;line-height:1.5}.copyright p{margin:0 0 4px}.disclaimer{max-width:640px;text-align:center;font-size:10px;line-height:1.55;color:#8390a9;margin:12px 0 0}
.modal-backdrop{position:fixed;inset:0;padding:24px;display:flex;align-items:center;justify-content:center;z-index:100;background:#010514d9;backdrop-filter:blur(9px);overflow-y:auto}.result-modal{position:relative;max-width:428px;width:100%;margin:auto;padding:27px 28px 24px;text-align:center;border:1px solid #344579;border-radius:27px;box-shadow:0 35px 90px #000c,0 0 80px #4125dc25;background:radial-gradient(ellipse at 50% 27%,#30206599,transparent 54%),linear-gradient(160deg,#121c36,#0b1329 65%,#101c37);animation:modal-in .25s ease-out}.modal-close{position:absolute;right:12px;top:12px;border:1px solid #ffffff13;background:#0a102980;width:33px;height:33px;padding:7px;color:#b2bed9;border-radius:50%}.modal-close svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round}.modal-logo{height:44px;width:auto;margin:0 auto 20px}.modal-gift{width:73px;height:73px;display:grid;place-items:center;margin:0 auto 20px;border:1px solid #cab06877;border-radius:23px;background:linear-gradient(145deg,#4b357066,#4d3b144d);box-shadow:0 0 35px #5b36ba60}.modal-gift .gift-icon{width:43px;height:45px;filter:drop-shadow(0 6px 12px #efb33a55)}.modal-kicker{margin:0 0 10px;color:#ffda77;font-size:11px;font-weight:700;letter-spacing:2px}.result-modal h2{font-size:29px;line-height:1.12;letter-spacing:-.9px;margin:0}.result-description{margin:15px 0 24px;color:#b4c1de;font-size:14px;line-height:1.6}.result-cta{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:54px;padding:13px 15px;border-radius:13px;font-size:17px;font-weight:700;background:linear-gradient(180deg,#3677ff,#1453e1);border:1px solid #5b92ff;box-shadow:0 8px 24px #1048ed40,inset 0 1px 0 #ffffff40;transition:filter .2s}.result-cta:hover{filter:brightness(1.13)}.result-cta svg{width:20px;height:20px}.result-note{margin:15px 0 0;color:#8d9fbd;font-size:10.5px;line-height:1.6}
@keyframes pointer-tick{0%,100%{transform:translateX(-50%) rotate(0deg)}45%{transform:translateX(-50%) rotate(-2deg)}}@keyframes hint-in{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes modal-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes spark-out{0%{transform:translate(0,0) rotate(0);opacity:1}85%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}
@media(min-width:1500px){.hero{padding-top:42px}.scene{width:640px}}
@media(max-width:700px){.header{height:68px}.header-inner{padding:0 17px;gap:12px}.brand{width:94px}.header-actions{gap:11px}.language-trigger{height:41px;min-width:78px;padding:0 10px;gap:7px;font-size:14px;border-radius:11px}.language-flag{height:21px;width:21px}.header-site-link{min-width:0;padding:8px 10px;gap:11px;border-radius:12px}.header-site-link .site-link-question{font-size:10px}.header-site-link strong{font-size:13px}.header-site-link .site-link-arrow{width:29px;height:29px}.header-site-link .site-link-arrow svg{width:17px;height:17px}.hero{padding-top:28px}.scene{margin-top:21px;width:min(100%,540px)}h1{font-size:clamp(34px,7.7vw,49px);letter-spacing:-1.6px}.subheadline{font-size:clamp(19px,4.7vw,30px);gap:8px;letter-spacing:-.6px}.bonus-tag{border-radius:10px;padding:4px 8px}.footer{border-radius:24px 24px 0 0;padding-top:20px}.footer-site-link{width:320px}.disclaimer{max-width:470px}}
@media(max-width:420px){.header{height:62px}.header-inner{padding:0 11px;gap:8px}.brand{width:81px}.header-actions{gap:8px}.language-trigger{height:38px;min-width:64px;gap:6px;padding:0 8px;font-size:13px;border-radius:10px}.language-flag{width:18px;height:18px}.chevron{width:8px}.header-site-link{padding:7px 9px;gap:7px}.header-site-link .site-link-question{font-size:9px}.header-site-link strong{font-size:12px}.header-site-link .site-link-arrow{width:24px;height:24px}.header-site-link .site-link-arrow svg{width:15px;height:15px}.hero{padding-top:25px}.headline-wrap{padding:0 10px}h1{font-size:clamp(29px,8.75vw,36px);margin-bottom:9px;letter-spacing:-1.5px}.subheadline{font-size:clamp(18px,5.35vw,22px);gap:6px}.bonus-tag{border-radius:8px;padding:3px 7px 4px}.scene{margin-top:17px}.footer{padding:17px 21px 15px}.footer-site-link{width:285px;padding:12px 13px 12px 28px;border-radius:18px;gap:18px}.footer-site-link .site-link-question{font-size:12px}.footer-site-link strong{font-size:16px}.footer-site-link .site-link-arrow{width:36px;height:36px}.copyright{margin-top:17px;font-size:11px}.disclaimer{font-size:9px;margin-top:10px}.result-modal{padding:25px 23px 22px}.result-modal h2{font-size:27px}.result-description{font-size:13px}}
@media(max-width:350px){.brand{width:69px}.header-actions{gap:6px}.header-site-link{padding:7px}.header-site-link .site-link-question{font-size:8px}.header-site-link strong{font-size:11px}.header-site-link .site-link-arrow{width:20px;height:20px}.language-trigger{min-width:59px;font-size:12px}.header-inner{padding:0 9px}.attempts{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.rotor{will-change:auto}.site-link{transition:none}.sparkles{display:none}}
/* Feather the reconstructed scenery into the live star field, including wide screens. */
.scenery{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%);mask-image:linear-gradient(to bottom,transparent 0%,#000 8%)}
main{background:radial-gradient(ellipse at 50% 20%,#24368736,transparent 55%),radial-gradient(ellipse at 51% 43%,#14227e44,transparent 43%),radial-gradient(ellipse at 50% 83%,#073e9c36,transparent 50%),#03091c}
@media(min-width:701px){.scenery{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%),linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 8%),linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}}
@media(max-width:420px){.disclaimer{font-size:10px}}