/* Card appearance is independent of slot placement and animation. */
#chapter-01 .shelf-card button{display:block;width:100%;height:100%;padding:0;overflow:visible;border:0;background:transparent;box-shadow:none}
#chapter-01 .shelf-card button::after{display:none}
#chapter-01 .shelf-card-face{position:relative;display:block;width:100%;height:100%;overflow:hidden;border:1px solid rgba(220,226,226,.42);background:linear-gradient(155deg,#111318,#20252a 62%,#090b0d);box-shadow:0 25px 40px rgba(14,18,19,.22)}
#chapter-01 .shelf-card-status{position:absolute;z-index:3;left:42.5%;top:9.6%;color:#ff845c;font:700 10px/1 var(--sans);letter-spacing:0}
#chapter-01 .shelf-card-title{position:absolute;z-index:3;left:42.5%;top:13.7%;width:53%;color:#fff;font:800 25px/1.04 var(--sans);letter-spacing:0;word-break:keep-all}
#chapter-01 .shelf-card-description{position:absolute;z-index:3;left:43%;top:30%;width:52%;color:rgba(255,255,255,.78);font:400 11px/1.35 var(--sans)}
#chapter-01 .shelf-card-ui{position:absolute;z-index:2;left:27.5%;top:39%;width:69.4%;height:55.2%;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#15191a}
#chapter-01 .shelf-card-ui img,#chapter-01 .shelf-card-ui .shelf-placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:1}
#chapter-01 .shelf-card-detail{display:none!important}
/* Product-specific surface polish. Geometry and card transforms remain untouched. */
#chapter-01 .shelf-card-title,
#chapter-01 .shelf-card-description {
  word-break:keep-all;
  overflow-wrap:normal;
}

#chapter-01 .shelf-card--zupzup .shelf-card-face {
  background:linear-gradient(145deg,#252d32 0%,#1b2024 58%,#0d1114 100%);
}
#chapter-01 .shelf-card--zupzup .shelf-card-ui {
  border-color:rgba(153,190,196,.62);
  background:#202a2d;
}
#chapter-01 .shelf-card--zupzup .shelf-card-ui img {
  object-position:50% 48%;
  filter:saturate(.92) contrast(1.03);
}

#chapter-01 .shelf-card--jinto .shelf-card-face {
  background:linear-gradient(145deg,#5d7480 0%,#3e5661 57%,#26363e 100%);
}
#chapter-01 .shelf-card--jinto .shelf-card-status,
#chapter-01 .shelf-card--jinto .shelf-card-title,
#chapter-01 .shelf-card--jinto .shelf-card-description {
  color:#f4f8f8;
}
#chapter-01 .shelf-card--jinto .shelf-card-ui {
  border-color:rgba(211,230,232,.72);
  background:#dfe9e8;
}
#chapter-01 .shelf-card--jinto .shelf-card-ui img {
  object-position:50% 16%;
  filter:saturate(.78) contrast(.96);
}

#chapter-01 .shelf-card--ppuryoppuryo .shelf-card-face {
  background:linear-gradient(145deg,#a4abad 0%,#727d81 56%,#3f494d 100%);
}
#chapter-01 .shelf-card--ppuryoppuryo .shelf-card-status,
#chapter-01 .shelf-card--ppuryoppuryo .shelf-card-title,
#chapter-01 .shelf-card--ppuryoppuryo .shelf-card-description {
  color:#162125;
}
#chapter-01 .shelf-card--ppuryoppuryo .shelf-card-ui {
  border-color:rgba(239,247,246,.74);
  background:#d8e1e1;
}
#chapter-01 .shelf-card--ppuryoppuryo .shelf-card-ui img {
  object-position:50% 18%;
  filter:grayscale(.1) saturate(.76) contrast(.98);
}

#chapter-01 .shelf-card--brunchtalk .shelf-card-face {
  background:linear-gradient(145deg,#4f4b61 0%,#353648 58%,#1e202b 100%);
}
#chapter-01 .shelf-card--brunchtalk .shelf-card-ui {
  border-color:rgba(215,211,235,.62);
  background:#252737;
}
#chapter-01 .shelf-card--brunchtalk .shelf-card-ui img {
  object-position:50% 20%;
  filter:saturate(.78) contrast(1.02);
}

#chapter-01 .shelf-card--nakchalro .shelf-card-face {
  background:linear-gradient(145deg,#32383a 0%,#202528 58%,#101416 100%);
}
#chapter-01 .shelf-card--nakchalro .shelf-card-ui {
  border-color:rgba(184,207,203,.45);
  background:#1b2325;
}
#chapter-01 .shelf-card--nakchalro .shelf-card-ui img {
  object-position:50% 32%;
  filter:grayscale(.2) saturate(.72) brightness(.82);
}

#chapter-01 .shelf-card--quote-engine .shelf-card-face {
  background:linear-gradient(145deg,#66584e 0%,#403c39 58%,#222426 100%);
}
#chapter-01 .shelf-card--quote-engine .shelf-card-status {
  color:#ffc27d;
}
#chapter-01 .shelf-card--quote-engine .shelf-card-ui {
  border-color:rgba(242,220,191,.58);
  background:#2b2928;
}
#chapter-01 .shelf-card--quote-engine .shelf-card-ui img {
  object-position:50% 18%;
  filter:saturate(.78) sepia(.08) contrast(1.02);
}

#chapter-01 .shelf-card--office .shelf-card-face {
  background:linear-gradient(145deg,#345b5d 0%,#274548 58%,#152a2e 100%);
}
#chapter-01 .shelf-card--office .shelf-card-ui {
  border-color:rgba(185,225,220,.56);
  background:#1b3032;
}
#chapter-01 .shelf-card--office .shelf-card-ui img {
  object-position:50% 16%;
  filter:saturate(.82) contrast(1.02);
}

#chapter-01 .shelf-card--legal-mcp .shelf-card-face {
  background:linear-gradient(145deg,#404b67 0%,#2d354c 58%,#171d2d 100%);
}
#chapter-01 .shelf-card--legal-mcp .shelf-card-ui {
  border-color:rgba(192,207,239,.56);
  background:#20283b;
}
#chapter-01 .shelf-card--legal-mcp .shelf-card-ui img {
  object-position:50% 20%;
  filter:saturate(.7) contrast(1.05);
}

#chapter-01 .shelf-card--codex-stock .shelf-card-face {
  background:linear-gradient(145deg,#405951 0%,#293d37 58%,#162521 100%);
}
#chapter-01 .shelf-card--codex-stock .shelf-card-status {
  color:#bce4a0;
}
#chapter-01 .shelf-card--codex-stock .shelf-card-ui {
  border-color:rgba(193,225,197,.56);
  background:#1c2d27;
}
#chapter-01 .shelf-card--codex-stock .shelf-card-ui img {
  object-position:50% 18%;
  filter:saturate(.78) contrast(1.04);
}