/* Lantern Bites: tela deitada (body.land). Carregado depois de style.css. */
/* ---------- deitado (desenho base 1672×941): coluna esquerda, tabuleiro, coluna direita ---------- */
body.land #app,
body.land .design {
  width: calc(1672 * var(--u));
}
body.land .p {
  --a: 0.5;
}
body.land #scene {
  height: 100%;
  background: var(--scene-land, url(assets/ui/scene-land.jpg)) center / cover;
}
body.land #app::before {
  content: '';
  position: absolute;
  left: calc(84 * var(--u));
  top: calc((44 + var(--ex) / 2) * var(--u));
  width: calc(364 * var(--u));
  height: calc(858 * var(--u));
  border-style: solid;
  border-width: calc(8 * var(--u));
  border-color: transparent;
  border-image: url(assets/ui/frame.png) 30 fill / calc(13 * var(--u)) stretch;
  --ui: 5;
  background: linear-gradient(#210f38, #210f38) center / calc(100% - var(--ui) * 2 * var(--u))
    calc(100% - var(--ui) * 2 * var(--u)) no-repeat border-box;
  filter: drop-shadow(0 calc(8 * var(--u)) calc(12 * var(--u)) rgba(0, 0, 0, 0.45));
}
body.land #board .cell {
  background-image: url(assets/ui/tile-l.png);
}
body.land #hStar {
  --x: 108;
  --y: 60;
  --w: 64;
  --h: 58;
}
body.land #hStar b {
  font-size: calc(26 * var(--u));
}
body.land #hBar {
  --x: 164;
  --y: 76;
  --w: 262;
  --h: 38;
}
body.land #hFlame {
  --x: 112;
  --y: 126;
  --w: 58;
  --h: 60;
}
body.land #hEn {
  --x: 164;
  --y: 138;
  --w: 262;
  --h: 38;
}
body.land #hCoin {
  --x: 110;
  --y: 188;
  --w: 62;
  --h: 62;
}
body.land #hCo {
  --x: 164;
  --y: 200;
  --w: 262;
  --h: 38;
}
body.land #hEn b,
body.land #hCo b {
  margin-left: calc(10 * var(--u));
}
body.land #snd {
  --x: 1523;
  --y: 8;
  --w: 62;
  --h: 62;
} /* pausa no canto de cima à direita, acima do painel */
body.land .pill {
  font-size: calc(28 * var(--u));
  border-width: calc(14 * var(--u)) calc(40 * var(--u));
  border-image-width: calc(18 * var(--u)) calc(52 * var(--u));
}
body.land #divider {
  display: block;
  --x: 114;
  --y: 290;
  --w: 310;
  --h: 20;
}
#divider::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: calc(3 * var(--u));
  transform: translateY(-50%);
  background: linear-gradient(90deg, transparent, #d9a94e 20%, #d9a94e 80%, transparent);
}
#divider::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(12 * var(--u));
  height: calc(12 * var(--u));
  background: #e8b85a;
  transform: translate(-50%, -50%) rotate(45deg);
}
body.land #boardFrame {
  --x: 486;
  --y: 60;
  --w: 700;
  --h: 860;
  --bw: 12;
}
body.land #info {
  --x: 1210;
  --y: 76;
  --w: 375;
  --h: 332;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
  border-width: calc(34 * var(--u));
  border-image-width: calc(44 * var(--u));
  --ui: 16;
}
body.land #infoImg {
  display: block;
  height: calc(84 * var(--u));
  margin-top: calc(-16 * var(--u));
}
body.land #infoImg:not([src]) {
  visibility: hidden;
}
body.land #infoTxt {
  flex: 1;
  margin: 0;
  font-size: calc(22 * var(--u));
}
body.land #infoTxt b {
  font-size: calc(30 * var(--u));
}
body.land #infoTxt small {
  font-size: calc(21 * var(--u));
  -webkit-line-clamp: 3;
}
body.land #infoTxt small.hint {
  -webkit-line-clamp: 7;
}
body.land .it.gen img {
  height: 106%;
  max-width: 100%;
}
body.land #infoTxt b {
  display: block;
}
body.land #infoTxt i {
  display: none;
}
body.land #sell {
  width: auto;
  min-width: calc(215 * var(--u));
  max-width: 100%;
  padding-left: calc(30 * var(--u));
  height: calc(64 * var(--u));
  margin: 0 0 calc(10 * var(--u));
}
body.land #shelf {
  --x: 1214;
  --y: 430;
  --w: 380;
  --h: 290;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(40 * var(--u)) calc(13 * var(--u));
  border-width: calc(36 * var(--u)) calc(33 * var(--u)) calc(34 * var(--u)) calc(36 * var(--u));
  border-image: none;
  background: url(assets/ui/shelf-land.png) center / 100% 100% no-repeat border-box;
}
body.land #shelf .cell {
  background: none;
  border-image: none;
}
body.land #shelf::after {
  display: none;
  content: '';
  position: absolute;
  left: calc(-14 * var(--u));
  right: calc(-14 * var(--u));
  top: 50%;
  height: calc(22 * var(--u));
  transform: translateY(-50%);
  border-radius: calc(4 * var(--u));
  background: linear-gradient(180deg, #d08a4e, #a55f30 45%, #7a421f);
  box-shadow: 0 calc(3 * var(--u)) calc(5 * var(--u)) rgba(0, 0, 0, 0.45);
  pointer-events: none;
}
body.land .who::after {
  content: '';
  position: absolute;
  left: -2%;
  right: -2%;
  bottom: -5%;
  height: 17%;
  border-radius: 50%;
  background: radial-gradient(ellipse at 50% 30%, #b98350, #7a4826 70%, #5a3118);
  box-shadow: 0 calc(4 * var(--u)) calc(6 * var(--u)) rgba(0, 0, 0, 0.4);
  z-index: -1;
}
body.land .who {
  z-index: 2;
}
/* ---------- deitado: barraca de feira no painel esquerdo ---------- */
.stallp {
  display: none;
}
body.land .stallp {
  display: block;
}
body.land #app::before,
body.land #divider,
body.land .who::after {
  display: none;
}
#stallBg {
  --x: 60;
  --y: 38;
  --w: 424;
  --h: 891;
  background: url(assets/ui/barraca-fundo.png) center / 100% 100% no-repeat;
  filter: drop-shadow(0 calc(8 * var(--u)) calc(12 * var(--u)) rgba(0, 0, 0, 0.5));
}
.sign {
  background: url(assets/ui/barraca-placa.png) center / 100% 100% no-repeat;
  filter: drop-shadow(0 calc(4 * var(--u)) calc(5 * var(--u)) rgba(0, 0, 0, 0.45));
}
#signS {
  --x: 110;
  --y: 128;
  --w: 318;
  --h: 108;
  z-index: 1;
}
body.land #hStar,
body.land #hBar {
  z-index: 2;
} /* placa do nível na frente das cordas de baixo */
.sign.sm {
  background-image: url(assets/ui/barraca-placa-p.png);
  --y: 244;
  --w: 162;
  --h: 85;
}
#signF {
  --x: 106;
}
#signC {
  --x: 276;
}
/* cordas das placas pequenas sobem até a placa grande (o desenho da placa só tem o pedaço de baixo da corda) */
.sign.sm::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: calc(-40 * var(--u));
  height: calc(42 * var(--u));
  background:
    url(assets/ui/barraca-corda.png) calc(33 * var(--u)) 0 / calc(8.1 * var(--u)) calc(10 * var(--u)) repeat-y,
    url(assets/ui/barraca-corda.png) calc(120.1 * var(--u)) 0 / calc(8.1 * var(--u)) calc(10 * var(--u)) repeat-y;
}
.shelfb {
  --x: 60;
  --w: 424;
  --h: 35;
  z-index: 3;
  background: url(assets/ui/barraca-prateleira.png) center / 100% 100% no-repeat;
}
body.land #hStar {
  --x: 112;
  --y: 138;
  --w: 86;
  --h: 82;
}
body.land #hStar b {
  font-size: calc(32 * var(--u));
}
body.land #hBar {
  --x: 194;
  --y: 163;
  --w: 222;
  --h: 46;
}
body.land #hFlame {
  --x: 108;
  --y: 254;
  --w: 62;
  --h: 68;
}
body.land #hCoin {
  --x: 276;
  --y: 254;
  --w: 68;
  --h: 68;
}
body.land #hEn,
body.land #hCo {
  --y: 275;
  --w: 100;
  --h: 40;
  border-image: none;
  background: none;
  border-width: 0;
  padding: 0;
  white-space: nowrap;
  overflow: visible;
}
body.land #hEn {
  --x: 170;
}
body.land #hCo {
  --x: 344;
}
body.land #hEn b,
body.land #hCo b {
  margin-left: calc(4 * var(--u));
  font-size: calc(34 * var(--u));
}
body.land #hCo[data-len='5'] b {
  font-size: calc(28 * var(--u));
}
body.land #hCo[data-len='6'] b {
  font-size: calc(23 * var(--u));
}
body.land #hCo[data-len='7'] b,
body.land #hCo[data-len='8'] b {
  font-size: calc(19 * var(--u));
}
body.land #hEn small {
  margin-left: calc(4 * var(--u));
  font-size: calc(17 * var(--u));
}
body.land .tag {
  z-index: 4;
  border-image: none;
  border-width: 0;
  background: url(assets/ui/barraca-balao.png) center / 100% 100% no-repeat;
  padding-left: calc(12 * var(--u));
}
body.land .tag .pay {
  right: calc(-10 * var(--u));
  top: calc(-24 * var(--u));
  width: calc(114 * var(--u));
  height: calc(42 * var(--u));
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: calc(4 * var(--u));
  background: url(assets/ui/barraca-fita.png) center / 100% 100% no-repeat;
}
body.land .tag .pay b {
  background: none;
  padding: 0;
  margin: 0;
  font-size: calc(24 * var(--u));
  text-shadow: 0 calc(1 * var(--u)) calc(2 * var(--u)) rgba(90, 0, 0, 0.8);
}
body.land .tag .pay img {
  width: calc(34 * var(--u));
  height: calc(34 * var(--u));
  margin-left: calc(4 * var(--u));
}
body.land .tag .go img {
  width: calc(66 * var(--u));
  height: calc(46 * var(--u));
  object-fit: contain;
}
body.land .tag .go {
  right: calc(4 * var(--u));
  bottom: calc(2 * var(--u));
  width: calc(70 * var(--u));
  height: calc(50 * var(--u));
} /* dentro do balão, como na direção B */
body.land #sell img {
  display: none;
}
body.land #sell img.one {
  display: block;
  position: absolute;
  left: calc(-6 * var(--u));
  top: 50%;
  height: calc(50 * var(--u));
  margin: calc(-25 * var(--u)) 0 0;
}
body.land #sell {
  position: relative;
}
body.land #gift {
  --x: 1232;
  --y: 740;
  --w: 158;
  --h: 158;
}
body.land #toStreet {
  --x: 1412;
  --y: 740;
  --w: 158;
  --h: 158;
}
/* telas por cima, deitadas: o desenho em pé centralizado, reduzido para caber na altura */
body.land #street .design,
body.land #pop .design,
body.land #bookS .design,
body.land #pause .design {
  width: calc(941 * var(--u2));
  --u: var(--u2);
  --ex: 0;
}
body.land #street .p,
body.land #pop .p,
body.land #bookS .p,
body.land #pause .p {
  --a: 0;
}

/* End of style-land.css */