/* The forward view stays clear: all ordinary notices share one header row. */
.game-shell{--hud-inset:max(12px,env(safe-area-inset-top))}
.game-top{top:var(--hud-inset);min-width:0;gap:6px}
.game-top>span:first-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#district-progress{flex-shrink:0;font-size:9px}
.game-controls{top:var(--hud-inset)}
.hud{top:calc(var(--hud-inset) + 31px);left:14px;right:14px}
.score-block{padding-top:8px;gap:3px}
.score-block>strong{font-size:36px}
.score-block>small{font-size:7px;letter-spacing:1.6px}
.score-block>b{font-size:10px}
.right-hud{gap:1px;padding-top:0;max-width:65%}
.right-hud>strong{font-size:14px;min-height:17px;line-height:17px}
.right-hud>small,.right-hud>span{font-size:9px;line-height:12px}
.charge{top:calc(var(--hud-inset) + 80px);left:14px;right:14px;padding:5px 9px;border-radius:4px}
.charge>div:first-child{font-size:10px;line-height:14px}
.charge .meter{height:4px;margin-top:4px}
.charge>span{font-size:9px;line-height:10px;margin-top:3px}
.fever-running{top:calc(var(--hud-inset) + 80px);left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#302139df;border-radius:4px;padding:5px 9px}
.fever-running>b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fever-running>span{font-size:29px;line-height:35px;flex-shrink:0}
.street-notices{position:absolute;top:calc(var(--hud-inset) + 128px);left:14px;right:14px;z-index:8;height:28px;padding:4px 8px;border-left:3px solid var(--yellow);border-radius:3px;background:#263338ed;color:var(--paper);pointer-events:none;overflow:hidden}
.street-notices[data-current=""]{display:none}
.street-notices>.district-toast,.street-notices>.encounter,.street-notices>.voice-bubble,.street-notices>.guide-toast{display:none;position:static;inset:auto;width:100%;max-width:none;height:20px;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;box-shadow:none;transform:none;animation:none;text-align:left;text-shadow:none;letter-spacing:0;font-size:11px;font-weight:800;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.street-notices[data-current="district-toast"]>#district-toast,.street-notices[data-current="encounter"]>#encounter,.street-notices[data-current="voice-bubble"]>#voice-bubble{display:block}
.street-notices[data-current="guide-toast"]>#guide-toast{display:flex;justify-content:flex-start;gap:6px}
.street-notices .encounter>small{display:none}
.street-notices .encounter>strong{display:block;font-size:12px;line-height:20px;overflow:hidden;text-overflow:ellipsis}
.street-notices .guide-toast img{width:17px;height:20px;flex-shrink:0}
.street-notices .guide-toast p{min-width:0;max-width:none;margin:0;padding:0;background:none;color:inherit;font-size:11px;line-height:20px;overflow:hidden;text-overflow:ellipsis}
.street-notices[data-current="encounter"]{background:#ffedb7f5;color:#38251d;border-left-color:var(--red)}
.street-notices[data-current="voice-bubble"]{background:#fff8edf5;color:#38251d}
@media(max-height:600px){
  .hud{top:calc(var(--hud-inset) + 28px)}
  .score-block>strong{font-size:32px}
  .charge,.fever-running{top:calc(var(--hud-inset) + 73px)}
  .street-notices{top:calc(var(--hud-inset) + 121px)}
}