*{box-sizing:border-box}body{margin:0;background:#020b18;color:#f7f9ff;font-family:Inter,system-ui,Arial,sans-serif}.app{max-width:480px;min-height:100vh;margin:auto;background:linear-gradient(180deg,#071426,#020b18);padding-bottom:82px}header{height:76px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b2b42;position:sticky;top:0;background:#061225eF;backdrop-filter:blur(12px);z-index:10}.brand{display:flex;gap:10px;align-items:center}.brand>span{font-size:30px}.brand b{font-size:21px;color:#ffd34d}.brand small{display:block;font-size:9px;color:#9aa9bd;letter-spacing:1.5px}.balance{background:#13233b;border:1px solid #304361;color:white;border-radius:13px;padding:8px 12px}.balance small{display:block;color:#9eb0c7}.balance b{color:#ffd34d}.screen{display:none;padding:18px}.screen.active{display:block}.hero{background:radial-gradient(circle at 80% 20%,#6542e5,#15213a 50%,#0b172a);border:1px solid #354565;border-radius:22px;padding:22px;display:flex;justify-content:space-between}.hero h1{margin:4px 0;font-size:27px}.hero p{margin:0;color:#bac6d8}.hero>span{font-size:50px}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.actions button,.games button{border:1px solid #334763;background:#101e34;color:white;border-radius:17px;padding:15px}.actions b{display:block;margin-top:6px}.games{display:grid;grid-template-columns:1fr 1fr;gap:12px}.games button:first-child{background:linear-gradient(145deg,#3a2110,#111d31);border-color:#b88324}.games button:last-child{background:linear-gradient(145deg,#24134a,#111d31);border-color:#714de8}.games span{font-size:55px;display:block}.games b{display:block;font-size:18px}.games small{color:#bbc6d7}.card{background:#0e1b2e;border:1px solid #293d59;border-radius:18px;padding:16px;margin-top:16px}.row{display:flex;align-items:center;justify-content:space-between}.row h3{margin:0}.live{color:#2ee68d;font-size:11px}.feed>div,.txrow{display:flex;justify-content:space-between;border-top:1px solid #21334b;padding:12px 0;font-size:13px}.feed>div:first-child{border:0}.positive{color:#2ee68d}.negative{color:#ff5c68}.fair{display:flex;flex-direction:column;gap:5px}.fair span,.muted{color:#93a5bc;font-size:13px}.title{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;text-align:center}.title button,.back{background:#102039;border:0;color:white;border-radius:50%;width:36px;height:36px}.notice{background:#12223a;border:1px solid #304764;padding:12px;border-radius:14px;text-align:center;margin:15px 0;color:#b9c6d8}.notice b{color:#ffd34d}.wheelWrap{height:360px;display:grid;place-items:center;position:relative}.wheel{width:300px;height:300px;border-radius:50%;border:10px solid #ffc12f;background:conic-gradient(from -25.714deg,#ef4938 0 51.429deg,#763cf1 51.429deg 102.857deg,#1597ef 102.857deg 154.286deg,#1ebf75 154.286deg 205.714deg,#f4a928 205.714deg 257.143deg,#743eea 257.143deg 308.571deg,#bc36df 308.571deg 360deg);box-shadow:0 0 40px #ffb00055;display:grid;place-items:center;transition:transform 3s cubic-bezier(.12,.7,.05,1)}.wheelText{background:#081528;border:7px solid #ffca3d;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:22px}.pointer{position:absolute;top:16px;font-size:42px;color:#ffb72b;z-index:2}.primary,.secondary{border:0;border-radius:14px;padding:14px;color:#08111f;font-weight:800;background:linear-gradient(#ffda58,#ffad21)}.secondary{background:#2588f5;color:white}.big{width:100%;font-size:17px}.result{text-align:center;min-height:50px;padding:15px;font-size:20px;font-weight:800}.boxgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.mystery{aspect-ratio:1;border:0;border-radius:17px;background:linear-gradient(145deg,#f4bb2f,#67420c);font-size:48px;box-shadow:0 8px 25px #f0ad1b25}.mystery.open{transform:scale(.95);filter:brightness(1.2)}.center{text-align:center}.cost{text-align:center;background:#101e33;padding:14px;border-radius:14px}.cost b{display:block;color:#ffd34d;font-size:22px}.walletCard{padding:25px;border-radius:22px;background:linear-gradient(145deg,#172941,#0b1728);border:1px solid #344a68;text-align:center}.walletCard h1{font-size:38px;margin:7px}.walletCard>div{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #31435b;margin-top:20px}.walletCard span{padding:14px;color:#9daec4}.walletCard span+span{border-left:1px solid #31435b}.walletCard b{display:block;color:white}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.link{border:0;background:none;color:#57a7ff}.paytabs,.amounts,.filters{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.amounts{grid-template-columns:repeat(4,1fr)}.filters{grid-template-columns:repeat(4,1fr)}.paytabs button,.amounts button,.filters button{background:#0e1b2f;color:white;border:1px solid #314761;padding:13px 5px;border-radius:12px}.selected{border-color:#ffc02d!important;box-shadow:0 0 0 1px #ffc02d inset}label{display:block;color:#aebbd0;font-size:13px;margin:14px 0 6px}input{width:100%;padding:14px;border-radius:12px;border:1px solid #344963;background:#0c192b;color:white;font-size:16px}.history .txrow{padding:15px 3px}.txrow .meta{display:flex;flex-direction:column}.txrow small{color:#8799b0}.profile{text-align:center}.avatar{font-size:60px}.menu{padding:0 16px}.menu button{width:100%;padding:17px 0;border:0;border-bottom:1px solid #26384f;background:none;color:white;text-align:left;display:flex;justify-content:space-between}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:480px;width:100%;height:70px;background:#071426f5;border-top:1px solid #263951;display:grid;grid-template-columns:repeat(5,1fr);z-index:10}nav button{border:0;background:none;color:#7f91a9;font-size:19px}nav button.active{color:#ffd044}nav small{display:block;font-size:10px;margin-top:4px}.auth{margin-top:60px;text-align:center}.auth .logo{font-size:65px}.auth small{display:block;margin-top:15px;color:#8295ad}#toast{position:fixed;z-index:99;left:50%;top:20px;transform:translate(-50%,-120px);background:#182a43;border:1px solid #435b78;padding:12px 20px;border-radius:13px;transition:.3s;color:white}#toast.show{transform:translate(-50%,0)}@media(max-width:360px){.wheel{width:260px;height:260px}.wheelWrap{height:315px}.amounts{grid-template-columns:repeat(2,1fr)}}
.chips{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin:12px 0 18px}.chips span{background:#132642;border:1px solid #29446b;border-radius:999px;padding:7px 10px;font-size:12px}.tx{display:flex;justify-content:space-between;align-items:center;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.08)}.tx div{display:flex;flex-direction:column;gap:4px}.tx small{opacity:.65}.tx strong{white-space:nowrap}.wheel{transition:transform 3s cubic-bezier(.12,.7,.05,1)}
.brand small{font-weight:700}.screen{animation:fade .18s ease}@keyframes fade{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}button:disabled{opacity:.55;cursor:not-allowed}.card h3:first-child{margin-top:0}.result{color:#ffd34d}.history{min-height:180px}
.wl{position:absolute;left:50%;top:50%;z-index:3;font-size:12px;font-weight:900;color:#fff;text-shadow:0 1px 3px #000;transform-origin:0 0;white-space:nowrap}
.w1{transform:rotate(25deg) translate(72px) rotate(-25deg)}
.w2{transform:rotate(75deg) translate(72px) rotate(-75deg)}
.w3{transform:rotate(125deg) translate(72px) rotate(-125deg)}
.w4{transform:rotate(175deg) translate(72px) rotate(-175deg)}
.w5{transform:rotate(225deg) translate(72px) rotate(-225deg)}
.w6{transform:rotate(275deg) translate(72px) rotate(-275deg)}
.w7{transform:rotate(325deg) translate(72px) rotate(-325deg)}
.w1{left:67%;top:22%;transform:translate(-50%,-50%) rotate(25deg)}
.w2{left:82%;top:42%;transform:translate(-50%,-50%) rotate(75deg)}
.w3{left:77%;top:70%;transform:translate(-50%,-50%) rotate(125deg)}
.w4{left:50%;top:82%;transform:translate(-50%,-50%) rotate(175deg)}
.w5{left:23%;top:70%;transform:translate(-50%,-50%) rotate(225deg)}
.w6{left:18%;top:42%;transform:translate(-50%,-50%) rotate(275deg)}
.w7{left:35%;top:22%;transform:translate(-50%,-50%) rotate(325deg)}
.wheel{background:conic-gradient(from -25.714deg,#ef4938 0 51.429deg,#763cf1 51.429deg 102.857deg,#1597ef 102.857deg 154.286deg,#1ebf75 154.286deg 205.714deg,#f4a928 205.714deg 257.143deg,#743eea 257.143deg 308.571deg,#bc36df 308.571deg 360deg)
.wheel{background:conic-gradient(from -25.714deg,#ef4938 0 51.429deg,#763cf1 51.429deg 102.857deg,#1597ef 102.857deg 154.286deg,#1ebf75 154.286deg 205.714deg,#f4a928 205.714deg 257.143deg,#743eea 257.143deg 308.571deg,#bc36df 308.571deg 360deg)
.w1{left:69%;top:24%;transform:translate(-50%,-50%) rotate(26deg)}.w2{left:81%;top:48%;transform:translate(-50%,-50%) rotate(77deg)}.w3{left:70%;top:74%;transform:translate(-50%,-50%) rotate(129deg)}.w4{left:43%;top:82%;transform:translate(-50%,-50%) rotate(180deg)}.w5{left:20%;top:64%;transform:translate(-50%,-50%) rotate(231deg)}.w6{left:20%;top:36%;transform:translate(-50%,-50%) rotate(283deg)}.w7{left:43%;top:18%;transform:translate(-50%,-50%) rotate(334deg)}
.w1{left:68%;top:27%;transform:translate(-50%,-50%) rotate(26deg)}.w2{left:79%;top:50%;transform:translate(-50%,-50%) rotate(77deg)}.w3{left:67%;top:73%;transform:translate(-50%,-50%) rotate(129deg)}.w4{left:40%;top:78%;transform:translate(-50%,-50%) rotate(180deg)}.w5{left:21%;top:61%;transform:translate(-50%,-50%) rotate(231deg)}.w6{left:25%;top:34%;transform:translate(-50%,-50%) rotate(283deg)}.w7{left:50%;top:21%;transform:translate(-50%,-50%) rotate(334deg)}