:root{color:#f5f5f5;background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}#audioInput{display:none}#stage{width:100vw;height:100vh;display:block}.hud,.panel{z-index:2;background:#000000c7;border:1px solid #ffffff2e;position:fixed}.hud{grid-template-columns:1fr minmax(280px,420px) 124px;align-items:center;gap:16px;min-height:72px;padding:12px 14px;display:grid;top:16px;left:16px;right:16px}.actions{grid-template-columns:1fr;gap:6px;display:grid}.mode strong,.scoreboard strong{color:#fff;font-size:1rem;line-height:1.15;display:block}.mode small,.scoreboard small,.scoreboard span,.panel span{color:#9a9a9a;text-transform:lowercase;font-size:.76rem}.scoreboard{grid-template-columns:1fr 1fr;gap:8px;display:grid}.scoreboard div{background:#ffffff09;border:1px solid #ffffff1f;min-height:48px;padding:8px 10px}#queueButton,#importButton{color:#000;cursor:pointer;text-transform:lowercase;background:#fff;border:1px solid #fff;height:46px;font-weight:800}#importButton{color:#fff;background:#000}#queueButton:hover,#importButton:hover{color:#000;background:#d8d8d8}.panel{gap:8px;width:min(300px,100vw - 32px);padding:12px;display:grid;top:104px;right:16px}.panel strong{color:#fff;text-transform:lowercase;font-weight:800}.link-form{grid-template-columns:1fr 48px;gap:6px;margin-top:4px;display:grid}.link-form input{color:#fff;background:#ffffff0d;border:1px solid #ffffff29;outline:none;min-width:0;height:34px;padding:0 9px}.link-form input:focus{border-color:#ffffff8c}.link-form button{color:#000;cursor:pointer;text-transform:lowercase;background:#fff;border:1px solid #fff;height:34px;font-weight:800}.link-form button:disabled{cursor:wait;opacity:.55}.track-list{gap:6px;max-height:232px;padding-right:2px;display:grid;overflow:auto}.track-item{color:inherit;background:#ffffff09;border:1px solid #ffffff1f;gap:2px;padding:8px;text-decoration:none;display:grid}.track-item:hover{border-color:#ffffff61}.track-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.track-item em{color:#777;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-style:normal;overflow:hidden}.judgement{z-index:3;pointer-events:none;color:#ffffffd1;letter-spacing:0;opacity:.72;text-transform:lowercase;font-size:clamp(2rem,7vw,5.5rem);font-weight:900;position:fixed;top:52%;left:50%;transform:translate(-50%,-50%)}.judgement.bad{color:#ffffff5c}@media (width<=760px){.hud{grid-template-columns:1fr auto;top:10px;left:10px;right:10px}.scoreboard{order:3;grid-column:1/-1}.panel{display:none}}