:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#070912;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{background:#070912;width:100%;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0}.app{background:radial-gradient(circle at 15% 0,#495bff24,#0000 30%),radial-gradient(circle at 90% 20%,#00daff14,#0000 28%),#070912;min-height:100vh;position:relative;overflow:hidden}.app-bg{pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070912d6;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 18px 13px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:linear-gradient(135deg,#6272ff,#3948e9);border-radius:11px;place-items:center;width:35px;height:35px;font-weight:900;display:grid;box-shadow:0 8px 25px #4553ff4d}.brand-title{letter-spacing:.07em;font-size:13px;font-weight:900}.brand-subtitle{color:#727990;letter-spacing:.13em;margin-top:1px;font-size:8px;font-weight:800}.balance-pill{color:#f6f7ff;background:#ffffff0b;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:800;display:flex}.balance-icon{color:#6878ff}.content{z-index:2;width:100%;max-width:620px;margin:0 auto;padding:22px 16px 110px;position:relative}.page{animation:.22s ease-out pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.welcome{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.eyebrow{color:#68738e;letter-spacing:.16em;font-size:9px;font-weight:900}.welcome h1,.page-title h1{letter-spacing:-.04em;margin:5px 0 3px;font-size:27px;line-height:1.05}.welcome p,.page-title p{color:#727990;margin:0;font-size:12px}.avatar,.profile-avatar{background:linear-gradient(135deg,#5f6eff,#3545df);border-radius:50%;place-items:center;font-weight:900;display:grid;box-shadow:0 10px 30px #4553ff4d}.avatar{width:45px;height:45px}.balance-card{background:radial-gradient(circle at 100% 0,#5a69ff52,#0000 48%),linear-gradient(135deg,#151a31,#0e1120);border:1px solid #ffffff12;border-radius:23px;justify-content:space-between;align-items:flex-end;min-height:135px;padding:21px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 55px #00000038}.balance-card:after{content:"";border:1px solid #7887ff24;border-radius:50%;width:150px;height:150px;position:absolute;top:-55px;right:-45px}.balance-label{color:#747e99;letter-spacing:.12em;margin-bottom:7px;font-size:9px;font-weight:900;display:block}.balance-card strong{letter-spacing:-.04em;font-size:31px;display:block}.primary-button{z-index:2;letter-spacing:.05em;background:#6473ff;border-radius:13px;align-items:center;gap:14px;padding:11px 14px;font-size:10px;font-weight:900;transition:transform .16s,filter .16s;display:flex;position:relative;box-shadow:0 10px 30px #5160ff47}.primary-button:hover{filter:brightness(1.08)}.primary-button:active{transform:scale(.97)}.section-heading{justify-content:space-between;align-items:flex-end;margin:25px 2px 12px;display:flex}.section-heading h2{letter-spacing:-.02em;margin:4px 0 0;font-size:17px}.text-button{color:#6978ff;background:0 0;padding:4px 0;font-size:11px;font-weight:800}.game-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.game-card,.large-game-card{text-align:left;background:#111522;border:1px solid #fff1;transition:transform .18s,border-color .18s;position:relative;overflow:hidden}.game-card:hover,.large-game-card:hover{border-color:#ffffff21;transform:translateY(-2px)}.game-card:active,.large-game-card:active{transform:scale(.985)}.game-card{border-radius:19px;min-height:135px;padding:16px}.game-card:before,.large-game-card:before{content:"";opacity:.75;pointer-events:none;position:absolute;inset:0}.game-cases:before{background:radial-gradient(circle at 85% 20%,#ffb24933,#0000 50%)}.game-crash:before{background:radial-gradient(circle at 85% 20%,#47c7ff33,#0000 50%)}.game-mines:before{background:radial-gradient(circle at 85% 20%,#6cffa12b,#0000 50%)}.game-upgrade:before{background:radial-gradient(circle at 85% 20%,#be65ff30,#0000 50%)}.game-icon{z-index:1;background:#ffffff0f;border-radius:13px;place-items:center;width:40px;height:40px;margin-bottom:18px;font-size:20px;display:grid;position:relative}.game-info,.large-game-card>div:nth-child(2){z-index:1;position:relative}.game-info strong,.large-game-card strong{font-size:14px;display:block}.game-info span,.large-game-card span{color:#6e778d;margin-top:4px;font-size:10px;display:block}.game-arrow{color:#6674ff;font-size:14px;position:absolute;bottom:12px;right:13px}.recent-heading{margin-top:27px}.live-dot{color:#5fe09a;align-items:center;gap:5px;font-size:8px;font-weight:900;display:flex}.live-dot:before{content:"";background:#5fe09a;border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #5fe09acc}.wins-list{flex-direction:column;gap:7px;display:flex}.win-row{background:#ffffff06;border:1px solid #ffffff0b;border-radius:14px;align-items:center;gap:11px;padding:11px;display:flex}.win-icon{background:#ffffff0d;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.win-user{flex:1}.win-user strong{font-size:11px;display:block}.win-user span{color:#687187;margin-top:2px;font-size:9px;display:block}.win-value{color:#67e3a0;font-size:11px;font-weight:900}.page-title{margin-bottom:22px}.page-title h1{font-size:30px}.game-list{flex-direction:column;gap:11px;display:flex}.large-game-card{border-radius:20px;align-items:center;gap:14px;min-height:96px;padding:15px;display:flex}.large-game-icon{z-index:1;background:#ffffff0f;border-radius:17px;flex:0 0 58px;place-items:center;width:58px;height:58px;font-size:27px;display:grid;position:relative}.large-game-card>div:nth-child(2){flex:1}.large-game-card strong{font-size:17px}.large-game-card span{font-size:11px}.large-arrow{z-index:1;color:#6877ff;font-size:19px;position:relative}.empty-card{text-align:center;background:#ffffff06;border:1px solid #ffffff0f;border-radius:23px;padding:38px 20px}.empty-icon{margin-bottom:10px;font-size:40px}.empty-card h2{margin:0;font-size:17px}.empty-card p{color:#6f788e;margin:7px 0 20px;font-size:11px}.empty-card .primary-button{margin:auto}.profile-card{background:linear-gradient(135deg,#151a31,#0f1220);border:1px solid #ffffff12;border-radius:21px;align-items:center;gap:14px;padding:18px;display:flex}.profile-avatar{width:54px;height:54px;font-size:18px}.profile-name strong{font-size:16px;display:block}.profile-name span{color:#707990;margin-top:4px;font-size:10px;display:block}.stats-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.stat{background:#ffffff06;border:1px solid #ffffff0d;border-radius:15px;padding:15px}.stat span{color:#69728a;letter-spacing:.12em;font-size:8px;font-weight:900;display:block}.stat strong{margin-top:6px;font-size:17px;display:block}.profile-links{flex-direction:column;gap:7px;margin-top:17px;display:flex}.profile-links button{text-align:left;background:#ffffff09;border-radius:14px;align-items:center;gap:11px;width:100%;padding:15px;font-size:13px;display:flex}.profile-links span{flex:1}.profile-links b{color:#606b82;font-size:19px}.connection-status{z-index:30;color:#858da2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#111420f0;border:1px solid #ffffff12;border-radius:999px;align-items:center;gap:7px;width:max-content;max-width:calc(100vw - 30px);padding:7px 11px;font-size:9px;display:flex;position:fixed;bottom:79px;left:50%;transform:translate(-50%)}.connection-status span{background:#ffbd55;border-radius:50%;width:5px;height:5px;animation:1.3s infinite pulse}@keyframes pulse{50%{opacity:.35}}.bottom-nav{z-index:25;width:min(620px,100%);padding:9px 10px calc(9px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080a12e6;border-top:1px solid #ffffff0e;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#545d72;background:0 0;flex-direction:column;align-items:center;gap:4px;padding:5px;transition:color .15s;display:flex}.bottom-nav button span{font-size:18px;line-height:1}.bottom-nav button small{font-size:8px;font-weight:800}.bottom-nav button.active{color:#7180ff}@media (width>=600px){.content{padding-top:30px}}