/* Tanuki Thunder lyrics pages: pure black so the logo art blends edge-free */
body.lyrics-page{background:#000;color:var(--cream)}
.lyrics-page .site-header{background:rgba(0,0,0,.94)}
.lyrics-page .site-footer{background:#000}
.ly-hero{background:#000;padding:1rem 0 2rem;text-align:center}
.ly-hero-in{display:grid;gap:.25rem;justify-items:center}
.ly-crumb{justify-self:start}
.ly-crumb a{color:var(--muted);text-decoration:none;font-size:.95rem;letter-spacing:.08em}
.ly-crumb a:hover{color:var(--gold-hi)}
.ly-art{display:block;width:min(100%,380px);margin:.25rem auto 0}
.ly-logo-wide .ly-art{width:min(100%,560px)}
.ly-art img{display:block;width:100%;height:auto;background:#000}
.ly-head{width:100%;max-width:640px;display:grid;justify-items:center}
.ly-head .kicker{margin:.4rem 0 .2rem;color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-size:.82rem}
.ly-title{font-family:var(--display);font-weight:400;color:var(--gold-hi);font-size:clamp(1.85rem,7.5vw,3.2rem);line-height:1.1;margin:0;text-wrap:balance;text-shadow:0 2px 0 #000,0 0 24px rgba(212,175,90,.18)}
.ly-flourish{width:200px;height:20px;color:var(--gold);margin:.7rem 0 .9rem}
.ly-chips{list-style:none;margin:0 0 1.1rem;padding:0;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center}
.chip{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(212,175,90,.45);border-radius:999px;padding:.28rem .75rem;font-size:.95rem;color:var(--cream);background:#0a0805}
.chip-k{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.meter{display:inline-flex;gap:3px;align-items:flex-end;height:14px}
.meter i{display:block;width:5px;background:#3a3020;border-radius:1px}
.meter i:nth-child(1){height:5px}.meter i:nth-child(2){height:7px}.meter i:nth-child(3){height:9px}.meter i:nth-child(4){height:11px}.meter i:nth-child(5){height:14px}
.meter i.on{background:linear-gradient(180deg,var(--gold-hi),var(--gold))}
.ly-player{width:100%;display:flex;align-items:center;gap:1rem;padding:.9rem 1rem;border:1px solid rgba(212,175,90,.5);border-radius:6px;background:linear-gradient(180deg,#0d0a06,#000);box-shadow:inset 0 0 0 3px #000,inset 0 0 0 4px rgba(212,175,90,.18)}
.ly-play{flex:none;width:68px;height:68px;border-radius:50%;border:2px solid var(--gold-hi);cursor:pointer;color:#000;background:radial-gradient(circle at 35% 30%,var(--gold-hi),var(--gold) 60%,var(--gold-lo));box-shadow:0 0 0 4px #000,0 0 0 5px rgba(212,175,90,.6),0 6px 22px rgba(212,175,90,.25);display:grid;place-items:center;transition:transform .12s}
.ly-play:hover{transform:scale(1.04)}.ly-play:active{transform:scale(.97)}
.ly-play svg{width:32px;height:32px}
.i-pause{display:none}
[data-state=playing] .ly-play .i-play,.ly-ver.is-playing .i-play{display:none}
[data-state=playing] .ly-play .i-pause,.ly-ver.is-playing .i-pause{display:block}
[data-state=loading] .ly-play{animation:lypulse 1s infinite}
@keyframes lypulse{50%{box-shadow:0 0 0 4px #000,0 0 0 9px rgba(212,175,90,.35)}}
.ly-prog{flex:1;min-width:0;text-align:left}
.ly-now{margin:0 0 .15rem;font-size:.9rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ly-seek{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer;--pct:0%;margin:0}
.ly-seek::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--gold) var(--pct),#2c2418 var(--pct))}
.ly-seek::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--gold) var(--pct),#2c2418 var(--pct))}
.ly-seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--gold-hi);margin-top:-5px;border:0}
.ly-seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--gold-hi);border:0}
.ly-times{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted);font-variant-numeric:tabular-nums}
.ly-share{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;margin-top:1rem}
.ly-sbtn{padding:.6rem 1rem;font-size:.82rem;background:#000}
.ly-toast{font-size:.9rem;color:var(--gold-hi);min-width:4rem}
.ly-body{background:#000;padding:1rem 0 3rem;border-top:1px solid rgba(212,175,90,.25)}
.ly-cols{display:grid;gap:2rem}
.ly-h{font-family:var(--display);font-weight:400;color:var(--gold);font-size:1.45rem;margin:1rem 0 .8rem;letter-spacing:.03em}
.ly-legend{margin:-.4rem 0 1rem;font-size:.9rem;color:var(--muted);display:flex;align-items:center;gap:.4rem}
.sw{display:inline-block;width:12px;height:12px;border-radius:2px}.sw-ja{background:#7a2b22;margin-left:0}.sw-en{background:var(--gold-lo);margin-left:.8rem}
.ly-card{position:relative;margin:0 0 1rem;padding:1rem 1.1rem 1.05rem 1.25rem;border:1px solid #2a2216;border-left:3px solid var(--gold-lo);border-radius:4px;background:#070604}
.ly-card[lang=ja]{border-left-color:#a33a2c}
.ly-tag{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:0 0 .5rem;font:600 .74rem/1.2 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.ly-who,.ly-lang{font-weight:500;letter-spacing:.1em;color:var(--muted);border:1px solid #3a3020;border-radius:999px;padding:.1rem .5rem;font-size:.66rem}
.ly-lang{margin-left:auto}
.ly-text{margin:0;font-size:1.14rem;line-height:1.6}
.ly-text .ly-l{display:block}
.ly-gap{display:block;height:.6rem}
.ly-dir{display:block;font-style:italic;color:#8f826a;font-size:.95rem}
.ly-card[lang=ja] .ly-text{font-family:var(--jp);font-size:1.08rem;line-height:1.9;letter-spacing:.03em}
.ly-chorus{background:linear-gradient(180deg,#171107,#0b0804);border-color:rgba(212,175,90,.55);border-left:3px solid var(--gold-hi);box-shadow:0 0 0 1px #000,0 8px 30px rgba(212,175,90,.07)}
.ly-chorus .ly-tag{color:var(--gold-hi)}
.ly-chorus .ly-tag>span:first-child::before{content:"★ ";color:var(--gold)}
.ly-chorus .ly-text{color:#fff4dc;font-weight:500}
.ly-solo .ly-text,.ly-intro .ly-text,.ly-outro .ly-text{color:var(--muted)}
.ly-vers{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:.45rem}
.ly-ver{width:100%;display:flex;align-items:center;gap:.7rem;padding:.6rem .75rem;border:1px solid #2a2216;border-radius:4px;background:#070604;color:var(--cream);font:inherit;font-size:1rem;cursor:pointer;text-align:left}
.ly-ver:hover{border-color:var(--gold-lo)}
.ly-ver.is-cur{border-color:rgba(212,175,90,.55)}
.ly-ver-i{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold-hi)}
.ly-ver-i svg{width:14px;height:14px}
.ly-ver-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ly-ver-d{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}
@media (max-width:360px){.wrap{width:calc(100% - 1.5rem)}.ly-player{gap:.7rem;padding:.75rem}.ly-play{width:58px;height:58px}.ly-card{padding:.85rem .85rem .9rem 1rem}.ly-text{font-size:1.06rem}.chip{font-size:.88rem;padding:.24rem .6rem}}
@media (min-width:900px){.ly-hero{padding:1.5rem 0 2.5rem}.ly-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;column-gap:3rem;text-align:left}.ly-crumb{grid-column:1/-1}.ly-art{width:min(100%,440px);margin:0 auto}.ly-logo-wide .ly-art{width:100%}.ly-head{justify-items:start}.ly-chips,.ly-share{justify-content:flex-start}.ly-cols{grid-template-columns:minmax(0,1fr) 320px;gap:3rem;max-width:1040px}.ly-side{position:sticky;top:5.5rem;align-self:start}}
@media (max-width:360px){.lyrics-page .footer-left{min-width:0;flex-wrap:wrap}.lyrics-page .footer-left>div{min-width:0}.lyrics-page .footer-left .nw{white-space:normal}.lyrics-page .footer-brand,.lyrics-page .footer-slogan{overflow-wrap:anywhere}}
.ly-vers li{display:flex;gap:.4rem;align-items:stretch}
.ly-vers .ly-ver{flex:1;min-width:0}
.ly-ver-a{flex:none;display:flex;align-items:center;padding:0 .6rem;border:1px solid #2a2216;border-radius:4px;color:var(--gold);text-decoration:none;font-size:.85rem;letter-spacing:.06em}
.ly-ver-a:hover{border-color:var(--gold-lo);color:var(--gold-hi)}