:root {
  --market-green:#3f8b68;
  --market-deep:#27634a;
  --market-red:#df6358;
  --market-cream:#fff3d7;
}

.market-hero .eyebrow { color:var(--market-green)!important; }
.market-hero h1 em { color:var(--market-green); }
.market-game-shell .mission {
  background:linear-gradient(90deg,#f1fbf5,#fff8e9 55%,#eef8f2);
}
.market-game-shell .mission-icon {
  border-color:#cfe8d8;
  box-shadow:0 7px 18px rgba(39,99,74,.15);
}
.market-game-shell .mission > div > span { color:var(--market-green); }
.market-game-shell .mission-goals span { border-color:#d3e8db; }
.market-game-shell .mission-goals b { color:var(--market-green); }

.scene.market {
  background:
    linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,0)),
    linear-gradient(#f2e9d7 0 68%,#d6b58b 68%);
}
.scene.market.has-story-image .scene-story-image {
  opacity:1;
  transform:scale(1);
  transition:none;
}
.scene.market:after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:65%;
  height:13px;
  background:#f9f5ea;
  border-top:4px solid #d6c6ae;
  box-shadow:0 5px 0 rgba(78,63,49,.1);
}
.scene.market .scene-window {
  left:4%;
  top:7%;
  width:17%;
  height:12%;
  display:grid;
  place-items:center;
  border:4px solid white;
  border-radius:7px;
  background:var(--market-green);
  transform:rotate(-2deg);
}
.scene.market .scene-window:before,
.scene.market .scene-window:after { display:none; }
.scene.market .scene-window span {
  position:static;
  color:white;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}
.market-sign {
  position:absolute;
  left:27%;
  top:5%;
  z-index:3;
  display:flex;
  align-items:baseline;
  gap:7px;
  padding:7px 15px;
  border:5px solid white;
  border-radius:10px;
  background:#326f54;
  box-shadow:0 6px 13px rgba(38,79,60,.17);
}
.market-sign span {
  color:#ffe1a3;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.market-sign strong {
  color:white;
  font-size:15px;
  letter-spacing:.08em;
}
.shopping-list {
  position:absolute;
  right:4%;
  top:6%;
  z-index:4;
  width:31%;
  min-height:43%;
  padding:10px 12px;
  border:2px solid #e3d6bc;
  border-radius:4px 4px 10px 4px;
  background:
    repeating-linear-gradient(#fffef8 0,#fffef8 18px,#e7eef2 19px);
  box-shadow:0 7px 15px rgba(72,64,49,.18);
  transform:rotate(1.5deg);
}
.shopping-list:before {
  content:"";
  position:absolute;
  left:50%;
  top:-8px;
  width:38px;
  height:15px;
  transform:translateX(-50%) rotate(-2deg);
  background:rgba(238,198,99,.75);
}
.shopping-list strong {
  display:block;
  margin-bottom:6px;
  color:#b8554c;
  font:900 10px/1.2 Georgia,serif;
  text-align:center;
  letter-spacing:.08em;
}
.shopping-list ul {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px 9px;
  margin:0;
  padding-left:16px;
  color:#42566d;
  font-size:8px;
  font-weight:800;
  line-height:1.55;
}
.produce-shelf,
.cold-shelf {
  position:absolute;
  z-index:2;
  display:flex;
  justify-content:space-around;
  align-items:center;
  width:29%;
  height:18%;
  padding:5px;
  border:7px solid #aa7850;
  border-top-width:10px;
  background:#ecd2a8;
  box-shadow:0 22px 0 -13px #8d6347;
}
.produce-shelf {
  left:3%;
  top:29%;
}
.cold-shelf {
  right:3%;
  bottom:9%;
  border-color:#8bb0b5;
  background:#d9eff0;
  box-shadow:0 22px 0 -13px #6e9299;
}
.produce-shelf span,
.cold-shelf span {
  font-size:29px;
  filter:drop-shadow(0 4px 2px rgba(0,0,0,.12));
}
.aisle-sign {
  position:absolute;
  left:5%;
  top:52%;
  z-index:2;
  padding:5px 11px;
  border-radius:4px;
  background:#d95852;
  color:white;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
  transform:rotate(-2deg);
}
.shopping-cart {
  position:absolute;
  left:31%;
  bottom:5%;
  z-index:5;
  width:40%;
  height:34%;
  border:7px solid #557182;
  border-top:0;
  border-radius:4px 4px 18px 18px;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.68) 0,rgba(255,255,255,.68) 6px,transparent 7px,transparent 14px),
    rgba(121,162,175,.7);
  box-shadow:0 11px 18px rgba(56,78,87,.22);
  transform:skewX(-4deg);
}
.shopping-cart:before {
  content:"";
  position:absolute;
  left:-5%;
  right:-5%;
  top:-12px;
  height:12px;
  border-radius:99px;
  background:#405e70;
}
.shopping-cart > i {
  position:absolute;
  left:-25%;
  top:-36%;
  width:31%;
  height:44%;
  border-left:8px solid #405e70;
  border-top:8px solid #405e70;
  border-radius:10px 0 0;
}
.cart-wheel {
  position:absolute;
  bottom:-19px;
  width:19px;
  height:19px;
  border:5px solid #405e70;
  border-radius:50%;
  background:#dce9ec;
}
.cart-wheel:nth-of-type(1) { left:13%; }
.cart-wheel:nth-of-type(2) { right:13%; }
.scene.market .table {
  inset:6px 8px 12px;
  z-index:3;
  width:auto;
  height:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-content:center;
  gap:3px;
  border:0;
  border-radius:9px;
  background:rgba(255,255,255,.88);
  box-shadow:inset 0 0 0 3px rgba(85,113,130,.16);
  transform:skewX(4deg);
}
.scene.market .table span {
  position:static;
  display:grid;
  place-items:center;
  font-size:21px;
}
.scene.market .busra {
  left:4%;
  bottom:2%;
  z-index:4;
}
.scene.market .busra span { font-size:96px; }
.scene.market .busra small { background:var(--market-green); }
.market-scene-card {
  background:
    radial-gradient(circle at 12% 8%,rgba(239,193,104,.15),transparent 20rem),
    #f5f5f0;
}
@media (max-width:560px) {
  .market-hero h1 { font-size:36px; }
  .market-sign { left:24%; padding:6px 8px; }
  .market-sign strong { font-size:11px; }
  .shopping-list { width:34%; padding:8px; }
  .shopping-list ul { gap:0 5px; padding-left:12px; font-size:6px; }
  .produce-shelf,
  .cold-shelf { width:28%; border-width:4px; }
  .produce-shelf span,
  .cold-shelf span { font-size:22px; }
  .shopping-cart { left:30%; width:42%; height:34%; border-width:5px; }
  .shopping-cart > i { border-width:6px; }
  .scene.market .table span { font-size:17px; }
  .scene.market .busra { left:-2%; }
  .scene.market .busra span { font-size:73px; }
}