/* copied from root style.css with image paths adjusted */
body {
  margin: 0;
  min-height: 100vh;
  font-family: sans-serif;
  background: #111;
  color: #fff;
  background-image: url("../images/home/portrait/12.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

/* rest of CSS identical to site-hyakka-sota/style.css */

.controls { max-width: 1040px; margin: 40px auto; padding: 0 16px 40px; }
.preview-card { display:flex; align-items:center; gap:16px; background: rgba(255,255,255,0.06); border-radius:16px; padding:16px; }
.thumbs { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }

/* background fade layers */
#bg-wrap { position: fixed; inset: 0; z-index: -2; overflow: hidden; }
.bg-layer { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: opacity 900ms ease; opacity: 0; }
.bg-layer.show { opacity: 1; }