@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap";.login-button{position:fixed;top:24px;right:24px;color:#888;font-size:12px;text-decoration:none}.login-button:hover{color:#1ed760}.play-button{height:40px;padding:0 18px;background:#1ed760;color:#07150b;border:0;border-radius:5px;font-weight:700;cursor:pointer}.play-button:disabled{opacity:.5;cursor:default}.play-error{max-width:100%;margin-top:10px;color:#ff765c;font-size:12px}.play-error a{color:#1ed760}.top-actions{display:flex;align-items:center;gap:14px}.logout{color:#777;font-size:12px;text-decoration:none}.logout:hover{color:#ff765c}.game-top{width:100%;height:32px;display:flex;align-items:center;justify-content:space-between}.game-top .change-playlist{width:auto;padding:8px 12px;background:#1d1d1d;border:1px solid #333;border-radius:5px;color:#888;font-size:12px;cursor:pointer}.game-top .change-playlist:hover{color:#1ed760;border-color:#1ed760}:root{font-family:DM Sans,sans-serif;color:#f5f5f5;background:#111}*{box-sizing:border-box}body{margin:0}.setup{min-height:100vh;display:grid;place-items:center;padding:20px}.input-line{display:flex;gap:8px;width:min(640px,100%)}input{background:#191919;border:1px solid #373737;border-radius:5px;color:#f5f5f5;padding:16px;min-width:0;flex:1;font:15px DM Sans;outline:0}input:focus{border-color:#1ed760}.input-line button,.error a{background:#1ed760;color:#07150b;border:0;border-radius:5px;padding:0 20px;font-weight:700;cursor:pointer}.input-line button:disabled{opacity:.5;cursor:default}.error{position:absolute;top:calc(50% + 38px);max-width:640px;color:#ff765c;font-size:13px;line-height:1.4}.error a{display:block;width:max-content;color:#07150b;text-decoration:none;margin-top:10px;padding:10px 14px}.game{min-height:100svh;display:grid;grid-template-rows:32px minmax(0,1fr) 64px;justify-items:center;align-items:center;padding:28px 20px 20px}.track-number{color:#777;font-size:13px;letter-spacing:.06em}.stage{width:min(100%,620px);height:min(68svh,620px);min-height:360px;display:grid;place-items:center}.qr-only{width:min(78vw,520px);aspect-ratio:1;display:grid;place-items:center}.qr-only img{display:block;width:100%;height:100%;image-rendering:pixelated}.answer-only{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.answer-only img{display:block;width:min(42svh,300px);height:min(42svh,300px);aspect-ratio:1;object-fit:cover;margin:0 auto 24px;border-radius:3px}.answer-only h1{font-size:clamp(25px,4vw,42px);line-height:1.05;letter-spacing:-.05em;margin:0 0 9px;max-width:100%}.answer-only div{color:#1ed760;font-size:18px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.answer-only p{color:#888;margin:10px 0 0}.game nav{height:44px;display:flex;gap:10px;align-items:center}.game nav button{width:52px;height:44px;background:#1d1d1d;border:1px solid #333;border-radius:5px;color:#f5f5f5;font-size:24px;line-height:1;cursor:pointer}.game nav button:hover:not(:disabled){border-color:#1ed760;color:#1ed760}.game nav button:disabled{color:#444;border-color:#222;cursor:default}.game nav .change-playlist{width:auto;padding:0 14px;font-size:12px;color:#888}.game nav .change-playlist:hover{color:#1ed760;border-color:#1ed760}@media(max-width:600px){.input-line{width:100%;flex-direction:column}.input-line button{height:48px}.error{top:calc(50% + 58px);left:20px;right:20px}.game{grid-template-rows:28px minmax(0,1fr) 64px;padding:20px 16px 16px}.stage{height:min(70svh,620px);min-height:320px}.qr-only{width:min(84vw,440px)}.answer-only img{width:min(52svh,280px);height:min(52svh,280px);margin-bottom:18px}.answer-only h1{font-size:clamp(24px,8vw,36px)}.game nav .change-playlist{padding:0 10px}}.game nav .change-playlist{margin-left:28px}