:root{--font-ui: Tahoma, Verdana, "Segoe UI", "DejaVu Sans", sans-serif;--font-page: Verdana, Arial, "DejaVu Sans", sans-serif;--font-head: Verdana, Tahoma, "DejaVu Sans", sans-serif;--font-title: "Times New Roman", Times, "Liberation Serif", serif;--bevel-light: #c0c0c0;--bevel-dark: #505050;--font-lcd: "Courier New", Courier, monospace;--win-face: #c0c0c0;--win-light: #fff;--win-shadow: #808080;--win-dark: #404040;--win-title-a: #000080;--win-title-b: #1084d0;--page-bg: #000008;--text: #fff;--text-muted: #c0c0c0;--link: #7fb2ff;--link-visited: #c89bff;--box-bg: #000022;--box-line: #333366;--table-bg: #000033;--table-alt: #00002a;--accent: #ffcc00;--lcd-bg: #000;--lcd-text: #00e000;--lcd-dim: #008a00;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:18px 0 30px;background:var(--page-bg) url(/assets/images/stars-tile.png) repeat;color:var(--text);font:12px/1.5 var(--font-page);-webkit-text-size-adjust:100%;overflow-x:hidden;overflow-x:clip}h1,h2,h3,p{margin:0}a{color:var(--link)}a:visited{color:var(--link-visited)}img{display:block;max-width:100%}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:-60px;z-index:100;padding:4px 10px;background:#ffffe1;color:#000;border:1px solid #000}.skip-link:focus{top:8px}.page{width:780px;margin:0 auto}.hero{position:relative;isolation:isolate}.hero__canvas{position:absolute;top:0;left:50%;width:100vw;height:100%;translate:-50% 0;z-index:-1;pointer-events:none}.hero__title{line-height:0}.hero__logo{width:504px;max-width:90%;height:auto;margin:0 auto 4px}.js .hero__logo{opacity:0}.js .hero--nogl .hero__logo{animation:logo-in 1.2s ease-out .2s forwards}@keyframes logo-in{0%{opacity:0;filter:brightness(2.5) saturate(.4)}to{opacity:1;filter:none}}.tagline{margin-bottom:40px;text-align:center;font:bold 13px var(--font-head);letter-spacing:3px;text-transform:uppercase;color:var(--text-muted)}.tagline b{color:var(--text)}.bar{display:block;width:600px;max-width:100%;height:10px;margin:18px auto;image-rendering:pixelated}.win{font-family:var(--font-ui);padding:2px;background:var(--win-face);color:#000;border:2px solid;border-color:var(--win-light) var(--win-dark) var(--win-dark) var(--win-light);box-shadow:1px 1px #000}.win__title{display:flex;align-items:center;gap:6px;padding:3px 4px;color:#fff;font-weight:700;background:linear-gradient(90deg,var(--win-title-a),var(--win-title-b))}.win__title img{width:16px;height:16px}.win__state{margin-left:auto;font-weight:400;font-size:11px;opacity:.85}[data-live-badge][data-status=offline]{color:#ffb0b0}.win__body{padding:10px}.btn{padding:4px 14px;background:var(--win-face);color:#000;font:12px var(--font-ui);border:2px solid;border-color:var(--win-light) var(--win-dark) var(--win-dark) var(--win-light);box-shadow:1px 1px #000;cursor:pointer}.btn:active{border-color:var(--win-dark) var(--win-light) var(--win-light) var(--win-dark);box-shadow:none}.btn:focus-visible{outline:1px dotted #000;outline-offset:-5px}.player__main{display:flex;gap:10px;align-items:stretch}.player__cover{width:84px;height:84px;flex-shrink:0;background:#000;border:2px solid;border-color:var(--win-dark) var(--win-light) var(--win-light) var(--win-dark)}.player__cover img{width:100%;height:100%;object-fit:cover}.lcd{flex:1;min-width:0;padding:8px 10px;background:var(--lcd-bg);color:var(--lcd-text);font:13px/1.45 var(--font-lcd);border:2px solid;border-color:var(--win-dark) var(--win-light) var(--win-light) var(--win-dark)}.lcd__dim{color:var(--lcd-dim);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lcd__dim[data-np-album]{text-transform:none}.lcd__big{overflow:hidden;white-space:nowrap;font-size:16px;font-weight:700}.lcd__ticker{display:inline-block}.lcd__big[data-scroll=true] .lcd__ticker{animation:ticker var(--ticker-duration, 10s) linear infinite alternate}@keyframes ticker{0%,15%{transform:translate(0)}85%,to{transform:translate(var(--ticker-shift, 0))}}.btn--play{min-width:110px;padding:8px 16px;font-weight:700;font-size:13px}.btn--play>span{display:inline-flex;align-items:center;gap:6px}.btn--play>span[hidden]{display:none}.btn__icon{width:10px;height:10px;fill:currentColor;shape-rendering:crispEdges}.player[data-state=loading],.player[data-state=loading] .btn{cursor:progress}.volume{display:flex;align-items:center;gap:8px;margin-top:10px}.volume[hidden]{display:none}.btn--mute{display:grid;place-items:center;width:28px;height:24px;padding:0}.btn--mute svg{width:16px;height:16px;fill:#000;shape-rendering:crispEdges}.btn--mute .cross,.btn--mute[aria-pressed=true] .wave{display:none}.btn--mute[aria-pressed=true] .cross{display:inline}.trackbar{-webkit-appearance:none;appearance:none;width:150px;height:20px;margin:0;background:transparent;cursor:pointer}.trackbar::-webkit-slider-runnable-track{height:4px;background:var(--win-shadow);border:1px solid;border-color:var(--win-dark) var(--win-light) var(--win-light) var(--win-dark)}.trackbar::-moz-range-track{height:4px;background:var(--win-shadow);border:1px solid;border-color:var(--win-dark) var(--win-light) var(--win-light) var(--win-dark)}.trackbar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:20px;margin-top:-9px;background:var(--win-face);border:2px solid;border-color:var(--win-light) var(--win-dark) var(--win-dark) var(--win-light);border-radius:0}.trackbar::-moz-range-thumb{width:7px;height:16px;background:var(--win-face);border:2px solid;border-color:var(--win-light) var(--win-dark) var(--win-dark) var(--win-light);border-radius:0}.trackbar:focus-visible{outline:1px dotted #000;outline-offset:2px}.volume__value{min-width:3.5ch;font-variant-numeric:tabular-nums}.cols{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px}h2{margin:0 0 8px;font:bold 24px/1.1 var(--font-title)}.setlist{width:100%;border-collapse:separate;border-spacing:2px;background:var(--table-bg);border:2px solid;border-color:var(--bevel-light) var(--bevel-dark) var(--bevel-dark) var(--bevel-light)}.setlist th,.setlist td{border:1px solid;border-color:var(--bevel-dark) var(--bevel-light) var(--bevel-light) var(--bevel-dark)}.setlist th{padding:3px 6px;background:var(--win-face);color:#000;text-align:center;font-weight:700;font-size:11px}.setlist td{padding:4px 6px}.setlist tr:nth-child(2n) td{background:var(--table-alt)}.setlist td small{display:none}.box{padding:10px;margin-bottom:18px;background:var(--box-bg);border:2px solid;border-color:var(--bevel-light) var(--bevel-dark) var(--bevel-dark) var(--bevel-light)}.box h3{margin:0 0 6px;font:bold 17px/1.1 var(--font-title);color:var(--accent)}.box__note{font-size:11px;color:var(--text-muted)}.listen{list-style:none;margin:0;padding:0}.listen li{margin:2px 0}.counter{display:inline-flex;gap:1px;margin:4px 0}.counter span{padding:0 3px;background:#000;color:#ff3030;font:bold 16px var(--font-lcd);border:1px solid #444}.footer{margin-top:20px;text-align:center;font-size:10px;color:#888}html.touch .listen li{margin:0}html.touch .listen a{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;background:var(--win-face);color:#000;text-decoration:none;font:bold 13px var(--font-ui);border:2px solid;border-color:var(--win-light) var(--win-dark) var(--win-dark) var(--win-light);box-shadow:1px 1px #000}html.touch .listen a:active{border-color:var(--win-dark) var(--win-light) var(--win-light) var(--win-dark);box-shadow:none}@media(max-width:800px){.page{width:auto;padding:0 10px}.tagline{font-size:10px;letter-spacing:2px;margin-bottom:28px}}@media(max-width:640px){.bar{display:none}.cols,.footer{margin-top:28px}.win__body{padding:8px}.player__main{flex-wrap:wrap;gap:8px}.player__cover{width:72px;height:72px}.lcd{font-size:11px;padding:6px 8px}.lcd__big{font-size:14px}.btn--play{flex-basis:100%;min-height:44px;font-size:15px}.volume{display:none}.cols{grid-template-columns:minmax(0,1fr)}.setlist th:nth-child(3),.setlist td:nth-child(3){display:none}.setlist td small{display:block;color:var(--text-muted)}.setlist td{padding:7px 6px}.setlist td:first-child{width:48px;vertical-align:top}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lcd__big[data-scroll=true] .lcd__ticker{animation:none}.js .hero--nogl .hero__logo{animation:none;opacity:1}}