*{box-sizing:border-box;margin:0;padding:0}:root{--red:#c81d25;--paper:#e8e4da;--dim:#8a867c;--bg:#060607}html,body{background:var(--bg);height:100%;overflow:hidden}body{color:var(--paper);font-family:Segoe UI,system-ui,sans-serif}#gl{z-index:1;width:100%;height:100%;display:block;position:fixed;inset:0}.volwrap{pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;right:20px}.volwrap .vollabel{letter-spacing:2px;color:#55524a;font-size:9px}.volwrap input[type=range]{width:110px;accent-color:var(--red)}#fps{z-index:5;color:#5a564c;pointer-events:none;font:11px/1 monospace;position:fixed;top:10px;right:12px}#hud{pointer-events:none;z-index:4;position:fixed;inset:0}.nowplaying{text-transform:uppercase;position:absolute;bottom:20px;left:22px}.nowplaying .band{letter-spacing:2px;transform-origin:0 100%;text-shadow:0 0 18px #c81d258c;font-family:Impact,Arial Black,sans-serif;font-size:30px;transform:scaleY(1.25)}.nowplaying .song{letter-spacing:4px;color:var(--dim);margin-top:4px;font-size:14px}.nowplaying .section{letter-spacing:3px;color:#b9b4a6;border:1px solid #3a372f;margin-top:7px;padding:2px 9px;font-size:10px;display:inline-block}.nowplaying .section.breakdown{border-color:var(--red);color:var(--red)}.setlist{text-align:right;letter-spacing:2px;text-transform:uppercase;color:#55524a;font-size:11px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.setlist .slot-label{color:#3d3a33;letter-spacing:3px;margin-bottom:8px;font-size:9px}.setlist li{margin:5px 0;list-style:none;transition:color .4s}.setlist li.done{color:#2e2c27;text-decoration:line-through}.setlist li.now{color:var(--paper);text-shadow:0 0 12px #e8e4da66}.toast{letter-spacing:4px;text-transform:uppercase;color:var(--paper);white-space:nowrap;text-shadow:0 0 30px #c81d25e6;opacity:0;pointer-events:none;font-family:Impact,sans-serif;font-size:44px;position:absolute;top:30%;left:50%;transform:translate(-50%)scaleY(1.3)}.toast.show{animation:3.2s ease-out forwards toastIn}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)scaleY(1.3)scale(1.6)}12%{opacity:1;transform:translate(-50%)scaleY(1.3)scale(1)}78%{opacity:1}to{opacity:0}}.hint{letter-spacing:2px;color:#45423a;text-transform:uppercase;font-size:10px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.ytbar{pointer-events:auto;z-index:6;gap:10px;display:flex;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.ytbar button{border:1px solid var(--red);color:#fff;letter-spacing:3px;text-transform:uppercase;cursor:pointer;background:#c81d25eb;padding:12px 22px;font-family:Impact,sans-serif;font-size:16px}.ytbar .ytsync{color:#b9b4a6;background:#0e0e10e6;border-color:#3a372f;font-family:inherit;font-size:11px}.ytbar button:hover{filter:brightness(1.2)}#menu{z-index:10;background:radial-gradient(ellipse at 50% 30%, #c81d2514, transparent 60%), var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#menu.hidden{display:none}.poster{text-align:center;background:linear-gradient(#0b0b0d,#070708);border:1px solid #262420;width:min(480px,92vw);max-height:94vh;padding:34px 38px 28px;overflow-y:auto;box-shadow:0 0 80px #000000e6}.poster .presents{letter-spacing:5px;color:#55524a;text-transform:uppercase;font-size:9px}.poster h1{letter-spacing:3px;color:var(--paper);text-shadow:0 0 34px #c81d2580;margin:18px 0 6px;font-family:Impact,sans-serif;font-size:62px;transform:scaleY(1.35)}.poster .tour{letter-spacing:6px;color:var(--red);text-transform:uppercase;margin-bottom:22px;font-size:12px}.poster .bill{border-top:1px solid #201e1a;border-bottom:1px solid #201e1a;margin-bottom:20px;padding:16px 0}.poster .bill .headliner{letter-spacing:2px;color:var(--paper);font-family:Impact,sans-serif;font-size:34px;transform:scaleY(1.2)}.poster .bill .support{letter-spacing:2px;color:#b9b4a6;margin-top:8px;font-family:Impact,sans-serif;font-size:21px}.poster .bill .opener{letter-spacing:3px;color:#6a665c;text-transform:uppercase;margin-top:8px;font-size:13px}.poster .venue-line{letter-spacing:3px;color:#55524a;text-transform:uppercase;margin-bottom:24px;font-size:10px}.opt{text-align:left;margin:14px 0}.opt label{letter-spacing:3px;color:#6a665c;text-transform:uppercase;margin-bottom:7px;font-size:9px;display:block}.optrow{gap:8px;display:flex}.optbtn{color:#8a867c;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:#0e0e10;border:1px solid #262420;flex:1;padding:9px 4px;font-family:inherit;font-size:10px}.optbtn:hover{color:var(--paper);border-color:#45423a}.optbtn.sel{border-color:var(--red);color:var(--paper);background:#16090a}.optbtn:disabled{opacity:.3;cursor:default}input[type=range]{width:100%;accent-color:var(--red)}.startbtn{background:var(--red);color:#fff;letter-spacing:5px;text-transform:uppercase;cursor:pointer;border:none;width:100%;margin-top:22px;padding:15px;font-family:Impact,sans-serif;font-size:21px}.startbtn:hover{background:#e02832;box-shadow:0 0 30px #c81d2580}.poster .fine{letter-spacing:1px;color:#3d3a33;margin-top:14px;font-size:8px;line-height:1.6}.endpanel{text-align:center;pointer-events:auto;background:#070708eb;border:1px solid #262420;width:min(440px,90vw);padding:30px 34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.endpanel h2{letter-spacing:3px;margin-bottom:6px;font-family:Impact,sans-serif;font-size:30px;transform:scaleY(1.25)}.endpanel .sub{letter-spacing:3px;color:#6a665c;text-transform:uppercase;margin-bottom:18px;font-size:10px}.endpanel .streamrow{margin:10px 0}.endpanel a{color:var(--paper);letter-spacing:3px;text-transform:uppercase;border:1px solid #262420;margin:8px 0;padding:11px;font-size:12px;text-decoration:none;display:block}.endpanel a:hover{color:#1db954;border-color:#1db954}.endpanel iframe{border:0;border-radius:12px;margin-top:10px}.endpanel .again{background:var(--red);color:#fff;letter-spacing:3px;text-transform:uppercase;cursor:pointer;border:none;margin-top:16px;padding:11px 26px;font-family:Impact,sans-serif;font-size:15px}