:root{--bg:#101114;--surface:#191b21;--surface-2:#22252e;--line:#30333d;--text:#f7f7f8;--muted:#9b9fae;--purple:#8a5cff;--violet:#bda8ff;--coin:#f6bd3d;--coin-soft:#ffe29a;--green:#7fe089;--danger:#ff8595}*{box-sizing:border-box}body{margin:0;background:radial-gradient(600px 400px at 90% -10%,#34276b55,transparent 65%),var(--bg);color:var(--text);font:14px Inter,system-ui,sans-serif;letter-spacing:.1px}main{max-width:600px;margin:auto;padding:max(34px,env(safe-area-inset-top)) 18px max(52px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:9px;font:800 15px Manrope,sans-serif;letter-spacing:1.5px}.brand i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#ffd76a,#c8871d);font-style:normal;font-size:16px;letter-spacing:0}.brand small{display:block;font:500 8px Inter;color:#a9a4bd;letter-spacing:.65px;margin-top:1px}.profile{border:1px solid var(--line);color:#e9e7f0;background:#181a20;border-radius:999px;padding:5px 10px 5px 5px;display:flex;gap:7px;align-items:center;font:600 12px Inter}.profile span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#322a57;color:#d5c9ff;font-size:10px}.hero{padding:36px 4px 22px}.eyebrow,.page-head>span{font-size:10px;color:var(--muted);letter-spacing:1.2px;font-weight:700}.live{display:inline-block;width:6px;height:6px;background:var(--green);box-shadow:0 0 10px var(--green);border-radius:50%;margin:0 6px 1px 0}.balance-line{display:flex;align-items:center;gap:10px}.balance-line h1{font:800 clamp(42px,11vw,64px)/1 Manrope,sans-serif;letter-spacing:-3px;margin:9px 0 19px}.eye{border:0;background:transparent;color:var(--muted);font-size:16px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick button{border:1px solid var(--line);background:#181a20;border-radius:14px;color:#e8e8eb;padding:12px 7px;text-align:left;font:600 11px Inter}.quick strong{display:block;font-size:17px;color:var(--violet);margin-bottom:6px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.metric-grid article,.rate,.product-list>div,.feed>div,.details{background:linear-gradient(145deg,#1e2027,#181a20);border:1px solid var(--line);border-radius:16px;padding:14px}.metric-grid span,.metric-grid small,.rate small,.feed small{display:block;color:var(--muted);font-size:10px}.metric-grid b{display:block;font:700 19px Manrope;margin:7px 0 3px;letter-spacing:-.7px}nav{display:flex;overflow:auto;gap:7px;padding:26px 0 4px;border-bottom:1px solid #292b33}nav button{white-space:nowrap;border:0;border-radius:999px;background:transparent;color:#9195a4;padding:9px 13px;font:600 12px Inter}nav .selected{background:#2c244a;color:#d9d0ff}.page{display:none;padding-top:17px}.page.active{display:block}.section-title{display:flex;align-items:center;justify-content:space-between;margin:20px 0 11px}.section-title h2,.page-head h2{font:700 23px Manrope;margin:0;letter-spacing:-1px}.section-title button,.section-title span{background:transparent;border:0;color:var(--violet);font:600 11px Inter}.rates{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rate b{display:block;font:700 16px Manrope;margin-top:6px}.feed,.product-list{display:grid;gap:8px}.feed>div{display:flex;align-items:center;justify-content:space-between}.feed b{font-size:12px}.feed p{margin:4px 0 0;color:#c1c3cc;font-size:11px}.in{color:var(--green)}.out{color:var(--danger)}.page-head{margin:7px 0 20px}.page-head h2{margin:5px 0 7px;font-size:29px}.page-head p{margin:0;color:var(--muted);line-height:1.45;font-size:12px}form{display:grid;gap:13px}label{display:grid;gap:7px;font:600 12px Inter}label em{color:var(--muted);font:400 10px Inter;font-style:normal}input,select,textarea{background:#191b21;color:#f7f7f8;border:1px solid var(--line);border-radius:12px;padding:13px;font:14px Inter;width:100%}textarea{min-height:92px;resize:vertical}.equiv{background:#242035;color:#d9d0ff;border:1px solid #3d3462;border-radius:12px;padding:12px;font-size:11px;line-height:1.4}.primary,.spin{border:0;border-radius:12px;background:linear-gradient(135deg,#9a75ff,#7147dd);color:#fff;padding:15px 17px;font:700 14px Inter;display:flex;justify-content:space-between;align-items:center}.primary span,.spin span{font-size:20px}.offer-grid{display:grid;gap:9px}.offer-grid article{border:1px solid var(--line);background:linear-gradient(125deg,#20232c,#17181d);border-radius:17px;padding:17px}.offer-grid span{color:var(--violet);font:700 11px Inter}.offer-grid h3{font:700 19px Manrope;margin:9px 0 5px;letter-spacing:-.5px}.offer-grid p{color:var(--muted);margin:0 0 14px;line-height:1.4;font-size:12px}.offer-grid button,.outline-danger{border:1px solid #504380;border-radius:10px;background:#2a2441;color:#d8d0ff;padding:10px 13px;font:600 12px Inter}.bank-card{padding:21px;border-radius:22px;color:white;background:radial-gradient(circle at 100% 0,#e1d4ff66,transparent 32%),linear-gradient(135deg,#261b48,#8257ed);border:1px solid #a98eff55}.card-top,.bank-card>div:last-child{display:flex;justify-content:space-between}.bank-card strong{display:block;font:600 21px ui-monospace,monospace;letter-spacing:2px;margin:45px 0 19px}.bank-card small{font-size:10px}.details{margin:12px 0;line-height:2}.details b{float:right}.outline-danger{border-color:#643743;background:#2b1d22;color:#ffb3bd;width:100%}
.card-copy{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:12px 0 10px;border:1px solid #5c4b92;border-radius:12px;background:#272139;color:#eee9ff;padding:13px 16px;font:600 13px Inter;box-shadow:inset 0 1px #ffffff0d}.card-copy:active{transform:scale(.98);background:#332a51}.card-copy span{font-size:19px;line-height:0;color:#c8adff}.page h3{font:700 17px Manrope;margin:25px 0 10px}.slot-machine{overflow:hidden;border:1px solid #493984;border-radius:19px;background:linear-gradient(150deg,#231b3b,#161720);padding:14px}.slot-top{display:flex;justify-content:space-between;color:#c5b7ff;font:700 10px Inter;letter-spacing:.8px}.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.reels i{display:grid;place-items:center;height:92px;border-radius:13px;background:#ede9ff;color:#2f1b69;font:800 39px Manrope;font-style:normal;box-shadow:inset 0 0 0 1px #fff}.reels.spinning i{animation:roll .16s linear infinite}@keyframes roll{50%{transform:translateY(-12px);filter:blur(1px)}}.compact{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.compact button{border:1px solid var(--line);background:#1a1c22;border-radius:13px;color:#f3f3f5;padding:13px;text-align:left}.compact b,.compact small{display:block}.compact small{color:var(--muted);font-size:10px;margin-top:5px}.result{margin-top:11px;border-radius:12px;background:#242035;color:#d9d0ff;padding:13px;min-height:45px;font-size:12px}.modal{background:#191b21;color:#fff;border:1px solid #393b46;border-radius:20px;padding:25px;max-width:360px;position:relative}.modal::backdrop{background:#050509bb}.modal h2{font:700 24px Manrope;margin:9px 0}.modal p,.modal small{color:var(--muted);line-height:1.45;font-size:12px}.close{position:absolute;top:12px;right:12px;background:transparent;border:0;color:#aaa;font-size:24px}.telegram-mark{display:grid;place-items:center;background:#2aabee;border-radius:50%;width:42px;height:42px;font-size:22px}.modal .primary{width:100%;margin:16px 0 12px}.modal label{margin-top:12px}#toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);max-width:90%;background:#eeeaff;color:#211a40;padding:12px 16px;border-radius:999px;font:700 12px Inter;display:none;z-index:5}@media(max-width:370px){main{padding:17px 12px}.balance-line h1{font-size:41px}.quick button{font-size:10px}.bank-card strong{font-size:16px}}.coin-value{color:var(--coin)!important}.product-list [data-page="shop"],nav button[data-page="shop"]{color:var(--coin)}.account-actions{grid-column:1/-1;display:flex;gap:7px;margin-top:9px}.account-actions button,.casino-grid button{border:1px solid #4b3c71;border-radius:10px;background:#272139;color:#e6dcff;padding:8px 10px;font:600 11px Inter}.casino-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.casino-grid article{display:grid;gap:8px;min-height:180px;padding:12px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#20232c,#17181d)}.casino-grid small{color:var(--muted);font-size:10px}.roulette-wheel{display:grid;place-items:center;width:64px;height:64px;margin:auto;border:8px dashed #ea6d79;border-radius:50%;background:#191a23;color:var(--coin);font-size:24px}.plinko-board{min-height:64px;color:var(--coin);text-align:center;line-height:1.5;font-size:18px}.crash-rocket{align-self:center;color:#78e4ff;text-align:center;font-size:43px;filter:drop-shadow(0 0 9px #68cdfc)}.anim-roulette{animation:roulette-spin .8s cubic-bezier(.14,.74,.2,1)}.anim-plinko{animation:plinko-drop .8s ease-in}.anim-crash{animation:crash-launch 1.1s ease-in}@keyframes roulette-spin{to{transform:rotate(1080deg)}}@keyframes plinko-drop{0%{transform:translateY(-28px)}30%{transform:translateX(16px)}60%{transform:translateX(-12px)}to{transform:translateY(18px)}}@keyframes crash-launch{0%{transform:translate(-26px,20px) scale(.7)}80%{transform:translate(32px,-45px) scale(1.1)}100%{transform:translate(44px,-58px) scale(.15);opacity:.2}}.casino-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.casino-grid article{min-height:198px;overflow:hidden}.casino-grid button:disabled{opacity:.55}.roulette-stage{position:relative;display:grid;place-items:center;height:74px}.roulette-wheel{position:relative;width:68px;height:68px;border:3px solid #f4d080;border-radius:50%;background:conic-gradient(#ce455a 0 30deg,#20232c 30deg 60deg,#ce455a 60deg 90deg,#20232c 90deg 120deg,#ce455a 120deg 150deg,#20232c 150deg 180deg,#ce455a 180deg 210deg,#20232c 210deg 240deg,#ce455a 240deg 270deg,#20232c 270deg 300deg,#ce455a 300deg 330deg,#20232c 330deg);box-shadow:0 0 16px #d99f4c55}.roulette-wheel i{display:block;width:14px;height:14px;border:3px solid #f6e5a5;border-radius:50%;background:#1b1d24}.roulette-marker{position:absolute;top:0;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:13px solid #f5d475;filter:drop-shadow(0 2px 2px #000)}.plinko-board{position:relative;display:grid;place-items:center;min-height:74px;border-radius:11px;background:radial-gradient(circle at 50% 5%,#383352,#171920 65%);overflow:hidden}.plinko-pegs{color:#a78cff;font:700 14px/1.42 ui-monospace,monospace;letter-spacing:4px;text-align:center;opacity:.85}.plinko-ball{position:absolute;top:6px;left:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:#ffd260;box-shadow:0 0 10px #ffc850}.crash-track{position:relative;min-height:74px;border-bottom:2px solid #6554a1;background:linear-gradient(145deg,#1c2030,#17181e);overflow:hidden;border-radius:11px}.crash-track>span{position:absolute;left:9px;right:9px;bottom:17px;border-top:1px dashed #6e6692}.crash-track small{position:absolute;right:8px;top:7px;color:#9cd6ff;font:700 10px Inter}.crash-rocket{position:absolute;left:12px;bottom:12px;font-size:24px;filter:drop-shadow(0 0 7px #70c7ff)}.anim-roulette{animation:roulette-spin .9s cubic-bezier(.11,.8,.17,1)}.anim-plinko{animation:plinko-drop .9s cubic-bezier(.25,.1,.7,1)}.anim-crash{animation:crash-launch 1.05s cubic-bezier(.15,.75,.3,1)}@keyframes roulette-spin{to{transform:rotate(1440deg)}}@keyframes plinko-drop{0%{transform:translate(0,0)}18%{transform:translate(17px,16px)}38%{transform:translate(-14px,34px)}62%{transform:translate(15px,51px)}80%{transform:translate(-11px,64px)}100%{transform:translate(8px,72px);opacity:.15}}@keyframes crash-launch{0%{transform:translate(0,0) rotate(-10deg)}75%{transform:translate(66px,-45px) rotate(12deg)}100%{transform:translate(94px,-67px) rotate(16deg);opacity:.15}}
.casino-pro{margin-top:16px;padding:14px;border:1px solid #5b458d;border-radius:19px;background:radial-gradient(circle at 50% 0,#402b7244,transparent 50%),#16171d}.pro-head{display:flex;justify-content:space-between;color:#d6c8ff;font:700 10px Inter;letter-spacing:1px}.pro-head span{color:var(--muted);letter-spacing:0}.pro-games{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.pro-games article{display:grid;gap:8px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:14px;background:#1c1e26}.pro-games h3{margin:0;font:700 16px Manrope}.pro-games p{min-height:29px;margin:0;color:var(--muted);font-size:10px;line-height:1.35}.pro-games input{padding:9px;border-radius:9px}.pro-games .primary{padding:11px;font-size:11px}.roulette-pro{display:grid;place-items:center;width:92px;height:92px;margin:auto;border:4px solid #efd17b;border-radius:50%;background:conic-gradient(#d24e61 0 30deg,#181a20 30deg 60deg,#d24e61 60deg 90deg,#181a20 90deg 120deg,#d24e61 120deg 150deg,#181a20 150deg 180deg,#d24e61 180deg 210deg,#181a20 210deg 240deg,#d24e61 240deg 270deg,#181a20 270deg 300deg,#d24e61 300deg 330deg,#181a20 330deg);box-shadow:0 0 18px #efc75d44}.roulette-pro i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#121319;color:#fff;font:700 13px Inter;font-style:normal}.spin-result{animation:pro-spin 1s cubic-bezier(.1,.78,.15,1) forwards}@keyframes pro-spin{to{transform:rotate(var(--turn))}}.color-picks{display:flex;gap:5px}.color-picks button{flex:1;border:1px solid #424650;border-radius:8px;background:#20222a;color:#c9cbd4;padding:7px 2px;font-size:9px}.color-picks button[data-color=red].picked{background:#8e3145;color:#fff}.color-picks button[data-color=black].picked{background:#08090c;color:#fff}.color-picks button[data-color=green].picked{background:#227150;color:#fff}.crash-pro{position:relative;height:92px;overflow:hidden;border:1px solid #384e68;border-radius:12px;background:linear-gradient(145deg,#182430,#14151b)}.crash-pro span{position:absolute;left:10px;top:10px;color:#b5e9ff;font:700 19px Manrope}.crash-pro i{position:absolute;left:8px;bottom:11px;color:#74d9ff;font-size:22px;font-style:normal;transition:transform .05s linear}