/* Thai village shell. Canvas dimensions and in-game control geometry stay in
   outpost-responsive.css so changing the setting does not move the playfield. */
.zombie-adventure {
  background: radial-gradient(ellipse at 12% 0%, #263b3744, transparent 58%), #101b1c;
}
.zombie-adventure > header { border-bottom-color: #9b7b454f; }
.zombie-adventure .brand { color: #f0dca8; }
.zombie-adventure .game-version { color: #b3bfae; letter-spacing: .13em; }
.zombie-adventure .heading .eyebrow { color: #c7ad70; }
.zombie-adventure .heading h1 { color: #f0e5ca; }
.zombie-adventure .expedition-intro > .eyebrow { color: #d2b679; }
.zombie-adventure .expedition-intro h2 { color: #f4e6c6; }
.zombie-adventure .lobby-description { color: #b5c3b7; }
.zombie-adventure .expedition-art {
  height: 280px;
  overflow: hidden;
  border-color: #947d4c66;
  background: linear-gradient(180deg, #203a43 0%, #617369 47%, #9b8a6155 48%, #233e3f 68%, #132f36 69%, #1f4550 100%);
}
.zombie-adventure .expedition-art::before {
  left: -5%; right: -5%; bottom: 33%; height: 42%;
  background: #233f37;
  clip-path: polygon(0 100%, 0 62%, 8% 73%, 17% 33%, 26% 70%, 38% 40%, 50% 75%, 62% 48%, 72% 67%, 83% 27%, 94% 65%, 100% 47%, 100% 100%);
  opacity: .62;
}
.zombie-adventure .expedition-art::after {
  background: linear-gradient(180deg, #09202b08 45%, #112c3028), radial-gradient(ellipse at 48% 75%, transparent 40%, #0b232e44);
}
.zombie-adventure .scene-moon { top: 33px; right: 14%; background: #efdbac; opacity: .9; box-shadow: 0 0 45px #efdbac22; }
.zombie-adventure .scene-road { bottom: 40px; left: -10%; width: 120%; height: 32px; transform: rotate(-3deg); border: 0; background: #8b765b; box-shadow: 0 7px 0 #5b614c; }
.zombie-adventure .scene-light { left: 15%; width: 70%; bottom: 5px; background: radial-gradient(ellipse, #ead08a28, transparent 66%); }
.zombie-adventure .expedition-art .scene-thai-temple {
  left: 31%; bottom: 47px; width: 43%; height: 215px;
  object-fit: contain; object-position: center bottom;
  filter: brightness(.98) saturate(.92) drop-shadow(0 8px 5px #102d2d66);
}
.zombie-adventure .expedition-art .scene-thai-house {
  left: 3%; bottom: 38px; width: 32%; height: 153px;
  object-fit: contain; object-position: center bottom; z-index: 3;
  filter: brightness(.95) saturate(.85) drop-shadow(0 7px 4px #102d2d66);
}
.zombie-adventure .scene-chedi {
  position: absolute; left: 73%; bottom: 61px; width: 19%; height: 174px;
  object-fit: contain; object-position: center bottom; z-index: 1;
  filter: brightness(.9) saturate(.82) drop-shadow(0 5px 4px #102d2d55);
}
.zombie-adventure .scene-pine-back { left: -9%; bottom: 62px; width: 118px; height: 170px; filter: brightness(.56) saturate(.7); }
.zombie-adventure .scene-pine-front { right: -56px; bottom: 9px; width: 150px; height: 205px; filter: brightness(.49) saturate(.65); }
.zombie-adventure .expedition-art .scene-pig { left: 67%; bottom: 20px; filter: brightness(.9) saturate(.85); }
.zombie-adventure .expedition-art .scene-wolf { right: 20px; bottom: 18px; }
.zombie-adventure .scene-caption { top: 14px; color: #f1dcac; font-size: 10px; letter-spacing: .07em; }
.zombie-adventure .scene-caption i { background: #e2b65c; }
.zombie-adventure .expedition-rules li { border-bottom-color: #53655b66; color: #a5b5a9; }
.zombie-adventure .expedition-rules b { color: #e4c687; }
.zombie-adventure #room-form { border-left-color: #9c83574d; }
.zombie-adventure #room-form .eyebrow { color: #c9b17b; }
.zombie-adventure #room-form h3 { color: #f0e4c8; }
.zombie-adventure #room-form label { color: #d0d6c5; }
.zombie-adventure #room-form input,
.zombie-adventure #room-form select {
  width: 100%; min-width: 0; min-height: 46px;
  background: #172b2d; color: #e4e9d7; border: 1px solid #64776a;
  border-radius: 4px; padding: 11px 12px; font: inherit;
}
.zombie-adventure #room-form select { color-scheme: dark; font-size: 12px; padding-right: 7px; cursor: pointer; }
.zombie-adventure #room-form input:focus-visible,
.zombie-adventure #room-form select:focus-visible { outline: 2px solid #d4b56e; outline-offset: 2px; }
.zombie-adventure .map-selection-help { margin: -3px 0 7px; color: #9eb0a3; font-size: 10px; line-height: 1.7; }
.zombie-adventure #btn-quick-play { background: #d1ae67; border-color: #edcf90; color: #152c2b; }
.zombie-adventure #btn-quick-play:hover { background: #e4c27d; }
.zombie-adventure .deployment-note { color: #9caf9f; border-top-color: #66796055; }
.zombie-adventure .house-preview img { object-fit: contain; max-height: 98px; filter: drop-shadow(0 4px 3px #0004); }
.zombie-adventure .hq-panel h2 { color: #e9d4a4; }
.zombie-adventure .resource-icon { width: 24px; height: 24px; object-fit: contain; vertical-align: middle; flex-shrink: 0; }
.zombie-adventure .cargo img { object-fit: contain; }
.zombie-adventure .counts .resource-icon { width: 18px; height: 18px; }
.zombie-adventure .ammo-tag { display: inline-flex; align-items: center; gap: 3px; }
.zombie-adventure .ammo-tag .resource-icon { width: 18px; height: 18px; }
.zombie-adventure .craft-card h3 { display: flex; align-items: center; gap: 7px; }
.zombie-adventure .craft-card h3 .resource-icon { width: 42px; height: 42px; }

@media (max-width: 900px) and (min-width: 601px) {
  .zombie-adventure .lobby { gap: 32px; }
  .zombie-adventure #room-form { padding-left: 22px; }
  .zombie-adventure .expedition-art { height: 242px; }
  .zombie-adventure .expedition-art .scene-thai-temple { height: 184px; }
  .zombie-adventure .scene-chedi { height: 145px; }
}
@media (max-width: 600px) {
  .zombie-adventure .game-version { font-size: 6px; letter-spacing: .04em; }
  .zombie-adventure .expedition-intro h2 { font-size: 42px; }
  .zombie-adventure .expedition-art { height: 198px; }
  .zombie-adventure .expedition-art .scene-thai-temple { left: 27%; bottom: 31px; width: 48%; height: 150px; }
  .zombie-adventure .expedition-art .scene-thai-house { left: 0; bottom: 28px; width: 35%; height: 105px; }
  .zombie-adventure .scene-chedi { left: 74%; bottom: 43px; width: 19%; height: 118px; }
  .zombie-adventure .scene-road { bottom: 28px; height: 21px; }
  .zombie-adventure .scene-moon { width: 24px; height: 24px; top: 35px; right: 12%; }
  .zombie-adventure .scene-caption { font-size: 8px; top: 10px; left: 10px; }
  .zombie-adventure .scene-pine-front { right: -50px; bottom: -4px; height: 152px; width: 103px; }
  .zombie-adventure .scene-pine-back { left: -16%; bottom: 36px; height: 115px; }
  .zombie-adventure .expedition-art .scene-pig { left: 65%; bottom: 13px; height: 47px; width: 31px; }
  .zombie-adventure .expedition-art .scene-wolf { bottom: 9px; width: 25px; height: 43px; right: 6px; }
  .zombie-adventure #room-form { border-top-color: #9c83574d; }
  .zombie-adventure #room-form select { font-size: 11px; min-height: 48px; }
}