*{box-sizing:border-box}
:root{
  --bg:#07111f;
  --panel:rgba(8,18,35,.84);
  --cyan:#49d8ff;
  --cyan2:#00aaff;
  --line:rgba(95,205,255,.22);
}
body{margin:0;font-family:Tahoma,Verdana,sans-serif;background:#08111f;color:#eef6ff;overflow-x:hidden}
.crt{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.022),rgba(255,255,255,.022) 1px,transparent 1px,transparent 4px);z-index:10}
.hero{height:56vh;background:linear-gradient(160deg,rgba(0,8,25,.75) 0%,rgba(0,0,0,.88) 100%),url('https://images.unsplash.com/photo-1518770660439-4636190af475?q=80&w=1600&auto=format&fit=crop') center/cover;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}
.hero::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,255,200,.02) 3px,rgba(0,255,200,.02) 4px);pointer-events:none}
.hero-content{position:relative;z-index:1}.hero-content h1{font-size:clamp(3rem,10vw,7rem);margin:0;color:#9ce9ff;text-shadow:0 0 40px rgba(0,255,255,.65),0 0 80px rgba(0,200,255,.3);letter-spacing:.04em}.hero-content p{font-size:1.2rem;color:#d5e8ff;margin:12px 0 0}.hero-pill{display:inline-block;margin-top:18px;padding:10px 18px;border-radius:999px;background:rgba(0,255,140,.1);border:1px solid rgba(0,255,140,.28);color:#baf7d4;font-weight:bold;font-size:.9rem;box-shadow:0 0 14px rgba(0,255,140,.12)}
.container{max-width:1000px;margin:auto;padding:40px 20px}.article,.wheel-box{background:var(--panel);border:1px solid rgba(95,205,255,.18);border-radius:20px;box-shadow:0 0 34px rgba(0,0,0,.35),inset 0 0 40px rgba(20,110,180,.05)}.article{padding:30px}.article h2{color:#72d6ff;margin-top:35px;text-shadow:0 0 12px rgba(80,210,255,.28)}.article p,.article li{line-height:1.8;color:#d6e7ff}
.wheel-box{margin-top:50px;text-align:center;padding:42px 20px;position:relative;overflow:hidden}.wheel-box::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(0,255,255,.06) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.wheel-box h3{font-size:clamp(1.35rem,4vw,2.15rem);margin:0 0 8px;color:#f4fbff;text-shadow:0 0 18px rgba(65,210,255,.34);letter-spacing:.02em}.wheel-box h3::before{content:'★ ';color:#4ad6ff}.wheel-box h3::after{content:' ★';color:#4ad6ff}.wheel-box>p{margin:0;color:#cfe4f8}.wheel-wrapper{display:flex;justify-content:center;margin:34px 0 28px;position:relative;filter:drop-shadow(0 0 24px rgba(0,200,255,.28))}
.pointer{position:absolute;top:-18px;left:50%;transform:translateX(-50%);z-index:20;width:54px;height:62px;filter:drop-shadow(0 0 12px rgba(0,215,255,.9)) drop-shadow(0 8px 12px rgba(0,0,0,.5))}.pointer::before{content:'';position:absolute;inset:0;clip-path:polygon(50% 100%,4% 10%,96% 10%);background:linear-gradient(180deg,#ecfbff 0%,#62ddff 34%,#0086ff 100%);border-radius:10px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.5),inset 0 -10px 20px rgba(0,70,190,.55)}.pointer::after{content:'';position:absolute;left:50%;top:14px;transform:translateX(-50%);width:24px;height:13px;border-radius:50%;background:rgba(255,255,255,.55);filter:blur(1px)}
.wheel{width:min(620px,86vw);height:min(620px,86vw);border-radius:50%;position:relative;transition:transform 5.8s cubic-bezier(.12,.72,.08,1);background:#06101d;box-shadow:0 0 0 7px #050b14,0 0 0 12px rgba(180,230,255,.30),0 0 0 22px rgba(0,120,190,.18),0 0 90px rgba(0,200,255,.34),inset 0 0 90px rgba(0,0,0,.9);overflow:hidden;border:2px solid rgba(190,235,255,.55)}
.wheel::before{content:'';position:absolute;inset:12px;border-radius:50%;border:2px solid rgba(65,210,255,.7);box-shadow:0 0 20px rgba(0,190,255,.55),inset 0 0 35px rgba(0,0,0,.55);z-index:4;pointer-events:none}.wheel::after{content:'';position:absolute;inset:28px;border-radius:50%;border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 0 35px rgba(0,0,0,.75);z-index:4;pointer-events:none}
.wheel-inner{position:absolute;inset:34px;border-radius:50%;overflow:hidden;background:conic-gradient(from 0deg,#bb4d08 0deg 60deg,#b6960e 60deg 120deg,#0f7b2a 120deg 180deg,#075d98 180deg 240deg,#1e2d3b 240deg 300deg,#a11233 300deg 360deg)}
.wheel-inner::before{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.72) 0deg 1deg,transparent 1deg 60deg),radial-gradient(circle at 50% 38%,rgba(255,255,255,.18),transparent 36%),radial-gradient(circle at center,transparent 0 32%,rgba(0,0,0,.18) 33%,rgba(0,0,0,.45) 100%);mix-blend-mode:screen;opacity:.78;z-index:1}.wheel-inner::after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px),radial-gradient(circle at center,transparent 0 62%,rgba(0,0,0,.42) 100%);z-index:2;pointer-events:none}.slice-label{position:absolute;z-index:5;left:50%;top:50%;width:150px;margin-left:-75px;margin-top:-42px;text-align:center;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.95),0 0 14px currentColor;pointer-events:none}.slice-label strong{display:block;font-size:clamp(14px,2.9vw,22px);line-height:1.05;font-weight:900;letter-spacing:.07em}.slice-label em{display:block;margin-top:7px;font-style:normal;font-size:clamp(9px,1.8vw,13px);font-weight:800;letter-spacing:.08em;opacity:.92}.slice-icon{display:block;font-size:clamp(25px,5vw,42px);line-height:1;margin-bottom:12px}.slice-premium{transform:rotate(330deg) translateY(-185px) rotate(-330deg);color:#ff4c78}.slice-orange{transform:rotate(30deg) translateY(-185px) rotate(-30deg);color:#ffb05c}.slice-yellow{transform:rotate(90deg) translateY(-185px) rotate(-90deg);color:#ffe46a}.slice-green{transform:rotate(150deg) translateY(-185px) rotate(-150deg);color:#7eff97}.slice-blue{transform:rotate(210deg) translateY(-185px) rotate(-210deg);color:#32c9ff}.slice-gray{transform:rotate(270deg) translateY(-185px) rotate(-270deg);color:#d5deea}.center{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:142px;height:142px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 38% 30%,#173b66 0%,#07192d 55%,#030914 100%);border:3px solid rgba(185,235,255,.42);box-shadow:0 0 0 10px #06101d,0 0 0 13px rgba(0,180,255,.35),0 0 40px rgba(0,210,255,.55),inset 0 0 34px rgba(0,140,255,.45)}.center span{font-size:clamp(2rem,7vw,3.7rem);font-family:Verdana,Tahoma,sans-serif;font-style:italic;color:#67eaff;text-shadow:0 0 8px #00d9ff,0 0 22px rgba(0,210,255,.75);letter-spacing:.02em}.center::after{content:'';position:absolute;inset:18px;border-radius:50%;border:2px dotted rgba(80,220,255,.35)}
button#spinBtn{padding:15px 42px;border-radius:14px;border:1px solid rgba(90,220,255,.78);background:linear-gradient(180deg,#105bd2,#082e73);color:#f4fbff;font-weight:900;font-size:1.08rem;cursor:pointer;letter-spacing:.08em;box-shadow:0 0 24px rgba(0,170,255,.45),inset 0 0 18px rgba(80,220,255,.18);transition:transform .15s,box-shadow .15s}button#spinBtn::before{content:'▷ ';color:#5de9ff}button#spinBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 38px rgba(0,190,255,.68),inset 0 0 20px rgba(80,220,255,.23)}button:disabled{opacity:.5;cursor:not-allowed}.result{margin-top:25px;font-size:1.3rem;font-weight:bold;min-height:34px}.cooldown{margin:20px auto 0;max-width:560px;padding:14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#d8e9ff;font-weight:bold}.cooldown::before{content:'● ';color:#3af082}.hidden{display:none}.invite-box{margin:26px auto 0;max-width:560px;padding:22px;background:linear-gradient(135deg,rgba(0,255,149,.12),rgba(0,217,255,.07));border:1px solid rgba(0,255,149,.25);border-radius:18px;box-shadow:0 0 35px rgba(0,255,149,.1);animation:pop .35s ease}.invite-box.premium{background:linear-gradient(135deg,rgba(255,59,59,.16),rgba(255,215,0,.08));border-color:rgba(255,59,59,.4);box-shadow:0 0 42px rgba(255,59,59,.16)}.invite-title{font-size:1.25rem;font-weight:bold;color:#7dffbd}.invite-box.premium .invite-title{color:#ffd6d6}.code{font-size:1.55rem;letter-spacing:.1em;font-weight:bold;padding:14px;margin:16px auto;border-radius:12px;background:#06101d;border:1px dashed rgba(255,255,255,.3);color:#fff}.expiry{margin:8px 0 16px;color:#cfe6ff;font-size:.95rem}.chat-link{display:inline-block;margin-left:10px;padding:13px 18px;border-radius:10px;background:rgba(255,255,255,.09);color:#dff7ff;text-decoration:none;font-weight:bold}.small-note{font-size:.85rem;color:#91a8bd;margin-top:22px}.small-note::before{content:'▦ ';color:#4ad6ff}@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.shake{animation:shake .35s linear 3}@keyframes wheelGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22)}}.wheel.spinning{animation:wheelGlow .65s ease-in-out infinite}
@media(max-width:700px){.hero{height:42vh}.container{padding:28px 14px}.article,.wheel-box{padding:24px 16px}.wheel{width:min(340px,88vw);height:min(340px,88vw)}.wheel-inner{inset:20px}.slice-label{width:90px;margin-left:-45px;margin-top:-28px}.slice-premium,.slice-orange,.slice-yellow,.slice-green,.slice-blue,.slice-gray{transform:var(--m)}.slice-premium{--m:rotate(330deg) translateY(-100px) rotate(-330deg)}.slice-orange{--m:rotate(30deg) translateY(-100px) rotate(-30deg)}.slice-yellow{--m:rotate(90deg) translateY(-100px) rotate(-90deg)}.slice-green{--m:rotate(150deg) translateY(-100px) rotate(-150deg)}.slice-blue{--m:rotate(210deg) translateY(-100px) rotate(-210deg)}.slice-gray{--m:rotate(270deg) translateY(-100px) rotate(-270deg)}.slice-icon{margin-bottom:6px}.center{width:82px;height:82px;box-shadow:0 0 0 7px #06101d,0 0 0 9px rgba(0,180,255,.35),0 0 28px rgba(0,210,255,.52)}.center::after{inset:11px}.chat-link{display:block;margin:12px 0 0}button#spinBtn{width:min(310px,86vw)}}