/* Shared game navigation. Inactive sections stay visible without routes or content. */
@font-face{font-family:"LuckDraw Header SC";src:url('/theme/header-noto-sans-sc-700.woff2?v=c70f2ba5a73d') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"LuckDraw HUD";src:url('/theme/hud-chakra-petch-600.woff2?v=5dfd11f34700') format('woff2');font-style:normal;font-weight:600;font-display:swap}
.game-navigation .site-header{--header-font:"LuckDraw Header SC","Microsoft YaHei","PingFang SC",sans-serif;--hud-font:"LuckDraw HUD","Currency Roboto",Arial,sans-serif}
.game-navigation .site-header{height:76px;background:#081215f0;border-bottom:1px solid #d5f7ff22;backdrop-filter:blur(10px)}
.game-navigation .header-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:76px;align-items:center;max-width:none;height:100%;padding:0 clamp(18px,2vw,36px);gap:clamp(14px,1.8vw,30px)}
.game-navigation .brand{flex:none;min-width:0;height:auto;gap:10px;white-space:nowrap}
.game-navigation .brand-name{font-size:23px}
.game-navigation .brand-name small{font-size:7px;letter-spacing:1.7px;color:#a3b7b8}
.game-navigation .brand-symbol{transform:skew(-20deg) scale(.85);transform-origin:center}
.game-navigation .main-nav{display:flex;align-items:stretch;justify-content:flex-start;grid-column:2;grid-row:1;min-width:0;width:100%;height:100%;margin:0;gap:0;border:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#456267 transparent}
.game-navigation .main-nav>a,.game-navigation .main-nav>button{position:relative;display:flex;align-items:center;justify-content:center;flex:none;height:100%;margin:0;padding:0 clamp(9px,1.15vw,20px);border:0;border-radius:0;background:transparent;color:#bdcacc;font:700 16px/1.2 var(--header-font);letter-spacing:.4px;white-space:nowrap;text-decoration:none}
.game-navigation .main-nav>a:after,.game-navigation .main-nav>#nav-recharge:after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:3px;background:#45f4c2;transition:left .18s,right .18s}
.game-navigation .main-nav>a:hover,.game-navigation .main-nav>a:focus-visible,.game-navigation .main-nav>a.is-active,.game-navigation .main-nav>#nav-recharge:hover,.game-navigation .main-nav>#nav-recharge:focus-visible,.game-navigation .main-nav>#nav-recharge.is-active{color:#fff;background:linear-gradient(transparent,#45f4c21c)}
.game-navigation .main-nav>a:hover:after,.game-navigation .main-nav>a:focus-visible:after,.game-navigation .main-nav>a.is-active:after,.game-navigation .main-nav>#nav-recharge:hover:after,.game-navigation .main-nav>#nav-recharge:focus-visible:after,.game-navigation .main-nav>#nav-recharge.is-active:after{left:0;right:0}
.game-navigation .main-nav>a:focus-visible,.game-navigation .main-nav>#nav-recharge:focus-visible{outline:2px solid #78ffdc;outline-offset:-5px}
.game-navigation .main-nav>button:disabled{color:#7c9296;opacity:1;cursor:default}
.game-navigation .header-tools{display:flex;align-items:center;grid-column:3;grid-row:1;min-width:0;gap:clamp(12px,1.5vw,24px)}
.game-navigation .currency-group{display:flex;align-items:center;justify-content:flex-end;min-width:0;width:auto;gap:16px}
.game-navigation .wallet-value{max-width:110px;color:#edf1f1;font:600 19px/1.1 var(--hud-font);font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;letter-spacing:.1px}
.game-navigation .header-login{grid-column:auto;grid-row:auto;min-height:38px;max-width:170px;padding:9px 12px;gap:8px;background:transparent;border-color:#59707755;font:700 12px/1.2 var(--header-font);letter-spacing:.3px}
.game-navigation .wallet-haf .wallet-tooltip{left:auto;right:-1px}
.game-navigation .wallet-haf .wallet-tooltip:before{left:auto;right:19px}
.game-navigation #header-user-label{max-width:94px}
.game-navigation .button-arrow{margin-left:4px}
.game-navigation .header-login.header-profile{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-height:44px;max-width:44px;padding:2px;gap:0;overflow:hidden;border:1px solid #73d9bf66;border-radius:50%;background:#102a2b;box-shadow:0 0 0 3px #45f4c208;transition:border-color .18s,box-shadow .18s}
.game-navigation .header-profile .header-avatar{display:block;flex:none;width:100%;height:100%;object-fit:cover;border-radius:50%}
.game-navigation .header-profile #header-user-label,.game-navigation .header-profile .account-icon,.game-navigation .header-profile .button-arrow{display:none}
.game-navigation .header-login.header-profile:hover,.game-navigation .header-login.header-profile[aria-current=page]{border-color:#45f4c2;box-shadow:0 0 0 3px #45f4c21a}
/* Rank frames are site-designed SVGs. The avatar aperture is shared across tiers. */
.rank-avatar{--rank-color:#b68b66;--rank-frame:url('/theme/rank-frames/bronze.svg');position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;padding:0;border:0;background:transparent}
.rank-avatar[data-rank=silver]{--rank-color:#c3d0d7;--rank-frame:url('/theme/rank-frames/silver.svg')}
.rank-avatar[data-rank=gold]{--rank-color:#e7c36e;--rank-frame:url('/theme/rank-frames/gold.svg')}
.rank-avatar[data-rank=platinum]{--rank-color:#81dfc8;--rank-frame:url('/theme/rank-frames/platinum.svg')}
.rank-avatar[data-rank=diamond]{--rank-color:#93ceff;--rank-frame:url('/theme/rank-frames/diamond.svg')}
.rank-avatar[data-rank=blackhawk]{--rank-color:#c0bbdc;--rank-frame:url('/theme/rank-frames/blackhawk.svg')}
.rank-avatar[data-rank=pinnacle]{--rank-color:#f4cb82;--rank-frame:url('/theme/rank-frames/pinnacle.svg')}
.rank-avatar>img{display:block;width:70%;height:70%;object-fit:cover;flex:none;border-radius:50%;background:#10232c}
.rank-avatar::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--rank-frame) center/contain no-repeat}
.rank-avatar-stars{position:absolute;left:50%;bottom:0;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:2px;max-width:calc(100% - 4px);box-sizing:border-box;transform:translateX(-50%);padding:3px 7px;background:linear-gradient(180deg,#0c252eeb,#07141df7);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 50%,calc(100% - 5px) 100%,5px 100%,0 50%);font:13px/1 Arial,sans-serif;white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px #000}
.rank-avatar-stars .is-filled{color:#f2d189;filter:drop-shadow(0 0 2px #efc66b55)}
.rank-avatar-stars .is-empty{color:#3d565d}
.rank-avatar-stars .rank-star-count{color:#f2d189;font:600 .94em/1 "LuckDraw HUD",Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:0}
.rank-avatar-stars.is-long-count .rank-star-count{font-size:.55em}
.game-navigation .header-profile .rank-avatar-stars{bottom:-1px;gap:.4px;padding:2px 2px;font-size:6px;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 50%,calc(100% - 3px) 100%,3px 100%,0 50%)}
.game-navigation .header-profile .rank-avatar-stars.is-pinnacle{gap:2px;font-size:7px}
.game-navigation .header-login.header-profile.rank-avatar{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.game-navigation .header-profile.rank-avatar .header-avatar{width:70%;height:70%;border-radius:50%}
.game-navigation .header-profile.rank-avatar:hover,.game-navigation .header-profile.rank-avatar[aria-current=page]{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--rank-color) 45%,transparent));box-shadow:none}
@media(min-width:1180px){html:has(body.game-navigation){scroll-padding-top:94px}}
@media(max-width:1179px){
  html:has(body.game-navigation){scroll-padding-top:126px}
  .game-navigation .site-header{height:108px}
  .game-navigation .header-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:60px 48px;gap:0 18px}
  .game-navigation .brand{grid-column:1;grid-row:1}
  .game-navigation .header-tools{grid-column:2;grid-row:1}
  .game-navigation .main-nav{grid-column:1/-1;grid-row:2;height:48px;border-top:1px solid #ffffff09}
  .game-navigation .main-nav>a,.game-navigation .main-nav>button{padding-inline:20px;font-size:15px}
}
@media(max-width:759px){
  html:has(body.game-navigation){scroll-padding-top:160px}
  .game-navigation .site-header{height:142px}
  .game-navigation .header-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:60px 36px 46px;padding-inline:18px;gap:0 12px}
  .game-navigation .brand-name{font-size:21px}
  .game-navigation .header-tools{display:contents}
  .game-navigation .header-login{grid-column:2;grid-row:1;max-width:146px;padding:8px 10px;font-size:10px}
  .game-navigation .header-login.header-profile{width:40px;height:40px;min-height:40px;max-width:40px;padding:2px}
  .game-navigation .currency-group{grid-column:1/-1;grid-row:2;width:100%;gap:22px}
  .game-navigation .wallet-value{font-size:18px;max-width:105px}
  .game-navigation .main-nav{grid-row:3;height:46px}
  .game-navigation .main-nav>a,.game-navigation .main-nav>button{padding-inline:18px;font-size:14px;letter-spacing:.4px}
}
@media(max-width:359px){
  .game-navigation .header-inner{padding-inline:12px;gap:0 8px}
  .game-navigation .brand{gap:6px}
  .game-navigation .brand-name{font-size:19px}
  .game-navigation .brand-name small{letter-spacing:1.2px}
  .game-navigation .header-login .account-icon{display:none}
  .game-navigation #header-user-label{max-width:70px}
}

/* Persistent sound controls shared by the lobby, supply and warehouse. */
.game-navigation{--shell-header-height:76px;--difficulty-accent:#45f4c2;min-width:0}
.game-navigation .site-header{position:sticky;top:0;z-index:40;flex:none}
.game-navigation .header-tools .supply-audio-settings{position:relative;inset:auto;display:grid;grid-template-columns:1fr;grid-row:auto;justify-self:auto;flex:none;width:auto;max-width:none;margin:0;gap:4px;text-align:left}
.game-navigation .header-tools .supply-sound{display:flex;align-items:center;flex-direction:row;gap:8px;font-size:12px;color:#bdd0d3}
.game-navigation .header-tools .supply-audio-label{margin:0;color:#bdd0d3;font:600 11px/1.3 var(--font)}
.game-navigation .header-tools .supply-sound .supply-mute{display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:26px;width:26px;height:26px;padding:3px;border:0;background:transparent;box-shadow:none;color:#bdd0d3;cursor:pointer}
.game-navigation .header-tools .supply-mute:hover{color:var(--difficulty-accent)}
.game-navigation .supply-mute:focus-visible{outline:2px solid var(--difficulty-accent);outline-offset:2px}
.game-navigation .supply-mute .speaker-muted,.game-navigation .supply-mute[data-muted=true] .speaker-on{display:none}
.game-navigation .supply-mute[data-muted=true] .speaker-muted{display:block}
.game-navigation .header-tools .supply-volume{display:flex;align-items:center;gap:5px}
.game-navigation .header-tools .supply-volume input{width:72px;height:22px;margin:0;accent-color:var(--difficulty-accent);cursor:pointer}
.game-navigation .header-tools .supply-bgm-status{position:absolute;right:0;top:calc(100% + 10px);width:210px;margin:0;padding:8px;background:#10272c;border:1px solid #466466;color:#abc1c8;font-size:10px;line-height:1.5;text-align:left;z-index:20}
.game-navigation .supply-audio-settings [hidden]{display:none!important}
@media(max-width:1179px){.game-navigation{--shell-header-height:108px}}
@media(min-width:760px) and (max-width:1179px){.game-navigation .header-tools .supply-volume input{width:54px}.game-navigation .header-tools{gap:12px}}
@media(max-width:759px){
  .game-navigation{--shell-header-height:162px}
  .game-navigation .site-header{height:162px}
  .game-navigation .header-inner{grid-template-rows:54px 32px 30px 46px}
  .game-navigation .header-login{min-height:44px}
  .game-navigation .header-tools .supply-audio-settings{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:end;max-width:100%;gap:14px}
  .game-navigation .header-tools .supply-sound{min-width:0;gap:4px}
  .game-navigation .header-tools .supply-volume{min-width:0;gap:3px}
  .game-navigation .header-tools .supply-sound .supply-mute{min-width:32px;min-height:32px;width:32px;height:32px}
  .game-navigation .header-tools .supply-volume input{width:clamp(56px,14vw,82px);height:32px}
  .game-navigation .currency-group{grid-row:3}
  .game-navigation .main-nav{grid-row:4}
  .game-navigation .header-tools .supply-bgm-status{top:calc(100% + 80px);right:0;width:min(230px,calc(100vw - 32px));pointer-events:none}
  html:has(body.game-navigation){scroll-padding-top:180px}
}

/* Give the signed-out account entry the same clear action treatment as play. */
.game-navigation .header-login:not(.header-profile){display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:146px;min-height:44px;max-width:none;gap:10px;padding:10px 16px;border:1px solid #84ffe0;border-radius:4px;background:#45f4c2;color:#08271f;font:700 14px/1.2 var(--header-font);letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 12px #45f4c216;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
.game-navigation .header-login:not(.header-profile):hover{background:#84ffdc;border-color:#b6ffeb;box-shadow:0 3px 18px #45f4c22b;transform:translateY(-1px)}
.game-navigation .header-login:not(.header-profile):active{background:#34d9aa;transform:translateY(0);box-shadow:none}
.game-navigation .header-login:not(.header-profile):focus-visible{outline:2px solid #d1fff1;outline-offset:4px}
.game-navigation .header-login:not(.header-profile) .account-icon{position:relative;display:block;flex:none;width:18px;height:20px;border:0;border-radius:0;clip-path:none;color:inherit}
.game-navigation .header-login:not(.header-profile) .account-icon:before{content:"";position:absolute;top:1px;left:5px;width:8px;height:8px;border:1.5px solid currentColor;border-radius:50%}
.game-navigation .header-login:not(.header-profile) .account-icon:after{content:"";position:absolute;left:1px;bottom:1px;width:16px;height:8px;border:1.5px solid currentColor;border-bottom:0;border-radius:8px 8px 0 0}
.game-navigation .header-login:not(.header-profile) #header-user-label{max-width:none}
.game-navigation .header-login:not(.header-profile) .button-arrow{display:inline-block;margin-left:2px;color:inherit;font:400 19px/1 Arial,sans-serif}
@media(max-width:759px){.game-navigation .header-login:not(.header-profile){min-width:136px;min-height:44px;padding:9px 12px;gap:8px;font-size:13px}}
@media(max-width:359px){.game-navigation .header-login:not(.header-profile){min-width:124px;padding-inline:10px;gap:6px;font-size:12px}.game-navigation .header-login:not(.header-profile) .button-arrow{font-size:17px}}
@media(prefers-reduced-motion:reduce){.game-navigation .header-login:not(.header-profile){transition:none}.game-navigation .header-login:not(.header-profile):hover{transform:none}}

/* One-way balance exchange, mounted between the two currency wallets. */
.game-navigation .currency-exchange{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;flex:none;gap:3px;width:64px;min-width:64px;height:36px;min-height:36px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#a8b8bc;box-shadow:none;cursor:pointer}
.game-navigation .currency-exchange-arrow{position:absolute;left:50%;top:50%;display:block;width:48px;height:14px;transform:translate(-50%,-50%)}
.game-navigation .currency-exchange-arrow:before{content:'';position:absolute;left:0;right:1px;top:6px;border-top:2px solid currentColor}
.game-navigation .currency-exchange-arrow:after{content:'';position:absolute;box-sizing:border-box;right:1px;top:3px;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.game-navigation .currency-exchange-label{position:absolute;left:50%;top:calc(50% + 6px);transform:translateX(-50%);display:block;font:400 10px/12px var(--font);letter-spacing:2px;padding-left:2px;white-space:nowrap}
@media(max-width:759px){.game-navigation .currency-exchange{width:48px;min-width:48px;height:32px;min-height:32px;gap:2px}.game-navigation .currency-exchange-arrow{width:38px}.game-navigation .currency-exchange-label{line-height:10px}}
.game-navigation .currency-exchange:hover:not(:disabled),.game-navigation .currency-exchange:active:not(:disabled){background:transparent;color:#edf1f1}
.game-navigation .currency-exchange:focus-visible{outline:2px solid #d3dfe1;outline-offset:2px}
#currency-exchange-dialog{--accent:#b9cbd7;width:460px;max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);padding:0;border:1px solid #66849966;background:#0d202c;color:#edf4f7;box-shadow:0 30px 100px #000b;overflow:auto}
#currency-exchange-dialog::backdrop{background:#020b14d9;backdrop-filter:blur(6px)}
.currency-exchange-card{position:relative;margin:0;padding:32px}
.currency-exchange-card .eyebrow{color:#93adbf;font-size:9px;letter-spacing:1.8px;padding-right:24px}
.currency-exchange-card h2{margin:20px 0 13px;font-size:23px;line-height:1.4;letter-spacing:.5px}
.currency-exchange-card>p{font-size:12px;line-height:1.85;color:#a6bdcc}
.currency-exchange-card label{display:block;margin:20px 0 9px;color:#d0dfe8;font-size:13px}
.currency-exchange-balance{padding-top:14px;border-top:1px solid #64839840}
.currency-exchange-input{display:flex;align-items:stretch;gap:9px}
.currency-exchange-input input{width:0;min-width:0;flex:1;min-height:46px;padding:10px 12px;border:1px solid #64839877;border-radius:0;background:#071720;color:#edf4f7;font:16px/1.5 var(--font);font-variant-numeric:tabular-nums}
.currency-exchange-input input[readonly]{color:#afc2d0;background:#172b39}
.currency-exchange-input button{flex:none;min-height:46px;padding:10px 14px;border:1px solid #64839877;background:#172e3e;color:#c5d7e4;font-size:12px}
#currency-exchange-dialog .currency-exchange-input button:hover:not(:disabled){background:#203e52;border-color:#8aa7bb;color:#f0f6fa}
.currency-exchange-card>.currency-exchange-hint{margin:9px 0 0;font-size:11px;color:#829eaf}
.currency-exchange-card>.currency-exchange-preview{margin:18px 0;padding:14px 12px;border:1px solid #64839855;background:#15304466;color:#dcebf5;font-size:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.currency-exchange-card>.currency-exchange-pending{padding:10px 12px;border-left:2px solid #d9b873;background:#604a281f;color:#e8cf9a;font-size:11px}
.currency-exchange-card>.currency-exchange-error{padding:10px 12px;border-left:2px solid #d7857d;background:#6b332520;color:#efb4aa;font-size:12px}
.currency-exchange-card>.currency-exchange-result{padding:10px 12px;border-left:2px solid #89afc8;background:#1a3b5266;color:#c9e1f1;font-size:12px}
.currency-exchange-card>.auth-submit{margin-top:12px;justify-content:center;letter-spacing:1px}
#currency-exchange-dialog .dialog-close{background:transparent;border:0;color:#91aabb}
#currency-exchange-dialog .dialog-close:hover{background:transparent;color:#eef5f9}
#currency-exchange-dialog .button-primary{min-height:50px;border-color:#3df4c4;background:#3df4c4;color:#062d25;box-shadow:none;font-size:16px;font-weight:800}
#currency-exchange-dialog .button-primary:hover:not(:disabled){border-color:#8affdf;background:#8affdf;color:#062d25;box-shadow:none}
#currency-exchange-dialog .button-primary:active:not(:disabled){border-color:#24dcb0;background:#24dcb0;color:#062d25}
#currency-exchange-dialog .button-primary:disabled{border-color:#506d7b;background:#29424f;color:#c4d4dc;opacity:1;cursor:not-allowed}
#currency-exchange-dialog :focus-visible{outline:2px solid #b9cbd7;outline-offset:3px}
#currency-exchange-dialog input:focus,#currency-exchange-dialog input:focus-visible{border-color:#648398;outline:none;outline-offset:0;box-shadow:none}
@media(max-width:759px){.game-navigation .currency-group{gap:8px}.game-navigation .header-inner{grid-template-rows:54px 32px 32px 46px}.game-navigation{--shell-header-height:164px}.game-navigation .site-header{height:164px}html:has(body.game-navigation){scroll-padding-top:182px}}
@media(max-width:420px){.currency-exchange-card{padding:29px 22px 24px}.currency-exchange-card h2{font-size:21px}.currency-exchange-input button{padding-inline:11px}.currency-exchange-card>.currency-exchange-preview{font-size:12px}}

/* Administrator-managed payment instructions with server-issued recharge orders. */
#coin-info-dialog{--accent:#3df4c4;width:1000px;max-width:calc(100vw - 28px);max-height:calc(100svh - 28px);padding:0;border:1px solid #95a8ae66;background:radial-gradient(ellipse at 72% 6%,#899ba133,transparent 56%),repeating-linear-gradient(119deg,transparent 0 86px,#adbec303 87px 88px),linear-gradient(135deg,#3d4b51f5,#27383ff7 55%,#33464cf7);color:#edf5f7;box-shadow:0 30px 100px #000b;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
#coin-info-dialog[data-recharge-step="payment"]{width:760px}
#coin-info-dialog::backdrop{background:#020b14d6;backdrop-filter:blur(6px)}
#coin-info-dialog .recharge-info-panel{position:relative;padding:18px 24px;margin:0}
#coin-info-dialog .recharge-info-panel:before{content:"";position:absolute;top:0;left:0;width:72px;height:2px;background:#3df4c4}
#coin-info-dialog .recharge-heading{padding-right:35px}
#coin-info-dialog h2{margin:0 0 8px;color:#f3f7f7;font-size:26px;line-height:1.35;letter-spacing:1.5px;font-weight:600}
#coin-info-dialog .recharge-intro{margin:0 0 18px;color:#b9cbd0;font-size:13px;line-height:1.8}
#coin-info-dialog[data-recharge-step] .recharge-intro{display:none}
#coin-info-dialog .dialog-close{top:16px;right:16px;color:#c0d2d7;background:transparent;border:0}
#coin-info-dialog .dialog-close:hover{color:#fff;background:#78939c33}
#coin-info-dialog .recharge-rate{display:flex;align-items:center;gap:13px;padding:0 0 12px;margin-bottom:14px;border-bottom:1px solid #a3b4b840}
#coin-info-dialog .recharge-rate>span{color:#aebfc4;font-size:12px}
#coin-info-dialog .recharge-rate strong{display:inline-flex;align-items:center;gap:8px;color:#e5efec;font-size:16px;line-height:1.4;font-weight:500;font-variant-numeric:tabular-nums}
#coin-info-dialog .recharge-rate i{font-size:14px;color:#9cb3b4;font-style:normal;margin:0 4px}
#coin-info-dialog .recharge-rate img{display:block;object-fit:contain}
#coin-info-dialog .recharge-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#coin-info-dialog .recharge-package{position:relative;display:block;min-width:0;aspect-ratio:1.85;min-height:0;padding:0;overflow:hidden;border:1px solid #b0bdc143;border-radius:0;background:#263940;color:#f2f6f2;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s}
#coin-info-dialog .recharge-package:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07171e24,transparent 35%,transparent 60%,#07171e33);pointer-events:none}
#coin-info-dialog .recharge-package:hover{border-color:#f4cf6780;box-shadow:inset 0 0 0 1px #f4cf674d}
#coin-info-dialog .recharge-package[aria-pressed="true"]{border-color:#e5d5a9a6;box-shadow:inset 0 0 0 1px #e5d5a94d}
#coin-info-dialog .recharge-package-art{position:absolute;inset:-4% 0 0;display:block;width:100%;height:104%;object-fit:cover;object-position:center;pointer-events:none}
#coin-info-dialog .recharge-package-value{position:absolute;z-index:1;top:17px;left:20px;display:flex;align-items:center;gap:8px;margin:0;color:#fff;font:400 32px/1.2 "Currency Roboto",Arial,var(--font);font-variant-numeric:tabular-nums;letter-spacing:.1px;text-shadow:0 1px 4px #0006;white-space:nowrap}
#coin-info-dialog .recharge-package-value img{display:block;flex:none;width:28px;height:28px;object-fit:contain}
#coin-info-dialog .recharge-package-price{position:absolute;z-index:1;left:21px;bottom:16px;display:block;padding:0;margin:0;color:#f7f8f5;font:300 32px/1.3 "Currency Roboto",Arial,var(--font);font-variant-numeric:tabular-nums;letter-spacing:.2px;text-shadow:0 1px 5px #0008;white-space:nowrap}
#coin-info-dialog .recharge-custom-form{display:grid;grid-template-columns:auto minmax(140px,1fr) minmax(160px,1.15fr) auto;align-items:center;gap:10px 14px;margin:18px 0 0;padding:16px 0 0;border-top:1px solid #a3b4b840;min-width:0}
#coin-info-dialog .recharge-custom-form>label{color:#deeeed;font-size:14px;line-height:1.5;white-space:nowrap}
#coin-info-dialog .recharge-custom-input{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;padding:0 12px;border:1px solid #839f9f77;background:#13272d99;transition:border-color .18s,box-shadow .18s}
#coin-info-dialog .recharge-custom-input:focus-within{border-color:#64eecb;box-shadow:0 0 0 2px #3df4c419}
#coin-info-dialog #recharge-custom-amount{display:block;flex:1;width:0;min-width:0;min-height:42px;margin:0;padding:10px 0;border:0;border-radius:0;background:transparent;color:#f0f7f4;font:14px/1.5 "Currency Roboto",Arial,var(--font);font-variant-numeric:tabular-nums;outline:none;box-shadow:none}
#coin-info-dialog #recharge-custom-amount:focus-visible{outline:none}
#coin-info-dialog #recharge-custom-amount::placeholder{color:#8ca6ac;opacity:1}
#coin-info-dialog #recharge-custom-amount[aria-invalid="true"]{color:#ffd3c9}
#coin-info-dialog .recharge-custom-input>span{display:inline-flex;align-items:center;flex:none;gap:5px;color:#b9cdce;font-size:12px;line-height:1.5;white-space:nowrap}
#coin-info-dialog .recharge-custom-input img{display:block;flex:none;width:18px;height:18px;object-fit:contain}
#coin-info-dialog #recharge-custom-preview{min-width:0;margin:0;color:#b8cecc;font-size:12px;line-height:1.7;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#coin-info-dialog #recharge-custom-submit{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:10px 18px;border:1px solid #6cf6d1;border-radius:0;background:#3df4c4;color:#062d25;font-size:14px;font-weight:700;line-height:1.5;white-space:nowrap;transition:background .18s,border-color .18s}
#coin-info-dialog #recharge-custom-submit:hover:not(:disabled){border-color:#abffe8;background:#83ffdf}
#coin-info-dialog #recharge-custom-submit:disabled{border-color:#6b888b66;background:#375152;color:#a7bfbf;opacity:1;cursor:not-allowed}
#coin-info-dialog #recharge-custom-error{grid-column:1/-1;min-width:0;margin:0;padding:8px 11px;border-left:2px solid #e8a99a;background:#612d2429;color:#f5bfb2;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:700px){#coin-info-dialog .recharge-custom-form{grid-template-columns:minmax(0,1fr) auto;gap:9px 10px;margin-top:16px;padding-top:14px}#coin-info-dialog .recharge-custom-form>label{grid-column:1/-1}#coin-info-dialog .recharge-custom-input{grid-column:1;grid-row:2;padding-inline:10px;gap:7px}#coin-info-dialog #recharge-custom-submit{grid-column:2;grid-row:2;padding-inline:14px}#coin-info-dialog #recharge-custom-preview{grid-column:1/-1}}
#coin-info-dialog .recharge-back{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:4px 0;margin:0 0 8px;background:transparent;border:0;color:#b8d2d0;font-size:12px;cursor:pointer}
#coin-info-dialog .recharge-back:hover{color:#74f6d6}
#coin-info-dialog .recharge-payment-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px;align-items:start}
#coin-info-dialog .recharge-payment-summary{min-width:0;padding:14px;border:1px solid #83979c44;background:linear-gradient(150deg,#354047a6,#18272d99);text-align:center}
#coin-info-dialog .recharge-summary-label{display:block;color:#9fb5b9;font-size:12px;letter-spacing:1px;text-align:left}
#coin-info-dialog .recharge-summary-coin{display:block;width:60px;height:60px;margin:10px auto 4px;object-fit:contain}
#coin-info-dialog #recharge-chosen-amount{display:block;color:#f0f5ef;font:800 30px/1.3 "Currency Roboto",Arial,var(--font);font-variant-numeric:tabular-nums}
#coin-info-dialog .recharge-summary-unit{display:block;margin-top:2px;color:#a9c2c3;font-size:12px;letter-spacing:2px}
#coin-info-dialog .recharge-fiat-summary{padding-top:12px;margin-top:12px;border-top:1px solid #8093933d}
#coin-info-dialog .recharge-fiat-summary>span{display:block;color:#9fb5b9;font-size:11px}
#coin-info-dialog .recharge-fiat-summary strong{display:block;color:#e8d5a5;font:700 24px/1.35 "Currency Roboto",Arial,var(--font);font-variant-numeric:tabular-nums;margin-top:4px}
#coin-info-dialog .recharge-fiat-summary small{display:block;color:#9caeac;font-size:10px;margin-top:2px}
#coin-info-dialog #recharge-usdt-hint{margin:14px 0 0;color:#b7c8c8;font-size:11px;line-height:1.8;text-align:left}
#coin-info-dialog .recharge-order-summary{display:grid;gap:6px;margin:13px 0 0;padding-top:12px;border-top:1px solid #8093933d;color:#b7c8c8;font-size:11px;line-height:1.7;text-align:left;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#coin-info-dialog .recharge-order-summary[hidden]{display:none}
#coin-info-dialog .recharge-payment-content{min-width:0}
#coin-info-dialog .recharge-tabs{display:flex;gap:4px;padding:3px;border:1px solid #708a8d55;background:#101e2380;margin:0 0 8px}
#coin-info-dialog .recharge-tabs[hidden],#coin-info-dialog .recharge-tabs button[hidden]{display:none!important}
#coin-info-dialog .recharge-tabs button{flex:1;min-width:0;min-height:34px;margin:0;padding:6px 5px;border:1px solid transparent;background:transparent;color:#a7c0cc;font-size:14px;font-weight:700;line-height:1.4;cursor:pointer}
#coin-info-dialog .recharge-tabs button[aria-selected="true"]{background:#3df4c41c;border-color:#3df4c477;color:#66ffda;box-shadow:inset 0 -2px #3df4c4}
#coin-info-dialog .recharge-tabs button:hover{color:#eafff8;background:#395b6855}
#coin-info-dialog .recharge-status{margin:0 0 8px;color:#b9cbd0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
#coin-info-dialog .recharge-retry{display:block;min-height:40px;margin:4px auto 18px;padding:9px 18px;background:#2d444b;border:1px solid #6b8a90;color:#e0f7f2;font-size:13px}
#coin-info-dialog #recharge-details{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:start}
#coin-info-dialog .recharge-qr{--recharge-qr-size:280px;grid-row:auto;justify-self:center;box-sizing:border-box;width:fit-content;max-width:100%;min-width:0;margin:0 auto;padding:6px;background:#fff;border:1px solid #e4eeee;border-radius:2px}
#coin-info-dialog .recharge-qr img{display:block;width:auto;height:auto;max-width:min(100%,var(--recharge-qr-size,280px));max-height:min(var(--recharge-qr-size,280px),40vh);max-height:min(var(--recharge-qr-size,280px),40svh);aspect-ratio:auto;object-fit:contain;background:#fff}
#coin-info-dialog .recharge-qr figcaption{margin:6px 0 0;text-align:center;color:#354b52;font-size:11px;line-height:1.5}
#coin-info-dialog .recharge-field{min-width:0;padding:11px 12px;border:1px solid #6d898e44;background:#13272d99;margin:0}
#coin-info-dialog .recharge-field>span{display:block;color:#9cb6bf;font-size:11px;line-height:1.6;margin-bottom:6px}
#coin-info-dialog .recharge-field strong{display:block;color:#e3f8f2;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
#coin-info-dialog .recharge-field code{display:block;color:#e1f8f2;font:12px/1.8 Consolas,"Courier New",monospace;overflow-wrap:anywhere;word-break:break-all;user-select:text}
#coin-info-dialog .recharge-address-field button{display:block;min-height:34px;margin:9px 0 0;padding:7px 10px;background:#304e56;border:1px solid #638c9955;color:#d5f6ec;font-size:11px}
#coin-info-dialog .recharge-information{min-width:0;margin:0;padding:0}
#coin-info-dialog .recharge-information h3{margin:0 0 7px;color:#d9eeed;font-size:13px;font-weight:700;line-height:1.7}
#coin-info-dialog .recharge-information p{margin:0;white-space:pre-wrap;color:#b7cbd0;font-size:12px;line-height:1.85;overflow-wrap:anywhere}
#coin-info-dialog :focus-visible{outline:2px solid #78ffdc;outline-offset:3px}
@media(max-width:760px){#coin-info-dialog .recharge-info-panel{padding:18px 20px}#coin-info-dialog .recharge-package-grid{gap:14px}#coin-info-dialog .recharge-package-value{left:13px;top:12px;font-size:26px;gap:6px}#coin-info-dialog .recharge-package-value img{width:23px;height:23px}#coin-info-dialog .recharge-package-price{left:14px;bottom:11px;font-size:27px}#coin-info-dialog .recharge-payment-layout{grid-template-columns:160px minmax(0,1fr);gap:18px}#coin-info-dialog .recharge-payment-summary{padding:18px 12px}#coin-info-dialog #recharge-details{grid-template-columns:minmax(0,1fr)}#coin-info-dialog .recharge-qr{grid-row:auto;margin:0 auto 7px}}
@media(max-width:560px){#coin-info-dialog .recharge-info-panel{padding:23px 16px 20px}#coin-info-dialog .recharge-heading{padding-right:28px}#coin-info-dialog h2{font-size:24px;margin-bottom:15px}#coin-info-dialog .dialog-close{top:17px;right:13px}#coin-info-dialog .recharge-intro{font-size:11px;margin-bottom:16px}#coin-info-dialog .recharge-rate{gap:10px;padding-bottom:13px;margin-bottom:15px}#coin-info-dialog .recharge-rate>span{font-size:11px}#coin-info-dialog .recharge-rate strong{font-size:14px;gap:5px}#coin-info-dialog .recharge-package-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#coin-info-dialog .recharge-package{aspect-ratio:1.2}#coin-info-dialog .recharge-package-art{inset:0;height:100%;object-fit:contain;clip-path:inset(13% 0 0)}#coin-info-dialog .recharge-package-value{font-size:16px;left:7px;top:8px;gap:3px}#coin-info-dialog .recharge-package-value img{width:15px;height:15px}#coin-info-dialog .recharge-package-price{font-size:18px;left:8px;bottom:7px}#coin-info-dialog .recharge-payment-layout{grid-template-columns:minmax(0,1fr);gap:19px}#coin-info-dialog .recharge-payment-summary{display:grid;grid-template-columns:44px 1fr 1fr;gap:2px 10px;padding:14px;text-align:left;align-items:center}#coin-info-dialog .recharge-summary-label{grid-column:1/3;font-size:10px}#coin-info-dialog .recharge-summary-coin{grid-column:1;grid-row:2/4;width:42px;height:42px;margin:0}#coin-info-dialog #recharge-chosen-amount{grid-column:2;grid-row:2;font-size:25px}#coin-info-dialog .recharge-summary-unit{grid-column:2;grid-row:3;font-size:10px;margin:0}#coin-info-dialog .recharge-fiat-summary{grid-column:3;grid-row:1/4;margin:0;padding:0 0 0 10px;border-top:0;border-left:1px solid #8093933d;text-align:center}#coin-info-dialog .recharge-fiat-summary>span{font-size:9px}#coin-info-dialog .recharge-fiat-summary strong{font-size:22px;margin-top:2px}#coin-info-dialog .recharge-fiat-summary small{font-size:9px}#coin-info-dialog #recharge-usdt-hint,#coin-info-dialog .recharge-order-summary{grid-column:1/-1;margin:10px 0 0;font-size:10px}#coin-info-dialog .recharge-tabs{gap:3px;padding:4px;margin-bottom:15px}#coin-info-dialog .recharge-tabs button{min-height:40px;font-size:13px}}
@media(max-width:560px){#coin-info-dialog[data-recharge-step="payment"] .recharge-info-panel{padding:18px 16px 16px}#coin-info-dialog[data-recharge-step="payment"] h2{margin-bottom:10px}#coin-info-dialog[data-recharge-step="payment"] .recharge-intro{display:none}#coin-info-dialog .recharge-back{margin-bottom:10px}#coin-info-dialog .recharge-payment-layout{gap:14px}#coin-info-dialog .recharge-payment-summary{padding:10px}#coin-info-dialog .recharge-tabs{margin-bottom:10px}#coin-info-dialog .recharge-tabs button{min-height:36px}#coin-info-dialog .recharge-status{margin-bottom:10px}#coin-info-dialog .recharge-qr{--recharge-qr-size:240px}}
@media(min-width:761px){#coin-info-dialog[data-recharge-step="payment"] .recharge-heading{padding-right:180px}#coin-info-dialog[data-recharge-step="payment"] .recharge-back{position:absolute;top:21px;right:62px;margin:0}}

/* Site-wide desktop display size: real layout units keep game coordinates exact. */
@media(min-width:1180px){
  body.game-navigation{--shell-header-height:82px}
  body.game-navigation.case-page[data-embedded=true]{--shell-header-height:82px}
  html:has(body.game-navigation){scroll-padding-top:100px}
  html:has(body.game-navigation.case-page[data-embedded=true]){scroll-padding-top:22px}
  body.game-navigation .site-header{height:82px}
  body.game-navigation .header-inner{grid-template-rows:82px;gap:clamp(15px,1.9vw,32px)}
  body.game-navigation .brand{gap:11px}
  body.game-navigation .brand-name{font-size:25px}
  body.game-navigation .brand-name small{font-size:7.5px}
  body.game-navigation .brand-symbol{transform:skew(-20deg) scale(.92)}
  body.game-navigation .main-nav>a,body.game-navigation .main-nav>button{font-size:17.5px;padding-inline:clamp(10px,1.2vw,22px)}
  body.game-navigation .wallet-value{font-size:20.5px;max-width:119px}
  body.game-navigation .wallet-icon{width:24px;height:24px}
  body.game-navigation .wallet-triangle .wallet-icon{width:32px;height:32px}
  body.game-navigation .header-login.header-profile{width:48px;height:48px;min-height:48px;max-width:48px}
  body.game-navigation .header-login:not(.header-profile){min-width:156px;min-height:48px;padding:11px 17px;font-size:15px}
  body.game-navigation .header-tools .supply-audio-label{font-size:12px}
  body.game-navigation .header-tools .supply-sound .supply-mute{width:28px;height:28px;min-width:28px;min-height:28px}
  body.game-navigation .header-tools .supply-volume input{width:78px;height:24px}

  body.game-navigation.home-page .home-lobby{grid-template-columns:minmax(249px,318px) minmax(0,1fr) minmax(286px,350px)}
  body.game-navigation.home-page .home-bottom-rail{grid-template-columns:minmax(249px,318px) minmax(0,1fr) minmax(286px,350px)}
  body.game-navigation.home-page .home-lobby-heading h1{font-size:30px}
  body.game-navigation.home-page .home-briefing-copy h2{font-size:clamp(32px,2.76vw,49px)}
  body.game-navigation.home-page .home-supply-copy strong{font-size:23px}
  body.game-navigation.home-page .home-map-copy h3{font-size:28px}
  body.game-navigation.home-page .home-deploy-button{min-height:85px}
  body.game-navigation.home-page .home-deploy-button strong{font-size:29px}

  body.game-navigation.operations-page .supply-main{max-width:1654px}
  body.game-navigation.operations-page .supply-intro h1{font-size:clamp(36px,3.71vw,51px)}
  body.game-navigation.operations-page .supply-card-visual{height:clamp(223px,24.38vw,350px)}
  body.game-navigation.operations-page .has-many-containers .supply-card-visual{height:clamp(201px,21.2vw,297px)}
  body.game-navigation.operations-page .supply-details h3{font-size:21px}
  body.game-navigation.operations-page .has-many-containers .supply-details h3{font-size:19px}

  body.game-navigation.case-page .case-main{max-width:1526px}
  body.game-navigation.case-page .case-heading h1{font-size:36px}
  body.game-navigation.case-page .case-open{min-height:50px}
  body.game-navigation.play-page .play-heading h1{font-size:33px}
  body.game-navigation.play-page .play-title-row h2{font-size:28px}
  body.game-navigation.play-page #play-confirm{min-height:56px;font-size:19px}

  body.game-navigation.backpack-page .backpack-main{max-width:2035px}
  body.game-navigation.backpack-page .backpack-heading h1{font-size:29px}
  body.game-navigation.backpack-page .warehouse-title h2{font-size:16px}
  body.game-navigation.backpack-page .backpack-selection>.button{min-height:42px}
  body.game-navigation.battles-page .battle-shell{max-width:1781px}
  body.game-navigation.battles-page .battle-lobby-header h1{font-size:34px}
  body.game-navigation.battles-page .battle-button{min-height:46px;padding:13px 21px}

  body.game-navigation.services-page .services-main{max-width:1560px}
  body.game-navigation.services-page .services-heading h1{font-size:clamp(29px,3.39vw,45px)}
  body.game-navigation.services-page .collection-row-heading h2{font-size:20px}
  body.game-navigation.services-page .service-button{min-height:42px;padding:11px 19px;font-size:13px}
  body.game-navigation.services-page .collection-slot .service-button{min-height:32px;padding:7px 17px;font-size:11px}
  body.game-navigation.services-page .feed-picker-toolbar .service-button{min-height:45px;padding:9px 11px}
  body.game-navigation.services-page[data-service-page=feed] .services-main{max-width:1675px}
  body.game-navigation.services-page[data-service-page=feed] .services-heading h1{font-size:clamp(32px,3.18vw,45px)}
  body.game-navigation.services-page .feed-panel-title{font-size:16px}
  body.game-navigation.services-page .feed-gift-card{min-height:286px}
  body.game-navigation.services-page .feed-value-row>.service-button{height:49px;font-size:16px}

  body.game-navigation.profile-page .profile-main{max-width:1314px}
  body.game-navigation.profile-page .profile-heading h1{font-size:clamp(30px,3.39vw,45px)}
  body.game-navigation.profile-page .profile-identity h2{font-size:24px}
  body.game-navigation.promotion-page .promotion-main{max-width:1463px}
  body.game-navigation.promotion-page .promotion-heading h1{font-size:clamp(30px,3.39vw,40px)}
  body.game-navigation.promotion-page .promotion-main .button{min-height:42px;font-size:13px}

  body.game-navigation.boss-wheel-page.bw-shared .bw-shell{max-width:1802px}
  body.game-navigation.boss-wheel-page .bw-page-heading h1{font-size:33px}
  body.game-navigation.boss-wheel-page .bw-spin{min-height:54px;font-size:16px}
  body.game-navigation.expedition-page .map-title-row h1{font-size:29px}
  body.game-navigation.expedition-page .map-view-toggle{min-height:41px}
  body.game-navigation.expedition-page .map-controls>button{width:45px;height:45px}

  body.game-navigation.cascade-page .cascade-shell{max-width:1696px}
  body.game-navigation.cascade-page .cascade-layout{max-width:1406px;grid-template-columns:minmax(0,394fr) minmax(0,719fr) minmax(0,236fr);gap:28.5px}
  body.game-navigation.cascade-page .cascade-machine .cascade-machine-actions>:is(.cascade-speed,.cascade-auto){flex-basis:90px;width:90px;min-width:90px;height:36px;min-height:36px;font-size:12px}
  body.game-navigation.cascade-page .cascade-machine .cascade-multipliers strong{font-size:33px}
  body.game-navigation.cascade-page .cascade-machine .cascade-multipliers span{font-size:11px}
  body.game-navigation.cascade-page .cascade-machine .cascade-result-rail strong{font-size:34px}
  body.game-navigation.cascade-page .cascade-machine .cascade-cost>strong{font-size:28px}
  body.game-navigation.cascade-page .cascade-machine .cascade-spin{min-height:67px;font-size:20px}
  body.game-navigation.cascade-page .cascade-intelligence h2{font-size:24px}
  body.game-navigation.cascade-page .cascade-feature h3{font-size:15px}
  body.game-navigation.cascade-page .cascade-feature p{font-size:13px}
  body.game-navigation.cascade-page .cascade-decor-guide-heading>h2{font-size:31px}
  body.game-navigation.cascade-page .cascade-decor-guide-name{font-size:13px}
  body.game-navigation.cascade-page .cascade-decor-guide-values>b{font-size:14px}
  body.game-navigation.cascade-page .cascade-decor-guide-row{grid-template-columns:52px minmax(0,1fr) 108px}
  body.game-navigation.cascade-page .cascade-decor-guide-columns{grid-template-columns:52px minmax(0,1fr) repeat(3,36px)}
  body.game-navigation.cascade-page .cascade-decor-guide-row>img{width:52px;height:54px}
  body.game-navigation.cascade-page .cascade-decor-guide-row::before{width:52px;height:54px}
  body.game-navigation.cascade-page .cascade-decor-guide-special strong{font-size:14px}
  body.game-navigation.cascade-page .cascade-decor-guide-special p{font-size:12px}
  body.game-navigation.cascade-page .cascade-stake-panel .cascade-stake-input input{font-size:25px}
  body.game-navigation.cascade-page .cascade-sidebar .cascade-stake-presets>button{min-height:36px;font-size:13px}
}
@media(min-width:1600px){
  body.game-navigation.home-page .home-lobby{grid-template-columns:339px minmax(0,1fr) 371px}
  body.game-navigation.home-page .home-bottom-rail{grid-template-columns:339px minmax(0,1fr) 371px}
  body.game-navigation.home-page .home-briefing-copy h2{font-size:50px}
}
@media(min-width:1800px){
  body.game-navigation.play-page .play-heading h1{font-size:38px}
  body.game-navigation.play-page .play-title-row h2{font-size:32px}
  body.game-navigation.play-page #play-confirm{min-height:63px;font-size:21px}
}
@media(min-width:1900px){body.game-navigation.boss-wheel-page.bw-shared .bw-shell{max-width:1950px}}
@media(min-width:1180px) and (max-height:900px){
  body.game-navigation.home-page .home-lobby-heading h1{font-size:27px}
  body.game-navigation.home-page .home-briefing-copy h2{font-size:35px}
  body.game-navigation.home-page .home-map-copy h3{font-size:24.5px}
  body.game-navigation.home-page .home-deploy-button strong{font-size:25.5px}
  body.game-navigation.home-page .home-supply-copy strong{font-size:21px}
  body.game-navigation.home-page .home-deploy-button{min-height:75px}
}
@media(min-width:1180px) and (max-height:850px){
  body.game-navigation.play-page .play-heading h1{font-size:30px}
  body.game-navigation.play-page .play-title-row h2{font-size:25.5px}
  body.game-navigation.play-page #play-confirm{min-height:50px;font-size:17px}
}

/* Use the available header row for a readable avatar, frame and rank stars. */
body.game-navigation .header-login.header-profile{width:76px;height:76px;min-height:76px;max-width:76px}
body.game-navigation .header-profile .rank-avatar-stars{bottom:0;gap:1px;padding:2px 4px;font-size:10px}
body.game-navigation .header-profile .rank-avatar-stars.is-pinnacle{gap:2px;font-size:10px}
@media(max-width:1179px){
  body.game-navigation .header-login.header-profile{width:56px;height:56px;min-height:56px;max-width:56px}
  body.game-navigation .header-profile .rank-avatar-stars{font-size:8px;gap:.6px;padding:2px 3px}
  body.game-navigation .header-profile .rank-avatar-stars.is-pinnacle{font-size:9px}
}
@media(max-width:759px){
  body.game-navigation .header-login.header-profile{width:50px;height:50px;min-height:50px;max-width:50px}
  body.game-navigation .header-profile .rank-avatar-stars{font-size:7px;padding:2px}
  body.game-navigation .header-profile .rank-avatar-stars.is-pinnacle{font-size:8px}
}

/* Compact mobile denominations use one clear amount and a secondary price. */
@media(max-width:560px){
  #coin-info-dialog[data-recharge-step="amount"] .recharge-package-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  #coin-info-dialog[data-recharge-step="amount"] .recharge-package{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:48px 26px;gap:8px;aspect-ratio:auto;padding:14px 8px 8px;border:1px solid #79999c40;border-radius:6px;background:#0d252d80;box-shadow:none;text-align:center;transition:border-color .18s,background .18s}
  #coin-info-dialog[data-recharge-step="amount"] .recharge-package:after{content:none}
  #coin-info-dialog[data-recharge-step="amount"] .recharge-package-art,
  #coin-info-dialog[data-recharge-step="amount"] .recharge-package-value img{display:none}
  #coin-info-dialog[data-recharge-step="amount"] .recharge-package-value{position:static;grid-column:1;grid-row:1;flex-direction:column;justify-content:center;gap:4px;color:#edf7f4;font-size:clamp(21px,5.8vw,26px);font-weight:600;line-height:28px;letter-spacing:0;text-shadow:none}
  #coin-info-dialog[data-recharge-step="amount"] .recharge-package-value:after{content:'三角币';color:#8fa9ad;font:400 11px/14px var(--font);letter-spacing:1px}
  #coin-info-dialog[data-recharge-step="amount"] .recharge-package-price{position:static;grid-column:1;grid-row:2;padding-top:7px;border-top:1px solid #8eb2b11c;color:#b2c6c7;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0;text-shadow:none}
  #coin-info-dialog[data-recharge-step="amount"] .recharge-package[aria-pressed="true"]{border-color:#46e4bb;background:linear-gradient(160deg,#37d8ad24,#16413780);box-shadow:inset 0 0 0 1px #46e4bb22}
  #coin-info-dialog[data-recharge-step="amount"] .recharge-package[aria-pressed="true"]:before{content:'✓';position:absolute;top:5px;right:5px;display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#46e4bb;color:#0b2a23;font:700 9px/1 Arial,sans-serif}
  #coin-info-dialog[data-recharge-step="amount"] .recharge-package[aria-pressed="true"] .recharge-package-price{color:#66e8c6;border-top-color:#46e4bb26}
}