/* Readable HUD: one palette, flat lettering, uniform image scale. */
body[data-phase=ready] .lobby-wallet{background:#143d60;border-color:#a5d9e9;box-shadow:inset 0 1px 0 #ffffff40,0 3px 0 #082747}
body[data-phase=ready] .lobby-wallet>.wallet-pill{gap:4px;padding-inline:3px}
body[data-phase=ready] .lobby-wallet>.wallet-pill b{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:none}
html[lang=ko] body[data-phase=ready] .resource-label{
 background-image:url('https://worldruncdn.ttok.im/assets/v1/d23bbc1992c349cc43f1dc8aa93f50f122af57124d344aea1e13e0521b3b0c90/status-labels.webp');background-size:128px 128px;background-position:-7px 0;width:65px;height:32px;border-radius:0;
}
html[lang=ko] body[data-phase=ready] .hearts-pill .resource-label{width:65px;height:32px;background-position:-7px -32px}
html[lang=ko] body[data-phase=ready] .lobby-data .resource-label{width:94px;height:32px;background-position:-7px -64px}
html[lang=ko] #start-panel .lobby-record{background:#fff8e5}
html[lang=ko] #start-panel .lobby-record>span{width:125px;height:40px;background:url('https://worldruncdn.ttok.im/assets/v1/d23bbc1992c349cc43f1dc8aa93f50f122af57124d344aea1e13e0521b3b0c90/status-labels.webp') -8px -120px/160px 160px no-repeat}
/* bindUIShell changes japan-flag to city-flag after boot. */
html[lang=ko] body[data-city=tokyo] .lobby-destination>:is(.japan-flag,.city-flag){display:none!important}
html[lang=ko] body[data-city=tokyo] #lobby-city-name{width:124px;height:54px;background-size:300% 200%;border-radius:10px}
html[lang=ko] .lobby-destination{padding-block:6px;min-height:79px}
html[lang=ko] #mode-label{font-size:12px;line-height:16px}
/* Collection controls use the same navy/mint surfaces, with readable body copy. */
.collection-hud>span,.collection-hud>button{background:#143d60;min-height:44px}
.collection-hud>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:5px}
.collection-hud b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.collection-hud i{font-style:normal;flex:none}
.collection-heading{text-shadow:none;background:#fff9efed;border-radius:20px;padding:10px;margin-top:10px}
.collection-heading h1{font-size:26px;line-height:1.2}
.collection-heading p{font-size:13px;color:#365873}
.collection-card p,.collection-summary>p{font-size:12px;line-height:1.55}
.collection-action,.collection-tabs button{min-height:44px}
.collection-card h3{overflow-wrap:anywhere}
.collection-tabs button{scroll-margin-inline:10px}
@media(max-width:370px){
 html[lang=ko] body[data-phase=ready] .resource-label{background-size:112px 112px;background-position:-7px 0;width:56px;height:28px}
 html[lang=ko] body[data-phase=ready] .hearts-pill .resource-label{width:56px;height:28px;background-position:-7px -28px}
 html[lang=ko] body[data-phase=ready] .lobby-data .resource-label{width:81px;height:28px;background-position:-7px -56px}
 body[data-phase=ready] .lobby-wallet>.wallet-pill{gap:2px;padding-inline:2px}
 body[data-phase=ready] .lobby-wallet>.wallet-pill b{font-size:13px}
 .collection-hud{grid-template-columns:1fr 1fr 44px;gap:5px}
 .collection-hud>span{min-height:30px}
 .collection-hud>span:first-child{grid-column:1;grid-row:1}
 .collection-hud>span:nth-child(2){grid-column:2;grid-row:1}
 .collection-hud>button:nth-child(3){grid-column:1;grid-row:2}
 .collection-hud>button:nth-child(4){grid-column:2;grid-row:2}
 .collection-hud>button:last-child{grid-column:3;grid-row:1/3;align-self:start}
 .collection-heading h1{font-size:23px}
}
@media(max-height:700px){
 html[lang=ko] body[data-city=tokyo] #lobby-city-name{width:100px;height:38px}
 html[lang=ko] .lobby-destination{min-height:63px;padding-block:3px}
 html[lang=ko] #mode-label{font-size:10px;line-height:13px}
}