:root{color-scheme:dark;font-family:Poppins,Arial,sans-serif;color:#f5fbff;background:#071526}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 12%,#18568b 0%,#0b2847 35%,#06111f 78%);color:#f5fbff}.roulette-page{width:min(100% - 28px,520px);margin:0 auto;padding:26px 0 28px}.roulette-header{text-align:center}.roulette-header img{display:block;width:min(210px,58vw);height:auto;margin:0 auto -5px;filter:drop-shadow(0 0 19px #3ec0ff77)}.roulette-eyebrow{display:inline-block;padding:6px 13px;border:1px solid #92dcff77;border-radius:999px;background:#0f3857;color:#b6eaff;font-size:11px;font-weight:900;letter-spacing:.12em}h1{font-size:clamp(26px,7vw,38px);margin:12px 0 3px;letter-spacing:-.04em}.roulette-header p{color:#c7dfed;font-size:13px;margin:0 0 17px}.roulette-panel{padding:22px 18px 24px;border-radius:26px;border:1px solid #91dfff66;background:linear-gradient(145deg,#0d2944e8,#081523ee);box-shadow:0 16px 60px #0009,inset 0 1px #ffffff20}.roulette-stage{position:relative;width:270px;max-width:100%;margin:0 auto 22px}.roulette-pointer{position:absolute;z-index:2;top:-14px;left:50%;transform:translateX(-50%);font-size:31px;color:#b2ecff;text-shadow:0 0 15px #58c6ff}.wheel-premium{position:relative;width:260px;height:260px;max-width:100%;margin:14px auto 0;border:9px solid #99e3ff;border-radius:50%;overflow:hidden;background:conic-gradient(#1266a9 0 60deg,#202b38 60deg 120deg,#80dfff 120deg 180deg,#0a4677 180deg 240deg,#23394b 240deg 300deg,#57caff 300deg 360deg);box-shadow:0 0 31px #2899d28c,inset 0 0 26px #0009;transition:transform 4.3s cubic-bezier(.12,.75,.18,1)}.wheel-premium:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffffff1f 0 2deg,transparent 2deg 60deg)}.wheel-premium:after{content:"";position:absolute;width:74px;height:74px;left:50%;top:50%;transform:translate(-50%,-50%);border:5px solid #b2ebff;border-radius:50%;background:#061729;box-shadow:0 0 20px #83d7ff8c}.slice{position:absolute;left:50%;top:50%;width:60px;height:32px;margin-left:-30px;margin-top:-16px;display:grid;place-items:center;font-size:25px;text-shadow:0 2px 8px #000}.s1{transform:rotate(30deg) translateY(-79px) rotate(-30deg)}.s2{transform:rotate(90deg) translateY(-79px) rotate(-90deg)}.s3{transform:rotate(150deg) translateY(-79px) rotate(-150deg)}.s4{transform:rotate(210deg) translateY(-79px) rotate(-210deg)}.s5{transform:rotate(270deg) translateY(-79px) rotate(-270deg)}.s6{transform:rotate(330deg) translateY(-79px) rotate(-330deg)}.code-gate,.game-actions{width:min(100%,370px);margin:auto;text-align:center}.code-gate label{display:block;margin:0 0 9px;color:#ade9ff;font-weight:800;font-size:14px}.code-gate input{width:100%;padding:14px;border:1px solid #86cffb66;border-radius:13px;outline:0;background:#061525;color:#fff;font:800 17px Poppins,Arial,sans-serif;text-align:center;text-transform:uppercase}.code-gate input:focus{border-color:#a6eaff;box-shadow:0 0 0 3px #48beff3b}.code-gate button,.spin-btn{width:100%;padding:14px;border:0;border-radius:13px;background:linear-gradient(120deg,#36b4ed,#176ca8);color:white;font:900 15px Poppins,Arial,sans-serif;cursor:pointer;box-shadow:0 8px 24px #138ce653}.code-gate button{margin-top:12px}.code-gate button:disabled,.spin-btn:disabled{opacity:.6;cursor:wait}.form-message{min-height:20px;margin:10px 0 0;color:#ffc4cd;font-size:12px}.code-ready{color:#c7edff;margin:0 0 12px;font-size:14px}.spin-btn{font-size:20px;padding:15px}.roulette-result{min-height:32px;margin-top:15px;font-size:15px;font-weight:700;color:#c6efff}.roulette-result strong{display:block;font-size:24px;color:#fff;margin:5px 0}.roulette-result small{display:block;margin-top:8px;color:#bed9e7;font-size:12px}.claim-btn,.secondary-btn{display:block;width:100%;margin:12px auto 0;padding:13px;border-radius:13px;text-align:center;font:800 14px Poppins,Arial,sans-serif;text-decoration:none;cursor:pointer}.claim-btn{background:#35cc84;color:#062718}.secondary-btn{border:1px solid #88d7ff77;background:transparent;color:#dcf4ff}.claim-btn[hidden],.secondary-btn[hidden],.game-actions[hidden],.code-gate[hidden]{display:none!important}footer{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:23px;color:#9dbbd0;font-size:11px;text-align:center}@media(max-width:390px){.roulette-page{width:min(100% - 18px,520px);padding-top:12px}.roulette-panel{padding:20px 12px}.wheel-premium{width:225px;height:225px}.roulette-stage{width:230px}.slice{font-size:21px}.s1{transform:rotate(30deg) translateY(-67px) rotate(-30deg)}.s2{transform:rotate(90deg) translateY(-67px) rotate(-90deg)}.s3{transform:rotate(150deg) translateY(-67px) rotate(-150deg)}.s4{transform:rotate(210deg) translateY(-67px) rotate(-210deg)}.s5{transform:rotate(270deg) translateY(-67px) rotate(-270deg)}.s6{transform:rotate(330deg) translateY(-67px) rotate(-330deg)}}
.claim-btn{border:0;cursor:pointer}.claim-overlay[hidden]{display:none}.claim-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:#020a16c9;backdrop-filter:blur(9px)}.claim-dialog{position:relative;width:min(100%,450px);max-height:min(85vh,760px);overflow:auto;padding:27px 22px;border-radius:24px;border:1px solid #80d8ff63;background:linear-gradient(145deg,#15283c,#0a1d34);box-shadow:0 24px 65px #000a}.claim-dialog h2{margin:0 35px 9px 0;font-size:clamp(20px,5vw,25px)}.claim-dialog p{margin:8px 0;color:#c9e4f1;font-size:13px;line-height:1.5}.claim-dialog .claim-summary{padding:10px 12px;border-radius:12px;background:#1a486455;color:#f4fcff;font-weight:800}.claim-close{position:absolute;top:16px;right:17px;width:38px;height:38px;border:0;border-radius:50%;background:#ffffff22;color:#fff;font-size:26px;cursor:pointer}.claim-close:hover{background:#ffffff3b}.claim-lines{display:grid;gap:10px;margin-top:17px}.claim-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #8acfff44;border-radius:15px;background:#203447a8}.claim-line strong{font-size:15px}.claim-line small{display:block;margin-top:3px;color:#9ed9f3;font-size:11px}.claim-line button{flex:none;padding:10px 12px;border:0;border-radius:11px;background:#20be70;color:#082514;font:900 12px Poppins,Arial,sans-serif;cursor:pointer}.claim-line button:hover{background:#46d88e}.claim-loading{padding:17px;text-align:center;border:1px dashed #8acfff66;border-radius:13px;color:#c8e6f8;font-size:13px}