body.page-dl{background:#fff8d1}
body.page-dl .site-header{background:#ffe14d}

.gacha-hero{padding:1.6rem 0 2rem}
.marquee-os{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.marquee-os span{border:3px solid #111;background:#fff;padding:.22rem .65rem;font-weight:800;font-size:.72rem}
.gacha{max-width:560px;margin:0 auto;border:3px solid #111;background:#ff4d8d;padding:1.1rem 1.1rem 1.4rem;border-radius:40px 40px 18px 18px}
.gacha-top{text-align:center;color:#fff;margin-bottom:.7rem}
.gacha-top h1{font-size:clamp(1.25rem,3vw,1.85rem);line-height:1.3;margin:.25rem 0 .45rem}
.coin-row{display:flex;justify-content:center;gap:.55rem;margin:.6rem 0}
.coin-row div{width:86px;height:86px;border:3px solid #111;border-radius:50%;background:#ffe14d;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:#111}
.coin-row strong{font-size:1.05rem}
.gacha-window{border:3px solid #111;background:#5b8cff;padding:.5rem;border-radius:18px}
.gacha-slot{height:18px;background:#111;margin: .75rem auto 0;width:46%;border-radius:8px}

.capsules{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
.cap{width:200px;text-align:center}
.cap-ball{width:150px;height:150px;margin:0 auto .55rem;border:3px solid #111;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.6rem}
.cap:nth-child(1) .cap-ball{background:#5b8cff;color:#fff}
.cap:nth-child(2) .cap-ball{background:#7cffb2}
.cap:nth-child(3) .cap-ball{background:#ff4d8d;color:#fff}
.cap h3{font-size:.95rem;margin-bottom:.2rem}

.belt{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:stretch;gap:.35rem}
.box{border:3px solid #111;background:#fff;padding:.9rem}
.box:nth-child(1){background:#fff}
.box:nth-child(3){background:#7cffb2}
.box:nth-child(5){background:#5b8cff;color:#fff}
.star{display:grid;place-items:center;font-size:1.2rem;font-weight:800}

.tickets{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ticket{border:3px dashed #111;background:#fff;padding:1rem}
.ticket.yellow{background:#ffe14d;border-style:solid}
.ticket h3{margin-bottom:.5rem}
.ticket li{padding:.28rem 0;border-bottom:2px dotted #111;font-size:.84rem}
.dl-shot{margin-top:1rem;border:3px solid #111;background:#ff4d8d;padding:.45rem;max-width:640px}

body.page-dl .faq-item{background:#fff;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}

.dl-cta{background:#5b8cff;color:#fff;padding:2.1rem 0;border-top:3px solid #111;border-bottom:3px solid #111;text-align:center}
.dl-cta .btn-flat{background:#ffe14d;color:#111;margin-top:.75rem}

@media(max-width:768px){
  .belt{grid-template-columns:1fr; }
  .star{transform:rotate(90deg);height:28px}
  .tickets{grid-template-columns:1fr}
  .coin-row div{width:76px;height:76px}
}