/* Classic web chrome, retaining the 78px mobile layout and safe-area padding. */
.lcd-numerals { display:none!important; }
@media(max-width:700px){
 #gameplay-hud { top:0;left:0;right:0;min-height:78px;padding:calc(5px + env(safe-area-inset-top)) 10px 8px 15px;grid-template-columns:minmax(0,1fr) 48px;grid-template-rows:27px 36px;gap:0 16px;background:#12101a;border:1px solid #ff6b9d1f;border-top:0;border-radius:0 0 17px 17px;box-shadow:0 4px 16px #070a1633;backdrop-filter:none;-webkit-backdrop-filter:none; }
 #gameplay-hud::before,#gameplay-hud::after { display:none!important; }
 #gameplay-hud .hud-location { align-self:stretch;display:flex;align-items:center;min-width:0;padding-right:4px; }
 #gameplay-hud .location-display { min-height:27px;width:100%;gap:6px; }
 #gameplay-hud .location-icon { display:block;width:14px;height:17px;flex-shrink:0;color:#ee789e; }
 #gameplay-hud #current-location { color:#cec6d8;font:500 13px 'IBM Plex Mono',monospace;letter-spacing:.01em;text-transform:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:none; }
 #gameplay-hud .search-icon { width:12px;height:12px;color:#91879f;flex-shrink:0; }
 #gameplay-hud .hud-stats { display:flex!important;align-self:stretch;align-items:center;gap:0;justify-content:space-between;padding:0 5px 0 0;border-top:1px solid #ffffff0c; }
 #gameplay-hud .hud-stat { position:relative;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:0 6px;border-left:1px solid #ffffff0c; }
 #gameplay-hud .hud-stat:first-child { padding-left:0;border-left:0; }
 #gameplay-hud #stat-distance { display:flex!important; }
 #gameplay-hud .hud-label { color:#91879f;font:400 7px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;margin-bottom:0; }
 #gameplay-hud .hud-value { font:600 18px var(--font-display);line-height:20px;color:#f5f0f6;text-shadow:none; }
 #gameplay-hud .hud-dim { font:500 13px var(--font-display);color:#92849f; }
 #gameplay-hud #stat-primary-value,#gameplay-hud .hud-score { color:#ffd474; }
 #gameplay-hud .hud-unit { font-size:9px; }
 #gameplay-hud #mobile-options { position:relative;width:48px;min-width:48px;height:54px;min-height:54px;padding:7px 4px;gap:4px;border:1px solid #ffffff18;border-radius:12px;background:#ffffff06;color:#ccc2da;box-shadow:inset 0 1px #ffffff08;font:9px 'IBM Plex Mono',monospace;letter-spacing:.03em;text-transform:none; }
 #gameplay-hud #mobile-options::before { display:none; }
 #gameplay-hud #mobile-options svg { width:23px;height:23px; }
 #gameplay-hud #mobile-options:active { transform:translateY(1px);background:#ffffff10; }
 #route-identity-legend { top:calc(84px + env(safe-area-inset-top)); }
 #gameplay-hud .location-search-inline { width:100%; }
 #gameplay-hud .inline-search-input { min-width:0;width:100%;font-size:14px;color:#eee8f6;background:#1c1928; }
 body.mode-visualizer #gameplay-hud #stat-distance,body.mode-visualizer #gameplay-hud #stat-score { display:none!important; }
}
@media(max-width:360px){
 #gameplay-hud { padding-left:14px;gap:0 16px; }
 #gameplay-hud #current-location { font-size:11px; }
 #gameplay-hud .hud-stat { padding-right:3px;padding-left:4px; }
 #gameplay-hud .hud-label { font-size:6.5px; }
}