:root{--bg:#050505;--panel:#191919;--panel2:#202020;--line:#343434;--muted:#9696a0;--text:#f8f8f8;--lime:#8cf25b;--lime2:#5cd23a;--danger:#ff4545;--gold:#ffca36;--shadow:0 18px 50px rgba(0,0,0,.35);--r:26px}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:#000;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{max-width:760px;margin:auto;min-height:100vh;background:#000;padding-bottom:110px}.container{padding:0 28px 28px}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between;padding:22px 30px;position:sticky;top:0;background:rgba(0,0,0,.94);backdrop-filter:blur(16px);z-index:30}.brand{font-size:31px;font-weight:900;letter-spacing:-1.4px}.brand span{color:var(--lime)}.brand::before{content:'✕';font-size:34px;font-weight:300;margin-right:26px;vertical-align:-3px}.desktop-nav{display:none}.tg-head-actions{display:flex;gap:18px;align-items:center;color:#fff;font-size:34px}.page-title{font-size:44px;line-height:1.04;margin:16px 0 14px;letter-spacing:-1.5px}.page-sub{color:var(--muted);font-size:21px;line-height:1.45;margin:0 0 30px;text-align:center}.hero-center{text-align:center;padding-top:18px}.hero-emoji{font-size:74px;line-height:1;margin-bottom:22px}.card{background:var(--panel);border:1px solid #333;border-radius:var(--r);padding:26px;box-shadow:var(--shadow)}.card.green{background:linear-gradient(135deg,#10230f,#1b1d1a 72%);border-color:#527d3e}.card+.card{margin-top:18px}.section-title{font-size:28px;margin:34px 0 18px}.eyebrow{color:#9a9aa3;font-weight:900;text-transform:uppercase;letter-spacing:1.3px;font-size:16px}.muted{color:var(--muted)}.metric{font-weight:900;font-size:42px;letter-spacing:-1px}.balance-card{display:flex;align-items:center;justify-content:space-between;padding:28px}.balance-main{display:flex;gap:17px;align-items:center}.coin-logo{font-size:48px}.balance-number{font-size:50px;font-weight:900;line-height:1}.balance-unit{font-size:24px;color:var(--lime);font-weight:900;margin-left:8px}.balance-fiat{font-size:24px;color:#9d9da8;margin-top:12px}.ticket{display:flex;align-items:center;gap:9px;font-size:28px}.ticket i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#603b00;font-style:normal}.mining-box{margin-top:18px;padding:26px 26px 22px}.mining-stats{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.mini-stat{display:flex;gap:18px;align-items:center}.mini-icon{width:74px;height:74px;border-radius:20px;background:#293029;display:grid;place-items:center;font-size:36px}.mini-label{font-size:18px;color:#a0a0a8}.mini-value{font-size:29px;font-weight:800;margin-top:4px}.progress{height:12px;background:#363636;border-radius:99px;overflow:hidden;margin-top:18px}.progress>i{display:block;height:100%;border-radius:99px;background:var(--lime);width:var(--pct,0%)}.btn,button{border:0;border-radius:18px;background:var(--lime);color:#071005;font-weight:900;padding:18px 24px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:58px}.btn.danger,button.danger{background:#ef3535;color:#fff}.btn.secondary,button.secondary{background:#2a2a2a;color:#fff;border:1px solid #3a3a3a}.btn.outline{background:transparent;color:var(--lime);border:3px solid var(--lime)}.btn.block,button.block{width:100%;font-size:25px}.live-line{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:15px;background:rgba(140,242,91,.10);color:#a1ff7a;margin-top:20px;white-space:nowrap;overflow:hidden}.live-dot{width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);flex:0 0 auto}.verify-card{display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center}.verify-icon{width:66px;height:66px;border-radius:16px;background:#303030;display:grid;place-items:center;font-size:34px}.verify-title{font-size:25px;font-weight:900}.verify-sub{color:#9f9fa8;margin-top:6px}.cloud-card h3{font-size:26px;color:var(--lime);margin:0 0 8px}.cloud-card p{font-size:20px;line-height:1.45;margin:0 0 22px;color:#a4a4ad}.booster-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.booster{padding:18px;border-radius:18px;background:#141414;border:1px solid #2d2d2d}.mobile-nav{position:fixed;z-index:50;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);height:102px;background:rgba(0,0,0,.97);border-top:1px solid #202020;display:grid;grid-template-columns:repeat(5,1fr);padding:12px 8px max(12px,env(safe-area-inset-bottom))}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;font-size:17px}.mobile-nav a .nav-ico{font-size:31px;line-height:1}.mobile-nav a.active{color:var(--lime)}.friends-hero{text-align:center;padding:18px 0 24px}.friends-hero .emoji{font-size:65px}.daily-card{background:linear-gradient(135deg,#132313,#1c1d1b);border-color:#44673b}.daily-head{display:flex;justify-content:space-between;align-items:center}.countdown{background:#2a2a2a;padding:12px 16px;border-radius:15px;font-size:21px;font-weight:800}.reward-panel{margin:22px 0;background:#202020;border-radius:18px;padding:24px;font-size:25px;font-weight:900;line-height:1.6}.reward-panel .green{color:var(--lime)}.reward-panel .gold{color:var(--gold)}.share-sheet{padding:28px 0}.share-card{font-size:24px;line-height:1.7}.wheel-balance{display:flex;justify-content:space-between;align-items:flex-end;margin:16px 0 26px}.wheel-wrap{padding:18px 0 12px;display:grid;place-items:center}.wheel{width:min(90vw,620px);aspect-ratio:1;border-radius:50%;position:relative;background:conic-gradient(#f03b3b 0 45deg,#ff9d1a 45deg 90deg,#eadb16 90deg 135deg,#6bc72e 135deg 180deg,#17cfc5 180deg 225deg,#7547df 225deg 270deg,#e82fc4 270deg 315deg,#f03b3b 315deg);border:14px solid #f2b228;box-shadow:0 0 0 6px #7a4610,0 18px 60px #000;transition:transform 4.5s cubic-bezier(.12,.72,.14,1)}.wheel::after{content:'';position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#ff9e00 0 39%,#853b00 40% 44%,transparent 45%)}.wheel-labels{position:absolute;inset:0;z-index:2}.slice-label{position:absolute;left:50%;top:50%;width:44%;transform-origin:0 0;text-align:right;font-size:19px;font-weight:900;text-shadow:0 2px 4px #000}.spin-center{position:absolute;z-index:4;width:31%;aspect-ratio:1;border-radius:50%;background:linear-gradient(#ffb200,#9e4500);border:7px solid #ffcf4c;color:#fff;font-size:27px;font-weight:1000;text-align:center;display:grid;place-items:center;line-height:1.05;text-shadow:0 3px 5px #6b2d00;cursor:pointer}.pointer{width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:40px solid #fff;filter:drop-shadow(0 3px 3px #000);margin-bottom:-22px;z-index:5}.switches{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.switch-card{background:#111;border-radius:22px;padding:24px;display:flex;justify-content:space-between;align-items:center;font-size:24px;font-weight:900}.switch{width:76px;height:42px;background:#444;border-radius:99px;padding:5px}.switch.on{background:#f2b600}.switch i{display:block;width:32px;height:32px;border-radius:50%;background:#fff;margin-left:0;transition:.2s}.switch.on i{margin-left:34px}.withdraw-head{text-align:center;padding:18px 0}.withdraw-balance{text-align:center;margin:34px 0}.withdraw-balance .metric{font-size:52px}.tasks-list{margin-top:22px}.task-item{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;padding:24px 0;border-bottom:1px solid #333}.task-item:last-child{border-bottom:0}.task-ico{font-size:34px;text-align:center}.task-title{font-size:23px;font-weight:900;line-height:1.35}.task-reward{font-size:20px;margin-top:6px}.task-item button{border-radius:999px;padding:13px 22px;min-height:auto;font-size:20px}.table-wrap{overflow:auto;border-radius:22px;background:#1c1c1c;border:1px solid #333}table{width:100%;border-collapse:collapse}th,td{padding:18px 16px;text-align:left;border-bottom:1px solid #333}th{color:#a5a5ad;text-transform:uppercase;font-size:14px}.form-card label{display:block;margin:16px 0;color:#aaa}input,select{width:100%;background:#111;border:1px solid #363636;border-radius:14px;color:#fff;padding:16px;margin-top:7px}.flash{padding:14px 18px;border-radius:14px;margin:0 0 18px;background:#222}.flash.success{border:1px solid #4e8c3d}.flash.error{border:1px solid #a83838}.grid{display:grid;gap:18px}.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}.telegram-gate{display:grid;place-items:center;padding:30px}.tg-gate-wrap{width:min(520px,100%);text-align:center}.tg-logo{width:110px;height:110px;border-radius:50%;background:var(--lime);color:#000;display:grid;place-items:center;font-size:31px;font-weight:1000;margin:0 auto 22px}.tg-loader{display:flex;justify-content:center;gap:10px}.tg-loader i{width:10px;height:10px;border-radius:50%;background:var(--lime);animation:b 1s infinite alternate}.tg-loader i:nth-child(2){animation-delay:.2s}.tg-loader i:nth-child(3){animation-delay:.4s}@keyframes b{to{opacity:.2;transform:translateY(-6px)}}.tg-disclaimer{font-size:13px;color:#777;margin-top:28px}@media(min-width:900px){.app-shell{border-left:1px solid #202020;border-right:1px solid #202020}.container{padding-left:38px;padding-right:38px}}@media(max-width:430px){.container{padding-left:18px;padding-right:18px}.topbar{padding-left:20px;padding-right:20px;height:92px}.brand{font-size:26px}.brand::before{font-size:28px;margin-right:16px}.card{padding:20px;border-radius:22px}.metric{font-size:35px}.balance-number{font-size:39px}.page-title{font-size:36px}.task-item{grid-template-columns:44px 1fr auto;gap:10px}.task-title{font-size:18px}.task-item button{font-size:16px;padding:11px 15px}.mobile-nav a{font-size:14px}.mobile-nav a .nav-ico{font-size:26px}}


/* Telegram Mini App viewport fixes */
html,body{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
body{min-height:100dvh}
.app-shell{width:100%;max-width:none;margin:0;min-height:100dvh;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px));overflow-x:hidden}
.container{width:100%;max-width:100%;min-width:0;padding:0 18px 28px;overflow-x:hidden}
.container>*{max-width:100%;min-width:0}
.topbar{width:100%;height:84px;padding:14px 18px}
.mobile-nav{left:0;right:0;transform:none;width:100%;max-width:none;height:calc(82px + env(safe-area-inset-bottom,0px));padding:7px 4px max(7px,env(safe-area-inset-bottom,0px));backdrop-filter:blur(16px)}
.balance-card,.mining-stats,.wheel-balance,.daily-head,.verify-card,.switches,.task-item{min-width:0}
.balance-main{min-width:0;flex:1}
.balance-main>div:last-child{min-width:0}
.balance-number{font-size:clamp(34px,10vw,50px);overflow-wrap:anywhere}
.balance-unit{font-size:clamp(20px,5vw,24px)}
.balance-fiat{font-size:clamp(17px,4.8vw,24px)}
.ticket{flex:0 0 auto}
.mining-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.mini-stat{min-width:0;gap:12px}
.mini-icon{width:64px;height:64px;flex:0 0 64px}
.mini-value{font-size:clamp(22px,6vw,29px);overflow-wrap:anywhere}
.live-line{max-width:100%;white-space:normal}
.wheel-wrap{width:100%;max-width:100%;overflow:visible}
.wheel{width:min(100%,620px);max-width:100%}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
img,svg,video,canvas{max-width:100%;height:auto}

