body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--white:#fff;--rgb-white:255,255,255;--black:#000;--rgb-black:0,0,0;--neutral-50:#eee;--neutral-100:#e0e0e0;--neutral-200:#ccc;--neutral-250:#bbb;--neutral-300:#b0b0b0;--neutral-400:#8a94a6;--rgb-neutral-400:138,148,166;--neutral-650:#555;--neutral-700:#4a4f58;--neutral-800:#33373d;--neutral-850:#23262a;--neutral-900:#16181b;--neutral-950:#050507;--neutral-900-2:#191920;--neutral-950-2:#05060a;--neutral-950-3:#090a0f;--neutral-950-4:#04160b;--neutral-950-5:#0b0b0f;--neutral-950-6:#121214;--rgb-neutral-950-6:18,18,20;--green-150:#a8ffc8;--green-400:#32ff7d;--green-450:#25f46e;--green-500:#1ed760;--rgb-green-500:30,215,96;--green-600:#1db954;--rgb-green-600:29,185,84;--green-700:#2f6d4b;--green-800:#1f4a35;--green-850:#163227;--green-900:#06210f;--green-500-2:#22e668;--green-700-2:#138a3c;--blue-850:#182330;--rgb-blue-850:24,35,48;--blue-850-2:#1b2735;--purple-400:#9b51e0;--rgb-purple-400:155,81,224;--gold-500:gold;--rgb-gold-500:255,215,0;--gold-500-2:#ffc107;--rgb-gold-500-2:255,193,7;--orange-400:#fdb931;--orange-500:#ffb100;--rgb-orange-500:255,177,0;--orange-600:sienna;--orange-500-2:#cd7f32;--red-150:#ffb3b3;--red-250:#ff7878;--rgb-red-250:255,120,120;--red-300:#ff6b6b;--red-350:#f44;--rgb-red-350:255,68,68;--red-500:red;--rgb-red-500:255,0,0;--red-550:#c62828;--red-600:#b71c1c;--red-650:#8e1c1c;--red-250-2:#ff8a8a;--red-350-2:#ff4d4d;--rgb-red-350-2:255,77,77;--red-350-3:#ff5252;--rgb-red-350-3:255,82,82;--primary:var(--green-500);--rgb-primary:var(--rgb-green-500);--primary-glow:rgba(var(--rgb-primary),0.4);--secondary:var(--red-350-3);--rgb-secondary:var(--rgb-red-350-3);--accent-cyan:#00f2fe;--accent-purple:var(--purple-400);--bg-dark:#0a0e17;--vinyl-black:#121212;--glass:rgba(var(--rgb-white),0.08);--glass-border:rgba(var(--rgb-white),0.16);--radius-xs:6px;--radius-sm:8px;--radius-sm-2:10px;--radius-md:12px;--radius-md-2:14px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-pill-50:50px;--radius-pill:999px;--radius-round:50%;--glass-shadow:0 16px 40px rgba(var(--rgb-black),0.6);--shadow-modal:0 25px 60px rgba(var(--rgb-black),0.75);--shadow-modal-soft:0 25px 60px rgba(var(--rgb-black),0.7);--z-raised:10;--z-sticky:20;--z-header:100;--z-overlay:2000;--z-modal:3000;--z-modal-top:4000;--z-toast:4500}.btn-main{background:linear-gradient(135deg,var(--green-450) 0,var(--primary) 100%);border:none;border-radius:var(--radius-pill-50);box-shadow:0 10px 25px rgba(var(--rgb-primary),.4),0 6px 0 var(--green-700-2);color:var(--black);cursor:pointer;font-size:1.3rem;font-weight:var(--weight-extrabold);letter-spacing:.5px;overflow:hidden;padding:18px 42px;position:relative;transition:all .2s cubic-bezier(.25,.8,.25,1)}.btn-main:hover{background:linear-gradient(135deg,var(--green-400) 0,var(--green-500-2) 100%);box-shadow:0 15px 35px rgba(var(--rgb-primary),.6),0 8px 0 var(--green-700-2);transform:translateY(-2px)}.btn-main:active{box-shadow:0 4px 10px rgba(var(--rgb-primary),.3),0 2px 0 var(--green-700-2);transform:translateY(4px)}.btn-settings-trigger-inline{font-size:1.2rem;width:42px}.btn-exit{font-size:.9rem;font-weight:var(--weight-bold);padding:0 15px}.btn-confirm-no,.btn-confirm-yes{border-radius:var(--radius-sm);height:30px;padding:0 10px}.btn-remove{background:var(--secondary);border:none;height:30px;margin-bottom:20px;width:30px}.btn-remove,.btn-round{border-radius:var(--radius-round);color:var(--white);cursor:pointer}.btn-round{align-items:center;border:none;display:flex;font-size:1.3rem;font-weight:var(--weight-black);height:125px;justify-content:center;letter-spacing:1px;text-transform:uppercase;transition:all .2s cubic-bezier(.25,.8,.25,1);width:125px}.btn-round:hover{transform:translateY(-3px) scale(1.04)}.btn-round:active{transform:translateY(4px) scale(.98)}.btn-judge{background:var(--primary);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;font-weight:var(--weight-bold);min-width:100px;padding:15px 20px;text-align:center}.btn-judge.btn-none{background:var(--neutral-650)}.btn-small-outline{background:#0000;border:2px solid rgba(var(--rgb-white),.3);border-radius:var(--radius-md);color:var(--white);cursor:pointer;font-size:1.1rem;font-weight:var(--weight-semibold);font-weight:var(--weight-bold);padding:12px 20px;padding:10px 20px;transition:all .2s}.btn-small-outline:hover{border-color:var(--white)}.btn-adj,.btn-small-outline:hover{background:rgba(var(--rgb-white),.1)}.btn-adj{border:1px solid rgba(var(--rgb-white),.3);border-radius:5px;color:var(--white);cursor:pointer;font-weight:var(--weight-bold);height:25px;width:25px}.btn-adj:hover{background:var(--primary)}.device-entry{align-items:flex-start;background:rgba(var(--rgb-white),.06);border:1px solid rgba(var(--rgb-white),.14);border-radius:var(--radius-md-2);box-sizing:border-box;color:var(--white);cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:14px 16px;text-align:left;transition:background .2s ease,border-color .2s ease;width:100%}.device-entry:hover{background:rgba(var(--rgb-white),.12);border-color:var(--primary)}.device-entry.active{background:rgba(var(--rgb-primary),.14);border-color:var(--primary)}.btn-undo-point{background:rgba(var(--rgb-red-350),.15);border:1px solid rgba(var(--rgb-red-350),.4);border-radius:var(--radius-sm);color:var(--red-300);cursor:pointer;font-size:1rem;padding:6px 10px;transition:all .2s ease}.btn-undo-point:hover{background:rgba(var(--rgb-red-350),.3);transform:scale(1.05)}.btn-text-link{background:none;border:none;color:rgba(var(--rgb-white),.55);cursor:pointer;font-size:.85rem;margin-top:18px;padding:6px 10px;text-decoration:underline}.btn-text-link:hover{color:var(--white)}@media (max-width:600px){.btn-exit{font-size:.75rem;padding:0 10px;white-space:nowrap}.btn-judge{flex-grow:1;padding:12px 5px!important;width:45%!important}}.btn-join-game{background:rgba(var(--rgb-white),.08);border:2px solid var(--primary);border-radius:var(--radius-pill-50);box-sizing:border-box;color:var(--white);cursor:pointer;font-size:1.15rem;font-weight:var(--weight-extrabold);letter-spacing:.5px;margin:24px auto 8px;max-width:340px;padding:18px 28px;transition:background .2s ease,transform .15s ease;width:100%}.btn-join-game:hover{background:rgba(var(--rgb-primary),.18);transform:translateY(-2px)}.btn-kick:hover{opacity:1}.btn-join-game:disabled:hover,.btn-main:disabled:hover{background:linear-gradient(135deg,var(--green-450) 0,var(--primary) 100%);box-shadow:none;transform:none}.btn-buzzer{background:radial-gradient(circle at 38% 32%,var(--red-250-2) 0,var(--secondary) 45%,var(--red-550) 100%);border:none;border-radius:var(--radius-round);box-shadow:0 14px 0 var(--red-650),0 22px 40px rgba(var(--rgb-secondary),.4);color:var(--white);cursor:pointer;font-size:1.8rem;font-weight:var(--weight-black);height:min(200px,60vw);letter-spacing:1px;touch-action:manipulation;transition:transform .06s ease,box-shadow .06s ease;user-select:none;-webkit-user-select:none;width:min(200px,60vw)}.btn-buzzer:active{box-shadow:0 4px 0 var(--red-650),0 8px 18px rgba(var(--rgb-secondary),.3);transform:translateY(10px)}.btn-buzzer:disabled{background:radial-gradient(circle at 38% 32%,var(--neutral-700) 0,var(--neutral-800) 60%,var(--neutral-850) 100%);box-shadow:0 10px 0 var(--neutral-900);color:rgba(var(--rgb-white),.35);cursor:not-allowed;transform:none}.btn-reveal{background:var(--white);border:none;border-radius:var(--radius-md-2);box-shadow:0 5px 0 var(--neutral-250);color:var(--black);cursor:pointer;font-size:1.05rem;font-weight:var(--weight-black);letter-spacing:.5px;padding:16px;width:100%}.btn-reveal:active{box-shadow:0 2px 0 var(--neutral-250);transform:translateY(3px)}.btn-correct,.btn-wrong{border:none;border-radius:var(--radius-md-2);cursor:pointer;flex:1 1;font-size:1rem;font-weight:var(--weight-black);letter-spacing:.5px;padding:16px 10px}.btn-correct{background:var(--primary);box-shadow:0 5px 0 var(--green-700-2);color:var(--neutral-950-4)}.btn-wrong{background:rgba(var(--rgb-white),.1);border:2px solid var(--secondary);color:var(--red-150)}.btn-correct:active,.btn-wrong:active{transform:translateY(3px)}.btn-skip-round{background:#0000;border:1px solid rgba(var(--rgb-white),.25);border-radius:var(--radius-md);color:rgba(var(--rgb-white),.7);cursor:pointer;font-size:.8rem;font-weight:var(--weight-bold);letter-spacing:.5px;margin-top:14px;padding:10px 16px}.btn-skip-round:hover{border-color:rgba(var(--rgb-white),.5);color:var(--white)}@media (max-width:600px){.btn-exit{padding:0 12px}}.btn-exit{gap:5px}.btn-abmelden{align-items:center;background:#0000;border:1px solid rgba(var(--rgb-red-350-2),.45);border-radius:var(--radius-pill);color:rgba(var(--rgb-red-250),.95);cursor:pointer;display:flex;font-size:.9rem;font-weight:var(--weight-bold);gap:8px;justify-content:center;padding:11px 16px;transition:all .2s;width:100%}.btn-abmelden:hover{background:rgba(var(--rgb-red-350),.12);border-color:rgba(var(--rgb-red-350-2),.8)}.btn-toggle{align-items:center;background:rgba(var(--rgb-white),.1);border:2px solid rgba(var(--rgb-white),.2);border-radius:var(--radius-md);box-sizing:border-box;color:var(--white);cursor:pointer;display:flex;flex:1 1 auto;flex-direction:column;gap:5px;min-width:72px;padding:10px 15px;transition:all .2s}.btn-toggle.active{background:rgba(var(--rgb-green-600),.2);border-color:var(--primary)}.status-dot{background:var(--neutral-650);border-radius:var(--radius-round);height:8px;width:8px}.active .status-dot{background:var(--primary);box-shadow:0 0 10px var(--primary)}.btn-close{background:#0000;border:none;color:var(--white);cursor:pointer;font-size:1.5rem;line-height:1;opacity:.7;padding:4px 8px;transition:opacity .2s ease}.btn-close:hover{opacity:1}.glass-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:var(--glass);border:1px solid var(--glass-border);border-radius:28px;box-shadow:var(--glass-shadow);box-sizing:border-box;max-width:420px;padding:35px;text-align:center;transition:all .3s cubic-bezier(.25,.8,.25,1);width:100%}.glass-card:hover{border-color:rgba(var(--rgb-white),.25);box-shadow:0 20px 50px rgba(var(--rgb-black),.75)}.auth-error-box{background:rgba(var(--rgb-secondary),.12);border:1px solid rgba(var(--rgb-secondary),.5);border-radius:var(--radius-md);color:var(--red-150);font-size:.85rem;line-height:1.4;margin:0 auto 10px;max-width:320px;padding:12px 16px}.pause-banner{animation:slideUpIn .25s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(var(--rgb-blue-850),.97);border:1px solid rgba(var(--rgb-orange-500),.55);border-radius:var(--radius-md-2);bottom:calc(14px + env(safe-area-inset-bottom));box-shadow:0 14px 34px rgba(var(--rgb-black),.55);box-sizing:border-box;color:var(--orange-500);font-size:.9rem;font-weight:var(--weight-bold);left:50%;padding:13px 18px;position:fixed;text-align:center;transform:translateX(-50%);width:min(520px,calc(100vw - 28px));z-index:var(--z-modal-top)}.pause-banner.offline{border-color:rgba(var(--rgb-secondary),.55);color:var(--red-150)}.pause-banner.device-banner{align-items:center;display:flex;gap:12px;gap:10px;justify-content:space-between;padding:12px 14px;text-align:left}.device-banner .btn-reconnect{flex:0 0 auto;font-size:.78rem;padding:10px 14px;white-space:nowrap;width:auto}.device-banner .btn-reconnect:disabled{opacity:.6}.pause-banner.device-banner{flex-wrap:wrap;row-gap:8px}.device-banner a.btn-reconnect{align-items:center;color:var(--neutral-950-4);display:inline-flex;text-decoration:none}*,:after,:before{box-sizing:border-box}body,html{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background-color:var(--neutral-950-3);color:var(--white);font-family:var(--font-sans);margin:0;min-height:100%;overflow-x:hidden;padding:0;position:relative;-webkit-user-select:none;user-select:none;width:100%}input,select,textarea{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}#root{min-height:100dvh}body:before{background:radial-gradient(circle at 15% 15%,rgba(var(--rgb-primary),.09) 0,#0000 45%),radial-gradient(circle at 85% 85%,rgba(var(--rgb-purple-400),.09) 0,#0000 45%),radial-gradient(circle at center,var(--blue-850-2) 0,var(--neutral-950-3) 100%);content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}.container{align-items:center;background-color:initial;box-sizing:border-box;display:flex;flex-direction:column;max-width:100vw;min-height:100dvh;overflow-x:hidden;padding:16px 15px calc(16px + env(safe-area-inset-bottom));width:100%}.center{align-items:center;justify-content:center;justify-content:safe center;text-align:center}.center>*{flex-shrink:0}.title-glitch{background:linear-gradient(135deg,var(--white) 0,var(--green-150) 50%,var(--primary) 100%);-webkit-background-clip:text;filter:drop-shadow(0 4px 15px rgba(var(--rgb-primary),.35));font-size:3.6rem;font-weight:var(--weight-black);letter-spacing:-1px;margin-bottom:0;text-transform:uppercase}.title-glitch,.title-small{-webkit-text-fill-color:#0000}.title-small{background:linear-gradient(135deg,var(--white) 0,var(--primary) 100%);-webkit-background-clip:text;font-size:2.2rem;font-weight:var(--weight-extrabold);letter-spacing:-.5px;margin-bottom:20px}.pulse{animation:pulse-animation 2s infinite}.quiz-input{background:rgba(var(--rgb-black),.5);border:2px solid var(--primary);border-radius:var(--radius-md);box-sizing:border-box;color:var(--white);font-size:1.2rem;margin-bottom:20px;padding:15px;text-align:center;width:100%}.top-bar{box-sizing:border-box;flex-shrink:0;justify-content:space-between;min-height:42px;padding:10px 5px;width:100%}.top-bar,.top-bar-actions,.top-bar-left{align-items:center;display:flex;gap:10px}.btn-exit,.btn-mobile-score,.btn-settings-trigger-inline,.exit-confirm-box{align-items:center;background:rgba(var(--rgb-white),.05);border:1px solid rgba(var(--rgb-white),.2);border-radius:var(--radius-md);box-sizing:border-box;color:var(--white);cursor:pointer;display:flex;height:42px;justify-content:center;margin:0!important}.scoreboard{-ms-overflow-style:none;display:flex;gap:15px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.scoreboard::-webkit-scrollbar{display:none}.game-area{align-items:center;display:flex;flex:1 0 auto;flex-direction:column;justify-content:center;min-height:0;width:100%}.judge-secondary-buttons .btn-main{box-shadow:0 4px 0 var(--green-700-2);font-size:1rem;padding:12px 25px;width:auto}.btn-judge.klein{background:rgba(var(--rgb-white),.08);border:1px solid rgba(var(--rgb-white),.18);border-radius:9px;color:rgba(var(--rgb-white),.85);font-size:.85rem;min-width:0;padding:7px 12px}.btn-judge.klein.voted{background:var(--primary);border-color:var(--primary);color:var(--green-900);font-weight:var(--weight-bold)}.btn-next{background:none;border:2px solid var(--white);border-radius:var(--radius-sm-2);color:var(--white);cursor:pointer;margin-top:20px;padding:10px 20px}.controls{flex-direction:column;flex-shrink:0;gap:15px;padding-bottom:env(safe-area-inset-bottom);position:relative;width:100%;z-index:var(--z-header)}.controls,.solution-overlay{align-items:center;display:flex}.solution-overlay{animation:fadeIn .3s ease-out;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:rgba(var(--rgb-black),.85);inset:0;justify-content:center;position:fixed;transform:translateZ(0);user-select:none;-webkit-user-select:none;will-change:opacity,backdrop-filter;z-index:var(--z-overlay)}.overlay-label{color:var(--primary);font-size:1.2rem;letter-spacing:3px}.song-title{word-wrap:break-word;font-size:clamp(1.2rem,5vw,2.5rem);line-height:1.2;margin:10px 0;max-width:90vw}.artist-name{font-size:2rem;opacity:.8}.song-year{color:var(--secondary);font-size:1.5rem;margin-top:10px}.solve-action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px;width:100%}.solve-action-buttons button{margin:5px 0}.btn-wide-ghost{background:rgba(var(--rgb-white),.08);border:1px solid rgba(var(--rgb-white),.22);border-radius:var(--radius-md-2);box-sizing:border-box;color:var(--white);cursor:pointer;font-size:1rem;font-weight:var(--weight-bold);letter-spacing:.5px;padding:14px 20px;transition:background .2s ease,border-color .2s ease;width:100%}.btn-wide-ghost:hover{background:rgba(var(--rgb-white),.14);border-color:rgba(var(--rgb-white),.4)}.btn-small-outline.fail{border-color:var(--secondary);color:var(--secondary)}.btn-judge:active{background:var(--white);color:var(--primary);transform:scale(.95)}.btn-judge.voted{background:var(--neutral-650);cursor:not-allowed;opacity:.7}.section-title{font-size:.9rem;letter-spacing:1px;margin-bottom:10px;opacity:.7}@media (max-width:480px){.judge-secondary-buttons button{width:100%}}.btn-settings-trigger-inline{background:rgba(var(--rgb-white),.05);border:1px solid rgba(var(--rgb-white),.2);width:40px}.settings-modal-overlay{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(var(--rgb-black),.8);box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:var(--z-modal)}.settings-modal-content{background:var(--blue-850-2);border:1px solid var(--primary);border-radius:25px;box-sizing:border-box;max-height:100%;max-width:350px;overflow-y:auto;overscroll-behavior:contain;padding:30px;text-align:center;width:100%}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(var(--rgb-black),.8);inset:0;justify-content:center;padding:20px;position:fixed;z-index:var(--z-modal)}.history-modal,.modal-overlay{box-sizing:border-box;display:flex}.history-modal{background:var(--blue-850);border:1px solid rgba(var(--rgb-white),.18);border-radius:var(--radius-2xl);box-shadow:var(--shadow-modal-soft);flex-direction:column;max-height:min(80vh,100%);max-width:580px;overflow:hidden;padding:25px;width:100%}.history-modal-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px}.reassign-select{background:rgba(var(--rgb-black),.5);border:1px solid rgba(var(--rgb-white),.25);border-radius:var(--radius-sm);color:var(--white);cursor:pointer;font-size:.85rem;outline:none;padding:6px 8px}.reassign-select:hover{border-color:var(--primary)}.mini-solution-board{word-wrap:break-word;align-items:center;align-self:center;background:rgba(var(--rgb-green-600),.2);border:1px solid var(--primary);border-radius:var(--radius-xl);box-sizing:border-box;display:flex!important;flex-direction:column;margin-bottom:15px;margin-left:auto!important;margin-right:auto!important;max-width:90%;min-width:280px;padding:15px;text-align:center;width:-webkit-fit-content;width:fit-content}.dev-mode-notice strong{color:var(--gold-500-2);display:block;font-size:.95rem;margin-bottom:5px}.login-btn{box-shadow:0 0 20px rgba(var(--rgb-green-600),.4);margin-top:10px}.container.has-reauth-banner{padding-bottom:calc(120px + env(safe-area-inset-bottom))}@media (max-width:600px){.container.has-reauth-banner{padding-bottom:calc(150px + env(safe-area-inset-bottom))!important}}.btn-reconnect{background:var(--primary);border:none;border-radius:var(--radius-md);color:var(--neutral-950-4);cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:var(--weight-extrabold);letter-spacing:.5px;padding:12px 18px}.btn-reconnect:hover{background:var(--green-400)}.solution-cover{border-radius:var(--radius-sm-2);display:block;height:120px;margin:0 auto 10px;object-fit:cover;width:120px}.desktop-only{display:flex}.mobile-only{display:none}.btn-mobile-score{background:rgba(var(--rgb-white),.1);font-size:1.3rem;width:48px}.status-lamp{border-radius:var(--radius-round);display:inline-block!important;flex-shrink:0;height:12px!important;width:12px!important}.exit-confirm-wrapper .btn-confirm-no,.exit-confirm-wrapper .btn-confirm-yes{border:none;border-radius:var(--radius-xs);cursor:pointer;font-size:.65rem;height:22px;padding:0 10px}.exit-confirm-wrapper .btn-confirm-no{background:rgba(var(--rgb-white),.2);color:var(--white)}@media (max-width:600px){.container{padding-bottom:15px!important}.game-area{display:flex;flex:1 0 auto;flex-direction:column;justify-content:flex-start;padding-top:20px;width:100%}.desktop-only{display:none}.mobile-only{display:block}.top-bar{align-items:center;gap:8px;padding:0 5px}.top-bar-actions{flex:1 1;min-width:0}.btn-settings-trigger{display:none}.btn-settings-trigger-inline{flex-shrink:0;margin-top:0}.history-modal{border-radius:var(--radius-xl);max-height:100%;padding:18px 16px}.reassign-select{flex:1 1;min-width:0}.btn-reconnect{padding:14px;width:100%}.title-glitch{font-size:2rem!important}.hide-on-mobile{display:none!important}.solve-action-buttons{display:flex;flex-direction:column;gap:8px;margin-top:0;width:100%}.judge-secondary-buttons button,.solve-action-buttons button{width:100%}.player-input-row,.quiz-input{box-sizing:border-box;width:100%}}.join-hint{font-size:.82rem;margin:0 auto 4px;max-width:320px;opacity:.6}.login-divider{align-items:center;display:flex;font-size:.72rem;gap:12px;letter-spacing:1px;margin:22px auto 4px;max-width:340px;opacity:.45;text-transform:uppercase;width:100%}.login-divider:after,.login-divider:before{background:rgba(var(--rgb-white),.25);content:"";flex:1 1;height:1px}.lobby-card{margin-bottom:18px;padding:22px}.lobby-player{align-items:center;animation:fadeIn .25s ease-out;background:rgba(var(--rgb-white),.06);border:1px solid rgba(var(--rgb-white),.1);border-radius:var(--radius-md);display:flex;gap:10px;padding:11px 14px;text-align:left}.lobby-player.me{background:rgba(var(--rgb-primary),.1);border-color:rgba(var(--rgb-primary),.5)}.lobby-player.offline{opacity:.5}.lobby-dot{background:var(--primary);border-radius:var(--radius-round);box-shadow:0 0 8px var(--primary);flex-shrink:0;height:9px;width:9px}.lobby-offline-tag,.lobby-you{border-radius:var(--radius-xl);flex-shrink:0;font-size:.65rem;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.btn-kick{background:#0000;border:none;color:var(--secondary);cursor:pointer;flex-shrink:0;font-size:1rem;opacity:.65;padding:4px 6px}.lobby-waiting{font-size:.95rem;margin:8px 0;opacity:.75}.btn-join-game:disabled,.btn-main:disabled{box-shadow:none;cursor:not-allowed;filter:grayscale(.6);opacity:.4;transform:none}.player-score-chip{align-items:center;background:rgba(var(--rgb-black),.4);border:1px solid rgba(var(--rgb-white),.12);border-radius:30px;display:flex;flex:0 0 auto;gap:8px;padding:8px 14px;position:relative}.player-score-chip.me{background:rgba(var(--rgb-primary),.14);border-color:var(--primary)}.player-phase-hint{font-size:.95rem;letter-spacing:.5px;margin:14px 0 0;min-height:1.4em;opacity:.7}.final-rank{flex-shrink:0;font-size:1.1rem;min-width:32px;text-align:center}.buzzer-area{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:12px;margin:18px auto 0;max-width:420px;width:100%}.buzzer-note{font-size:.9rem;line-height:1.45;margin:0;opacity:.8;text-align:center}.solution-reveal{background:rgba(var(--rgb-green-600),.16);border:1px solid var(--primary);border-radius:var(--radius-lg);box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:16px;text-align:center;width:100%}.reveal-title{font-size:1.2rem}.reveal-artist{font-size:.95rem;opacity:.9}.reveal-meta{font-size:.8rem;font-style:italic;opacity:.65}.room-chip{align-items:center;background:rgba(var(--rgb-black),.4);border:1px solid rgba(var(--rgb-white),.18);border-radius:var(--radius-md);color:var(--primary);display:flex;flex-shrink:0;font-family:var(--font-mono);font-size:.85rem;font-weight:var(--weight-extrabold);height:42px;letter-spacing:.12em;padding:0 12px}.room-chip.connecting,.room-chip.reconnecting{border-color:rgba(var(--rgb-orange-500),.5);color:var(--orange-500)}.floor-modal .btn-reveal,.floor-modal .self-report{margin-top:0}.settings-room{background:rgba(var(--rgb-black),.25);border:1px solid rgba(var(--rgb-white),.1);border-radius:var(--radius-lg);padding:16px;text-align:center}.btn-exit.btn-icon-only{flex-shrink:0;font-size:1.15rem;min-width:42px;padding:0;width:42px}.player-screen .game-area{flex:1 1 auto;gap:0;justify-content:center;min-height:0}.player-screen .current-task-overlay{flex-shrink:0;margin-bottom:4px}.player-screen .timer-display{flex-shrink:0;font-size:1.5rem!important;margin:2px 0!important}.player-screen .vinyl-wrapper{flex:0 1 auto;height:min(200px,34vh,52vw);margin:6px auto;max-height:34vh;min-height:0;width:min(200px,34vh,52vw)}.player-screen .buzzer-area{flex-shrink:0;margin-top:10px}@media (max-height:640px){.player-screen .vinyl-wrapper{height:min(140px,26vh,40vw);width:min(140px,26vh,40vw)}.player-screen .btn-buzzer{font-size:1.4rem;height:min(150px,44vw);width:min(150px,44vw)}}.top-bar{flex-wrap:nowrap}.top-bar-actions>*{flex-shrink:0}.btn-mobile-score{flex:0 0 auto}@media (max-width:600px){.top-bar-actions{-ms-overflow-style:none;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.top-bar-actions::-webkit-scrollbar{display:none}}.floor-modal .floor-task .task-type-display{font-size:1.2rem;margin:4px 0 0}.last-solution-label{color:var(--primary);font-size:.75rem;font-weight:var(--weight-extrabold);letter-spacing:.08em;text-transform:uppercase}.device-open-spotify{box-sizing:border-box;display:block;margin-top:10px;text-align:center;text-decoration:none}.device-hint{font-size:.78rem;line-height:1.45;margin:14px 0 0;opacity:.65;text-align:left}.device-modal,.floor-modal,.history-modal,.settings-modal-content{min-width:0;overflow-x:hidden}@media (max-width:480px){.glass-card{border-radius:22px;padding:22px 18px}}.container.has-device-banner .controls{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.device-entry.hier{background:rgba(var(--rgb-primary),.12);border-color:var(--primary)}.btn-exit svg,.btn-settings-trigger-inline svg,.btn-wide-ghost svg{display:block;flex-shrink:0}.btn-mit-icon,.btn-settings-trigger-inline{align-items:center;display:flex;justify-content:center}.btn-mit-icon{gap:10px}.btn-confirm-no,.btn-confirm-yes,.btn-exit,.btn-wide-ghost{align-items:center;display:inline-flex;gap:8px;justify-content:center}.btn-exit svg,.btn-wide-ghost svg{flex-shrink:0}.top-bar-exit{align-items:center;display:flex;flex:0 0 auto;gap:8px;margin-left:auto}.jahr-eingabe{display:flex;flex-direction:column;gap:12px;width:min(320px,90vw)}.jahr-zeile{grid-gap:10px;align-items:center;background:rgba(var(--rgb-black),.35);border:1px solid rgba(var(--rgb-white),.1);border-radius:var(--radius-md);display:grid;gap:10px;grid-template-columns:1fr auto auto auto;padding:10px 14px}.controls .buzzer-note.locked{font-size:.82rem;margin-bottom:4px;opacity:.75}.judge-secondary-buttons .btn-main,.solve-action-buttons .btn-main{border-radius:var(--radius-pill-50);font-size:1.05rem;min-width:230px;padding:14px 34px;width:auto}.judge-secondary-buttons .btn-small-outline,.solve-action-buttons .btn-small-outline{background:rgba(var(--rgb-white),.04);border:1px solid rgba(var(--rgb-white),.2);border-radius:var(--radius-pill-50);box-shadow:none;color:rgba(var(--rgb-white),.78);font-size:.95rem;font-weight:var(--weight-semibold);letter-spacing:.2px;max-width:100%;min-width:230px;padding:11px 28px;width:auto}.judge-secondary-buttons .btn-small-outline:hover,.solve-action-buttons .btn-small-outline:hover{background:rgba(var(--rgb-white),.1);border-color:rgba(var(--rgb-white),.42);color:var(--white)}.controls .btn-skip-round,.judge-secondary-buttons .btn-small-outline.fail{background:#0000;border-color:rgba(var(--rgb-red-350-2),.45);color:rgba(var(--rgb-red-250),.9)}.judge-box.schmal .btn-judge.klein{flex-grow:0;padding:7px 14px!important;width:auto!important}.game-area.jahr-eingabe{justify-content:flex-start}.game-area.jahr-eingabe .player-phase-hint{margin-top:8px}.game-area.jahr-eingabe .jahr-abgegeben,.game-area.jahr-eingabe .jahr-eingabe-formular{margin-top:0}.exit-confirm-wrapper .btn-confirm-no,.exit-confirm-wrapper .btn-confirm-yes{border-radius:var(--radius-pill);font-size:.68rem;font-weight:var(--weight-extrabold);height:24px;letter-spacing:.4px;padding:0 14px}.exit-confirm-wrapper .btn-confirm-yes{background:var(--secondary);border:none;color:var(--white)}.exit-confirm-wrapper .btn-confirm-no{background:#0000;border:1px solid rgba(var(--rgb-white),.28);color:rgba(var(--rgb-white),.85)}@keyframes pulse-animation{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes lamp-pulse{0%,to{opacity:.4}50%{opacity:1}}.subtitle{color:var(--green-150);font-size:1.1rem;font-weight:var(--weight-semibold);letter-spacing:2px;text-transform:uppercase}.dev-mode-notice{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(var(--rgb-gold-500-2),.1);border:1px solid var(--gold-500-2);color:var(--neutral-50);font-size:.85rem;line-height:1.4;margin:20px auto;max-width:320px;padding:15px}.dev-mode-notice,.score-card{border-radius:15px;text-align:center}.score-card{background:rgba(var(--rgb-black),.4);border-left:4px solid var(--primary);min-width:80px;padding:10px 20px}.player-name{display:block;font-size:.7rem;opacity:.6;text-transform:uppercase}.player-score{color:var(--primary);font-size:2rem;font-weight:var(--weight-black)}.score-adjuster{align-items:center;display:flex;gap:10px;justify-content:center}.mobile-score-list{display:flex;flex-direction:column;gap:10px;max-height:50vh;overflow-y:auto;width:100%}.mobile-card{background:rgba(var(--rgb-white),.05);justify-content:space-between;width:100%}.punkte-ok{margin-top:20px;width:100%}.exit-confirm-box{background:var(--secondary);border:none;gap:5px;padding:0 5px}.exit-confirm-wrapper{align-items:center;background:rgba(var(--rgb-red-500),.15);border:1px solid rgba(var(--rgb-white),.1);border-radius:var(--radius-md);box-sizing:border-box;display:flex;flex-direction:column;gap:2px;height:42px;justify-content:center}.exit-confirm-wrapper .exit-confirm-box{background:#0000;height:22px}.exit-text{color:var(--red-350-2);font-size:.6rem;font-weight:var(--weight-extrabold);letter-spacing:.5px;line-height:1;text-transform:uppercase;white-space:nowrap}.exit-confirm-wrapper{background:rgba(var(--rgb-neutral-950-6),.96);border:1px solid rgba(var(--rgb-white),.14);border-radius:var(--radius-md-2);box-shadow:0 6px 18px rgba(var(--rgb-black),.45);gap:4px;padding:4px 10px}.exit-confirm-wrapper .exit-text{font-size:.66rem;font-weight:var(--weight-bold);letter-spacing:.3px;opacity:.85;white-space:nowrap}.exit-confirm-wrapper .exit-confirm-box{border:none;gap:6px}.judge-area-wrapper{gap:15px}.judge-area-wrapper,.judge-box{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.judge-box{background:rgba(var(--rgb-black),.6);border:1px solid var(--primary);border-radius:25px;box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:500px;padding:20px}.judge-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:15px auto 0;width:100%}.judge-title{margin-bottom:15px;text-align:center;width:100%}.judge-box.schmal{background:rgba(var(--rgb-black),.45);border-color:rgba(var(--rgb-green-600),.45);border-radius:var(--radius-lg);padding:12px 14px}.judge-box.schmal .judge-title{font-size:.95rem;font-weight:var(--weight-semibold);margin-bottom:4px;opacity:.9}.judge-name{color:var(--primary)}.judge-box.schmal .judge-buttons{gap:6px;margin-top:10px}.judge-plus{color:var(--primary);font-weight:var(--weight-bold);margin-left:6px}.judge-secondary-buttons{align-items:center;display:flex;flex-direction:column;gap:15px;margin:25px auto 0;width:100%}@media (max-width:480px){.judge-secondary-buttons{flex-direction:column;gap:10px}}@media (max-width:600px){.judge-area-wrapper{align-items:center;display:flex;flex:1 0 auto;flex-direction:column;gap:15px;justify-content:flex-end;width:100%}.judge-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:0;width:100%}.judge-secondary-buttons{display:flex;flex-direction:column;gap:8px;margin:0;width:100%}}.judge-weiter{margin-top:20px;width:100%}.task-label{color:var(--primary);font-size:1.2rem;margin:0;margin-bottom:0!important;opacity:.8}.task-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px;text-align:center;width:100%}.task-desc-highlight{-webkit-text-fill-color:#0000;word-wrap:normal;background:linear-gradient(90deg,var(--white),var(--neutral-200));background-clip:text;-webkit-background-clip:text;font-size:2.5rem;font-weight:var(--weight-extrabold);-webkit-hyphens:none;hyphens:none;margin:20px 0;text-align:center;width:100%;word-break:normal}@media (max-width:600px){.task-desc-highlight{font-size:1.6rem!important;-webkit-hyphens:none;hyphens:none;line-height:1.2;margin-bottom:60px;margin-top:5px;width:100%;word-break:normal}.task-screen{flex:1 1;gap:0;justify-content:center;margin-top:0}}.vinyl-wrapper{align-items:center;border-radius:var(--radius-round);display:flex;flex:0 1 auto;height:min(280px,34vh);justify-content:center;margin:10px auto 20px;max-height:40vh;min-height:0;position:relative;transition:box-shadow .5s ease;width:min(280px,34vh);z-index:1}.vinyl-wrapper:after{background:linear-gradient(115deg,rgba(var(--rgb-white),.16) 0,rgba(var(--rgb-white),.04) 18%,rgba(var(--rgb-white),0) 38%,rgba(var(--rgb-white),0) 62%,rgba(var(--rgb-white),.05) 82%,rgba(var(--rgb-white),.14) 100%);border-radius:var(--radius-round);content:"";inset:0;pointer-events:none;position:absolute;z-index:var(--z-sticky)}.vinyl-record{align-items:center;background:radial-gradient(circle at 50% 50%,var(--neutral-900-2) 0,var(--neutral-950-5) 62%,var(--neutral-950) 100%);border-radius:var(--radius-round);box-shadow:0 18px 45px rgba(var(--rgb-black),.75),inset 0 0 0 1px rgba(var(--rgb-white),.07),inset 0 0 30px rgba(var(--rgb-black),.9);display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;transition:box-shadow .4s ease;width:100%}.vinyl-grooves{background:repeating-radial-gradient(circle at 50% 50%,hsla(0,0%,100%,.045) 0,hsla(0,0%,100%,.045) .5px,#00000080 1.5px,#00000080 3px);inset:0;-webkit-mask-image:radial-gradient(circle at 50% 50%,#0000 25%,#000 30%,#000 95%,#0000 99%);mask-image:radial-gradient(circle at 50% 50%,#0000 25%,#000 30%,#000 95%,#0000 99%);opacity:.85}.vinyl-grooves,.vinyl-label{border-radius:var(--radius-round);position:absolute}.vinyl-label{align-items:center;background:repeating-radial-gradient(circle at 50% 50%,#00000017 0,#00000017 1px,#0000 2px,#0000 5px),linear-gradient(150deg,var(--green-700) 0,var(--green-800) 55%,var(--green-850) 100%);box-shadow:inset 0 0 0 1px rgba(var(--rgb-white),.14),inset 0 6px 14px rgba(var(--rgb-black),.35),0 0 0 1px rgba(var(--rgb-black),.6);display:flex;height:36%;justify-content:center;width:36%;z-index:var(--z-raised)}.vinyl-center-hole{background:var(--neutral-950-2);border-radius:var(--radius-round);box-shadow:inset 0 1px 2px rgba(var(--rgb-black),.9),0 0 0 1px rgba(var(--rgb-white),.1);height:13%;min-height:10px;min-width:10px;width:13%}.vinyl-wrapper.is-playing{box-shadow:0 0 60px rgba(var(--rgb-primary),.22),0 0 120px rgba(var(--rgb-primary),.09)}.is-playing .vinyl-record{animation:spin 2.5s linear infinite;box-shadow:0 18px 45px rgba(var(--rgb-black),.75),inset 0 0 0 1px rgba(var(--rgb-primary),.22),inset 0 0 30px rgba(var(--rgb-black),.9)}@media (prefers-reduced-motion:reduce){.is-playing .vinyl-record{animation-duration:8s}}@media (max-width:600px){.vinyl-wrapper{align-items:center;display:flex;flex:0 0 auto;height:min(220px,32vh);justify-content:center;margin:10px auto;max-height:32vh;width:min(220px,32vh)}}.player-input-row{align-items:center;display:flex;gap:10px}.hint-text{background:rgba(var(--rgb-green-600),.1);border-left:3px solid var(--primary);border-radius:var(--radius-sm-2);color:var(--neutral-200);font-size:.9rem;line-height:1.4;margin-bottom:20px;padding:15px;text-align:left}.task-toggle-area{background:rgba(var(--rgb-white),.05);border-radius:var(--radius-xl);margin-bottom:30px;padding:15px}.toggle-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.mode-group{gap:10px}.mode-toggle{flex:1 1 140px;gap:4px;padding:14px 12px}.mode-title{font-size:.95rem;font-weight:var(--weight-extrabold)}.mode-sub{font-size:.72rem;line-height:1.25;opacity:.7;text-align:center}.setup-anleitung{font-size:.9rem;margin:10px 0;padding-left:20px;text-align:left}.setup-buzzer-hinweis,.setup-modus,.setup-spieler-neu{margin-bottom:20px}.setup-zeitlimit{margin-top:20px;text-align:left}.setup-zeitlimit-auswahl{cursor:pointer;width:100%}.start-btn{background:linear-gradient(135deg,var(--green-450) 0,var(--primary) 100%);box-shadow:0 12px 30px rgba(var(--rgb-primary),.5),0 8px 0 var(--green-700-2);color:var(--black)}.start-btn:hover{box-shadow:0 18px 40px rgba(var(--rgb-primary),.7),0 10px 0 var(--green-700-2)}.stop-btn{background:linear-gradient(135deg,var(--red-300) 0,var(--secondary) 100%);box-shadow:0 12px 30px rgba(var(--rgb-secondary),.5),0 8px 0 var(--red-600);color:var(--white)}.stop-btn:hover{box-shadow:0 18px 40px rgba(var(--rgb-primary),.7),0 10px 0 var(--red-600)}.solution-trigger-button{background:var(--white);border-radius:var(--radius-xl);box-shadow:0 6px 0 var(--neutral-200);color:var(--black);cursor:pointer;font-size:1.2rem;font-weight:var(--weight-black);padding:20px 40px;touch-action:none;user-select:none;-webkit-user-select:none}.solution-trigger-button:active{box-shadow:0 3px 0 var(--neutral-200);transform:translateY(3px)}.post-round-controls{align-items:center;display:flex;flex-direction:column;gap:20px}@media (max-width:600px){.controls{margin-bottom:0!important;margin-top:auto;padding-bottom:calc(10px + env(safe-area-inset-bottom));width:100%}.post-round-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;width:100%}.solution-trigger-button{align-items:center;box-sizing:border-box;display:flex;font-size:1.1rem;justify-content:center;margin-bottom:5px;padding:12px 10px;text-align:center;width:100%}}.game-area.jahr-eingabe .controls{gap:12px;margin-top:18px}.loesung-halten-knopf{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;z-index:200}.overlay-content{pointer-events:auto;text-align:center}.wiederholung{background:rgba(var(--rgb-black),.95);z-index:5000}.wiederholung-inhalt{text-align:center}.wiederholung-titel{color:var(--secondary)}.wiederholung-knoepfe{display:flex;flex-direction:column;gap:15px;margin-top:30px}.timer-display{color:var(--secondary);display:flex;font-size:3rem;font-weight:var(--weight-black);font-weight:var(--weight-bold);justify-content:center;margin-bottom:10px;margin-bottom:20px;text-align:center;text-shadow:0 0 15px rgba(var(--rgb-secondary),.5);text-shadow:0 0 10px rgba(var(--rgb-secondary),.6);width:100%}@media (max-width:600px){.timer-display{font-size:1.5rem!important;margin-bottom:5px;margin-top:5px}}.current-task-overlay{animation:fadeIn .5s ease-out;margin-bottom:20px;text-align:center}.task-mini-label{color:var(--primary);display:block;font-size:.8rem;letter-spacing:2px;margin-bottom:5px;opacity:.8}.task-type-display{color:var(--white);font-size:1.8rem;margin:0;text-shadow:0 0 10px rgba(var(--rgb-white),.2);text-transform:uppercase}@media (max-width:600px){.current-task-overlay{margin-bottom:5px}}.device-modal{background:var(--blue-850);border:1px solid rgba(var(--rgb-white),.18);border-radius:var(--radius-2xl);box-shadow:var(--shadow-modal-soft);box-sizing:border-box;max-height:min(80vh,100%);max-width:460px;overflow-y:auto;overscroll-behavior:contain;padding:25px;width:100%}.device-list,.device-modal{display:flex;flex-direction:column}.device-list{gap:10px}.device-name{font-size:1rem;font-weight:var(--weight-bold)}.device-meta{font-size:.78rem;opacity:.65;text-transform:capitalize}.device-empty{line-height:1.5;padding:10px 0 0;text-align:center}.geraete-fehler{margin:0 0 14px;max-width:none}.geraete-suche{opacity:.7;padding:20px 0;text-align:center}.geraete-leer-titel{margin-top:0}.geraete-leer-text{font-size:.85rem;opacity:.75}.geraete-sdk-fehler{color:var(--orange-500)}.geraete-neu-verbinden{margin-top:8px}.geraete-erneut{margin-top:16px}.geraete-protokoll{margin-top:10px;width:100%}.status-lamp-container.actionable{border-color:rgba(var(--rgb-white),.3);cursor:pointer}.status-lamp-container.actionable:hover{background:rgba(var(--rgb-black),.6)!important}.status-lamp-action{border-left:1px solid rgba(var(--rgb-white),.2);color:var(--primary);font-size:.65rem;font-weight:var(--weight-extrabold);letter-spacing:.5px;padding-left:10px;text-transform:uppercase;white-space:nowrap}.status-lamp-container{align-items:center;background:rgba(var(--rgb-black),.4)!important;border:1px solid rgba(var(--rgb-white),.1);border-radius:30px;display:flex!important;flex-direction:row;gap:10px;justify-content:center;margin:15px auto;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.status-lamp.RECONNECTING{animation:lamp-pulse .9s ease-in-out infinite;background-color:var(--orange-500)!important;box-shadow:0 0 10px var(--orange-500)}.status-lamp.CHECKING,.status-lamp.OFFLINE{background-color:var(--neutral-400)!important;box-shadow:0 0 8px rgba(var(--rgb-neutral-400),.6)}.status-lamp.CHECKING{animation:lamp-pulse 1.2s ease-in-out infinite}.status-lamp.CONNECTED{background-color:var(--green-600)!important;box-shadow:0 0 10px var(--green-600)}.status-lamp.NO_DEVICE{background-color:var(--orange-500)!important;box-shadow:0 0 10px var(--orange-500)}.status-lamp.DISCONNECTED{background-color:var(--red-500)!important;box-shadow:0 0 10px var(--red-500)}.status-lamp-text{color:var(--white)!important;font-size:.75rem!important;font-weight:var(--weight-bold);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.status-lamp-container{border-radius:var(--radius-xl);box-sizing:border-box;flex-wrap:wrap;max-width:100%;row-gap:4px;width:auto}.status-lamp-text{min-width:0;overflow-wrap:anywhere;white-space:normal}.status-lamp-action{border-left:none;padding-left:0}.history-list{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:5px}.history-entry{align-items:center;background:rgba(var(--rgb-white),.06);border:1px solid rgba(var(--rgb-white),.1);border-radius:var(--radius-md-2);display:flex;gap:12px;justify-content:space-between;padding:12px 16px;transition:background .2s ease,transform .2s ease}.history-entry:hover{background:rgba(var(--rgb-white),.1)}.history-entry-meta{display:flex;flex-direction:column;font-size:.8rem;min-width:70px;opacity:.7}.history-round{color:var(--secondary);font-weight:var(--weight-bold)}.history-entry-content{flex:1 1;text-align:left}.history-song-info{color:var(--white);font-size:.95rem;margin-bottom:4px}.history-winner{color:rgba(var(--rgb-white),.85);font-size:.85rem}.history-entry-actions{align-items:center;display:flex;gap:8px}@media (max-width:600px){.history-entry{align-items:stretch;flex-direction:column;gap:8px;padding:12px}.history-entry-meta{flex-direction:row;min-width:0}.history-entry-actions,.history-entry-meta{justify-content:space-between}}.history-winner.none{opacity:.7}.history-leer{opacity:.7;padding:30px 0;text-align:center}.history-jahr{opacity:.7}.history-gewinner-name{color:var(--secondary)}.toggle-group-vertical{display:flex;flex-direction:column;gap:10px}.room-chip.inline{border-radius:var(--radius-sm);font-size:.8rem;height:auto;padding:3px 9px}.settings-titel{font-size:1.05rem;letter-spacing:1.2px;margin:0 0 16px;opacity:.9;text-align:center}.settings-raumcode{margin:12px 0 4px}.settings-block{border-top:1px solid rgba(var(--rgb-white),.08);margin-top:22px;padding-top:18px;text-align:left}.settings-label{align-items:baseline;color:rgba(var(--rgb-white),.55);display:flex;font-size:.72rem;font-weight:var(--weight-bold);gap:8px;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.settings-label-hinweis{font-size:.68rem;font-weight:var(--weight-medium);letter-spacing:0;opacity:.65;text-transform:none}.settings-select{background:rgba(var(--rgb-white),.06);border:1px solid rgba(var(--rgb-white),.14);border-radius:var(--radius-md);color:var(--white);cursor:pointer;font-size:.95rem;padding:12px 14px;width:100%}.settings-spieler{display:flex;flex-direction:column;gap:8px}.settings-spieler-zeile{align-items:stretch;display:flex;gap:8px}.settings-input{background:rgba(var(--rgb-white),.06);border:1px solid rgba(var(--rgb-white),.1);border-radius:var(--radius-sm-2);color:var(--white);flex:1 1;font-size:.95rem;min-width:0;padding:10px 12px}.settings-input[readonly]{background:rgba(var(--rgb-white),.03);color:rgba(var(--rgb-white),.75)}.settings-punkte{align-items:center;background:rgba(var(--rgb-black),.35);border-radius:var(--radius-sm-2);color:var(--primary);display:flex;font-weight:var(--weight-bold);justify-content:center;min-width:44px;padding:0 10px}.settings-spieler-neu{margin-top:2px;width:100%}.settings-fertig{font-size:1.05rem;margin-top:24px;padding:14px 20px;width:100%}.settings-abmelden{border-top:1px solid rgba(var(--rgb-white),.08);margin-top:26px;padding-top:18px;text-align:center}.settings-fusszeile{color:rgba(var(--rgb-white),.4);font-size:.7rem;line-height:1.5;margin:10px 0 0}.einstellungen-scroll{max-height:85vh;overflow-y:auto}.reauth-banner{align-items:center;animation:slideUpIn .25s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(var(--rgb-blue-850),.97);border:1px solid rgba(var(--rgb-orange-500),.55);border-radius:var(--radius-lg);bottom:calc(16px + env(safe-area-inset-bottom));box-shadow:0 18px 40px rgba(var(--rgb-black),.6);box-sizing:border-box;display:flex;gap:14px;justify-content:space-between;left:50%;padding:14px 18px;position:fixed;transform:translateX(-50%);width:min(520px,calc(100vw - 32px));z-index:var(--z-modal-top)}.reauth-text{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}.reauth-text strong{color:var(--orange-500);font-size:.95rem}.reauth-text span{font-size:.78rem;opacity:.75}@media (max-width:600px){.reauth-banner{align-items:stretch;flex-direction:column;gap:10px;padding:14px}.reauth-text{text-align:center}}.podium-container{align-items:flex-end;display:flex;gap:10px;height:250px;justify-content:center;margin:20px 0;max-width:500px;width:100%}.podium-place{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end;text-align:center}.podium-player-name{color:var(--white);font-size:.9rem;font-weight:var(--weight-bold);margin-bottom:5px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-pillar{border:1px solid rgba(var(--rgb-white),.1);border-radius:8px 8px 0 0;box-shadow:0 5px 15px rgba(var(--rgb-black),.5);display:flex;justify-content:center;padding-top:5px;width:100%}.podium-score{color:rgba(var(--rgb-black),.6);font-weight:var(--weight-extrabold)}.podium-place.first .podium-pillar{background:linear-gradient(135deg,var(--gold-500),var(--orange-400));height:60%}.podium-place.second .podium-pillar{background:linear-gradient(135deg,var(--neutral-100),var(--neutral-300));height:40%}.podium-place.third .podium-pillar{background:linear-gradient(135deg,var(--orange-500-2),var(--orange-600));height:25%}.winner-crown{animation:float 2s infinite;font-size:2rem;margin-bottom:-5px}.rest-list{max-height:20vh;max-width:400px;overflow-y:auto;width:100%}.rest-row{border-bottom:1px solid rgba(var(--rgb-white),.1);display:flex;justify-content:space-between;padding:8px}.podium-player-name.ich,.rest-row.ich .rest-name{color:var(--primary)}.join-lead{font-size:1rem;line-height:1.5;margin:0 0 16px}.code-input{font-feature-settings:"tnum";font-size:2.4rem!important;font-variant-numeric:tabular-nums;font-weight:var(--weight-black);letter-spacing:.5em;text-indent:.5em;text-transform:uppercase}.code-inline{color:var(--primary);font-family:var(--font-mono);letter-spacing:.15em}.rejoin-block{border-top:1px solid rgba(var(--rgb-white),.12);margin-top:22px;padding-top:16px}.rejoin-lead{font-size:.82rem;margin:0 0 10px;opacity:.7}.rejoin-btn{margin-bottom:8px;width:100%}.rejoin-hinweis{font-size:.78rem;margin:12px 0 0;opacity:.55;text-align:center}.room-status{background:rgba(var(--rgb-black),.4);border:1px solid rgba(var(--rgb-white),.12);border-radius:var(--radius-xl);font-size:.72rem;font-weight:var(--weight-extrabold);letter-spacing:.5px;margin-bottom:14px;padding:6px 14px;text-transform:uppercase}.room-status.connected{color:var(--primary)}.room-status.connecting,.room-status.reconnecting{color:var(--orange-500)}.lobby-lead{font-size:.9rem;margin:0 0 16px;opacity:.8}.lobby-empty{font-size:.9rem;margin:0;opacity:.6;padding:12px 0}.lobby-players{display:flex;flex-direction:column;gap:8px}.lobby-player.offline .lobby-dot{background:var(--neutral-400);box-shadow:none}.lobby-name{flex:1 1;font-weight:var(--weight-bold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-you{background:var(--primary);color:var(--neutral-950-4);font-weight:var(--weight-extrabold)}.lobby-offline-tag{background:rgba(var(--rgb-white),.12);opacity:.8}.room-status.compact{align-items:center;display:flex;font-size:.9rem;height:42px;margin:0;padding:0 12px}.lobby-mitspielen{width:100%}.qr-frame{background:var(--white);border-radius:var(--radius-lg);line-height:0;margin:0 auto 16px;padding:12px;width:-webkit-fit-content;width:fit-content}.room-code{color:var(--primary);font-family:var(--font-mono);font-size:3rem;font-weight:var(--weight-black);letter-spacing:.35em;line-height:1.1;text-indent:.35em;text-shadow:0 0 24px rgba(var(--rgb-primary),.4)}.lobby-url{font-size:.85rem;margin:6px 0 0;opacity:.65}.qr-frame.qr-small{border-radius:var(--radius-md);margin-bottom:12px;padding:10px}.room-code.room-code-small{font-size:2rem;letter-spacing:.28em;text-indent:.28em}.player-scoreboard{-ms-overflow-style:none;align-items:center;display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:8px;justify-content:flex-start;min-width:0;overflow-x:auto;overflow-y:hidden;padding:2px 0;scrollbar-width:none}.player-scoreboard::-webkit-scrollbar{display:none}.player-score-chip.leader{border-color:rgba(var(--rgb-gold-500),.6);box-shadow:0 0 18px rgba(var(--rgb-gold-500),.28)}.crown{font-size:.9rem}.chip-name{font-size:.8rem;letter-spacing:.5px;max-width:110px;opacity:.85;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.chip-score{color:var(--primary);font-size:1.15rem;font-weight:var(--weight-black)}.player-scoreboard{-webkit-mask-image:linear-gradient(to right,var(--black) calc(100% - 24px),#0000 100%);mask-image:linear-gradient(to right,var(--black) calc(100% - 24px),#0000 100%)}.floor-banner{animation:fadeUpIn .2s ease-out;background:var(--primary);border-radius:var(--radius-lg);box-shadow:0 0 30px rgba(var(--rgb-primary),.35);color:var(--neutral-950-4);font-size:1.25rem;font-weight:var(--weight-black);letter-spacing:.5px;padding:14px 18px;text-align:center;width:100%}.floor-banner.other{background:rgba(var(--rgb-white),.12);border:1px solid rgba(var(--rgb-white),.2);box-shadow:none;color:var(--white)}.buzzer-note.locked{color:var(--red-150);opacity:1}.self-report{display:flex;gap:10px;width:100%}.floor-overlay{align-items:center;z-index:var(--z-toast)}.floor-modal{align-items:center;animation:fadeUpIn .2s ease-out;background:var(--blue-850);border:1px solid var(--primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-modal);box-sizing:border-box;display:flex;flex-direction:column;gap:14px;max-height:min(88vh,100%);max-width:420px;overflow-y:auto;overscroll-behavior:contain;padding:22px;width:100%}.floor-modal .mini-solution-board{margin-bottom:0;max-width:none;min-width:0;width:100%}.floor-modal .floor-task{margin:0}.floor-modal{gap:18px}.floor-modal .floor-task{margin-bottom:0}.jahr-feld{font-size:2rem;font-weight:var(--weight-extrabold);letter-spacing:.35em;padding:14px 10px;text-align:center;text-indent:.35em}.jahr-senden{margin:0;width:100%}.jahr-abgegeben{background:rgba(var(--rgb-primary),.14);border:1px solid var(--primary);border-radius:var(--radius-md-2);font-size:1.15rem;padding:12px 20px;text-align:center}.game-area.jahr-eingabe .buzzer-area{margin-top:4px}.floor-loesung-text{line-height:1.6;margin:0}.floor-loesung-titel{color:var(--white);font-size:1.4rem}.floor-loesung-interpret{font-size:1rem;opacity:.9}.floor-loesung-album{display:block;font-size:.9em;font-style:italic;margin-top:10px;opacity:.7}.room-chip.gone{border-color:rgba(var(--rgb-secondary),.6);color:var(--secondary);text-decoration:line-through}@media (max-width:600px){.btn-label-full{display:none}}.btn-label-icon{display:none}.host-scoreboard{cursor:pointer;justify-content:flex-start}@media (max-width:600px){.btn-label-icon{display:inline;font-size:1.15rem}}.top-bar.has-scoreboard .top-bar-actions{flex:0 0 auto;min-width:auto;overflow:visible}@media (max-width:600px){.top-bar.has-scoreboard .top-bar-actions{flex:0 0 auto;min-width:auto;overflow:visible}}.topbar-verlauf{background-color:rgba(var(--rgb-white),.15);border-color:rgba(var(--rgb-white),.3)}.container.player-screen{height:100dvh;min-height:0;overflow-y:auto;padding-bottom:calc(8px + env(safe-area-inset-bottom));padding-top:8px}.player-screen .top-bar-actions{flex:0 0 auto;min-width:auto}.player-screen .player-phase-hint{flex-shrink:0;margin:6px 0 0;min-height:0}.last-solution-card{align-items:center;animation:fadeIn .25s ease-out;background:rgba(var(--rgb-green-600),.16);border:1px solid var(--primary);border-radius:var(--radius-xl);box-sizing:border-box;display:flex;flex-direction:column;gap:6px;padding:18px;text-align:center;width:min(340px,88vw)}.last-solution-title{font-size:1.25rem;line-height:1.25}.last-solution-artist{font-size:.95rem;opacity:.9}.last-solution-meta{font-size:.8rem;font-style:italic;opacity:.65}.last-solution-heading{color:var(--primary);font-size:.95rem;font-weight:var(--weight-extrabold);letter-spacing:.06em;margin-bottom:10px;text-align:center;text-transform:uppercase}.spieler-ergebnis-titel{margin-bottom:10px}.spieler-ergebnis-verlauf{max-width:420px}.diag-list{background:rgba(var(--rgb-black),.35);border-radius:var(--radius-md);display:flex;flex-direction:column;font-family:var(--font-mono);font-size:.72rem;gap:2px;line-height:1.4;max-height:55vh;overflow-y:auto;overscroll-behavior:contain;padding:10px;text-align:left}.diag-entry{align-items:baseline;border-bottom:1px solid rgba(var(--rgb-white),.06);display:flex;gap:8px;padding:3px 0}.diag-time{flex-shrink:0;opacity:.55}.diag-typ{flex-shrink:0;font-size:.62rem;letter-spacing:.06em;min-width:82px;opacity:.8;text-transform:uppercase}.diag-text{min-width:0;overflow-wrap:anywhere}.diag-data{opacity:.6}.diag-count,.diag-entry.diag-netz .diag-typ,.diag-entry.diag-spotify .diag-typ{color:var(--secondary)}.diag-entry.diag-geraet .diag-typ,.diag-entry.diag-wachbleiben .diag-typ{color:var(--orange-500)}.protokoll-hinweis{margin-top:0}.protokoll-leer{opacity:.7;padding:24px 0;text-align:center}.protokoll-aktionen{margin-top:16px}.device-banner-text{flex:1 1 auto;font-size:.85rem;line-height:1.3;min-width:0}.room-modal{background:var(--blue-850);border:1px solid var(--primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-modal);box-sizing:border-box;max-height:min(90vh,100%);max-width:420px;overflow-y:auto;overscroll-behavior:contain;padding:25px;text-align:center;width:100%}.jahr-ergebnis{display:flex;flex-direction:column;gap:10px;width:min(360px,92vw)}.jahr-loesung{font-size:1.05rem;text-align:center}.jahr-loesung strong{color:var(--primary);font-size:1.5rem}.jahr-liste{display:flex;flex-direction:column;gap:6px;max-height:40vh;overflow-y:auto;overscroll-behavior:contain}.jahr-zeile.gewinner{background:rgba(var(--rgb-primary),.14);border-color:var(--primary)}.jahr-zeile.ich .jahr-name{text-decoration:underline;text-underline-offset:3px}.jahr-name{font-weight:var(--weight-bold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jahr-tipp{font-family:var(--font-mono);font-size:1.05rem}.jahr-diff{font-size:.78rem;opacity:.7;white-space:nowrap}.jahr-punkt{color:var(--primary);font-weight:var(--weight-black)}.song-loesung{align-items:center;align-self:center;display:flex;flex-direction:column}.song-loesung-hinweis{padding:20px;text-align:center}.song-loesung-laedt{font-size:1.2rem;margin:0;opacity:.9}.song-loesung-fehlt{font-size:1.05rem;margin:0;opacity:.9}.song-loesung-fehlt-detail{font-size:.85rem;margin:8px 0 0;opacity:.7}.song-loesung-text{text-align:center}.song-loesung-zeile{margin:0}.song-loesung-album{font-size:.8em;opacity:.8}.ergebnis-seite{justify-content:flex-start;padding-top:40px}.ergebnis-abmelden{background:rgba(var(--rgb-white),.1);border:1px solid rgba(var(--rgb-red-350),.5);border-radius:20px;color:var(--red-350);cursor:pointer;font-size:.7rem;font-weight:700;padding:8px 12px;position:absolute;right:15px;top:15px;z-index:10}.ergebnis-titel{margin-bottom:10px}.ergebnis-aktionen{display:flex;flex-direction:column;gap:10px;margin-bottom:30px;margin-top:auto;max-width:300px;width:100%}.ergebnis-neue-runde{margin:0;width:100%}.halten-karte{animation:none;margin:0 auto;max-width:80vw;transform:scale(1.1);width:auto}.halten-hinweis{padding:20px;text-align:center}.halten-laedt{font-size:1.2rem;margin:0;opacity:.9}.halten-fehlt{font-size:1.05rem;margin:0;opacity:.9}.halten-text-rahmen{width:100%}.halten-text{line-height:1.6;margin:0}.halten-titel{color:var(--white);font-size:1.4rem}.halten-interpret{font-size:1rem;opacity:.9}.halten-album{display:block;font-size:.9em;font-style:italic;margin-top:10px;opacity:.7}.halten-schliessen{bottom:10%;font-size:.8rem;opacity:.5;position:absolute}.modal-titel{font-size:1.3rem;margin:0}.modal-titel-gross{align-items:center;display:flex;font-size:1.4rem;gap:8px}
/*# sourceMappingURL=main.09ee313c.css.map*/