/* A thin non-interactive timer leaves the battle visible on every viewport. */
#stage-timer{position:absolute;z-index:7;top:8px;left:50%;transform:translateX(-50%);width:clamp(110px,24vw,300px);pointer-events:none;color:#d8e9ef;text-align:center;font-size:12px;text-shadow:0 1px 3px #000}
#stage-timer[hidden]{display:none}
#stage-timer>span{display:block;line-height:16px;margin-bottom:3px}
#stage-timer .stage-time-track{height:7px;border:1px solid #6a8795;background:#081320dc;border-radius:4px;overflow:hidden;box-shadow:0 1px 6px #0008}
#stage-time-fill{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#3a9dac,#8be9da);will-change:transform}
#stage-timer[data-state=warning] #stage-time-fill{background:#e8bb61}
#stage-timer[data-state=urgent] #stage-time-fill{background:#f08081}
#stage-hud[data-region=field] #stage-hud-difficulty{display:none}
#expedition-list .expedition-card{transition:border-color .2s,box-shadow .2s}
#expedition-list .expedition-card img{transition:opacity .25s,filter .25s;filter:brightness(.65) saturate(.7)}
#expedition-list .expedition-card.selected{border-color:#83f2df;background:#15343c;box-shadow:inset 0 0 0 1px #66decd,0 0 8px #54d4c72b}
#expedition-list .expedition-card.selected img{opacity:1;filter:brightness(1.2) saturate(1.1);mask-image:linear-gradient(to right,transparent,#000 48%)}
#expedition-list .expedition-card.selected :is(strong,span,small){text-shadow:0 1px 3px #000,0 0 5px #000}
#expedition-list .expedition-card:focus-visible{outline:2px solid #b8fff4;outline-offset:2px}
@media(max-width:1099px){#stage-timer{top:84px}}
@media(max-width:600px){#stage-timer{top:84px;left:calc(50% + 40px);width:28vw;max-width:150px}#stage-timer>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){#expedition-list .expedition-card,#expedition-list .expedition-card img{transition:none}}