*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#1a1410;--gold:#c9a227;--cream:#f5f0e6;--font-display:'Playfair Display',serif}
body{font-family:'Noto Sans JP',sans-serif;background:var(--bg);color:var(--cream);min-height:100vh}
img{max-width:100%;display:block;object-fit:cover}
a{color:var(--gold)}
.vinyl-head{text-align:center;padding:2rem}
.vinyl-head h1{font-family:var(--font-display);font-size:2.2rem;color:var(--gold)}
.vinyl-hero{display:flex;align-items:center;justify-content:center;gap:3rem;padding:2rem;flex-wrap:wrap}
.disc{position:relative;width:280px;height:280px;border-radius:50%;background:#111;box-shadow:0 0 0 8px #333,0 0 40px rgba(0,0,0,.5)}
.disc.spinning{animation:spin 4s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.disc-img{width:100%;height:100%;border-radius:50%;opacity:.9}
.disc-hole{position:absolute;left:50%;top:50%;width:24px;height:24px;background:var(--bg);border-radius:50%;transform:translate(-50%,-50%);border:2px solid #444}
.now-playing h2{font-family:var(--font-display);color:var(--gold);margin-bottom:.5rem}
.now-playing button{background:var(--gold);color:var(--bg);border:none;padding:.75rem 1.5rem;margin-top:1rem;cursor:pointer;font-weight:600}
.album-shelf{display:flex;gap:1rem;overflow-x:auto;padding:2rem 1.5rem;scroll-snap-type:x mandatory}
.album-shelf article{flex:0 0 180px;background:#2a2218;border-radius:4px;padding:.75rem;scroll-snap-align:start;text-align:center}
.album-shelf img{aspect-ratio:1;border-radius:2px;margin-bottom:.5rem}
.album-shelf h3{font-size:.85rem;margin-bottom:.25rem}
.album-shelf span{color:var(--gold);font-weight:600;display:block;margin-bottom:.5rem}
.album-shelf button{background:transparent;border:1px solid var(--gold);color:var(--gold);padding:.4rem 1rem;cursor:pointer;width:100%}
.album-shelf button:hover{background:var(--gold);color:var(--bg)}
.legal-vinyl{padding:2rem;font-size:.88rem;max-width:700px;margin:0 auto 2rem;opacity:.85}
.legal-vinyl h3{font-family:var(--font-display);color:var(--gold);margin-bottom:.5rem}
@media(max-width:600px){.vinyl-hero{flex-direction:column}.disc{width:220px;height:220px}}