/* Telegram already renders its own Mini App chrome/header. */
html.is-telegram-miniapp .topbar{display:none}
html.is-telegram-miniapp .container{padding-top:max(12px,env(safe-area-inset-top,0px))}
html.is-telegram-miniapp .app-shell{min-height:var(--tg-viewport-stable-height,100dvh)}
html.is-telegram-miniapp body{background:#000}

@media(max-width:520px){
  .container{padding-left:14px;padding-right:14px}
  .card{padding:18px;border-radius:22px}
  .balance-card{padding:18px}
  .coin-logo{font-size:40px}
  .balance-main{gap:12px}
  .ticket i{width:40px;height:40px}
  .ticket{font-size:22px}
  .mining-box{padding:18px}
  .mini-label{font-size:16px}
  .verify-card{grid-template-columns:56px minmax(0,1fr) auto;gap:10px}
  .verify-icon{width:54px;height:54px}
  .verify-title{font-size:20px}
  .btn,button{padding:15px 18px;min-height:52px}
  .mobile-nav a{font-size:13px}
  .mobile-nav a .nav-ico{font-size:24px}
  .wheel-balance{align-items:center;gap:10px}
  .switch-card{padding:16px;font-size:18px}
  .switch{width:62px;height:36px;padding:4px}
  .switch i{width:28px;height:28px}
  .switch.on i{margin-left:26px}
}

@media(max-width:360px){
  .container{padding-left:10px;padding-right:10px}
  .balance-card{gap:8px}
  .ticket i{display:none}
  .mining-stats{grid-template-columns:1fr}
  .switches{grid-template-columns:1fr}
  .task-item{grid-template-columns:38px minmax(0,1fr)}
  .task-item button,.task-item>span:last-child{grid-column:2}
}

/* Telegram standard sheet/window mode (not fullscreen) */
html.is-telegram-miniapp,html.is-telegram-miniapp body{height:auto;min-height:var(--tg-viewport-height,100vh);background:#000}
html.is-telegram-miniapp body{overflow-x:hidden;overscroll-behavior-y:auto}
html.is-telegram-miniapp .app-shell{width:100%;max-width:100%;min-height:var(--tg-viewport-height,100vh);padding-bottom:calc(92px + env(safe-area-inset-bottom,0px));background:#000}
html.is-telegram-miniapp .topbar{display:none!important}
html.is-telegram-miniapp .container{padding-top:18px;padding-left:18px;padding-right:18px;padding-bottom:28px}
html.is-telegram-miniapp .mobile-nav{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:100%;transform:none;background:#000;border-top:0;height:88px;padding:8px 4px max(8px,env(safe-area-inset-bottom,0px));box-shadow:0 -12px 28px rgba(0,0,0,.7)}
html.is-telegram-miniapp .mobile-nav a{font-size:14px}
html.is-telegram-miniapp .mobile-nav a .nav-ico{font-size:27px}
html.is-telegram-miniapp .card{box-shadow:none}
html.is-telegram-miniapp .wheel{width:min(96vw,620px)}
@media(max-width:600px){html.is-telegram-miniapp .container{padding-left:12px;padding-right:12px}.balance-card{border-radius:22px}.card{border-radius:22px}}

/* Compact Telegram sheet layout — proportions aligned to the supplied reference */
.home-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.tool-actions{display:flex;gap:10px}.tool-square{width:58px;height:58px;border-radius:13px;background:#1d1d1f;display:grid;place-items:center;font-size:29px;border:1px solid #242426}.online-pill{height:46px;padding:0 15px;border-radius:999px;background:#112712;border:1px solid #2d6730;display:flex;align-items:center;gap:7px;font-size:14px;white-space:nowrap}.online-pill span{width:10px;height:10px;border-radius:50%;background:#66cb4f}.online-pill b{font-weight:800}

@media (max-width:700px){
  :root{--r:20px}
  body{font-size:15px}
  .app-shell{padding-bottom:86px}
  html.is-telegram-miniapp .container,.container{padding:18px 18px 24px}
  .card{padding:16px;border-radius:20px}
  .card+.card{margin-top:12px}
  .balance-card{min-height:114px;padding:18px 20px;gap:10px}
  .balance-main{gap:12px}
  .coin-logo{font-size:42px}
  .balance-number{font-size:33px;letter-spacing:-.4px}
  .balance-unit{font-size:17px;margin-left:5px}
  .balance-fiat{font-size:16px;margin-top:6px}
  .ticket{font-size:22px;gap:7px}
  .ticket i{width:40px;height:40px;font-size:19px}
  .mining-box{margin-top:12px;padding:18px 16px 15px}
  .mining-stats{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:12px}
  .mini-stat{gap:11px}
  .mini-icon{width:58px;height:58px;flex:0 0 58px;border-radius:15px;font-size:28px}
  .mini-label{font-size:14px;line-height:1.15}
  .mini-value{font-size:21px;line-height:1.24;margin-top:4px;letter-spacing:.1px}
  .progress{height:8px;margin-top:13px}
  .btn,button{min-height:46px;padding:11px 16px;border-radius:15px;font-size:16px}
  .btn.block,button.block{font-size:18px;min-height:58px}
  .mining-box>div[style*="margin-top:24px"]{margin-top:15px!important}
  .mining-box>div[style*="text-align:center"]{margin-top:8px!important;font-size:14px}
  .eyebrow{font-size:12px;letter-spacing:.7px}
  .verify-card{grid-template-columns:48px minmax(0,1fr) auto;gap:10px;margin-top:11px!important}
  .verify-icon{width:48px;height:48px;border-radius:12px;font-size:23px}
  .verify-title{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .verify-sub{font-size:13px;margin-top:2px}
  .verify-card .btn{font-size:14px;padding:9px 14px;min-height:40px;border-radius:999px}
  .cloud-card{padding:17px 18px}
  .cloud-card>div:first-child{gap:12px!important}
  .cloud-card h3{font-size:17px;margin-bottom:3px}
  .cloud-card p{font-size:14px;line-height:1.35;margin-bottom:13px}
  .cloud-card .btn.block{min-height:48px;font-size:15px;border-width:2px}
  .live-line{margin-top:10px;padding:9px 11px;font-size:12px;border-radius:11px}
  .section-title{font-size:22px;margin:25px 0 13px}
  .booster-row{gap:10px;margin-top:12px}
  .booster{padding:14px;border-radius:15px}
  .booster b{font-size:16px}.booster .muted{font-size:13px;margin-top:3px}
  .page-title{font-size:30px;margin:10px 0 9px}
  .page-sub{font-size:16px;line-height:1.4;margin-bottom:20px}
  .hero-emoji{font-size:54px;margin-bottom:14px}
  .hero-center{padding-top:8px}
  .friends-hero .emoji{font-size:50px}
  .daily-card{padding:18px}
  .countdown{padding:9px 11px;font-size:16px}
  .reward-panel{margin:14px 0;padding:17px;font-size:18px;border-radius:15px}
  .task-item{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:16px 0}
  .task-ico{font-size:25px}.task-title{font-size:16px}.task-reward{font-size:14px;margin-top:3px}.task-item button{font-size:15px;padding:9px 14px}
  .wheel-balance{margin:8px 0 16px}.wheel-balance>div>div:first-child{font-size:30px!important}.wheel-balance .balance-fiat{font-size:15px}
  .wheel-wrap{padding:8px 0}.wheel{width:min(94vw,520px);border-width:9px}.slice-label{font-size:14px}.spin-center{font-size:20px;border-width:5px}
  .switches{gap:10px;margin-top:14px}.switch-card{padding:15px 16px;border-radius:15px;font-size:16px}.switch{width:56px;height:32px;padding:4px}.switch i{width:24px;height:24px}.switch.on i{margin-left:24px}
  .withdraw-head{padding:8px 0}.withdraw-balance{margin:22px 0}.withdraw-balance .metric{font-size:38px}
  .table-wrap{border-radius:16px}th,td{padding:13px 11px;font-size:13px}
  .form-card label{margin:12px 0;font-size:14px}input,select{padding:13px;border-radius:12px}
  html.is-telegram-miniapp .mobile-nav,.mobile-nav{height:78px;padding:6px 3px max(6px,env(safe-area-inset-bottom,0px));box-shadow:0 -8px 20px rgba(0,0,0,.65)}
  html.is-telegram-miniapp .mobile-nav a,.mobile-nav a{font-size:12px;gap:2px}
  html.is-telegram-miniapp .mobile-nav a .nav-ico,.mobile-nav a .nav-ico{font-size:24px}
}
@media (max-width:420px){
  html.is-telegram-miniapp .container,.container{padding-left:12px;padding-right:12px}
  .home-tools{gap:8px}.tool-square{width:52px;height:52px;font-size:25px}.online-pill{height:42px;padding:0 11px;font-size:12px}
  .balance-card{padding:16px}.balance-number{font-size:29px}.coin-logo{font-size:36px}.ticket i{width:36px;height:36px}
  .mini-icon{width:52px;height:52px;flex-basis:52px}.mini-value{font-size:19px}
}

/* ========================================================================
   TONCity — clean-room visual recreation inspired by the supplied Meme Hash
   reference.  No third-party stylesheet or proprietary source copied.
   ======================================================================== */
:root{
  --mh-bg:#050505;
  --mh-surface:#151515;
  --mh-surface-2:#1c1c1c;
  --mh-surface-3:#242424;
  --mh-border:#2a2a2a;
  --mh-border-soft:#232323;
  --mh-primary:#91ea67;
  --mh-primary-2:#6fdc50;
  --mh-primary-soft:rgba(145,234,103,.10);
  --mh-primary-border:rgba(145,234,103,.28);
  --mh-text:#f7f7f7;
  --mh-text-2:#a7a7b1;
  --mh-text-3:#74747e;
  --mh-danger:#f23b3b;
  --mh-gold:#f4ba18;
}
html,body{background:var(--mh-bg)!important;color:var(--mh-text)}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.01em}
.app-shell{background:var(--mh-bg);max-width:600px}
.container{padding-left:18px;padding-right:18px}
.card{background:var(--mh-surface);border:1px solid var(--mh-border);border-radius:19px;box-shadow:none}
.card.green,.daily-card{background:linear-gradient(135deg,#10210f 0%,#171b16 62%,#171717 100%);border-color:#355d2c}
.muted,.mini-label,.page-sub,.balance-fiat,.verify-sub{color:var(--mh-text-2)}
.eyebrow{color:#9a9aa5;font-size:12px;letter-spacing:.75px}
.section-title{font-size:24px;letter-spacing:-.55px;margin:26px 0 14px}

/* cards and controls */
.btn,button{background:var(--mh-primary);color:#071005;border-radius:14px;min-height:46px;padding:11px 17px;font-weight:850;box-shadow:none}
.btn:hover,button:hover{filter:brightness(1.035)}
.btn.danger,button.danger{background:#ef3838;color:#fff}
.btn.secondary,button.secondary{background:var(--mh-surface-3);border:1px solid #343434;color:#fff}
.btn.outline{background:transparent;color:var(--mh-primary);border:2px solid var(--mh-primary)}
input,select{background:#101010;border:1px solid #303030;border-radius:13px;padding:13px 14px;color:#fff}
.progress{height:8px;background:#333;border-radius:999px}
.progress>i{background:var(--mh-primary)}

/* top utility row */
.home-tools{margin:0 0 12px;gap:10px}
.tool-actions{gap:10px}
.tool-square{width:58px;height:58px;border-radius:13px;background:#1d1d1f;border:1px solid #252527;font-size:28px}
.online-pill{height:46px;padding:0 15px;background:#112612;border:1px solid #2d6530;color:#fff;font-size:13px}
.online-pill span{width:10px;height:10px;background:#69ce53;box-shadow:none}

/* balance */
.balance-card{min-height:112px;padding:18px 20px;gap:12px}
.balance-main{gap:11px;min-width:0}.coin-logo{font-size:39px;line-height:1}
.balance-number{font-size:33px;line-height:1;font-weight:900;letter-spacing:-.8px}
.balance-unit{font-size:17px;color:var(--mh-primary);font-weight:900;margin-left:5px}
.balance-fiat{font-size:15px;margin-top:7px}.ticket{font-size:20px}.ticket i{width:39px;height:39px;font-size:18px;background:var(--mh-gold)}

/* mining */
.mining-box{margin-top:12px;padding:17px 16px 15px}
.mining-stats{grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:12px}
.mini-stat{gap:11px;min-width:0}.mini-icon{width:57px;height:57px;flex:0 0 57px;border-radius:15px;background:#282e28;font-size:27px}
.mini-label{font-size:14px}.mini-value{font-size:21px;line-height:1.2;margin-top:4px;word-break:normal;overflow-wrap:normal}
.mining-box .progress{margin-top:13px}
.mining-box .btn.block,.mining-box button.block{min-height:56px;font-size:18px;border-radius:15px}

/* verification */
.verify-card{grid-template-columns:48px minmax(0,1fr) auto;gap:10px}
.verify-icon{width:48px;height:48px;border-radius:12px;background:#292929;font-size:22px}.verify-title{font-size:16px}.verify-sub{font-size:13px}.verify-card .btn{min-height:39px;padding:8px 15px;border-radius:999px;font-size:14px}

/* cloud */
.cloud-card{padding:16px 18px}.cloud-card h3{font-size:17px;color:var(--mh-primary);margin:0 0 3px}.cloud-card p{font-size:14px;line-height:1.38;margin:0 0 12px}.cloud-card .btn.block{min-height:48px;font-size:15px}.live-line{margin-top:10px;padding:9px 11px;border-radius:11px;background:rgba(145,234,103,.09);color:#90e76b;font-size:12px}.live-dot{background:var(--mh-primary);box-shadow:none}

/* boosters */
.booster-row{gap:10px;margin-top:11px}.booster{padding:14px;border-radius:15px;background:#181818;border:1px solid var(--mh-border)}.booster b{font-size:16px}.booster .muted{font-size:13px}

/* tasks / friends */
.page-title{font-size:30px;letter-spacing:-.7px}.page-sub{font-size:16px;line-height:1.4}.hero-emoji,.friends-hero .emoji{font-size:52px}
.task-item{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:16px 0;border-color:#2b2b2b}.task-ico{font-size:25px}.task-title{font-size:16px;line-height:1.32}.task-reward{font-size:14px}.task-item button{font-size:15px;min-height:40px;padding:9px 15px;border-radius:999px}
.daily-card{padding:17px}.countdown{font-size:15px;padding:9px 11px}.reward-panel{font-size:18px;line-height:1.55;padding:16px;border-radius:15px;background:#202020}

/* roulette */
.wheel-balance{margin:8px 0 15px}.wheel{width:min(92vw,500px);border-width:9px}.slice-label{font-size:14px}.spin-center{font-size:19px;border-width:5px}.switches{gap:10px;margin-top:14px}.switch-card{padding:15px 16px;border-radius:15px;background:#111;font-size:16px}.switch{width:56px;height:32px;padding:4px}.switch i{width:24px;height:24px}.switch.on{background:#efb600}.switch.on i{margin-left:24px}

/* withdrawal / tables */
.withdraw-head{padding:8px 0}.withdraw-balance{margin:20px 0}.withdraw-balance .metric{font-size:38px}.table-wrap{border-radius:16px;background:#1b1b1b;border-color:#2c2c2c}th,td{padding:13px 11px;border-color:#303030;font-size:13px}th{color:#8f8f99;font-size:11px;letter-spacing:.55px}

/* Telegram standard window: let Telegram own the title bar */
html.is-telegram-miniapp .topbar{display:none!important}
html.is-telegram-miniapp body{background:#000!important;overflow-x:hidden}
html.is-telegram-miniapp .app-shell{width:100%;max-width:100%;background:#000;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
html.is-telegram-miniapp .container{padding:17px 18px 24px}
html.is-telegram-miniapp .mobile-nav{height:76px;left:0;right:0;bottom:0;width:100%;max-width:none;transform:none;padding:6px 4px max(6px,env(safe-area-inset-bottom,0px));background:#000;border-top:0;box-shadow:0 -10px 22px rgba(0,0,0,.78)}
.mobile-nav{background:#000;border-top:0}.mobile-nav a{font-size:12px;gap:2px}.mobile-nav a .nav-ico{font-size:24px}.mobile-nav a.active{color:var(--mh-primary)}

@media(max-width:430px){
  .container,html.is-telegram-miniapp .container{padding-left:12px;padding-right:12px}
  .home-tools{gap:8px}.tool-square{width:52px;height:52px;font-size:25px}.online-pill{height:42px;padding:0 11px;font-size:12px}
  .balance-card{padding:16px}.coin-logo{font-size:36px}.balance-number{font-size:29px}.balance-unit{font-size:15px}.balance-fiat{font-size:14px}.ticket i{width:36px;height:36px}
  .mini-icon{width:52px;height:52px;flex-basis:52px}.mini-value{font-size:19px}.mini-label{font-size:13px}
  .mining-box .btn.block,.mining-box button.block{font-size:17px;min-height:54px}
  .verify-title{font-size:15px}.cloud-card h3{font-size:16px}.cloud-card p{font-size:13px}
  .section-title{font-size:21px}
}