:root{--ink:#f4efe4;--panel:rgba(28,24,20,0.72);--border:rgba(244,239,228,0.18);--accent:#e2703a;--scan:#4ade80}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%}body{background:#2a3550 url(/bg.webp) 50%/cover no-repeat fixed;color:var(--ink);font-family:ui-serif,Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased}@media (max-aspect-ratio:1/1){body{background-image:url(/bg-mobile.webp)}}.yt-host{position:fixed;top:0;left:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.stage{position:relative;z-index:10;min-height:100dvh;justify-content:space-between;gap:16px;padding:clamp(64px,11vh,120px) 16px 26px;text-align:center}.stage,.stage-bottom,.stage-top{display:flex;flex-direction:column;align-items:center}.stage-bottom,.stage-top{gap:14px;width:100%}.stage:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,10,18,.74) 0,rgba(12,10,18,.44) 24%,rgba(12,10,18,.16) 44%,rgba(12,10,18,.42) 66%,rgba(12,10,18,.82));pointer-events:none}.quote{max-width:min(32ch,88vw);min-height:2.9em;font-size:clamp(14px,2vw,18px);font-style:italic;line-height:1.45;color:rgba(244,239,228,.92);text-shadow:0 2px 14px rgba(0,0,0,.6);opacity:0;transform:translateY(-4px);transition:opacity .4s ease,transform .4s ease}.quote--in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.quote{transform:none;transition:opacity .4s ease}}.event-icon{font-size:clamp(34px,7vw,46px);line-height:1}.event-title{margin-top:8px;font-size:clamp(24px,5vw,40px);line-height:1.1;text-transform:uppercase;letter-spacing:.02em;text-shadow:0 2px 20px rgba(0,0,0,.5)}.event-sub{margin-top:10px;font-size:clamp(14px,2.4vw,17px);opacity:.8;max-width:34ch;margin-inline:auto}.player{display:flex;align-items:center;gap:14px;width:min(560px,100%);padding:10px 16px 10px 10px;border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(0,0,0,.45);text-align:left}.cover,.player{border-radius:999px}.cover{flex:none;width:54px;height:54px;overflow:hidden;background:rgba(244,239,228,.12);box-shadow:0 0 0 1px rgba(244,239,228,.2)}.cover img{width:100%;height:100%;object-fit:cover;object-position:center}.cover--spin{animation:spin 9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.meta{min-width:0;flex:1 1}.track-title{font-size:15px;line-height:1.25}.track-artist,.track-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{margin-top:1px;font-size:12px;opacity:.72;min-height:15px}.scrub{margin-top:7px;height:12px;display:flex;align-items:center;cursor:pointer}.scrub-rail{position:relative;width:100%;height:4px;border-radius:999px;background:rgba(244,239,228,.22)}.scrub-fill{inset:0 auto 0 0;background:var(--accent)}.scrub-fill,.scrub-fill:after{position:absolute;border-radius:999px}.scrub-fill:after{content:"";right:-5px;top:50%;width:10px;height:10px;background:var(--ink);transform:translateY(-50%)}.times{margin-top:3px;font-size:10px;opacity:.55;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.controls{display:flex;align-items:center;justify-content:center;gap:6px;flex:none}.ctrl{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:999px;background:transparent;color:var(--ink);cursor:pointer;transition:opacity .15s ease}.ctrl:hover:not(:disabled){opacity:.7}.ctrl:disabled{opacity:.35;cursor:default}.ctrl--play{width:44px;height:44px;background:var(--ink);color:#1c1814}.ctrl svg{width:17px;height:17px;fill:currentColor}.ctrl--play svg{width:20px;height:20px}.mode-reset{display:inline-flex;align-items:center;gap:7px;margin-top:-4px;padding:7px 16px;border:1px solid var(--border);border-radius:999px;background:rgba(28,24,20,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font-family:inherit;font-size:12px;cursor:pointer;opacity:.8;transition:opacity .15s ease}.mode-reset:hover{opacity:1}.mode-reset svg{width:15px;height:15px;fill:currentColor}.dead{font-size:13px;color:#ffb4a2}.situations{width:min(620px,100%);margin-top:6px}.situations h2{font-size:12px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;opacity:.7}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:rgba(28,24,20,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font-family:inherit;font-size:13px;cursor:pointer;transition:transform .12s ease,background .12s ease}.chip:hover{transform:translateY(-2px);background:rgba(28,24,20,.85)}.chip--on,.chip--on:hover{background:var(--ink);color:#1c1814;border-color:transparent}.badge{position:fixed;top:18px;z-index:20;display:flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.badge--online{right:18px}.badge--time{left:18px;text-transform:uppercase;letter-spacing:.12em}.dot{position:relative;display:inline-flex;width:9px;height:9px}.dot:after,.dot:before{content:"";position:absolute;inset:0;border-radius:999px;background:#4ade80}.dot:before{animation:ping 1.8s cubic-bezier(0,0,.2,1) infinite;opacity:.75}.dot:after{box-shadow:0 0 8px rgba(74,222,128,.9)}@keyframes ping{75%,to{transform:scale(2.2);opacity:0}}.muted{opacity:.7}.gate{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:rgba(18,15,12,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gate-inner{text-align:center;padding:0 24px}.gate-kicker{font-size:13px;letter-spacing:.22em;text-transform:uppercase;opacity:.75}.gate-title{margin-top:10px;font-size:clamp(30px,7vw,54px);line-height:1.1}.gate-sub{margin-top:12px;font-size:14px;opacity:.72}.scanner{position:relative;display:grid;place-items:center;width:106px;height:106px;margin:30px auto 0;padding:0;border:1px solid rgba(244,239,228,.28);border-radius:26px;background:rgba(28,24,20,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);cursor:pointer;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.5);transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease}.scanner svg{width:62px;height:62px;opacity:.85}.scanner:not(:disabled):after{content:"";position:absolute;left:8%;right:8%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--scan),transparent);box-shadow:0 0 12px var(--scan);animation:scan 2.4s ease-in-out infinite}@keyframes scan{0%,to{top:18%;opacity:0}15%,85%{opacity:1}50%{top:78%}}.scanner:hover:not(:disabled){transform:translateY(-2px);border-color:var(--scan);box-shadow:0 14px 40px rgba(0,0,0,.5),0 0 22px rgba(74,222,128,.4)}.scanner:hover:not(:disabled) svg{color:var(--scan);opacity:1}.scanner:active:not(:disabled){transform:translateY(0) scale(.97)}.scanner:disabled{opacity:.5;cursor:wait}.scanner-label{margin-top:14px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.scanner-note{margin-top:8px;font-size:13px;font-style:italic;color:var(--scan);opacity:.85;min-height:18px}@media (max-height:680px){.stage{padding-top:clamp(40px,7vh,72px)}.stage,.stage-bottom,.stage-top{gap:10px}.event-icon{font-size:clamp(28px,5vw,36px)}.event-title{font-size:clamp(21px,4vw,32px)}.situations h2{font-size:11px}}@media (max-width:600px){body{background-attachment:scroll}.stage{gap:14px;padding:clamp(56px,9vh,100px) 14px 22px}.badge{top:12px;right:12px;padding:6px 11px}.badge,.chip{font-size:12px}.chip{padding:7px 12px}}