body[data-mode=mobile]{
  --mobile-frame-width:430px;
  width:min(100%,var(--mobile-frame-width));
  min-height:100dvh;
  margin-inline:auto;
  background:#fff;
}
body[data-mode=mobile] .page{padding-inline:16px}
body[data-mode=mobile] .mobile-nav,
body[data-mode=mobile][data-screen=game] .game-controls{
  width:min(100%,var(--mobile-frame-width));
  left:50%;
  right:auto;
  transform:translateX(-50%);
}
body[data-mode=mobile] #dialog{
  width:min(calc(var(--mobile-frame-width) - 24px),calc(100vw - 24px));
  max-height:calc(100dvh - 24px);
  overflow:auto;
}
body[data-mode=mobile] .toast,
body[data-mode=mobile] .mvp-network-status{
  max-width:min(calc(var(--mobile-frame-width) - 28px),calc(100vw - 28px));
}
@media (min-width: 600px) {body[data-mode=mobile]{--header-height:66px}body[data-mode=mobile] .app-header{padding:0 16px;gap:12px}body[data-mode=mobile] .brand{font-size:19px}body[data-mode=mobile] .brand img{width:24px;height:27px}body[data-mode=mobile] .header-context,
body[data-mode=mobile] .profile-summary{display:none}body[data-mode=mobile] .header-actions{gap:12px}body[data-mode=mobile] .app-shell{display:block}body[data-mode=mobile] .mobile-nav{display:flex}body[data-mode=mobile] .page{padding:22px 16px 106px;max-width:none}body[data-mode=mobile] .page-title{font-size:26px}body[data-mode=mobile] .page-heading{margin-bottom:20px}body[data-mode=mobile] .panel{padding:20px;border-radius:21px}body[data-mode=mobile] .button{font-size:14px}body[data-mode=mobile] .stat-value{font-size:22px}body[data-mode=mobile] .primary-grid{gap:14px}body[data-mode=mobile] .primary-heading{margin-bottom:14px}body[data-mode=mobile] .game-main{padding:20px 16px 17px;background:linear-gradient(112deg,#f0fcff 0%,#fff 52%,#fff0fc 100%)}body[data-mode=mobile] .game-main .page-title{font-size:25px;letter-spacing:-.45px}body[data-mode=mobile] .game-subtitle{font-size:15px;margin-top:5px}body[data-mode=mobile] .game-figure{min-height:182px;margin:3px auto}body[data-mode=mobile] .game-mascot{width:180px;height:180px}body[data-mode=mobile] .game-timer{font-size:31px}body[data-mode=mobile] .game-turnover{font-size:13px}body[data-mode=mobile] .game-balance{margin-top:15px}body[data-mode=mobile] .game-earned>span,
body[data-mode=mobile] .game-potential>span{font-size:13px}body[data-mode=mobile] .game-earned>strong,
body[data-mode=mobile] .game-potential>strong{font-size:22px}body[data-mode=mobile] .primary-stats{gap:6px}body[data-mode=mobile] .primary-stats dt{font-size:11px}body[data-mode=mobile] .primary-stats dd{font-size:14px}body[data-mode=mobile] .primary-stats div{padding:10px 4px;border-radius:13px}body[data-mode=mobile] .game-side{gap:10px}body[data-mode=mobile] .game-latest,
body[data-mode=mobile] .game-investments,
body[data-mode=mobile] .game-controls{padding:16px;background:#fff}body[data-mode=mobile] .game-latest .section-title{font-size:13px}body[data-mode=mobile] .game-latest .muted{font-size:11px}body[data-mode=mobile] .game-last-player{font-size:13px}body[data-mode=mobile] .game-last-player .game-prize{font-size:13px}body[data-mode=mobile] .game-latest-top p{padding-left:16px}body[data-mode=mobile] .game-investments .section-title{font-size:14px}body[data-mode=mobile] .game-controls{padding:12px 0 0}body[data-mode=mobile] .game-mode-current{padding:4px 8px}body[data-mode=mobile] .game-deposit{font-size:21px;min-height:55px}body[data-mode=mobile] .prize-deduction{font-size:12px}body[data-mode=mobile] .app-header{gap:8px;padding-inline:12px}body[data-mode=mobile] .brand span{display:none}body[data-mode=mobile] .header-actions{gap:7px}body[data-mode=mobile] .profile-button{display:none}body[data-mode=mobile] .wallet-trigger>span{font-size:9px}body[data-mode=mobile] .wallet-trigger strong{font-size:11px}body[data-mode=mobile] .mvp-test-controls button{font-size:10px}body[data-mode=mobile] .mvp-form-row{flex-wrap:wrap}body[data-mode=mobile] dialog.mvp-panel-dialog{width:calc(100vw - 24px);padding:18px}body[data-mode=mobile] .mvp-panel-dialog .mvp-metrics dd{font-size:13px}body[data-mode=mobile] .mvp-panel-dialog .mvp-metrics>div{padding:7px}body[data-mode=mobile] .mvp-panel-dialog .mvp-metrics dt{font-size:9px}
}