/* Same camp material/palette; no additional screen, sticky HUD or camera input. */
#campPanel .residentRecommendation {
  display: grid; gap: 6px; min-width: 0; margin: 8px 0 12px; padding: 10px;
  border: 1px solid #8b9b6b; border-left: 3px solid #b7ca91;
  border-radius: 5px; background: rgba(44, 49, 34, .65); color: var(--panel-ink);
}
#campPanel .residentRecommendation strong,
#campPanel .residentRecommendation small { overflow-wrap: anywhere; }
#campPanel .residentRecommendation small { line-height: 1.4; color: var(--panel-muted); }
#campPanel .residentRecommendAction {
  min-height: 48px; width: 100%; padding: 10px 12px; white-space: normal;
  overflow-wrap: anywhere; text-align: left; touch-action: manipulation;
}
#campPanel .residentRecommendationReasons summary {
  min-height: 44px; display: flex; align-items: center; cursor: pointer;
  font-size: 12px; line-height: 1.4;
}
#campPanel .residentRecommendationReasons ul {
  margin: 0; padding-left: 18px; font-size: 12px; line-height: 1.5;
  overflow-wrap: anywhere;
}

/* Warm field-console accents; survival information stays in the game world. */
#campPanel { --camp-focus: #f6cb83; --camp-surface: #1a2321; }
#campPanel :is(button,input,summary):focus-visible,
#topBtns button:focus-visible { outline: 2px solid var(--camp-focus, #f6cb83); outline-offset: 2px; }
#campPanel .residentSearch { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; margin: 14px 0 8px; padding: 12px; background: var(--camp-surface); border: 1px solid #746049; border-left: 3px solid #b58b55; border-radius: 5px; }
#campPanel .residentSearch label { grid-column: 1/-1; font-size: 13px; color: var(--panel-ink); }
#campPanel .residentSearch input { min-width: 0; width: 100%; min-height: 48px; border: 1px solid #81765d; border-radius: 4px; background: #101716; color: #f1dfbd; padding: 10px; font: inherit; font-size: 16px; }
#campPanel .residentSearch input::placeholder { color: #b7b3a6; }
#campPanel .residentSearchStatus { grid-column: 1/-1; line-height: 1.5; color: var(--panel-muted); }
#campPanel .campSearchHidden { display: none !important; }
#campPanel .residentRecommendationReasons summary { cursor: pointer; padding: 10px 0; }
#campPanel .residentRecommendationReasons li { margin: 8px 0; }
#campPanel .campResidents .residentSummary strong { white-space: normal; overflow-wrap: anywhere; }
#campPanel .residentJobOption { display: flex; flex-direction: column; gap: 7px; min-width: 0; padding: 8px; border: 1px solid #74604966; border-radius: 5px; background: var(--camp-surface); }
#campPanel .residentJobOption > .campButton { width: 100%; min-height: 48px; white-space: normal; overflow-wrap: anywhere; }
#campPanel .residentJobReason { line-height: 1.5; overflow-wrap: anywhere; }
#campPanel .residentJobLink { margin-top: auto; background: transparent; border-color: transparent; color: var(--panel-ink); text-decoration: underline; text-underline-offset: 3px; font-size: 12px; }
#campPanel .residentJobLink:is(:hover,:focus-visible) { border-color: #b58b55; background: #b58b5515; }
#campPanel .residentJobOption > [hidden] { display: none; }
#campPanel .campResidents > [data-camp-back] { position: sticky; top: 0; z-index: 2; width: 100%; background: #252e28; box-shadow: 0 5px 12px #101716cc; }
#campPanel .campResidents [data-resident-job] { scroll-margin-block-start: 64px; }
@media(max-width: 420px) {
  #campPanel .campResidents .residentFilters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #campPanel .campResidents .residentRow { grid-template-columns: minmax(0,1fr); }
  #campPanel .campResidents .residentRow > .campButton:last-child { min-height: 48px; }
}
@media(prefers-reduced-motion: reduce) {
  #campPanel, #campPanel * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Field HUD: preserve health and controls, keep the objective off the playfield. */
.hudScreenReaderText { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#objectiveToggle { display: flex; align-items: center; gap: 8px; min-height: 44px; width: 100%; padding: 6px 8px; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
#obj { padding: 0; clip-path: none; border-radius: 4px; }
#objT { min-width: 0; flex: 1; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
#hud.objectiveDetailsOpen { z-index: 24; }
#objectiveDetails { position: absolute; top: calc(100% + 6px); left: 0; width: min(280px, 80vw); max-height: min(200px, 45vh); overflow: auto; pointer-events: auto; text-align: left; border: 1px solid #8c7654; border-left: 3px solid #d6af73; border-radius: 4px; background: #171e1bf5; box-shadow: 0 6px 20px #0009; }
#objectiveDetails[hidden] { display: none; }
#objectiveDetailTitle { display: block; padding: 10px 8px 6px; font-size: 13px; color: #f1dfbd; overflow-wrap: anywhere; }
#obj #objH { display: block; margin: 0; padding: 0 8px 8px; max-height: 84px; overflow: auto; pointer-events: auto; line-height: 1.5; font-size: 12px; opacity: 1; color: #d6c7ad; }
#obj #objH[hidden] { display: none; }
#objD:not(:empty) { display: block; padding: 0 8px 6px; }
.objectiveChevron { flex: none; color: #e6c28b; }
.objectiveShortTitle { display: none; flex: 1; font-size: 12px; color: var(--acc2); }
.objectiveExpanded .objectiveChevron { transform: rotate(180deg); }
#objectiveToggle:focus-visible, #lvlW:focus-visible { outline: 2px solid #f6cb83; outline-offset: 2px; }
#topBtns > button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; width: 52px; min-width: 52px; height: 52px; padding: 4px 6px; }
#topBtns .hudButtonCaption { font-size: 10px; line-height: 1.2; font-weight: 600; color: #f1dfbd; }
@media(max-width: 1100px), (max-height: 520px) {
  #leftHudStack { position: absolute; left: var(--sl); top: var(--st); display: flex; flex-direction: column; align-items: stretch; gap: 8px; width: min(290px, 40vw); pointer-events: none; }
  #tl { position: relative; left: auto; top: auto; width: 100%; }
  #obj { position: relative; left: auto; top: auto; transform: none; min-width: 0; max-width: 100%; width: 100%; text-align: left; }
}
@media(orientation: portrait) {
  #leftHudStack { width: min(300px, 62vw); }
}
@media(orientation: landscape) and (max-height: 520px) {
  #leftHudStack { display: contents; }
  #tl { position: absolute; left: var(--sl); top: var(--st); width: min(240px, 32vw); }
  #obj { position: absolute; left: calc(var(--sl) + min(240px, 32vw) + 8px); right: calc(var(--sr) + 110px + 168px + 8px); top: var(--st); width: auto; max-width: none; }
}
@media(orientation: landscape) and (max-height: 520px) and (max-width: 600px) {
  #objT { display: none; }
  .objectiveShortTitle { display: block; }
}

#sewerAction, #moscowSignalAction { position:fixed; z-index:25; left:50%; bottom:32%; transform:translateX(-50%); min-height:48px; max-width:calc(100vw - 24px); padding:12px 18px; background:#172821f2; border:1px solid #b3a174; color:#f1dfbd; border-radius:5px; font:inherit; }
#sewerAction[hidden], #moscowSignalAction[hidden] { display:none; }
#sewerMap { z-index:35; }
#sewerMap .win { touch-action:pan-y; overscroll-behavior:contain; width:min(580px,96vw); max-height:90dvh; overflow:auto; padding:16px; background:linear-gradient(155deg,#29362e 0%,#111b17 34%,#101714 100%); border:1px solid #718073; box-shadow:inset 0 0 0 3px #111b17,inset 0 0 0 4px #47564a,0 18px 60px #000c; }
#sewerMap h2 { position:sticky; top:0; z-index:1; background:#17231c; border-bottom:1px solid #887457; color:#ecd09c; letter-spacing:.12em; padding:4px 0; display:flex; justify-content:space-between; align-items:center; font-size:18px; }
#sewerMap .x { position:static; min-width:44px; min-height:44px; }
#sewerRoute { padding:8px; background:linear-gradient(#94b6a308 1px,transparent 1px),linear-gradient(90deg,#94b6a308 1px,transparent 1px),radial-gradient(ellipse at 30% 20%,#263f33,#101c19); background-size:24px 24px,24px 24px,100% 100%; border:1px solid #718371; border-radius:4px; box-shadow:inset 0 0 24px #0009; }
#sewerRoute svg { display:block; width:min(100%,360px); height:auto; max-height:none; margin:auto; }
.sewerPipe { fill:none; stroke:#526858; stroke-width:17; stroke-linecap:round; }
.sewerPipeExplored { fill:none; stroke:#b6c99d; stroke-width:3; }
.sewerJunction { fill:#1a2923; stroke:#687c66; stroke-width:2; stroke-dasharray:4 3; }
.explored .sewerJunction { stroke:#a8b891; stroke-dasharray:none; }
.sewerPlanIcon { fill:#e4c48f; font-size:22px; }
.sewerPlanLabel { fill:#d3cfb6; font-size:16px; }
.sewerPlayer { fill:none; stroke:#ffd487; stroke-width:3; }
.sewerLegend { color:#c5b995; font-size:11px!important; line-height:1.5; }

#sewerMap details { border-top:1px solid #73634b; }
#sewerMap summary { min-height:48px; padding:12px 0; cursor:pointer; }
#moscowRoute summary { color:#e4c48f; font-weight:600; }
#sewerMap p { font-size:13px; line-height:1.5; }
#sewerLayerButton { margin:0 0 8px; width:100%; min-height:44px; }
#sewerRecording { position:fixed; inset:0; z-index:38; display:flex; flex-direction:column; justify-content:space-between; background:linear-gradient(90deg,#060b09b8,#10151155,#060b09c9); padding:var(--st) var(--sr) var(--sb) var(--sl); }
.recordingLetterbox { flex:1; min-height:12px; max-height:14vh; background:#030605e8; border-bottom:1px solid #8a755c55; }
.recordingCard { width:min(760px,100%); align-self:center; padding:20px; max-height:70dvh; overflow:auto; touch-action:pan-y; background:#101a15f2; border-left:3px solid #a44b39; color:#e8dec8; box-shadow:0 10px 40px #000a; }
.recordingCard small { color:#c7a56e; letter-spacing:1px; font-size:11px; }
.recordingCard h2 { font-size:clamp(18px,3vw,30px); color:#e4be8f; }
.recordingCard p { font-size:clamp(14px,2vw,18px); line-height:1.65; }
.recordingControls { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.recordingControls span { margin-right:auto; font-size:12px; }
.recordingControls button { min-height:48px; padding:10px 16px; border:1px solid #9e855b; background:#29362c; color:#f2dfbd; font:inherit; }
.recordingControls button:focus-visible { outline:2px solid #f6cb83; outline-offset:2px; }
@media(orientation:landscape) and (max-height:500px){.recordingLetterbox{max-height:3vh}.recordingCard{padding:12px;max-height:88dvh}.recordingCard h2{margin:6px 0}.recordingCard p{font-size:13px;line-height:1.5;margin:8px 0}}
/* Reading/encounter scenes own the screen; removing the scene restores HUD
   visibility without changing native hidden classes or input state. */
body:has(#sewerRecording) #hud,
body:has(#sewerRecording) #touch{visibility:hidden!important}

/* Defense console: tactile commands and a clear equipment/action hierarchy. */
#campPanel [data-defense-turrets] {
  --defense-edge: #8d7956;
  --defense-command: #ecd6a7;
  --defense-recess: #101a17;
}
#campPanel [data-defense-turrets] .campItemCard {
  grid-template-columns: 44px minmax(0, 1fr);
  border-radius: 3px;
  background: linear-gradient(120deg, #28332c, #141d19 65%);
  box-shadow: inset 0 1px #e9d5a015, 0 3px 8px #0003;
}
#campPanel [data-defense-turrets] .campItemCard__icon {
  width: 44px; height: 44px; border-radius: 3px;
  background: radial-gradient(ellipse at top, #354034, var(--defense-recess));
}
#campPanel [data-defense-turrets] .campItemCard__actions {
  grid-column: 1 / -1;
  display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px;
  padding-top: 9px; margin-top: 2px;
  border-top: 1px solid #b4a17b30;
}
#campPanel [data-defense-turrets] :is(.campPrimaryAction, .campInfoButton) {
  appearance: none; min-width: 48px; min-height: 48px; margin: 0;
  padding: 10px 14px; border: 1px solid var(--defense-edge); border-radius: 3px;
  background: linear-gradient(#4b4931, #2e3327);
  box-shadow: inset 0 1px #fbe2ab26, inset 0 -2px #0004;
  color: var(--defense-command); font: inherit; font-size: 13px; font-weight: 600;
  line-height: 1.35; white-space: normal; overflow-wrap: anywhere;
  touch-action: manipulation; cursor: pointer;
}
#campPanel [data-defense-turrets] .campPrimaryAction { flex: 1 1 120px; }
#campPanel [data-defense-turrets] .campInfoButton {
  flex: 0 0 48px; margin-left: auto; padding: 8px;
  background: var(--defense-recess); border-color: #637163; color: #c5cdb9;
}
#campPanel [data-defense-turrets] .defenseWide .campPrimaryAction { flex-grow: 0; }
#campPanel [data-defense-turrets] :is(.campPrimaryAction, .campInfoButton):focus-visible {
  outline: 2px solid #ffdaa0; outline-offset: 2px;
}
@media (hover: hover) {
  #campPanel [data-defense-turrets] :is(.campPrimaryAction, .campInfoButton):hover:not(:disabled) {
    border-color: #e6c58a; background: #50523a; color: #fff0cb;
  }
}
#campPanel [data-defense-turrets] :is(.campPrimaryAction, .campInfoButton):active:not(:disabled) {
  background: #202a21; box-shadow: inset 0 2px 5px #0008;
}
#campPanel [data-defense-turrets] :is(.campPrimaryAction, .campInfoButton):disabled {
  background: #202823; border-color: #4f594e; color: #a3ab99;
  box-shadow: none; cursor: default;
}
#campPanel [data-defense-turrets] .defenseStat {
  border-radius: 2px; border-width: 0 0 1px; border-color: var(--defense-edge);
  background: linear-gradient(#253028, #152019); padding: 9px 10px;
}
#campPanel [data-defense-turrets] .defenseStat b { font-variant-numeric: tabular-nums; letter-spacing: .04em; }
#campPanel [data-defense-turrets] .campStatusBadge { border-radius: 2px; }
#campPanel [data-defense-turrets] .campMeter[data-kind="ammo"] { grid-template-columns: minmax(0,1fr) 48px; }
#campPanel [data-defense-turrets] .campMeter[data-kind="ammo"]::before { display: none; }
#campPanel [data-defense-turrets] .campMeter[data-kind="ammo"] > i {
  height: 8px; border-radius: 1px; background: #070e0b; box-shadow: 0 0 0 1px #61735c55;
}
#campPanel [data-defense-turrets] .campMeter > span { text-align: right; font-variant-numeric: tabular-nums; }
@media (max-width: 480px) {
  #campPanel [data-defense-turrets] .defenseWide .campPrimaryAction { flex-grow: 1; }
}

/* Archive hardware and cinematic speech have different material languages. */
#sewerRecording[data-presentation="terminal"] {
  --crt-ink:#b9d9a2; --crt-muted:#8fa97d; --crt-dark:#0c160e;
  justify-content:center; align-items:center;
  background:radial-gradient(ellipse at center,#07110973,#020504e6);
}
#sewerRecording .terminalChassis {
  position:relative; width:min(760px,100%); max-height:calc(100dvh - var(--st) - var(--sb));
  padding:18px; overflow:visible; border:2px solid #4d5448; border-radius:18px 18px 10px 10px;
  color:#c3bba2; background:linear-gradient(115deg,#5a6051 0%,#343d33 18%,#222b25 70%,#424b3e);
  box-shadow:inset 0 2px 2px #abb29760,inset 0 -5px 7px #111a12,0 25px 70px #000c;
}
.terminalChassis::before,.terminalChassis::after {
  content:"✕"; position:absolute; bottom:9px; font:12px monospace; color:#101810;
  width:14px; height:14px; border-radius:50%; text-align:center;
  background:linear-gradient(135deg,#939780,#3e483d); box-shadow:0 1px #87917c;
}
.terminalChassis::before{left:7px}.terminalChassis::after{right:7px}
.terminalHousing { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 8px 14px; }
.terminalHousing b { font-size:19px; letter-spacing:.16em; color:#d7d0ba; text-shadow:0 1px #000; }
.terminalHousing b span { display:inline-block; margin-left:12px; font:11px monospace; color:#b9baa6; }
.terminalLeds { display:flex; gap:10px; padding:8px; border:1px solid #151e17; border-radius:3px; background:#283026; }
.terminalLeds i { width:6px; height:6px; border-radius:50%; background:#21291d; box-shadow:inset 0 1px 3px #000; }
.terminalLeds i:first-child { background:#b5d38b; box-shadow:0 0 7px #a9d87b88; }
.terminalLeds i:last-child { background:#bf7947; box-shadow:0 0 5px #be633433; }
.terminalBezel { padding:12px; border:1px solid #101810; border-radius:12px; background:linear-gradient(145deg,#141d16,#4c5547); box-shadow:inset 3px 4px 10px #000b,0 1px #808b7144; }
.terminalScreen { position:relative; min-height:260px; max-height:52dvh; overflow:auto; touch-action:pan-y;
  padding:20px 24px; border:1px solid #172818; border-radius:18px / 10px;
  color:var(--crt-ink); background:radial-gradient(ellipse at 50% 15%,#263b24,#111e13 65%,#07100a);
  box-shadow:inset 0 0 28px #000c; font:14px/1.8 "Courier New",monospace;
}
.terminalScreen::after { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:repeating-linear-gradient(0deg,#0002 0px,#0002 1px,transparent 1px,transparent 4px); }
.terminalScreenHeader { display:grid; gap:4px; padding-bottom:14px; border-bottom:1px dashed #81a36a55; }
#sewerRecording .terminalScreenHeader small { font:10px/1.5 "Courier New",monospace; letter-spacing:.04em; color:var(--crt-muted); }
.terminalScreenHeader>span { font-size:9px; color:#c9b27d; letter-spacing:.12em; }
#sewerRecording .terminalScreen h2 { margin:18px 0 12px; font:700 clamp(18px,3vw,24px)/1.3 "Courier New",monospace; color:var(--crt-ink); text-shadow:0 0 9px #9ecc7733; }
#sewerRecording .terminalScreen p { margin:0; font:inherit; color:var(--crt-ink); }
.terminalScreenFooter { display:flex; justify-content:space-between; gap:12px; margin-top:24px; padding-top:9px; border-top:1px dashed #81a36a44; font-size:10px; color:var(--crt-muted); }
.terminalCursor { color:#c9e8ab; }
.terminalDeck { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:17px 10px 2px; }
.terminalAssetTag { flex:none; padding:5px 7px; border:1px solid #a9a78b66; background:#b3af8e; color:#303b2d; font:9px/1.4 monospace; transform:rotate(-2deg); }
.terminalDeck .recordingControls { justify-content:flex-end; }
#sewerRecording .terminalDeck button { min-width:100px; border:1px solid #141e16; border-radius:4px;
  background:linear-gradient(#a0a58d,#737e67 9%,#56634f 90%,#35422f); color:#eef0df;
  box-shadow:0 4px 0 #131c14,inset 0 1px #d6dfb366; text-shadow:0 1px #263122; font:600 12px/1.3 monospace;
}
#sewerRecording .terminalDeck button:active { transform:translateY(2px); box-shadow:0 2px 0 #131c14,inset 0 2px 4px #0007; }
#sewerRecording[data-presentation="encounter"] .recordingCard {
  width:min(920px,100%); border:0; padding:16px 24px; box-shadow:none;
  background:linear-gradient(90deg,#030705c9,#03070565,transparent)!important;
}
#sewerRecording[data-presentation="encounter"] .recordingCard h2 { margin:8px 0; font-size:clamp(17px,2.5vw,24px); letter-spacing:.08em; }
#sewerRecording[data-presentation="encounter"] .recordingCard p { text-shadow:0 2px 4px #000; }
#sewerRecording[data-presentation="encounter"] .recordingControls button { background:#0d151144; border-color:#b4a07b88; }
@media(max-width:480px) {
  #sewerRecording .terminalChassis { padding:12px; border-radius:12px; }
  .terminalHousing { padding:2px 3px 10px; }
  .terminalHousing b { font-size:16px; }
  .terminalHousing b span { margin-left:4px; }
  .terminalBezel { padding:8px; }
  .terminalScreen { padding:16px; max-height:57dvh; min-height:230px; font-size:13px; line-height:1.7; }
  .terminalDeck { gap:8px; padding:14px 3px 5px; }
  .terminalDeck .recordingControls { gap:7px; }
  #sewerRecording .terminalDeck button { min-width:90px; max-width:130px; padding:9px; }
}
@media(orientation:landscape) and (max-height:500px) {
  #sewerRecording .terminalChassis { padding:9px 16px; }
  .terminalHousing { padding:0 3px 5px; }
  .terminalHousing b { font-size:14px; }
  .terminalScreen { min-height:110px; max-height:48dvh; padding:10px 18px; font-size:13px; line-height:1.6; }
  .terminalScreenHeader { padding-bottom:6px; }
  #sewerRecording .terminalScreen h2 { margin:8px 0; font-size:18px; }
  .terminalDeck { padding:7px 3px 3px; }
  .terminalScreenFooter { margin-top:12px; }
}

/* Non-interactive travel overlay; native transition retains ownership. */
.metroTransition { position:fixed; inset:0; z-index:37; display:grid; place-items:end center;
  padding:0 16px max(14vh, var(--sb)); pointer-events:none;
  background:linear-gradient(180deg,#050807ee 0%,transparent 24%,transparent 67%,#050807f0 100%);
  animation:metroTransitionFrame 1.05s ease both; }
.metroTransition span { padding:7px 16px; border-left:2px solid #bb7651; color:#e1cfaa;
  font:600 11px/1.4 system-ui,sans-serif; letter-spacing:.24em; text-shadow:0 2px 8px #000; }
@keyframes metroTransitionFrame { 0%{opacity:0} 25%,65%{opacity:1} 100%{opacity:0} }
@media(prefers-reduced-motion:reduce){.metroTransition{animation:none;opacity:0}}

/* Keep the travel hint by the HUD rather than over the player or a station.
   The native pointer still tracks the map button and the card remains tappable. */
@media (orientation: portrait) and (max-width: 600px) {
  #tipCard[data-tip="travel"] {
    left: 0;
    right: auto;
    top: clamp(166px, 20vh, 180px);
    transform: none;
    max-width: min(220px, calc(100% - 76px));
  }
}
@media (orientation: landscape) and (max-height: 600px) {
  #tipCard[data-tip="travel"] {
    left: auto;
    right: clamp(110px, 15vw, 140px);
    top: 52px;
    transform: none;
    width: 160px;
    max-width: calc(100% - 120px);
  }
}

/* Keep dungeon information readable beside, rather than beneath, touch controls. */
@media (orientation: portrait) and (max-width: 420px) {
  body.touchUI #prompt.dungeon-entry {
    max-width: min(260px, 58vw);
    bottom: calc(34% + 8px);
  }
}
@media (orientation: landscape) and (max-height: 520px) {
  body.touchUI #prompt.dungeon-entry {
    left: calc(50% - clamp(110px, 20vw, 130px));
    bottom: max(70px, 18vh);
    max-width: min(260px, 41vw);
  }
}
@media (orientation: landscape) and (max-height: 340px) {
  body.touchUI #prompt.dungeon-entry {
    left: var(--sl);
    top: calc(50% + 12px);
    bottom: auto;
    transform: none;
    max-width: min(190px, calc(50vw - 84px));
    padding: 5px 7px;
    line-height: 1.15;
  }
}
@media (orientation: portrait) and (max-width: 420px), (orientation: landscape) and (max-height: 520px) {
  body.touchUI #prompt.dungeon-entry .dungeon-entry-action {
    display: inline;
    max-width: none;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
}