/* The Velvet Static: dark, neon, gig-poster energy. Spinning record, ticket-stub dates, sticky-note guestbook. */
body.site-indieband{background:#14101c radial-gradient(ellipse at 80% -10%,#4a1d5e66,transparent 60%)}
.site-indieband .strip{background:#d946a8;color:#14101c;font-family:"Courier New",monospace;font-weight:700;overflow:hidden;white-space:nowrap}
.site-indieband .strip span{display:inline-block;padding:.35rem 0;animation:slide 28s linear infinite}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.site-indieband .top{background:transparent;border-bottom:1px solid #ffffff22}
.site-indieband h1{font-size:2.8rem;text-transform:uppercase;letter-spacing:.04em;text-shadow:3px 0 #d946a8,-3px 0 #38e1ff}
.site-indieband h2{text-transform:uppercase;letter-spacing:.12em;font-size:1.1rem;color:#d946a8}
.site-indieband nav a{text-transform:uppercase;letter-spacing:.1em;font-size:.85rem}
.site-indieband .mono{border-radius:4px;transform:rotate(-6deg);box-shadow:3px 3px 0 #38e1ff}
.site-indieband .btn{border-radius:0;text-transform:uppercase;letter-spacing:.1em;box-shadow:4px 4px 0 #38e1ff}
.site-indieband .hero{background:none;padding:0;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:1rem}
.site-indieband .hero img{width:100%;display:block;border-radius:6px}.site-indieband .hero .btn{background:#d946a8;color:#fff}
.site-indieband .hero img{filter:drop-shadow(0 0 24px #d946a866)}.site-indieband .rec{animation:spin 14s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.site-indieband .card{border-radius:0;border:1px solid #d946a855;background:#1f1930}
.site-indieband .highlights .card{border-top:4px solid #38e1ff}
/* tour ticket stubs */
.site-indieband .stub{display:grid;grid-template-columns:110px 1fr auto;gap:0;margin:.8rem 0;background:#1f1930;border:1px solid #d946a899;position:relative}
.site-indieband .stub .date{background:#d946a8;color:#14101c;display:grid;place-items:center;padding:.8rem;font-family:"Courier New",monospace;font-weight:700;text-align:center;line-height:1.1;border-right:3px dashed #14101c}
.site-indieband .stub .date b{font-size:2rem;display:block}.site-indieband .stub .what{padding:.8rem 1rem}.site-indieband .stub .what h3{margin:0}
.site-indieband .stub .buy{display:grid;place-items:center;padding:0 1.2rem;font-family:"Courier New",monospace;font-weight:700;color:#38e1ff}
.site-indieband .stub.past{opacity:.55;filter:grayscale(.6)}
/* guestbook sticky notes */
.site-indieband .comment{background:#ffe27a;color:#2a1f00;border:0;border-radius:2px;box-shadow:4px 6px 0 #0006;transform:rotate(var(--r,-1deg));font-family:"Comic Sans MS","Marker Felt",cursive}
.site-indieband .comment:nth-of-type(3n){background:#ff9ec7;--r:1.4deg}.site-indieband .comment:nth-of-type(3n+1){background:#9be7ff;--r:-1.6deg}
.site-indieband .comment .muted{color:#5a4a1a}.site-indieband .av{background:hsl(var(--h) 70% 50%);color:#14101c;border-radius:4px}
@media(max-width:700px){.site-indieband .hero{grid-template-columns:1fr}.site-indieband .stub{grid-template-columns:90px 1fr}.site-indieband .stub .buy{display:none}}
.site-indieband h2 .h2art{height:44px;width:auto;vertical-align:middle;margin-right:12px;border-radius:4px;border:1px solid #d946a855}

/* polaroid photo wall + portraits */
.site-indieband .polaroids{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;padding:8px 4px}
.site-indieband .polaroid{margin:0;background:#f5f1e6;color:#2a1f00;padding:10px 10px 14px;box-shadow:5px 7px 0 #0008;transform:rotate(var(--r,0deg));transition:transform .2s}
.site-indieband .polaroid:hover{transform:rotate(0) scale(1.03)}
.site-indieband .polaroid img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;filter:contrast(1.05)}
.site-indieband .polaroid figcaption{font-family:"Comic Sans MS","Marker Felt",cursive;font-size:.85rem;margin-top:.55rem;line-height:1.3}
.site-indieband .team .card.pic{flex-direction:column;padding:0;overflow:hidden}
.site-indieband .team .card.pic .portrait{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.site-indieband .team .card.pic>div{padding:.2rem 1rem 1rem}
/* geocities-ish footer + player */
.site-indieband .retro{margin-top:1rem;text-align:center;font-family:"Courier New",monospace;font-size:.82rem;color:#a79bbd;border-top:1px dashed #d946a855;padding:.9rem 16px 0;display:grid;gap:.4rem}
.site-indieband .counter{display:inline-flex;gap:2px;vertical-align:middle}
.site-indieband .counter b{background:#000;color:#39ff14;font-size:1.05rem;padding:0 .35rem;border:1px solid #39ff1466;text-shadow:0 0 6px #39ff14}
.site-indieband .blinky{color:#ffe27a;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.site-indieband .bgm{position:fixed;left:14px;bottom:14px;z-index:20;display:flex;align-items:center;gap:8px;background:#14101c;color:#ece6f5;border:2px solid #d946a8;border-radius:0;padding:.45rem .8rem;font:700 .78rem "Courier New",monospace;cursor:pointer;box-shadow:3px 3px 0 #38e1ff}
.site-indieband .bgm i{width:10px;height:10px;border-radius:50%;background:#8a7ba3}.site-indieband .bgm.on i{background:#39ff14;box-shadow:0 0 8px #39ff14;animation:blink 1.1s steps(1) infinite}
.site-indieband .bgm:hover{background:#1f1930}