/* ═══════════════════════════════════════════════
   BAR SNOW — collage.css
   Self-made junk-journal ephemera scraps (scraps.js builds the DOM).
   Torn edges = clip-path polygons; shadow via drop-shadow so it follows the tear.
   ═══════════════════════════════════════════════ */

.collage{position:absolute;inset:0;pointer-events:none;z-index:1}
.scrap{
  position:absolute;
  transform:rotate(var(--rot,0deg));
  filter:drop-shadow(1px 2px 3px rgba(60,40,20,.28));
}
.scrap::after{ /* shared paper grain */
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:var(--tex-paper);background-size:170px 170px;
  mix-blend-mode:multiply;opacity:.3;
  clip-path:inherit;
}

/* torn-edge shapes */
.scrap--letter,.scrap--print,.scrap--music{
  clip-path:polygon(2% 3%,26% 0,54% 4%,80% 1%,100% 6%,97% 34%,100% 66%,96% 96%,72% 100%,42% 96%,14% 100%,0 93%,3% 62%,0 32%);
}
.scrap--ledger{
  clip-path:polygon(0 6%,30% 2%,58% 5%,88% 0,100% 8%,98% 52%,100% 92%,68% 97%,34% 94%,4% 99%,0 60%);
}

/* 縦書きの古い手紙 */
.scrap--letter{
  height:172px;
  background:linear-gradient(160deg,#F4ECDA,#EADFC6);
  writing-mode:vertical-rl;
  font-family:var(--font-note);font-size:12.5px;line-height:2.3;
  color:#6F5D45;letter-spacing:.12em;
  padding:16px 14px;
}
.scrap--letter span{display:block}

/* 帳簿の切れ端 */
.scrap--ledger{
  height:92px;
  background:
    linear-gradient(90deg,transparent 22px,rgba(178,88,70,.5) 22px 23px,transparent 23px),
    repeating-linear-gradient(180deg,transparent 0 17px,rgba(96,116,146,.28) 17px 18px),
    linear-gradient(180deg,#F0E7CF,#E7DBBE);
  padding:30px 12px 0 34px;
}
.scrap--ledger b{
  font-family:var(--font-note);font-weight:600;font-size:15px;color:#55483A;letter-spacing:.14em;
}

/* 古い刷り物（広告文） */
.scrap--print{
  background:linear-gradient(170deg,#F1E8D3,#E8DCC1);
  font-family:var(--font-jp);font-size:10px;line-height:2;
  color:#5A4C3B;text-align:justify;letter-spacing:.06em;
  padding:14px 13px;
}

/* 五線譜の切れ端 */
.scrap--music{
  height:66px;
  background:
    repeating-linear-gradient(180deg,transparent 0 12px,rgba(64,52,38,.4) 12px 13px,transparent 13px 19px,rgba(64,52,38,.4) 19px 20px,transparent 20px 26px,rgba(64,52,38,.4) 26px 27px,transparent 27px 33px,rgba(64,52,38,.4) 33px 34px,transparent 34px 40px,rgba(64,52,38,.4) 40px 41px),
    linear-gradient(180deg,#F3EBD7,#EBE0C6);
  padding:10px 12px;
}
.scrap__notes{width:100%;height:auto;color:#4A3E30;margin-top:4px}

/* 切符（番号札） */
.scrap--ticketno{
  background:linear-gradient(180deg,#DCC09A,#D0B189);
  border:2px solid rgba(60,45,25,.55);
  box-shadow:inset 0 0 0 1px rgba(255,246,224,.4),inset 0 0 0 3px rgba(60,45,25,.2);
  padding:8px 12px 7px;text-align:center;
}
.scrap--ticketno i{
  display:block;font-style:normal;
  font-family:var(--font-wood);font-size:7.5px;letter-spacing:.3em;color:#5E4A30;
}
.scrap--ticketno b{
  display:block;font-family:var(--font-wood);font-weight:400;
  font-size:21px;letter-spacing:.1em;color:#3E2F1D;margin:3px 0;
}

/* 押し花（自作SVG） */
.scrap--sprig{color:#6E6A50;filter:drop-shadow(1px 1px 1.5px rgba(60,40,20,.3))}
.scrap--sprig::after{display:none}
.scrap__sprig{width:100%;height:auto;opacity:.85}

/* 古写真 */
.scrap--photo{
  background:#F6F1E2;padding:6px 6px 16px;
}
.scrap--photo img{
  width:100%;height:auto;
  filter:sepia(.55) saturate(.65) contrast(.92) brightness(1.04);
}

/* 消印ミニ */
.scrap--stampmini{
  color:#A94A38;opacity:.7;
  -webkit-mask-image:var(--tex-paper);-webkit-mask-size:150px 150px;
  mask-image:var(--tex-paper);mask-size:150px 150px;
  filter:none;
}
.scrap--stampmini::after{display:none}
.scrap--stampmini svg{width:100%;height:auto}

/* density control */
@media(max-width:860px){
  .scrap--pc{display:none}
}
/* decorative overhang must never widen the page */
.concept,.rules,.joinsec,.bookstage,.specialsec{overflow-x:clip}
/* keep interactive content above the scraps */
.bookstage .book-wrap{position:relative;z-index:2}