:root{--hud-height:92px}
html{scroll-padding-top:calc(var(--hud-height) + 20px)}
#shell{padding-top:var(--hud-height)}
#hud,.on-title #hud{position:fixed;inset:0 0 auto;height:var(--hud-height);z-index:20;background:#0d252cf5;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
#rail{position:fixed;top:var(--hud-height);min-height:0}
#screen,.world-layout,.world-board,.world-sidebar,.screen-heading>div,.player-card,.player-card>span:last-child{min-width:0}
.player-card strong{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#shell.on-title{padding-top:0}
.notebook-paper [id]{scroll-margin-top:calc(var(--hud-height) + 20px)}
@media(max-width:1150px){#hud{gap:16px}.game-brand{min-width:0}.hud-stats .mission-stat{display:none}}
@media(max-width:900px){:root{--hud-height:85px}.world-layout{grid-template-columns:minmax(0,1fr)}.world-sidebar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.map-canvas{min-height:0;aspect-ratio:1.5}.region-label{width:clamp(120px,18vw,155px)}}
@media(max-width:600px){
:root{--hud-height:80px}
#hud,.on-title #hud{height:var(--hud-height);padding:10px 12px}
#rail{top:auto;bottom:0;height:calc(70px + env(safe-area-inset-bottom));padding-bottom:calc(4px + env(safe-area-inset-bottom))}
#screen{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
.player-card{flex:1;gap:7px}.player-card>span:last-child{min-width:0;flex:1}.player-card strong{max-width:150px;font-size:12px}.player-card small{font-size:7px;letter-spacing:.4px}
.hud-tools{flex-shrink:0;gap:12px}.badge-wallet small,.sound-button span{font-size:6px}
.world-layout{display:flex;flex-direction:column}.world-board{width:100%;overflow:hidden}
.map-topline{position:relative;padding:13px 15px;font-size:8px;letter-spacing:1px;background:#102a2c;border-bottom:1px solid var(--line)}
.map-canvas{aspect-ratio:auto;min-height:0;height:auto;padding:30px 12px 75px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 10px;background-size:cover;background-position:center}
.region-marker{position:relative;left:auto;top:auto;transform:none;width:100%;min-width:0;min-height:145px;justify-content:center}
.region-label{display:block;width:100%;min-width:0;max-width:170px;padding:9px 5px;margin-top:9px;min-height:80px}
.region-label strong{font-size:15px;line-height:1.5;overflow-wrap:break-word}.region-label small{font-size:8px;letter-spacing:1px}.region-label i{font-size:9px;line-height:1.7}
.region-number{width:42px;height:42px;font-size:21px}
.region-9{grid-column:2;grid-row:1}.region-7{grid-column:1;grid-row:1}.region-6{grid-column:1;grid-row:2}.region-8{grid-column:2;grid-row:2}
.ready-pip{top:57px;right:5px}.map-caption{bottom:12px;left:15px}.map-caption p{font-size:6px}.map-caption small{font-size:8px}
.map-legend{gap:10px;padding:12px;font-size:9px}.map-legend .text-button{font-size:10px;min-height:40px;margin-left:0;width:100%;border-top:1px solid var(--line);padding-top:10px}
.world-sidebar{display:flex;width:100%}.current-quest,.guide-card{min-width:0}.mobile-regions{display:none}
.current-quest>p:not(.eyebrow){font-size:12px}.guide-card p{font-size:11px}
.on-title .game-brand{min-width:0;flex:1}.on-title .game-brand>span:last-child{font-size:11px}.on-title .game-brand small{letter-spacing:1.5px}
#toast{bottom:calc(85px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){.player-card strong{max-width:120px}.player-card small{font-size:6px}.hud-tools{gap:8px}.region-label strong{font-size:14px}.region-label i{font-size:8px}#screen{padding-left:12px;padding-right:12px}.game-brand .brand-mark{width:32px;height:39px}}
@media print{#shell{padding-top:0}html{scroll-padding-top:0}}