/* The Mafia / Violet Night — shared visual system */
:root{--bg:#050409;--violet:#a347ff;--violet-2:#c77dff;--gold:#dec1ff;--line:#ffffff16;--glass:#0f0c19;--text:#f8f5ff}
body{background:radial-gradient(ellipse at 50% 0,#20102c55,transparent 44%),#050409;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#faf8ff}button,a{-webkit-tap-highlight-color:transparent}.view{max-width:560px;padding:12px 18px 128px;margin:auto}.topbar{max-width:540px;margin:14px auto 8px;padding:9px 10px;gap:8px;border:1px solid #9567c738;border-radius:70px;background:linear-gradient(110deg,#1d112c,#08070d 75%);box-shadow:inset 0 1px #ffffff0b,0 8px 25px #0008;top:8px}.topbar__sp{display:none}.me-btn{order:-2;width:52px;height:52px;flex:0 0 52px;background:radial-gradient(circle at 30% 20%,#ac65d8,#362448 70%);border:2px solid #cab2e755;font-size:23px}.brand{order:-1;flex:1;display:block;border:0;border-radius:0;background:none;box-shadow:none;padding:0 4px;letter-spacing:0;height:auto;text-align:left}.v6-identity{display:block;min-width:0}.v6-identity>b{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;font-size:16px;letter-spacing:-.4px;text-transform:uppercase;white-space:nowrap}.v6-level{display:flex;align-items:center;gap:6px;margin-top:6px;max-width:160px;font-size:11px}.v6-level .bar{flex:1;height:8px;margin:0;background:#ffffff13}.v6-level .bar i{background:linear-gradient(90deg,#b151ff,#35c6ff);box-shadow:0 0 12px #9455ff}.v6-level small{color:#82758f}.wallet{padding:0;border:0;background:none;box-shadow:none;gap:7px}.v6-balances{display:grid;gap:4px;min-width:68px}.v6-balances>span{display:flex;justify-content:flex-end;align-items:center;gap:6px;background:#1d1b25;padding:3px 8px;border-radius:20px;font-size:12px;line-height:16px}.v6-balances>span:first-child{background:#f3f0fa;color:#120c1e}.v6-balances i{font-style:normal;font-size:12px;color:#954beb}.v6-balances .ic{width:15px;height:15px;color:#b6a0ff}.wallet__plus{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#a653ff,#535bff 65%,#3297ff);box-shadow:inset 0 1px #fff5,0 0 22px #8744ff30;color:white}.wallet__plus .ic{width:25px;height:25px}
.v6-banner{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ad54ed35;border-radius:24px;min-height:242px;background:radial-gradient(ellipse at 80% 40%,#7822b547,transparent 65%),linear-gradient(115deg,#170a25,#100817 65%,#27103d);padding:24px 20px;margin:6px 0 18px}.v6-banner:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 38px,#b984ff05 39px 40px);z-index:-1}.v6-banner-copy{position:relative;z-index:2;max-width:61%}.v6-eyebrow{display:block;font-size:9px;font-weight:800;letter-spacing:2px;color:#ae8cc8;margin-bottom:12px}.v6-banner h1{font-size:clamp(30px,8vw,43px);line-height:.98;letter-spacing:-1.4px;margin:0 0 15px;font-weight:900;color:#bc65ff}.v6-banner p{font-size:10px;color:#a995b7;margin:5px 0 15px}.v6-reward{display:flex;align-items:center;gap:9px}.v6-reward>.ic{color:#e2b963;width:23px;height:23px}.v6-reward b{font-size:24px;letter-spacing:-1px}.v6-reward small{font-size:15px;color:#d8a255}.v6-vault{width:65%;height:auto;position:absolute;right:-40px;bottom:-18px;z-index:1;filter:drop-shadow(0 15px 20px #0008);pointer-events:none}.v6-banner .btn{min-height:35px;font-size:10px;gap:3px;padding:7px 11px;background:linear-gradient(100deg,#9f3be5,#7135cc);border:1px solid #c57af74a}
.v6-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v6-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:13px;min-height:128px;padding:16px 12px;border:1px solid #aa78df30;border-radius:22px;background:radial-gradient(ellipse at 0 0,#54217d40,transparent 75%),linear-gradient(135deg,#15101c,#09080e);color:#fff;font-size:12px;font-weight:750;text-align:left;overflow:hidden;box-shadow:inset 0 1px #ffffff05;transition:transform .18s,border-color .18s}.v6-tile:active{transform:scale(.96)}.v6-tile:hover{border-color:#b66aff88}.v6-orb{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#893fe950,#54227955);border:1px solid #c880ff35;box-shadow:inset 1px 1px #e4c3ff18,0 6px 20px #54128825;color:#c894ff}.v6-orb .ic{width:26px;height:26px;filter:drop-shadow(0 2px 5px #b255ff55)}.v6-tile-arrow.ic{position:absolute;top:13px;right:10px;width:12px;height:12px;color:#8f719f}.v6-tile-spin .v6-orb{color:#9af3ff;background:linear-gradient(135deg,#448fba65,#5b26965c);border-color:#79dfff44}.v6-tile-ultimate{background:radial-gradient(ellipse at 0 0,#a34cf663,transparent 85%),#160c23;border-color:#a064cb60}.v6-tile-ultimate .v6-orb{color:#ecd3ff}.v6-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 20px}.v6-shortcuts .v6-tile{min-height:68px;border-radius:18px;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.v6-shortcuts .v6-orb{width:33px;height:33px;border-radius:11px}.v6-shortcuts .v6-orb .ic{width:19px;height:19px}.v6-shortcuts .v6-tile-arrow{display:none}.v6-game-banner{width:100%;display:flex;gap:14px;align-items:center;text-align:left;border:1px solid #674a8c50;border-radius:22px;padding:17px 15px;background:linear-gradient(110deg,#211132,#0d111e);color:white}.v6-game-banner>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.v6-game-banner small{font-size:10px;color:#ba91d7}.v6-game-banner b{font-size:13px}.v6-game-banner>.ic{width:18px;color:#bd8bf1}.v6-news{padding:20px 5px;border-bottom:1px solid #fff1;margin:14px 0}.v6-news p{font-size:12px;color:#9d91ae;line-height:1.7}.v6-news h3{font-size:16px}
.tabbar{max-width:530px;left:50%;transform:translateX(-50%);width:calc(100% - 24px);bottom:calc(12px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr 1.1fr 1fr 1fr;border:1px solid #a37ad444;border-radius:35px;padding:7px 8px 6px;background:linear-gradient(115deg,#271437e8,#0b0a10f5 65%);box-shadow:0 10px 40px #000b,inset 0 1px #ffffff10;backdrop-filter:blur(24px)}.tab{height:56px;gap:4px;border-radius:22px;color:#908699;font-size:9px;min-width:0}.tab .ic{width:23px;height:23px}.tab.is-on{background:none;color:#c37dff}.tab.is-on:before{display:none}.tab-game{position:relative;overflow:visible;transform:translateY(-17px);height:70px;width:70px;justify-self:center;border-radius:50%;background:linear-gradient(140deg,#bb64ff,#7032dc 58%,#4552ce);border:5px solid #09060f;box-shadow:0 0 0 1px #ad6aff66,0 6px 30px #8e35e54f;color:#fff!important;font-size:9px}.tab-game.is-on{background:linear-gradient(140deg,#ce8aff,#8d4af3 58%,#5874ed)}.tab-game .ic{width:26px;height:26px}.card,.task,.keybig,.row{background:linear-gradient(140deg,#130d1b,#09080d);border-color:#9d79c02a}.task{border-radius:25px;padding:16px}.task .row__ic{border-radius:50%;background:linear-gradient(135deg,#7834a6,#261136);box-shadow:inset 0 1px #fff2}.task .bar{height:6px;margin-left:50px;background:#ffffff14}.task .task__rew{justify-content:flex-end}.btn--primary{background:linear-gradient(110deg,#ad42e6,#7634d7);box-shadow:inset 0 1px #f0cbff33,0 5px 20px #6d2aac26;border-color:#b469e744}.btn--gold{background:linear-gradient(110deg,#8a4edd,#a93fc4);color:white;border-color:#bb68ff55}.tabs{border-radius:24px;background:#09060f}.tabs__btn{border-radius:22px}.tabs__btn.is-on{background:#1d1032;border:1px solid #b369f166}.v6-paywall{text-align:center;overflow:hidden;border-radius:26px;background:radial-gradient(ellipse at 50% 20%,#64268c44,transparent 55%)}.v6-paywall-art{position:relative;height:235px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#b746ff35,transparent 65%)}.v6-paywall-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 40px,#d68cff0a 41px 42px);mask-image:linear-gradient(#000,transparent)}.v6-paywall-art .v6-vault{width:290px;max-width:100%;left:50%;transform:translateX(-50%);bottom:-25px;right:auto}.v6-ultimate-badge{position:absolute;top:18px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:5px;border:1px solid #c782ff55;border-radius:20px;padding:7px 13px;background:#1a0b29aa;color:#dfbaff;z-index:2}.v6-paywall>h1{font-size:29px;line-height:1.1;letter-spacing:-1px;margin:8px 22px 10px}.v6-paywall>p{font-size:12px;color:#a291af}.v6-paywall .v6-eyebrow{margin-top:8px;font-size:8px}.v6-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:28px 6px 18px}.v6-plan{position:relative;display:flex;flex-direction:column;align-items:center;padding:23px 12px 13px;border-radius:23px;border:1px solid #a47cc466;background:linear-gradient(150deg,#281b32,#0d0a12)}.v6-plan-pro{border:1.5px solid #c36cff;background:radial-gradient(ellipse at 50% 0,#a842da60,transparent 75%),#1b1025;box-shadow:0 0 25px #b04ae62b}.v6-plan-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:5px 10px;border:1px solid #c294dd6b;background:#31223e;border-radius:14px;font-size:8px;letter-spacing:1px;font-weight:800}.v6-plan-pro .v6-plan-tag{background:linear-gradient(100deg,#9b44d8,#b95eea);border-color:#db9eff;color:#fff}.v6-plan-icon .ic{width:28px;height:28px;color:#dca8ff}.v6-plan h2{font-size:20px;margin:8px 0}.v6-plan-price{display:flex;align-items:center;gap:5px;font-size:29px;font-weight:850;letter-spacing:-1px}.v6-plan-price .ic{width:19px;color:#e7c268}.v6-plan>p{font-size:10px;color:#b6a1c4;margin:5px 0 14px}.v6-plan-benefit{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;margin:0 0 20px;padding:12px 0;border-top:1px solid #ffffff14;width:100%}.v6-plan-benefit .ic{width:17px;color:#c68fff}.v6-plan-benefit small{width:100%;font-size:9px;color:#b39ac5}.v6-plan .btn{margin-top:auto;font-size:10px;min-height:40px;padding:7px}.v6-plan .btn .ic{width:15px}.v6-topup-hero,.v6-ref-hero{text-align:center;padding:30px 16px}.v6-topup-hero .v6-orb,.v6-ref-hero .v6-orb{margin:0 auto 20px;width:80px;height:80px;border-radius:26px;transform:rotate(-8deg);box-shadow:0 0 70px #963fe52f}.v6-topup-hero .ic,.v6-ref-hero .ic{width:43px;height:43px;transform:rotate(8deg)}.v6-topup-hero h1,.v6-ref-hero h1{font-size:28px;letter-spacing:-1px}.v6-topup-hero p,.v6-ref-hero p{color:#ae95be;font-size:12px}.pack{border:1px solid #a769df3d;border-radius:22px;padding:16px 9px;background:linear-gradient(140deg,#21112e,#0b0811);gap:10px}.pack>b{font-size:25px}.pack>.ic{color:#d7a7ff}.pack .btn{font-size:11px}.pack .btn .ic{width:14px;color:#f3d98e}.v6-ref-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.v6-ref-stats article{display:flex;flex-direction:column;align-items:center;padding:20px;border:1px solid #a66ad338;border-radius:22px;background:#160c21}.v6-ref-stats b{font-size:32px}.v6-ref-stats small{font-size:11px;color:#b29ac4}.v6-ref-reward{display:flex;align-items:center;gap:18px;font-size:24px}.v6-ref-reward b{display:flex;gap:6px;align-items:center}.v6-ref-reward .ic{width:25px;color:#b186fa}.v6-ref-link{display:grid;gap:12px}.v6-ref-link input{font-size:11px}.v6-profile .profile-head{flex-direction:column;text-align:center;align-items:center;position:relative;background:radial-gradient(ellipse at 50% 0,#6f24aa44,transparent 80%),#100b17;border:1px solid #a36ccb3a;border-radius:26px;padding:30px 18px}.v6-profile .profile-head .avatar{width:86px;height:86px;border-radius:50%;border:3px solid #c085ef;font-size:36px;box-shadow:0 0 40px #9944dc33;background:linear-gradient(135deg,#8d4db6,#29163f)}.v6-profile .chips{justify-content:center}.v6-profile .profile-head h1{font-size:24px}.v6-profile .stat{background:linear-gradient(135deg,#251234,#110b19);border-radius:18px}.v6-profile .stat__v{color:#d0a3f5}.gcard{border-radius:24px!important;background:#140e1e!important;border-color:#aa6ee635!important}.gcard__art{border-radius:21px 21px 12px 12px!important}.gcard__ph .ic{filter:drop-shadow(0 10px 12px #0006)}.gcard__body{padding:13px!important}.market-head,.market-tabs{background:#120c1a}.listing{border-radius:22px;background:linear-gradient(135deg,#281434,#100b16);border-color:#af6ddb30}.listing .row__ic{width:55px;height:55px;background:linear-gradient(140deg,#9c4de344,#49206d);border-radius:17px}.listing .row__ic .ic{width:30px;height:30px}.v6-welcome{text-align:center;position:relative;padding:210px 12px 15px;overflow:hidden}.v6-welcome .v6-vault{width:270px;max-width:90%;top:-25px;bottom:auto;left:50%;transform:translateX(-50%)}.v6-welcome h2{font-size:25px;letter-spacing:-.7px}.v6-welcome p{font-size:13px;line-height:1.7;color:#b6a3c5;margin:12px 0 24px}.v6-welcome .btn{margin-top:10px}.sheet__panel{border-color:#a968e24d;background:linear-gradient(160deg,#20112f,#0b0811 70%);border-radius:30px 30px 0 0}.intro__mark{border-color:#b365f04d;background:radial-gradient(circle,#9944dd50,#1d0e2c);box-shadow:0 0 90px #8e3cca30}.intro{background:radial-gradient(ellipse at 50% 30%,#412059,#07040b 65%)}
/* The independent vector wheel has no city image or Cyber text. */
.wheel-stage{width:min(390px,86vw);margin:32px auto 25px;isolation:isolate;background:none;border-radius:50%}.wheel-stage:before{content:"";position:absolute;inset:-8px;border:2px solid #c885ff88;border-radius:50%;box-shadow:0 0 0 5px #29143a,0 0 0 7px #7f39ac88,0 0 34px #9b48ed55,inset 0 0 24px #7a39b855;pointer-events:none}.wheel-stage:after{content:"";position:absolute;inset:-24px;border-radius:50%;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 20deg,transparent 0 8deg,#8eeeff66 9deg,transparent 10deg 28deg);mask-image:radial-gradient(circle,transparent 61%,black 64%,transparent 71%)}.wheel-stage.is-ice:after{opacity:.8;animation:ice-swirl 3s linear infinite}.wheel-stage.is-ice:before{border-color:#aaf7ff;box-shadow:0 0 0 5px #163c59,0 0 0 7px #89dfffa0,0 0 55px #65dfff88,inset 0 0 30px #5dd7ff55;animation:ice-breathe 1s ease-in-out infinite alternate}.wheel{filter:drop-shadow(0 0 10px #a76cea55)}.wheel-pointer{top:-22px;border-left-width:13px;border-right-width:13px;border-top:31px solid #dbfbff;filter:drop-shadow(0 0 7px #82ecff);z-index:4}.wheel-hub{width:74px;height:74px;margin:-37px 0 0 -37px;background:conic-gradient(#3e1674,#be6cff,#91f7ff,#9b4dff,#3e1674);border:3px solid #d2acff;box-shadow:0 0 0 6px #160c29,0 0 28px #b558ffb0;color:#fff;z-index:3}.wheel-hub:before{content:"";position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle,#d8fffb,#9345ed 38%,#2b0d4c 70%);box-shadow:inset 0 0 13px #f0bcff}.wheel-hub .ic{position:relative;z-index:1;filter:drop-shadow(0 0 5px white)}.is-ice .wheel-hub{animation:ice-breathe .7s infinite alternate}.spin-actions{gap:12px}.spin-actions .btn{border-radius:18px;min-height:62px}.result{border-radius:25px;border:1px solid #b06bff88;background:radial-gradient(ellipse at 50% 0,#733bae66,transparent),#120b1e}.result__amt{color:#d6b5ff}.bar i{background:linear-gradient(90deg,#9c47ea,#9464ff,#4eacff)}
@keyframes ice-swirl{to{transform:rotate(360deg)}}@keyframes ice-breathe{to{filter:brightness(1.3) drop-shadow(0 0 12px #a2f8ff)}}
@media(min-width:700px){.topbar{margin-top:22px}.view{padding-top:14px}.v6-banner{min-height:290px;padding:30px}.v6-banner h1{font-size:48px}.v6-vault{width:65%;bottom:-25px}.v6-grid .v6-tile{min-height:150px;padding:20px}.v6-banner p{font-size:12px}.v6-banner .btn{font-size:12px}.v6-banner-copy{max-width:58%}.v6-paywall-art{height:280px}.v6-paywall-art .v6-vault{width:340px}.v6-plan-grid{padding:28px 25px 18px}}
@media(max-width:360px){.view{padding-left:12px;padding-right:12px}.topbar{margin-left:8px;margin-right:8px}.v6-identity>b{font-size:12px;max-width:100px}.me-btn{width:42px;height:42px;flex-basis:42px}.wallet__plus{width:38px;height:38px}.v6-banner{min-height:232px;padding:20px 15px}.v6-tile{padding:13px 10px;font-size:11px;min-height:116px}.tab-game{width:64px;height:64px}.v6-grid{gap:8px}.v6-banner .v6-vault{right:-37px;width:69%}.v6-paywall>h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.wheel.is-spinning{transition-duration:.1s}.wheel-stage.is-ice:after,.wheel-stage.is-ice:before,.is-ice .wheel-hub{animation:none}*{scroll-behavior:auto!important}}