/* Three calm picture beats: left, right, left. The overlay never catches touch. */
.zaradki-look-sequence {
  position: absolute;
  z-index: 7;
  top: 65px;
  right: 16px;
  width: 28%;
  height: calc(100% - 85px);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: 9px;
  pointer-events: none;
}
.zaradki-look-step {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-height: 0;
  justify-items: center;
  padding: 7px 8px 10px;
  border: 2px solid #b7c8ac;
  border-radius: 20px;
  background: #fffdf7f5;
  box-shadow: 0 3px 12px #173c2d18;
  overflow: hidden;
}
.zaradki-look-current {
  position: absolute;
  z-index: -1;
  inset: 0;
  border: 5px solid #285c43;
  border-radius: 18px;
  background: #dcebc4;
  opacity: 0;
}
.zaradki-look-number {
  position: absolute;
  z-index: 1;
  left: 9px;
  bottom: 9px;
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #173c2d;
  color: #fffdf7;
  font-size: 20px;
  font-weight: 800;
}
.zaradki-look-picture {
  width: 100%;
  height: 100%;
  max-height: 140px;
  min-height: 0;
}
.zaradki-look-arrow {
  fill: none;
  stroke: #285c43;
  stroke-width: 9px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.zaradki-look-caption {
  position: relative;
  padding-left: 27px;
  font-size: clamp(12px, 1.4vw, 19px);
  line-height: 1.25;
  font-weight: 800;
  color: #173c2d;
}
[data-look-presentation="static"] .zaradki-look-current {
  opacity: 1 !important;
}
@media (max-width: 700px) {
  .zaradki-look-sequence {
    top: auto;
    bottom: 10px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    height: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: none;
    gap: 5px;
    width: 96%;
  }
  .zaradki-look-step { padding: 4px 3px 8px; border-radius: 13px; }
  .zaradki-look-current { border-width: 3px; border-radius: 11px; }
  .zaradki-look-number { left: 5px; bottom: 6px; width: 23px; height: 23px; font-size: 15px; }
  .zaradki-look-picture { height: 88px; }
  .zaradki-look-caption { padding-left: 20px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .zaradki-look-current { opacity: 1 !important; }
}
/* Every legal choice stays visible, including the shop and grave activity hub. */
.story-main .story-layout.many-choices-layout{grid-template-columns:minmax(0,1.25fr) minmax(380px,1fr)}
.story-main .choices-panel.all-choices-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(132px,1fr);align-self:center;gap:12px;justify-content:stretch;min-width:0;height:auto}
.story-main .all-choices-grid .choice{min-width:0;min-height:132px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:12px 9px;text-align:center;border-radius:20px}
.story-main .all-choices-grid .choice-picture{width:62px;min-width:62px;height:62px;padding:5px;border-radius:14px}
.story-main .all-choices-grid .choice-label{font-size:17px;line-height:1.25;overflow-wrap:anywhere}
.story-main .all-choices-grid .choice-arrow{display:none}
.scene-object{position:absolute;transform:translate(-50%,-50%);z-index:4;filter:drop-shadow(0 3px 2px #203a2920)}
.scene-object svg{width:100%;height:100%;object-fit:contain}
.wearing-items{position:absolute;right:12px;bottom:12px;z-index:7;display:flex;gap:6px;padding:5px;background:#fffdf3ed;border:1px solid #d9e1cd;border-radius:13px}
.wearing-items>span{width:36px;height:36px;display:block}
.wearing-items svg{width:100%;height:100%}
.shell[data-support=independent] .all-choices-grid .choice{min-height:120px}
@media(max-width:1000px){.story-main .story-layout.many-choices-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}.story-main .choices-panel.all-choices-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(130px,auto);height:auto}.story-main .all-choices-grid .choice-label{font-size:17px}}
@media(min-width:1500px){.story-main .all-choices-grid .choice-picture{width:78px;min-width:78px;height:78px}.story-main .all-choices-grid .choice-label{font-size:20px}.story-main .all-choices-grid .choice{min-height:156px}}