/* One bounded reading surface: long translations must never widen the battlefield. */
.combat-mode .combat-notices,
.combat-mode .combat-notices:has(.intro-guide:not([hidden])) {
  box-sizing:border-box;
  min-width:0;
  max-width:calc(100% - 24px);
  max-height:min(360px,calc(100% - 180px))!important;
  overflow-x:hidden;
  overflow-y:auto;
  pointer-events:auto;
  touch-action:pan-y;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.combat-notices>* {max-width:100%;min-width:0;box-sizing:border-box;overflow-wrap:anywhere}
.combat-notices .notice-toggle {position:sticky;top:0;z-index:2;white-space:normal}
.combat-mode .combat-notices>#field-feed {width:100%!important;overflow:visible}
.combat-notices #field-feed strong,.combat-notices #field-feed small,
.intro-guide strong,.intro-guide p,.intro-guide a,.intro-guide button {
  white-space:normal;word-break:normal;overflow-wrap:anywhere;max-width:100%;min-width:0;
}
.intro-guide {display:flex;flex-direction:column;gap:5px;max-height:min(330px,48dvh);min-height:0;padding:8px}
.intro-guide>strong {flex:none;line-height:1.4}
.intro-content {min-height:0;overflow:auto;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin}
.intro-actions {display:flex;flex:none;flex-wrap:wrap;align-items:stretch;gap:6px;border-top:1px solid #527864;padding-top:6px;background:#102621}
.intro-actions a,.intro-actions button {flex:1 1 80px;min-height:44px;margin:0;padding:6px;font-size:14px;line-height:1.4;justify-content:center;text-align:center}
.intro-guide .intro-role {font-size:14px;line-height:1.5}
#help-screen .help-dialog {min-width:0;max-width:100%;overflow-wrap:anywhere}
#help-screen dl>div {min-width:0;gap:8px}
#help-screen dd {min-width:0;margin-left:0;white-space:normal;overflow-wrap:anywhere}
.pickup-help {border-top:1px solid #39554e;margin-top:20px;padding-top:12px}
.pickup-help p {font-size:14px;line-height:1.7;white-space:normal;overflow-wrap:anywhere}
.combat-mode.versus-mode .score-group {display:block!important;text-align:right}
.combat-mode.versus-mode .score-group>strong {font-size:18px;line-height:1.2;margin:2px 0}
.combat-mode.versus-mode .score-group .my-score {display:none}
.combat-mode.versus-mode .hud .timer {display:block!important;margin:0;font-size:14px}
.combat-mode.versus-mode .wave-group {display:flex}
.combat-mode.versus-mode .wave-group>.eyebrow,.combat-mode.versus-mode .score-group .combo {display:none}
.ability-button.boost-active {opacity:1;border-color:#b5ff55;background:#254328;box-shadow:0 0 14px #b5ff5555}
.ability-button.boost-active b {white-space:normal;font-size:12px;line-height:1.3}
@media(max-width:760px) {
  .combat-mode .combat-notices,
  .combat-mode .combat-notices:has(.intro-guide:not([hidden])) {
    left:max(8px,env(safe-area-inset-left));width:calc(100% - 128px);
    max-height:min(46dvh,calc(100% - 172px))!important;
  }
  .intro-guide {max-height:38dvh;padding:7px}
  .combat-notices:has(.intro-guide:not([hidden]))>.notice-toggle{display:none}
  .combat-notices.messages-collapsed:has(.intro-guide:not([hidden]))>.intro-guide{display:flex!important}
  .intro-guide .intro-role,.intro-guide .intro-role+a{display:none!important}
  .intro-content{overflow:visible}
  #help-screen dl>div {display:flex;flex-direction:column;align-items:stretch}
  #help-screen dt {width:auto;min-width:0}
  #help-screen .help-dialog {margin:0 auto}
}
@media(max-height:500px) {
  .combat-mode .combat-notices,
  .combat-mode .combat-notices:has(.intro-guide:not([hidden])) {max-height:calc(100% - 156px)!important}
  .intro-guide {max-height:calc(100dvh - 200px)}
}

.direction-guide{max-width:100%;min-width:0;padding:8px 10px;border:1px solid #acdb75;border-radius:8px;background:#102522ed;color:#e5ffb3;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.direction-guide[hidden],.messages-collapsed .direction-guide{display:none}
@media(max-height:500px) and (max-width:900px){
 .combat-mode .bot-command-panel{top:8px;bottom:auto;left:max(8px,env(safe-area-inset-left));max-width:calc(100% - 128px);z-index:8}
}
.announcement{max-width:calc(100% - 24px);white-space:normal;overflow-wrap:anywhere;line-height:1.35}
@media(max-width:760px){.announcement{width:calc(100% - 24px);font-size:16px}.arena:has(.intro-guide:not([hidden])) .announcement{visibility:hidden}}