.zufall-section{position:relative;z-index:2;margin-top:-56px;padding:28px 32px 18px;border:1px solid #454532;border-top-color:#8f7951;background:linear-gradient(120deg,#1a2119 0%,#111811 45%,#101510 100%);box-shadow:0 24px 64px #0005;scroll-margin-top:24px}
.zufall-section [hidden]{display:none!important}
.ruaf-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px;padding-bottom:23px;border-bottom:1px solid #d4af7024}
.zufall-section .eyebrow{font-size:.875rem;letter-spacing:.12em}
.ruaf-heading h2{font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.1;letter-spacing:-.025em;margin-top:7px}
.ruaf-heading h2 em{color:var(--gold)}
.ruaf-count{display:flex;align-items:baseline;gap:8px;color:var(--muted);font-size:.875rem;text-align:right}
.ruaf-count strong{color:var(--gold);font-size:1.125rem;font-weight:400;line-height:1.2}
.ruaf-stage{display:grid;grid-template-columns:minmax(170px,.65fr) minmax(0,1fr) minmax(340px,1.22fr);gap:28px;align-items:start}
.ruaf-art{min-width:0}
.ruaf-cover-wrap{position:relative;max-width:250px;margin:auto;box-shadow:0 12px 32px #0006}
.ruaf-cover-wrap img{width:100%;aspect-ratio:1;object-fit:contain;background:#151a14;border:1px solid #51442d;transition:opacity .18s}
.ruaf-art-caption{margin-top:10px;font-size:.8125rem;color:var(--muted);text-align:center}
.ruaf-visualizer{height:36px;display:flex;align-items:center;gap:3px;margin:10px auto 0;overflow:hidden;max-width:250px;opacity:.55}
.ruaf-visualizer i{display:block;flex:1;height:var(--bar,50%);min-width:2px;background:linear-gradient(0deg,#3c5544,#d4af70);transform:scaleY(.17);transform-origin:center;transition:transform .35s}
.is-ruaf-playing .ruaf-visualizer{opacity:.95}
.is-ruaf-playing .ruaf-visualizer i{animation:ruaf-wave var(--speed,1s) ease-in-out var(--delay,0s) infinite alternate}
@keyframes ruaf-wave{0%{transform:scaleY(.18)}35%{transform:scaleY(.65)}70%{transform:scaleY(.4)}100%{transform:scaleY(1)}}
.ruaf-now,.ruaf-screen{min-width:0}
.ruaf-track-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.ruaf-track-top>div{min-width:0}
.ruaf-track-top h3{font-size:clamp(1.5rem,2.1vw,2rem);line-height:1.2;letter-spacing:-.015em;overflow-wrap:anywhere;margin:9px 0 11px;text-wrap:pretty}
.ruaf-artist,.ruaf-release{font-size:.9375rem;color:var(--muted)}
.ruaf-release{margin-top:3px}
.ruaf-release a{color:#ded4ba;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#625c48}
.ruaf-favorite{flex:none;border:1px solid #46503e;border-radius:50%;background:transparent;color:var(--gold);width:42px;min-height:42px;display:grid;place-items:center}
.ruaf-favorite svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6}
.ruaf-favorite[aria-pressed=true]{background:#2d291b;border-color:var(--gold)}
.ruaf-favorite[aria-pressed=true] svg{fill:var(--gold)}
.ruaf-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;margin:22px 0 14px}
.ruaf-controls button{min-height:48px;font-size:.9375rem;padding:12px 16px;line-height:1.3;border:1px solid #505340;background:#151b15;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:9px}
.ruaf-controls button:hover:not(:disabled),.ruaf-favorite:hover:not(:disabled){background:#2a3022;border-color:var(--gold)}
.ruaf-controls .ruaf-play{background:var(--gold);border-color:var(--gold);color:#11170d;font-weight:600;min-width:0;padding-inline:10px}
.ruaf-controls .ruaf-play:hover:not(:disabled){background:#e6c88f;color:#11170d}
.ruaf-controls .ruaf-icon-button{width:44px;padding:10px;flex:none}
.ruaf-controls .ruaf-next{grid-column:1/-1;background:transparent;color:var(--gold);border-color:#626043;min-height:42px;padding:9px 12px}
.ruaf-controls svg{width:19px;height:19px;flex:none;fill:currentColor}
.zufall-section button:disabled{cursor:default;opacity:.4}
.ruaf-progress{width:100%;height:3px;border:0;display:block;background:#2d342c;accent-color:var(--gold)}
.ruaf-progress::-webkit-progress-bar{background:#2d342c}.ruaf-progress::-webkit-progress-value{background:var(--gold)}.ruaf-progress::-moz-progress-bar{background:var(--gold)}
.ruaf-timing{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3px 12px;color:var(--muted);font-size:.8125rem;margin:6px 0 0;font-variant-numeric:tabular-nums}
.ruaf-consent{background:#0c120ddd;border:1px solid #3c4434;min-height:245px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:13px}
.ruaf-consent h3{font-size:1.35rem;line-height:1.3}
.ruaf-consent p{font-size:.9375rem;color:#c5c9c0;line-height:1.6}
.ruaf-consent a,.ruaf-privacy a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.ruaf-remember{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.5;color:#cbd0c4;cursor:pointer}
.ruaf-remember input{margin:4px 0 0;min-width:18px;height:18px;accent-color:var(--gold)}
.ruaf-consent .button{font-size:.9375rem;min-height:48px;padding:11px 18px}
.ruaf-video{width:100%;aspect-ratio:16/9;min-height:200px;background:#000;border:1px solid var(--line)}
.ruaf-video iframe{display:block;width:100%;height:100%;min-height:200px;border:0}
.ruaf-status{font-size:.875rem;line-height:1.5;color:var(--muted);margin-top:10px;min-height:21px}
.ruaf-privacy{display:flex;align-items:center;justify-content:space-between;gap:4px 14px;flex-wrap:wrap;font-size:.8125rem;color:var(--muted);margin-top:10px}
.ruaf-privacy button,.ruaf-delete{border:0;background:none;padding:5px 0;color:var(--muted);text-decoration:underline;text-underline-offset:4px;text-align:left;font-size:.875rem}
.ruaf-end{margin-top:18px;border-left:2px solid var(--gold);background:#20251a;padding:16px}
.ruaf-end h3{font-size:1.6rem;margin:0 0 6px}
.ruaf-end p{font-size:.9375rem;color:var(--muted);margin-bottom:14px}
.ruaf-end-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.ruaf-end .button{min-height:44px;padding:11px 17px}
.ruaf-end .text-link{white-space:normal}
.ruaf-below{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-top:1px solid #d4af7024;margin-top:24px;padding-top:13px}
.ruaf-below .text-link{white-space:normal;padding:7px 0}
.ruaf-saved{min-width:0;flex:1}
.ruaf-saved summary{cursor:pointer;min-height:44px;display:list-item;list-style-position:inside;padding:10px 0;color:var(--ink);font-size:.9375rem}
.ruaf-saved summary span{color:var(--gold)}
.ruaf-saved-body{padding:10px 0 5px;max-width:700px}
.ruaf-saved-body>p{font-size:.875rem;color:var(--muted);margin-bottom:12px}
.ruaf-saved-list{padding:0;margin:0 0 12px;list-style:none;display:grid;gap:8px;max-height:370px;overflow:auto}
.ruaf-saved-list li{display:flex;align-items:center;gap:8px}
.ruaf-saved-track{border:1px solid var(--line);background:#111811;color:var(--ink);display:flex;align-items:center;gap:13px;padding:8px;width:100%;text-align:left;min-width:0}
.ruaf-saved-track img{width:48px;height:48px;object-fit:cover;flex:none}
.ruaf-saved-track strong{display:block;font-weight:400;line-height:1.4;font-size:.9375rem;overflow-wrap:anywhere}
.ruaf-saved-track small{display:block;color:var(--muted);font-size:.8125rem}
.ruaf-saved-remove{flex:none;background:none;border:1px solid var(--line);color:var(--muted);height:44px;width:44px;font-size:1.5rem}
.band-hero{min-height:clamp(590px,74svh,720px);border-bottom:0}
.band-hero .hero-inner{padding:60px 0 112px}
.band-hero h1{font-size:clamp(3.8rem,6.5vw,6.5rem)}
.band-hero .hero-origin{margin-top:34px}
.band-hero .portrait-caption{bottom:114px}
.zufall-section+.music-section{padding-top:86px}
@media(max-width:1150px){.zufall-section{padding:25px 27px 17px}.ruaf-stage{grid-template-columns:200px minmax(0,1fr);gap:24px 28px}.ruaf-art{grid-row:1/3}.ruaf-screen{grid-column:2}.ruaf-controls{grid-template-columns:44px minmax(140px,1fr) 44px auto}.ruaf-controls .ruaf-next{grid-column:auto}.ruaf-consent{min-height:210px}.ruaf-video{max-width:100%}.ruaf-heading{margin-bottom:23px}.site-header nav{gap:22px;margin-right:12px}.header-inner{gap:22px}}
@media(max-width:850px){.ruaf-stage{grid-template-columns:150px minmax(0,1fr);gap:22px}.ruaf-controls{grid-template-columns:44px minmax(0,1fr) 44px}.ruaf-controls .ruaf-next{grid-column:1/-1}.ruaf-heading{align-items:flex-end}.ruaf-count{flex-wrap:wrap;justify-content:flex-end;max-width:160px;gap:3px 7px}.band-hero .hero-inner{padding-bottom:120px}.band-hero .portrait-caption{bottom:86px}}
@media(max-width:650px){.zufall-section{padding:23px 20px 14px;margin-top:-36px}.ruaf-heading{align-items:flex-start;margin-bottom:22px;padding-bottom:20px;gap:14px}.ruaf-heading h2{font-size:2rem}.ruaf-count{max-width:105px;line-height:1.5;font-size:.875rem}.ruaf-stage{grid-template-columns:1fr;gap:20px}.ruaf-art{grid-row:auto;display:grid;grid-template-columns:108px minmax(0,1fr);gap:0 20px;align-items:center}.ruaf-cover-wrap{grid-row:1/3;width:100%;margin:0}.ruaf-art-caption{align-self:end;margin:0;text-align:left;font-size:.875rem}.ruaf-visualizer{width:100%;height:42px;margin:8px 0 0;align-self:start}.ruaf-track-top h3{font-size:1.8rem}.ruaf-screen{grid-column:auto}.ruaf-controls{margin-top:18px;grid-template-columns:44px minmax(0,1fr) 44px}.ruaf-consent{min-height:220px;padding:20px}.ruaf-below{flex-direction:column;gap:3px;margin-top:22px}.ruaf-saved{width:100%}.ruaf-below>.text-link{font-size:.875rem}.band-hero{min-height:625px}.band-hero .hero-inner{padding-top:48px;padding-bottom:120px}.band-hero h1{font-size:clamp(3.15rem,13.5vw,4.7rem)}.band-hero .hero-origin{margin-top:30px}.band-hero .portrait-caption{bottom:68px}.zufall-section+.music-section{padding-top:66px}}
@media(max-width:390px){.zufall-section{padding-inline:16px}.ruaf-heading{flex-direction:column;gap:13px}.ruaf-count{max-width:none;text-align:left;justify-content:flex-start}.ruaf-art{grid-template-columns:92px minmax(0,1fr);gap:14px}.ruaf-controls{gap:6px}.ruaf-consent{padding:16px}}
@media(prefers-reduced-motion:reduce){.is-ruaf-playing .ruaf-visualizer i{animation:none;transform:scaleY(.45)}.ruaf-cover-wrap img{transition:none}}