:root{--text:#f6f5f4;--glass:rgba(255,255,255,.06);--glass2:rgba(255,255,255,.1);}
body{margin:0;background:#0b0706;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system}
.site-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.15));backdrop-filter:blur(10px)}
.brand{font-weight:900;letter-spacing:.08em;background:linear-gradient(90deg,#ff8a33,#ffd9a3);-webkit-background-clip:text;color:transparent}
.nav a{color:var(--text);text-decoration:none;margin-left:1rem;padding:.5rem .75rem;border-radius:999px}
.nav .cta{background:var(--glass)}
.header-ctas{display:flex;gap:.5rem}
.sound-btn,.cart-btn{border:1px solid rgba(255,255,255,.18);background:var(--glass);color:var(--text);border-radius:999px;padding:.6rem .8rem;font-weight:700}
.cart-btn span{background:linear-gradient(90deg,#ff4d00,#ff8a33);padding:.2rem .45rem;border-radius:999px;color:#0b0706;font-weight:800}
.stage{max-width:1200px;margin:2rem auto;padding:0 2rem}
.stage-wrap{position:relative;height:min(72vh,720px);border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;background:rgba(15,10,9,.86)}
.scanlines{position:absolute;inset:0;background-image:url('./assets/stylize/scanline.png');background-size:8px 8px;mix-blend-mode:soft-light;opacity:.25;pointer-events:none}
#stage3d{width:100%;height:100%;display:block}
.grid{max-width:1100px;margin:0 auto;padding:2rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;list-style:none;padding:0}
.card{background:var(--glass);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:.75rem}
.card img{width:100%;aspect-ratio:4/5;object-fit:cover}
.tap-sound{position:absolute;bottom:1rem;right:1rem;border-radius:999px;padding:.7rem 1rem;background:linear-gradient(90deg,#ff4d00,#ff8a33);color:#0b0706;border:0;font-weight:800}
#bg{position:fixed;inset:0;pointer-events:none}