body,html{margin:0;height:100%;color:#fff;overflow:hidden}body,html,main{background:#000}main{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:#000}.logo{position:fixed;top:6vh;left:6vw;width:clamp(80px,8vw,120px);height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6)) drop-shadow(0 0 3px rgba(255,255,255,.8)) drop-shadow(1px 1px 0 rgba(255,255,255,.6)) drop-shadow(-1px -1px 0 rgba(255,255,255,.6)) drop-shadow(1px -1px 0 rgba(255,255,255,.6)) drop-shadow(-1px 1px 0 rgba(255,255,255,.6));z-index:3}@media (max-width:768px){.logo{width:clamp(60px,12vw,100px);top:4vh;left:4vw}}@media (min-width:1920px){.logo{width:clamp(100px,6vw,150px)}}.overlay{position:fixed;left:1rem;bottom:2rem;background:rgba(0,0,0,.7);padding:.5rem 1rem;border-radius:.5rem;font:14px/1.4 Arial,Helvetica,sans-serif;white-space:pre-line;z-index:3}.pause-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.8);z-index:10;cursor:pointer}.pause-content{text-align:center;color:#fff;background:rgba(0,0,0,.9);padding:2rem 3rem;border-radius:1rem;border:2px solid #666;box-shadow:0 10px 30px rgba(0,0,0,.8);max-width:80vw}.pause-icon{font-size:3rem;margin-bottom:1rem;opacity:.8}.pause-info{margin-bottom:1.5rem}.pause-artist{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8)}.pause-title{font-size:1.2rem;margin-bottom:.5rem;color:#ccc;font-style:italic}.pause-year{font-size:1rem;color:#999;margin-bottom:.5rem}.pause-hint{font-size:.9rem;color:#aaa;opacity:.7}@media (max-width:768px){.pause-content{padding:1.5rem 2rem;max-width:90vw}.pause-icon{font-size:2rem}.pause-artist{font-size:1.2rem}.pause-title{font-size:1rem}.pause-year{font-size:.9rem}.pause-hint{font-size:.8rem}}.clock{position:fixed;top:1rem;right:3.25rem;font:14px monospace;z-index:3}.scanlines{background:repeating-linear-gradient(180deg,rgba(0,0,0,.4) 0,rgba(0,0,0,.4) 1px,transparent 0,transparent 3px);z-index:2}.scanlines,.start{position:fixed;inset:0;pointer-events:none}.start{display:flex;align-items:center;justify-content:center;z-index:4}.start button{pointer-events:auto;background:rgba(0,0,0,.7);border:1px solid #666;color:#fff;padding:.6rem 1rem;border-radius:8px;font-size:16px;cursor:pointer}.gear{position:fixed;top:.75rem;right:.75rem;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.65);border:1px solid #666;display:grid;place-items:center;cursor:pointer;z-index:4}.gear svg{width:16px;height:16px;fill:#fff;opacity:.9}.menu{position:fixed;top:2.9rem;right:.6rem;min-width:260px;background:hsla(0,0%,8%,.96);border:1px solid #444;border-radius:10px;padding:.35rem;z-index:4;box-shadow:0 10px 22px rgba(0,0,0,.35)}.menu-item{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border-radius:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px}.menu-item:hover{background:hsla(0,0%,100%,.08)}.menu-check{width:16px;height:16px;border:1px solid #888;border-radius:3px;display:grid;place-items:center;font-size:12px}.menu-hr{height:1px;margin:.35rem .2rem;background:#333;border:none}.menu-label{opacity:.75;cursor:default}button,input{background:#111;color:#fff;border:1px solid #444;border-radius:6px;padding:.4rem .5rem}input{width:100%}button:hover{border-color:#777}