/* Phone controls share the existing desktop layout and account/game behavior. */
.mobile-audio-toggle{display:none}
@media(max-width:759px){
  body.game-navigation{--shell-header-height:142px}
  html:has(body.game-navigation){scroll-padding-top:154px}
  body.game-navigation .site-header{height:142px}
  body.game-navigation .header-inner{grid-template-columns:minmax(0,1fr) 44px 44px;grid-template-rows:54px 44px 44px;padding-inline:12px;gap:0 8px}
  body.game-navigation .site-header .brand{grid-column:1;grid-row:1;width:162px;max-width:100%;height:50px}
  body.game-navigation .header-tools{display:contents}
  body.game-navigation .mobile-audio-toggle{display:flex;align-items:center;justify-content:center;grid-column:2;grid-row:1;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #75b5aa55;border-radius:5px;background:#153039;color:#bfded7;font-size:12px;line-height:1}
  body.game-navigation .mobile-audio-toggle[aria-expanded=true]{border-color:#45f4c2;color:#73f7d1;background:#1c443f}
  body.game-navigation .site-header .header-login{grid-column:3;grid-row:1;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;padding:0;justify-content:center;border-radius:50%}
  body.game-navigation .header-login:not(.header-profile) .account-icon,body.game-navigation .header-login:not(.header-profile) #header-user-label,body.game-navigation .header-login .button-arrow{display:none}
  body.game-navigation .header-login:not(.header-profile)::after{content:'登录';font-size:12px;line-height:1}
  body.game-navigation .header-login.header-profile{width:44px;height:44px;min-height:44px;max-width:44px}
  body.game-navigation .header-tools .supply-audio-settings{display:none;position:absolute;inset:54px 12px auto auto;z-index:70;width:min(320px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:10px 12px;gap:6px;border:1px solid #73b5a977;border-radius:8px;background:#102a32;box-shadow:0 10px 30px #0007}
  body.game-navigation .site-header.is-mobile-audio-open .supply-audio-settings{display:grid;grid-template-columns:minmax(0,1fr)}
  body.game-navigation .header-tools .supply-audio-settings .supply-sound{display:grid;grid-template-columns:42px minmax(0,1fr);gap:6px;min-height:44px}
  body.game-navigation .header-tools .supply-audio-settings .supply-audio-label{font-size:13px;text-align:left}
  body.game-navigation .header-tools .supply-audio-settings .supply-volume{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;width:auto;min-width:0}
  body.game-navigation .header-tools .supply-audio-settings .supply-mute{width:44px;height:44px;min-width:44px;min-height:44px}
  body.game-navigation .header-tools .supply-audio-settings input[type=range]{width:100%;min-width:0;min-height:44px;touch-action:pan-y}
  body.game-navigation .currency-group{display:flex;grid-column:1/-1;grid-row:2;justify-content:flex-end;align-items:center;width:100%;min-width:0;gap:6px}
  body.game-navigation .wallet-item{min-width:0;gap:4px}
  body.game-navigation .wallet-icon{width:21px;height:21px;flex:none}
  body.game-navigation .wallet-value{min-width:0;max-width:100%;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.game-navigation .wallet-with-action{display:flex;align-items:center;min-width:0;gap:2px}
  body.game-navigation #wallet-exchange{width:52px;height:44px;min-width:52px;min-height:44px;padding-inline:0}
  body.game-navigation .currency-plus{width:44px;height:44px;min-width:44px;min-height:44px;padding:0}
  body.game-navigation .main-nav{grid-column:1/-1;grid-row:3;height:44px;min-height:44px}
  body.game-navigation .main-nav>a,body.game-navigation .main-nav>button{height:44px;min-height:44px;padding-inline:15px;font-size:14px}
  body.game-navigation dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overscroll-behavior:contain}
  body.game-navigation dialog input:not([type=checkbox]):not([type=radio]):not([type=range]),body.game-navigation dialog textarea,body.game-navigation dialog select{min-height:44px;font-size:16px}
  body.game-navigation dialog .dialog-close{width:44px;height:44px;min-width:44px;min-height:44px}
  #auth-dialog .auth-modes{gap:18px}
  #auth-dialog .auth-modes button,#auth-dialog .auth-mode-actions button{min-height:44px;font-size:14px}
  #auth-dialog .auth-field-hint,#auth-dialog .auth-notice{font-size:13px;line-height:1.7}
  #auth-dialog .auth-description{font-size:14px;line-height:1.7}
  #coin-info-dialog button{min-height:44px;font-size:14px}
  #coin-info-dialog #recharge-copy-address,#coin-info-dialog .recharge-retry{min-height:44px;font-size:14px}
  #coin-info-dialog #recharge-custom-amount{min-height:48px;font-size:16px}
  #coin-info-dialog .recharge-payment-summary{grid-template-columns:44px minmax(0,1fr);gap:4px 10px;min-width:0}
  #coin-info-dialog .recharge-summary-label{grid-column:1/-1;font-size:12px}
  #coin-info-dialog .recharge-summary-coin{grid-column:1;grid-row:2/4}
  #coin-info-dialog #recharge-chosen-amount{grid-column:2;grid-row:2;min-width:0;font-size:25px;overflow-wrap:anywhere}
  #coin-info-dialog .recharge-summary-unit{grid-column:2;grid-row:3;font-size:12px}
  #coin-info-dialog .recharge-fiat-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-column:1/-1;grid-row:4;align-items:center;gap:7px;margin-top:6px;padding:10px 0 0;border-left:0;border-top:1px solid #8093933d;min-width:0;text-align:right}
  #coin-info-dialog .recharge-fiat-summary>span,#coin-info-dialog .recharge-fiat-summary small{font-size:12px;margin:0}
  #coin-info-dialog .recharge-fiat-summary strong{font-size:22px;margin:0;min-width:0;overflow-wrap:anywhere}
  #coin-info-dialog #recharge-usdt-hint{grid-column:1/-1;font-size:12px}
  .site-tools>button{width:44px;min-width:44px;min-height:58px}
  .site-tools-panel input,.site-tools-panel textarea{font-size:16px;min-height:46px}
  .site-tools-panel button,.site-tools-small,.site-tools-announcement-close,.site-tools-panel .dialog-close{min-height:44px}
  .site-tools-panel p,.site-tools-panel label,.site-tools-ticket summary{font-size:14px}
  .site-tools-panel>.dialog-close{width:44px;height:44px}
  body.play-page .play-shell{overflow:visible}
  body.play-page .play-details.has-selection .play-confirm-area{position:sticky;bottom:0;z-index:4;padding-top:12px;padding-bottom:max(14px,env(safe-area-inset-bottom));border-top:1px solid #78b7b340;background:#102c34;box-shadow:0 -8px 18px #071a2026}
}
@media(max-width:1050px){html:has(body.play-page){scroll-padding-top:0}}