body[data-model="madeira"] { background: #f9edda; color: #34251a; }
body[data-model="madeira"] .page { width: min(1000px, calc(100% - 48px)); padding: 24px 0 34px; }
body[data-model="madeira"] .intro { align-items: center; margin-bottom: 12px; }
body[data-model="madeira"] .intro h1 { font-size: clamp(1.45rem, 4.7vw, 2.3rem); letter-spacing: -.055em; color: #295137; }
body[data-model="madeira"] .layout { grid-template-columns: minmax(0, 625px) minmax(235px, 322px); gap: 15px; }
.variant-picker { padding: 11px 14px; border: 1px solid var(--line); border-radius: 13px; background: var(--paper); }
.variant-picker summary { cursor: pointer; font-size: .78rem; font-weight: 750; color: #694b3a; }
.variant-picker .models { display: grid; grid-template-columns: minmax(0, 1fr); gap: 5px; margin: 9px 0 0; }
.variant-picker .model { padding: 6px 9px; min-height: auto; }
.variant-picker .model small { display: block; }

.game[data-theme="madeira"] {
  border-color: #e2be8e;
  border-radius: 16px;
  --crate-width: clamp(48px, min(16vw, 8svh), 78px);
  --crate-height: calc(var(--crate-width) * .74);
  --piece-step: calc(var(--crate-height) * .82);
  --base-width: calc(var(--crate-width) * 1.16);
  --base-height: calc(var(--base-width) * .303125);
}
.game[data-theme="madeira"] .game-head { padding: 7px 13px; background: #fff6e5; }
.game[data-theme="madeira"] .game-head h2 { color: #335039; font-size: .88rem; }
.game[data-theme="madeira"] .game-head .trip { font-size: .72rem; }
.game[data-theme="madeira"] .scene {
  padding: 0 0 8px;
  background: #f6a061 url("objetos-madeira/parede.webp") center top / 100% auto repeat-y;
}
.wood-sign { display: none; }
.game[data-theme="madeira"] .canopy { display: none; }
.game[data-theme="madeira"] .wood-sign { display: block; padding: 1px 3px 0; }
.wood-sign img { display: block; width: 100%; max-width: 490px; height: auto; margin-inline: auto; }
.game[data-theme="madeira"] #loading { margin-top: -2px; }
.game[data-theme="madeira"] .dispatch {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  align-items: center;
  gap: 3px;
  padding: 2px 10px 3px;
  min-height: 112px;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.game[data-theme="madeira"] .dispatch .order {
  grid-row: 1;
  grid-column: 2;
  padding: 8% 10% 9% 9%;
  clip-path: none;
  border: 0;
  border-radius: 0;
  background: transparent url("objetos-madeira/bilhete.webp") center / 100% 100% no-repeat;
  filter: drop-shadow(0 4px 3px #7730114f);
  max-width: 255px;
  width: 100%;
  justify-self: start;
}
.game[data-theme="madeira"] .order::after { display: none; }
.game[data-theme="madeira"] .order-head {
  display: block;
  padding-bottom: 3px;
  margin-bottom: 4px;
  border-bottom: 1px dashed #99623591;
}
.game[data-theme="madeira"] .order-head strong { color: #643818; font-size: clamp(.68rem, 2.55vw, 1rem); }
.game[data-theme="madeira"] .order-head small { display: none; }
.game[data-theme="madeira"] .tickets { min-height: 25px; justify-content: flex-start; gap: 6px; }
.game[data-theme="madeira"] .ticket {
  width: 24%;
  max-width: 38px;
  height: clamp(24px, 7vw, 42px);
  border: 0;
  border-radius: 0;
  background: transparent;
}
.wood-fruit { display: block; object-fit: contain; pointer-events: none; }
.ticket .wood-fruit { width: 100%; height: 100%; }
.ticket .wood-check { position: absolute; right: -3px; bottom: -2px; width: 49%; height: auto; }
.ticket.done .wood-fruit { opacity: .65; }
.waiting-for-pickup { visibility: hidden; }
.game[data-theme="madeira"] .cart {
  grid-row: 1;
  grid-column: 1;
  position: relative;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #69340e;
  background: transparent;
  padding: 2px 4px 2px;
}
.game[data-theme="madeira"] .cart.ready { border: 1px dashed #3a683a; background: #fff0bb66; }
.game[data-theme="madeira"] .cart.drag-over, .game[data-theme="madeira"] .cart.ready:hover { outline: 2px solid #457049; outline-offset: -1px; }
.game[data-theme="madeira"] .cart .pickup {
  width: 100%;
  max-width: 266px;
  aspect-ratio: 850 / 401;
  filter: drop-shadow(0 5px 2px #713a2560);
}
.game[data-theme="madeira"] .pickup > img { top: 0; }
.game[data-theme="madeira"] .pickup[data-coat="1"] > img { filter: hue-rotate(88deg); }
.game[data-theme="madeira"] .pickup[data-coat="2"] > img { filter: hue-rotate(266deg); }
.game[data-theme="madeira"] .pickup-bed {
  inset: auto 50.5% 63% 2.7%;
  height: 31%;
  gap: 0;
  pointer-events: none;
}
.game[data-theme="madeira"] .cargo-crate {
  height: auto;
  align-self: end;
  border: 0;
  background: transparent;
  box-shadow: none;
  z-index: -1;
}
.game[data-theme="madeira"] .cargo-crate img { display: block; width: 100%; height: auto; }
.game[data-theme="madeira"] .pickup > img { z-index: 1; }
.game[data-theme="madeira"] .cart .pickup-action { font-size: .74rem; line-height: 1.2; }
.game[data-theme="madeira"] .cart small { color: #6d3e20; margin: 0; }
.game[data-theme="madeira"] .complete {
  display: grid;
  grid-column: 1 / -1;
  place-content: center;
  text-align: center;
  min-height: 105px;
  color: #442b1b;
  background: url("objetos-madeira/bilhete.webp") center / min(100%, 360px) 100% no-repeat;
}
.game[data-theme="madeira"] .complete strong { font-size: 1.1rem; }

.game[data-theme="madeira"] .stock-bar {
  padding: 4px 11px 3px;
  color: #542e18;
  background: #fff3d15e;
  border-block: 1px solid #b6653945;
}
.game[data-theme="madeira"] .stock-bar small { color: #582d16; }
.game[data-theme="madeira"] .wood-board {
  padding: calc((var(--crate-height) - var(--piece-step)) + 2px) 5px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.wood-shelf { position: relative; }
.wood-shelf + .wood-shelf { margin-top: calc((var(--crate-height) - var(--piece-step)) + 2px); }
.wood-board .piles {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
  gap: 5px;
  padding-inline: 5px;
}
.wood-board .pile { position: relative; z-index: 1; }
.wood-board .rack {
  width: min(100%, var(--crate-width));
  max-width: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.wood-board .cell {
  height: var(--piece-step);
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.wood-board .cell:not(.vacant) { z-index: 1; }
.wood-board .cell:has(.crate.top) { z-index: 2; }
.wood-board .crate {
  position: absolute;
  inset: auto 0 0;
  height: var(--crate-height);
  transform-origin: center bottom;
  border: 0;
  border-radius: 4px;
  filter: drop-shadow(1px 2px 1px #5c331953);
}
.wood-crate { position: absolute; inset: auto 0 0; display: block; width: 100%; height: auto; object-fit: contain; pointer-events: none; }
.wood-board .crate.top:hover { filter: brightness(1.045) drop-shadow(1px 2px 1px #5c331953); }
.wood-board .crate.top.selected { transform: translateY(-4px); filter: brightness(1.09) drop-shadow(1px 5px 2px #5c33196b); }
.wood-board .crate.top::after { inset: -3px 0 -1px; }
.wood-board .base {
  display: block;
  width: min(100%, var(--base-width));
  height: var(--base-height);
  min-height: 0;
  max-width: none;
  margin-top: calc(var(--base-height) * -.32);
  background: transparent;
  border: 0;
}
.wood-board .base img { display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.shelf-plank {
  position: relative;
  display: block;
  width: 100%;
  height: clamp(16px, 4vw, 25px);
  margin-top: -4px;
  filter: drop-shadow(0 5px 2px #86421d50);
  pointer-events: none;
}
.wood-board .base-target { padding: 0; touch-action: manipulation; }
.receiving-crate { opacity: 0; }

.game[data-theme="madeira"] .controls { min-height: 49px; padding: 6px 9px; background: #fff4df; }
.game[data-theme="madeira"] .controls p { color: #68442e; }
.game[data-theme="madeira"] .controls p[data-tone="warning"] { color: #98351f; }
.game[data-theme="madeira"] .controls p[data-tone="success"] { color: #285b34; }

@media (min-width: 1000px) {
  .game[data-theme="madeira"] { --crate-width: clamp(69px, 8.4svh, 96px); }
  .game[data-theme="madeira"] .dispatch { min-height: 148px; }
  .game[data-theme="madeira"] .wood-board { padding-inline: 11px; }
}

@media (max-width: 740px) {
  body[data-model="madeira"] .page { width: min(490px, calc(100% - 16px)); padding-top: 10px; }
  body[data-model="madeira"] .layout { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  body[data-model="madeira"] .intro { margin-bottom: 6px; }
  body[data-model="madeira"] .intro-links { display: flex; align-items: center; gap: 8px; }
  body[data-model="madeira"] .art-link { padding: 5px 6px; font-size: .63rem; }
  body[data-model="madeira"] .study-link { font-size: .64rem; }
  .game[data-theme="madeira"] .dispatch { min-height: 94px; }
  .game[data-theme="madeira"] .wood-sign img { max-width: 85%; }
  .variant-picker { grid-column: 1 / -1; }
}

@media (max-width: 365px) {
  body[data-model="madeira"] .intro-links { gap: 5px; }
  body[data-model="madeira"] .intro h1 { font-size: 1.33rem; }
  body[data-model="madeira"] .study-link { max-width: 42px; }
  .game[data-theme="madeira"] .dispatch { padding-inline: 6px; min-height: 82px; }
  .game[data-theme="madeira"] .tickets { gap: 4px; }
}