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}@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:500 800;src:url(../../static/media/manrope-latin.301f680ba4d15df9280e.woff2) format("woff2")}:root{--font-sans:"Manrope",-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(--rot);--rgb-secondary:var(--rgb-rot);--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);--bg:#0d1116;--rgb-bg:13,17,22;--bg-oben:#11171e;--bg-unten:#0b0e12;--flaeche:#161c23;--flaeche-2:#1d252e;--flaeche-3:#26303b;--linie:#28323e;--linie-2:#364350;--schatten-tief:#0a0d11;--text:#eef2f6;--text-2:#a9b4c1;--text-3:#6e7a88;--gruen:#1ed760;--gruen-hell:#46e283;--gruen-tief:#10893b;--gruen-dunkel:#04210f;--rgb-gruen:30,215,96;--rot:#ff5a5a;--rot-hell:#ff8080;--rot-tief:#b13434;--rgb-rot:255,90,90;--gold:#f5c451;--rgb-gold:245,196,81;--blau:#5aa9ff;--rgb-blau:90,169,255;--spieler-1:#5aa9ff;--spieler-2:#c49bff;--spieler-3:#ffb547;--spieler-4:#4fd1c5;--spieler-5:#ff8fab;--spieler-6:#a3e635;--spieler-7:#f97362;--spieler-8:#93a5ff;--r-s:10px;--r-m:14px;--r-l:20px;--r-xl:28px;--schatten-karte:0 18px 40px rgba(var(--rgb-black),0.45);--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)}.knopf{align-items:center;border:0;border-radius:var(--r-m);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:17px;font-weight:var(--weight-extrabold);gap:10px;justify-content:center;letter-spacing:-.005em;min-height:56px;padding:0 18px;transition:transform .08s ease,box-shadow .08s ease,opacity .2s ease;width:100%}.knopf .icon{flex-shrink:0;height:22px;width:22px}.knopf:disabled{cursor:default;opacity:.45;transform:none}.knopf.haupt{background:linear-gradient(180deg,var(--gruen-hell) 0,var(--gruen) 60%,var(--green-450) 100%);box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.4),0 4px 0 var(--gruen-tief),0 14px 28px rgba(var(--rgb-gruen),.22);color:var(--gruen-dunkel)}.knopf.haupt:active:not(:disabled){box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.4),0 1px 0 var(--gruen-tief);transform:translateY(3px)}.knopf.neben{background:var(--flaeche-2);border:1px solid var(--linie-2);box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.05),0 3px 0 var(--schatten-tief);color:var(--text)}.knopf.neben:active:not(:disabled){box-shadow:0 1px 0 var(--schatten-tief);transform:translateY(2px)}.knopf.neben.falsch{color:var(--rot-hell)}.knopf.text{background:none;color:var(--text-2);font-size:15px;font-weight:var(--weight-bold);min-height:44px}.knopf.text:active:not(:disabled){color:var(--text)}.knopf.hell{background:linear-gradient(180deg,var(--white),var(--neutral-100));box-shadow:inset 0 1px 0 var(--white),0 4px 0 var(--neutral-400),0 14px 28px rgba(var(--rgb-black),.3);color:var(--bg)}.knopf.hell:active:not(:disabled){box-shadow:0 1px 0 var(--neutral-400);transform:translateY(3px)}.knopf.halten,.knopf.hoch{min-height:64px}.knopf.halten{flex-direction:column;gap:2px;overflow:hidden;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.knopf.halten .zeile{align-items:center;display:flex;gap:10px}.knopf.halten small{color:var(--text-3);font-size:12px;font-weight:var(--weight-bold);letter-spacing:.02em}.knopf.halten:after{background:var(--blau);bottom:0;box-shadow:0 0 12px rgba(var(--rgb-blau),.6);content:"";height:3px;left:0;position:absolute;transition:width .25s ease;width:0}.knopf.halten:active:after{width:100%}.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(--bg);color:var(--text);font-family:var(--font-sans);margin:0;min-height:100%;overflow-x:hidden;overflow-x:clip;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,rgba(var(--rgb-white),.045) 1px,#0000 1.5px) 0 0 /22px 22px,radial-gradient(ellipse 120% 45% at 50% -8%,rgba(var(--rgb-blau),.13),#0000 70%),linear-gradient(180deg,var(--bg-oben) 0,var(--bg) 55%,var(--bg-unten) 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}}.start .spiel-mitte{gap:18px}.start .knopf.text.klein{font-size:14px;min-height:32px}.score-card{background:rgba(var(--rgb-black),.4);border-left:4px solid var(--primary);border-radius:15px;min-width:80px;padding:10px 20px;text-align:center}.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%}.plattenspieler{--s:1;--skala:calc(var(--s)*var(--hf, 1));flex-shrink:0;height:calc(300px*var(--skala));position:relative;width:calc(300px*var(--skala))}.plattenspieler.mittel{--s:0.74}.plattenspieler.klein{--s:0.6}.plattenspieler .deck{height:300px;left:0;position:absolute;top:0;transform:scale(var(--skala));transform-origin:0 0;width:300px}.deck-ring{inset:0;position:absolute;transform:rotate(-90deg)}.deck-ring circle{fill:none;stroke-width:5;stroke-linecap:round}.deck-ring .spur{stroke:var(--flaeche-3)}.deck-ring .rest{stroke:var(--gruen);filter:drop-shadow(0 0 6px rgba(var(--rgb-gruen),.5));transition:stroke-dashoffset .3s linear,stroke .3s ease}.deck-ring .rest.ohne-limit{stroke:rgba(var(--rgb-gruen),.35);filter:none}.plattenspieler.knapp .deck-ring .rest{stroke:var(--rot);filter:drop-shadow(0 0 6px rgba(var(--rgb-rot),.6))}.platte{background:radial-gradient(circle at 50% 50%,#1b1f26 0,#0c0e12 62%,#060709 100%);box-shadow:0 22px 50px rgba(var(--rgb-black),.7),inset 0 0 0 1px rgba(var(--rgb-white),.07),inset 0 0 30px rgba(var(--rgb-black),.9);height:236px;left:32px;overflow:hidden;top:32px;width:236px}.platte,.platte:before{border-radius:50%;position:absolute}.platte:before{background:repeating-radial-gradient(circle at 50% 50%,#ffffff0d 0,#ffffff0d .5px,#00000080 1.5px,#00000080 3px);content:"";inset:0;-webkit-mask-image:radial-gradient(circle,#0000 24%,#000 29%,#000 95%,#0000 99%);mask-image:radial-gradient(circle,#0000 24%,#000 29%,#000 95%,#0000 99%)}.platte-label{background:radial-gradient(circle,#0000 0 40%,#04210f8c 41% 43%,#0000 44%),repeating-conic-gradient(#04210f0f 0 8deg,#0000 8deg 16deg),radial-gradient(circle at 38% 32%,#6ff0a0 0,var(--gruen) 48%,var(--gruen-tief) 100%);box-shadow:inset 0 0 0 1px rgba(var(--rgb-white),.2),0 0 0 1px rgba(var(--rgb-black),.6);height:36%;left:32%;top:32%;width:36%}.platte-label,.platte-label:after{border-radius:50%;position:absolute}.platte-label:after{background:var(--schatten-tief);box-shadow:inset 0 1px 2px var(--black),0 0 0 1px rgba(var(--rgb-white),.15);content:"";height:14%;left:43%;top:43%;width:14%}.plattenspieler.laeuft .platte{animation:spin 1.8s linear infinite}.platte-glanz{background:linear-gradient(115deg,rgba(var(--rgb-white),.15) 0,rgba(var(--rgb-white),.03) 20%,#0000 40%,#0000 62%,rgba(var(--rgb-white),.05) 82%,rgba(var(--rgb-white),.12) 100%);border-radius:50%;height:236px;left:32px;pointer-events:none;position:absolute;top:32px;width:236px}.tonarm{filter:drop-shadow(-6px 10px 8px rgba(var(--rgb-black),.55));height:190px;left:262px;position:absolute;top:-2px;transform:rotate(-9deg);transform-origin:20px 26px;transition:transform 1.2s cubic-bezier(.45,0,.2,1);width:40px}.plattenspieler.laeuft .tonarm{transform:rotate(26deg)}.tonarm .gewicht{background:linear-gradient(90deg,#5c6672,#c9d0d8 45%,#6d7782);border-radius:4px;height:14px;left:12px;position:absolute;top:0;width:16px}.tonarm .lager{background:radial-gradient(circle,#e6eaef 0 5px,#4a5562 5.5px 8px,#a9b3be 8.5px 12px,var(--flaeche-3) 12.5px);border-radius:50%;box-shadow:0 0 0 1px rgba(var(--rgb-white),.08);height:32px;left:4px;position:absolute;top:10px;width:32px}.tonarm .stab{background:linear-gradient(90deg,#7d8792,var(--text) 50%,#7d8792);border-radius:2px;height:128px;left:18px;position:absolute;top:34px;width:4px}.tonarm .kopfteil{background:linear-gradient(180deg,#3a4552,#222a33);border-radius:4px 4px 6px 6px;box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.15);height:30px;left:11px;position:absolute;top:156px;transform:rotate(-14deg);width:18px}.tonarm .kopfteil:after{background:var(--gruen);border-radius:1px;bottom:-3px;content:"";height:5px;left:7px;position:absolute;width:4px}@media (prefers-reduced-motion:reduce){.plattenspieler.laeuft .platte{animation-duration:8s}.tonarm{transition:none}}.setup .spiel-mitte.oben{gap:22px;padding-top:16px}.setup .abschnitt-titel{margin-bottom:0}.setup-hinweis{text-align:left}.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}.restzeit{font-feature-settings:"tnum";align-items:baseline;display:inline-flex;font-variant-numeric:tabular-nums;gap:6px}.restzeit b{color:var(--text);font-size:30px;font-weight:var(--weight-extrabold);letter-spacing:-.02em}.restzeit span{color:var(--text-3);font-size:14px;font-weight:var(--weight-bold)}.restzeit.knapp b{color:var(--rot)}.aufgabe{flex-direction:column;gap:8px;text-align:center}.aufgabe,.aufgabe-name{align-items:center;display:flex}.aufgabe-name{color:var(--text);font-size:34px;font-weight:var(--weight-extrabold);gap:12px;letter-spacing:-.02em;line-height:1;margin:0}.aufgabe-ikon{background:rgba(var(--rgb-gruen),.12);border:1px solid rgba(var(--rgb-gruen),.35);border-radius:var(--r-m);color:var(--gruen);display:grid;height:46px;place-items:center;width:46px}.aufgabe-text{color:var(--text-2);font-size:15px;line-height:1.45;margin:0;max-width:300px}.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}}.endstand{gap:22px;width:100%}.endstand,.sieger{align-items:center;display:flex;flex-direction:column}.sieger{gap:10px;text-align:center}.sieger-krone{animation:krone-schweben 2.4s ease-in-out infinite;color:var(--gold);filter:drop-shadow(0 4px 12px rgba(var(--rgb-gold),.45))}.sieger-krone .icon{stroke-width:1.7;fill:rgba(var(--rgb-gold),.18)}.sieger h1{font-size:36px;font-weight:var(--weight-extrabold);letter-spacing:-.03em;line-height:1.05;margin:0}.sieger p{color:var(--text-2);font-size:15px;margin:0}@keyframes krone-schweben{50%{transform:translateY(-5px)}}.podest{align-items:flex-end;display:flex;gap:10px;width:100%}.stufe{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.stufe-name{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stufe-block,.stufe-name{font-weight:var(--weight-extrabold)}.stufe-block{font-feature-settings:"tnum";background:linear-gradient(180deg,var(--flaeche-3),var(--flaeche));border:1px solid var(--linie-2);border-radius:14px 14px 6px 6px;box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.08);display:flex;font-size:24px;font-variant-numeric:tabular-nums;justify-content:center;padding-top:10px;width:100%}.stufe.platz-eins .stufe-block{height:140px}.stufe.platz-zwei .stufe-block{height:96px}.stufe.platz-drei .stufe-block{height:64px}.stufe.sieg .stufe-block{background:linear-gradient(180deg,var(--gruen-hell),var(--gruen) 45%,var(--gruen-tief));border-color:#0000;box-shadow:0 10px 30px rgba(var(--rgb-gruen),.25),inset 0 1px 0 rgba(var(--rgb-white),.4);color:var(--gruen-dunkel)}.stufe.platz-eins .ava{font-size:28px;height:64px;width:64px}.stufe.sieg .ava{box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--gold),0 0 30px rgba(var(--rgb-gold),.35)}.stufe.platz-eins .stufe-name{font-size:16px}@media (prefers-reduced-motion:reduce){.sieger-krone{animation:none}}.beitritt .spiel-mitte.oben{gap:16px;padding-top:24px}.beitritt-belegt{align-self:flex-start;text-align:left}.lobby .spiel-mitte{gap:20px}.lobby .ansage h1{font-size:34px}.lobby .abschnitt-titel{margin-bottom:0}.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}.buzzer-zone{display:flex;flex-direction:column;gap:12px}.buzzer-zone.jahr-abgegeben{align-items:center;gap:14px}.wer-tippt{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.wer-tippt .ava.offen{background:#0000;border:1.5px dashed var(--linie-2);box-shadow:none;color:var(--text-3)}.wer-tippt .hinweis-text{margin-left:4px}.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-auswertung{gap:16px;width:100%}.jahr-auswertung,.jahr-gross{align-items:center;display:flex;flex-direction:column}.jahr-gross{gap:2px}.jahr-gross b{font-feature-settings:"tnum";color:var(--gruen);font-size:64px;font-variant-numeric:tabular-nums;font-weight:var(--weight-extrabold);letter-spacing:-.03em;line-height:1;text-shadow:0 0 30px rgba(var(--rgb-gruen),.35)}.loesung{align-items:center;display:flex;gap:14px;width:100%}.loesung-cover{border-radius:12px;box-shadow:0 10px 24px rgba(var(--rgb-black),.5),inset 0 0 0 1px rgba(var(--rgb-white),.1);flex-shrink:0;height:84px;object-fit:cover;width:84px}.loesung-cover.leer{background:var(--flaeche-3);color:var(--text-3);display:grid;place-items:center}.loesung-text{display:flex;flex-direction:column;gap:3px;min-width:0}.loesung-titel{color:var(--text);font-size:21px;font-weight:var(--weight-extrabold);letter-spacing:-.015em;line-height:1.15;overflow-wrap:anywhere}.loesung-interpret{color:var(--text-2);font-size:16px}.loesung-interpret,.loesung-meta{font-weight:var(--weight-semibold)}.loesung-meta{color:var(--text-3);font-size:13px}.loesung.gross{flex-direction:column;gap:16px;text-align:center}.loesung.gross .loesung-cover{border-radius:18px;height:min(200px,52vw);width:min(200px,52vw)}.loesung.gross .loesung-text{align-items:center}.loesung.gross .loesung-titel{font-size:26px}.loesung.hinweis{justify-content:center;min-height:84px}.loesung-hinweis{align-items:center;color:var(--text-2);display:inline-flex;font-size:15px;font-weight:var(--weight-bold);gap:8px}.halten-ebene{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(var(--rgb-black),.7);gap:14px;inset:0;justify-content:flex-end;padding:16px 16px calc(26px + env(safe-area-inset-bottom));position:fixed;user-select:none;-webkit-user-select:none;z-index:var(--z-overlay)}.halten-ebene,.halten-sheet{align-items:center;display:flex;flex-direction:column}.halten-sheet{background:var(--flaeche);border:1px solid var(--linie-2);border-radius:26px;box-shadow:0 -10px 60px rgba(var(--rgb-black),.6);gap:16px;max-width:448px;padding:22px 18px;width:100%}.halten-griff{background:var(--linie-2);border-radius:3px;height:5px;margin-top:-8px;width:40px}.halten-finger{align-items:center;color:var(--text-2);display:flex;font-size:14px;font-weight:var(--weight-bold);gap:10px;margin:0}.halten-punkt{background:rgba(var(--rgb-blau),.18);border:2px solid rgba(var(--rgb-blau),.7);border-radius:50%;box-shadow:0 0 0 8px rgba(var(--rgb-blau),.08);height:54px;width:54px}.modal-titel{font-size:1.3rem;margin:0}.modal-titel-gross{align-items:center;display:flex;font-size:1.4rem;gap:8px}.ava{background:var(--spieler-1);background:var(--c,var(--spieler-1));border-radius:50%;box-shadow:inset 0 -2px 0 rgba(var(--rgb-black),.18),inset 0 1px 0 rgba(var(--rgb-white),.35);color:var(--bg);display:inline-grid;flex-shrink:0;font-family:var(--font-sans);font-size:15px;font-weight:var(--weight-extrabold);height:36px;line-height:1;place-items:center;position:relative;width:36px}.ava[data-farbe="1"]{--c:var(--spieler-1)}.ava[data-farbe="2"]{--c:var(--spieler-2)}.ava[data-farbe="3"]{--c:var(--spieler-3)}.ava[data-farbe="4"]{--c:var(--spieler-4)}.ava[data-farbe="5"]{--c:var(--spieler-5)}.ava[data-farbe="6"]{--c:var(--spieler-6)}.ava[data-farbe="7"]{--c:var(--spieler-7)}.ava[data-farbe="8"]{--c:var(--spieler-8)}.ava.klein{font-size:12px;height:28px;width:28px}.ava.gross{font-size:30px;height:72px;width:72px}.ava.riesig{font-size:44px;height:104px;width:104px}.ava-puls:after,.ava-puls:before{animation:ava-welle 1.8s ease-out infinite;border:2px solid rgba(var(--rgb-gruen),.6);border-radius:50%;content:"";inset:-10px;position:absolute}.ava-puls:after{animation-delay:.9s}@keyframes ava-welle{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.ava-puls:after,.ava-puls:before{animation:none;opacity:.5}}.punkte-pille{align-items:center;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius-pill);color:var(--text-2);cursor:pointer;display:flex;font-family:var(--font-sans);gap:8px;height:42px;min-width:0;padding:0 12px 0 6px}.punkte-pille .stapel{display:flex;flex-shrink:0}.punkte-pille .stapel .ava{border:2px solid var(--flaeche);margin-left:-8px}.punkte-pille .stapel .ava:first-child{margin-left:0}.punkte-pille .mehr{background:var(--flaeche-3);border:2px solid var(--flaeche);border-radius:var(--radius-pill);color:var(--text-2);display:grid;font-size:11px;font-weight:var(--weight-extrabold);height:28px;margin-left:-8px;min-width:28px;padding:0 5px;place-items:center}.punkte-pille .zeile{align-items:center;display:flex;font-size:14px;font-weight:var(--weight-bold);gap:5px;min-width:0;overflow:hidden;white-space:nowrap}.punkte-pille .zeile b{color:var(--text);flex-shrink:0;font-size:15px;font-weight:var(--weight-extrabold);overflow:hidden;text-overflow:ellipsis}.punkte-pille .zeile .icon{color:var(--gold);flex-shrink:0}.spiel-kopf{align-items:center;display:flex;flex-shrink:0;gap:8px;min-height:44px}.spiel-kopf-runde{display:flex;flex-direction:column;line-height:1.1;margin-right:auto;min-width:0}.spiel-kopf-runde small{color:var(--text-3);font-size:11px;font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase}.spiel-kopf-runde strong{font-size:22px;font-weight:var(--weight-extrabold);letter-spacing:-.02em;white-space:nowrap}.spiel-kopf-runde .raum-hinweis{color:var(--rot-hell);font-size:11px;font-weight:var(--weight-bold);margin-top:2px}.ikon-knopf{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-m);box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.04);color:var(--text-2);cursor:pointer;display:grid;flex-shrink:0;height:42px;place-items:center;width:42px}.ikon-knopf:active{transform:translateY(1px)}.spiel{--hf:1;color:var(--text);display:flex;flex-direction:column;font-family:var(--font-sans);margin:0 auto;max-width:480px;min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));position:relative;width:100%}@media (max-height:820px){.spiel{--hf:0.88}}@media (max-height:740px){.spiel{--hf:0.76}}@media (max-height:660px){.spiel{--hf:0.64}}.spiel:before{content:"";inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .5s ease;z-index:-1}.spiel.stimmung-rot:before{background:radial-gradient(ellipse 120% 45% at 50% 105%,rgba(var(--rgb-rot),.16),#0000 70%);opacity:1}.spiel.stimmung-gruen:before{background:radial-gradient(ellipse 120% 55% at 50% 0,rgba(var(--rgb-gruen),.26),#0000 70%);opacity:1}.spiel-mitte{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:14px;justify-content:center;min-height:0;padding:12px 0}.spiel-mitte.oben{gap:18px;justify-content:flex-start;padding-top:20px}.daumenzone{flex-direction:column;flex-shrink:0}.daumenzone,.daumenzone .reihe{display:flex;gap:10px}.daumenzone .reihe>*{flex:1 1;min-width:0}.ueberzeile{color:var(--text-3);font-size:12px;font-weight:var(--weight-bold);letter-spacing:.14em;text-align:center;text-transform:uppercase}.ueberzeile.gruen{color:var(--gruen)}.hinweis-text{color:var(--text-3);font-size:13px;font-weight:var(--weight-semibold);line-height:1.4;margin:0;text-align:center}.deck-zeile{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.status-pille{align-items:center;background:rgba(var(--rgb-white),.04);border:1px solid var(--linie);border-radius:var(--radius-pill);color:var(--text-2);display:inline-flex;font-size:13px;font-weight:var(--weight-bold);gap:8px;height:30px;padding:0 12px}.equalizer{align-items:flex-end;display:inline-flex;gap:2px;height:12px}.equalizer i{animation:equalizer .9s ease-in-out infinite alternate;background:var(--gruen);border-radius:1px;transform-origin:bottom;width:3px}.equalizer i:first-child{animation-delay:-.2s;height:40%}.equalizer i:nth-child(2){animation-delay:-.5s;height:100%}.equalizer i:nth-child(3){animation-delay:-.1s;height:60%}.equalizer i:nth-child(4){animation-delay:-.7s;height:80%}@keyframes equalizer{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.warte-punkte{display:inline-flex;gap:4px}.warte-punkte i{animation:warte-punkte 1.2s ease-in-out infinite;background:currentColor;border-radius:50%;height:5px;width:5px}.warte-punkte i:nth-child(2){animation-delay:.2s}.warte-punkte i:nth-child(3){animation-delay:.4s}@keyframes warte-punkte{0%,80%,to{opacity:.25}40%{opacity:1}}.warteflaeche{align-items:center;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-xl);color:var(--text-2);display:flex;font-size:15px;font-weight:var(--weight-bold);gap:10px;justify-content:center;min-height:64px;padding:14px 18px;text-align:center}.warteflaeche.buzzer-hoch{flex-direction:column;gap:12px;min-height:196px}.warteflaeche .wer{align-items:center;display:flex;flex-direction:column;gap:4px}.warteflaeche .wer b{color:var(--text);font-size:22px;font-weight:var(--weight-extrabold);letter-spacing:-.01em}.warteflaeche .wer span{align-items:center;color:var(--text-3);display:inline-flex;font-size:14px;gap:8px}.ansage{align-items:center;display:flex;flex-direction:column;gap:14px;text-align:center}.ansage h1{font-size:40px;font-weight:var(--weight-extrabold);letter-spacing:-.03em;line-height:1.02;margin:0}.ansage p{color:var(--text-2);font-size:16px;line-height:1.45;margin:0;max-width:290px}.chip{align-items:center;background:var(--flaeche-2);border:1px solid var(--linie-2);border-radius:var(--radius-pill);display:inline-flex;font-size:15px;font-weight:var(--weight-extrabold);gap:8px;min-height:36px;padding:4px 14px 4px 10px}.chip .icon{color:var(--gruen)}.chip .ava{font-size:12px;height:26px;width:26px}.chip .plus{color:var(--gruen)}.abschnitt-titel{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:-6px;width:100%}.abschnitt-titel h2{font-size:18px;font-weight:var(--weight-extrabold);letter-spacing:-.01em;margin:0}.abschnitt-titel span{color:var(--text-3);font-size:13px;font-weight:var(--weight-bold)}.spiel .pause-banner{bottom:auto;top:calc(66px + env(safe-area-inset-top));width:min(448px,calc(100vw - 32px));z-index:var(--z-overlay)}@media (prefers-reduced-motion:reduce){.equalizer i,.warte-punkte i{animation:none}}.loesung-karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-l);box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.04),var(--schatten-karte);padding:14px;width:100%}.stopp{align-items:center;background:radial-gradient(ellipse 80% 70% at 50% 0,rgba(var(--rgb-white),.28),#0000 60%),linear-gradient(180deg,var(--rot-hell) 0,var(--rot) 55%,var(--red-350-2) 100%);border:0;border-radius:var(--r-xl);box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.45),0 9px 0 var(--rot-tief),0 26px 46px rgba(var(--rgb-rot),.3);color:var(--white);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-sans);font-size:34px;font-weight:var(--weight-extrabold);gap:4px;height:132px;justify-content:center;letter-spacing:.1em;position:relative;text-shadow:0 2px 0 rgba(var(--rgb-black),.15);touch-action:manipulation;transition:transform .06s ease,box-shadow .06s ease;user-select:none;-webkit-user-select:none;width:100%}.stopp small{font-size:13px;font-weight:var(--weight-bold);letter-spacing:.02em;opacity:.85;text-shadow:none}.stopp:active{box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.45),0 2px 0 var(--rot-tief),0 10px 20px rgba(var(--rgb-rot),.25);transform:translateY(7px)}.stopp.gross{font-size:40px;height:196px}.stopp.scharf:after{animation:stopp-puls 1.6s ease-out infinite;border:2px solid rgba(var(--rgb-rot),.55);border-radius:calc(var(--r-xl) + 6px);content:"";inset:-6px;pointer-events:none;position:absolute}@keyframes stopp-puls{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.06,1.12)}}.stopp.aus{background:var(--flaeche-2);border:1px dashed var(--linie-2);box-shadow:0 9px 0 var(--schatten-tief);color:var(--text-3);cursor:default;font-size:19px;gap:8px;letter-spacing:.01em;padding:0 24px;text-shadow:none;transform:none}.stopp.aus small{font-weight:var(--weight-semibold)}@media (prefers-reduced-motion:reduce){.stopp.scharf:after{animation:none;opacity:.6}}.sheet-hintergrund{align-items:center;animation:sheet-hintergrund .18s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(var(--rgb-black),.7);inset:0;justify-content:flex-end;padding:16px 16px calc(16px + env(safe-area-inset-bottom));position:fixed;z-index:var(--z-modal)}.sheet,.sheet-hintergrund{display:flex;flex-direction:column}.sheet{animation:sheet-rein .22s cubic-bezier(.2,.9,.3,1);background:var(--flaeche);border:1px solid var(--linie-2);border-radius:26px;box-shadow:0 -10px 60px rgba(var(--rgb-black),.6);color:var(--text);font-family:var(--font-sans);gap:10px;max-height:86dvh;max-width:448px;overflow-y:auto;overscroll-behavior:contain;padding:18px 16px 16px;width:100%}.sheet-griff{align-self:center;background:var(--linie-2);border-radius:3px;height:5px;margin:-6px 0 2px;width:40px}.sheet-titel{font-size:18px;font-weight:var(--weight-extrabold);margin:0 0 4px;text-align:center}.menue-zeile{align-items:center;background:var(--flaeche-2);border:0;border-radius:var(--r-m);color:var(--text);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:16px;font-weight:var(--weight-bold);gap:14px;min-height:56px;padding:0 16px;text-align:left;width:100%}.menue-zeile .icon{color:var(--text-2)}.menue-zeile small{color:var(--text-3);font-size:13px;font-weight:var(--weight-semibold);margin-left:auto}.menue-zeile.gefahr,.menue-zeile.gefahr .icon{color:var(--rot-hell)}.menue-frage{color:var(--text-2);font-size:15px;font-weight:var(--weight-bold);margin:6px 0 2px;text-align:center}@keyframes sheet-rein{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes sheet-hintergrund{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-hintergrund{animation:none}}.kacheln{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;width:100%}.kachel{align-items:center;background:var(--flaeche);border:1.5px solid var(--linie);border-radius:var(--r-m);color:var(--text);cursor:pointer;display:flex;font-family:var(--font-sans);gap:10px;height:64px;min-width:0;padding:0 12px;position:relative;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.kachel:active{transform:translateY(1px)}.kachel-name{display:flex;flex-direction:column;font-size:16px;font-weight:var(--weight-extrabold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kachel-name small{color:var(--text-3);font-size:12px;font-weight:var(--weight-bold)}.kachel.an{background:linear-gradient(180deg,rgba(var(--rgb-gruen),.16),rgba(var(--rgb-gruen),.06));border-color:var(--gruen);box-shadow:0 0 0 3px rgba(var(--rgb-gruen),.12)}.kachel.an .kachel-name{padding-right:56px}.kachel-plus{align-items:center;background:var(--gruen);border-radius:var(--radius-pill);color:var(--gruen-dunkel);display:flex;font-size:13px;font-weight:var(--weight-extrabold);gap:3px;height:26px;padding:0 8px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.kachel-plus .icon{stroke-width:2.6}.kachel.keiner{color:var(--text-2)}.kachel.keiner .keiner-ava{background:var(--flaeche-3);box-shadow:none;color:var(--text-2)}.ziffernblock{display:flex;flex-direction:column;gap:10px}.ziffern{display:flex;gap:10px;justify-content:center}.ziffern span{font-feature-settings:"tnum";background:var(--flaeche);border:1.5px solid var(--linie-2);border-radius:var(--r-m);color:var(--text);display:grid;font-size:36px;font-variant-numeric:tabular-nums;font-weight:var(--weight-extrabold);height:72px;place-items:center;width:62px}.ziffern span.voll{border-color:rgba(var(--rgb-gruen),.5)}.ziffern span.cursor{border-color:var(--gruen);box-shadow:0 0 0 3px rgba(var(--rgb-gruen),.15)}.ziffern span.cursor:after{animation:ziffer-blink 1s steps(1) infinite;background:var(--gruen);content:"";height:34px;width:2px}.ziffern.fest span{background:rgba(var(--rgb-gruen),.08);border-color:var(--gruen)}@keyframes ziffer-blink{50%{opacity:0}}.tasten{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.taste{background:var(--flaeche-2);border:0;border-radius:var(--r-m);box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.05),0 3px 0 var(--schatten-tief);color:var(--text);cursor:pointer;display:grid;font-family:var(--font-sans);font-size:22px;font-weight:var(--weight-bold);height:52px;place-items:center;touch-action:manipulation}.taste:active:not(:disabled){box-shadow:0 1px 0 var(--schatten-tief);transform:translateY(2px)}.taste.leise{background:#0000;box-shadow:none;color:var(--text-2)}.taste.leise:disabled{opacity:.3}.taste.ok{background:linear-gradient(180deg,var(--gruen-hell),var(--gruen));box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.4),0 3px 0 var(--gruen-tief);color:var(--gruen-dunkel)}.taste.ok:disabled{cursor:default;opacity:.35}@media (max-height:700px){.taste{height:46px}.ziffern span{font-size:30px;height:60px}}.rangliste{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0;width:100%}.rang{align-items:center;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-m);display:flex;gap:12px;min-height:58px;padding:0 14px}.rang-platz{color:var(--text-3);font-size:14px;width:18px}.rang-name,.rang-platz{font-weight:var(--weight-extrabold)}.rang-name{color:var(--text);display:flex;flex:1 1;flex-direction:column;font-size:16px;min-width:0}.rang-name-zeile{align-items:center;display:flex;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rang-name small{color:var(--text-3);font-size:12px;font-weight:var(--weight-semibold)}.rang-wert{font-feature-settings:"tnum";color:var(--text);font-size:18px;font-variant-numeric:tabular-nums;font-weight:var(--weight-extrabold)}.rang-wert.leer{color:var(--text-3)}.rang.sieg{background:linear-gradient(90deg,rgba(var(--rgb-gruen),.14),rgba(var(--rgb-gruen),.03));border-color:rgba(var(--rgb-gruen),.6)}.rang-plus{align-items:center;background:var(--gruen);border-radius:var(--radius-pill);color:var(--gruen-dunkel);display:flex;font-size:13px;height:24px;padding:0 8px}.du-marke,.rang-plus{font-weight:var(--weight-extrabold)}.du-marke{background:var(--flaeche-3);border-radius:6px;color:var(--text-2);font-size:11px;font-style:normal;padding:2px 6px}.dran-ebene{animation:dran-rein .2s ease-out;background:var(--bg);inset:0;overflow-y:auto;position:fixed;z-index:var(--z-toast)}.dran-ebene .spiel{min-height:100%}.dran-frage{font-size:18px;font-weight:var(--weight-extrabold);margin:0 0 2px;text-align:center}@keyframes dran-rein{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dran-ebene{animation:none}}.host-spiel .knopf.halten.gedrueckt:after,.notiz{width:100%}.notiz{background:rgba(var(--rgb-blau),.08);border:1px solid rgba(var(--rgb-blau),.25);border-radius:var(--r-m);color:var(--text-2);display:flex;font-size:13.5px;gap:10px;line-height:1.45;padding:12px 14px;text-align:left}.notiz .icon{color:var(--blau);flex-shrink:0;margin-top:1px}.notiz b{color:var(--text)}.notiz.fehler{background:rgba(var(--rgb-rot),.1);border-color:rgba(var(--rgb-rot),.35);color:var(--red-150)}.notiz.fehler .icon{color:var(--rot)}.notiz.fehler b{color:var(--red-150)}.weg-karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-l);box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.04);flex-direction:column;padding:16px;width:100%}.weg-karte,.weg-kopf{display:flex;gap:12px}.weg-kopf{align-items:center;text-align:left}.weg-ikon{background:rgba(var(--rgb-gruen),.12);border:1px solid rgba(var(--rgb-gruen),.3);border-radius:var(--r-m);color:var(--gruen);display:grid;flex-shrink:0;height:44px;place-items:center;width:44px}.weg-ikon.blau{background:rgba(var(--rgb-blau),.12);border-color:rgba(var(--rgb-blau),.3);color:var(--blau)}.weg-text{display:flex;flex-direction:column;gap:2px;min-width:0}.weg-text b{color:var(--text);font-size:18px;font-weight:var(--weight-extrabold)}.weg-text small{color:var(--text-2);font-size:14px;line-height:1.35}.code-felder{display:flex;gap:10px;justify-content:center;position:relative}.code-felder span{background:var(--flaeche);border:1.5px solid var(--linie-2);border-radius:var(--r-m);color:var(--text);display:grid;font-size:38px;font-weight:var(--weight-extrabold);height:76px;place-items:center;width:64px}.code-felder span.voll{border-color:rgba(var(--rgb-gruen),.5)}.code-felder:focus-within span.cursor{border-color:var(--gruen);box-shadow:0 0 0 3px rgba(var(--rgb-gruen),.15)}.code-felder:focus-within span.cursor:after{animation:code-blink 1s steps(1) infinite;background:var(--gruen);content:"";height:36px;width:2px}.code-eingabe{font-size:16px;inset:0;opacity:0;position:absolute;-webkit-user-select:text;user-select:text;width:100%}@keyframes code-blink{50%{opacity:0}}.feld{background:var(--flaeche);border:1.5px solid var(--linie-2);border-radius:var(--r-m);color:var(--text);font-family:var(--font-sans);font-size:18px;font-weight:var(--weight-bold);height:58px;min-width:0;outline:none;padding:0 16px;-webkit-user-select:text;user-select:text;width:100%}.feld::placeholder{color:var(--text-3);font-weight:var(--weight-semibold)}.feld:focus{border-color:var(--gruen);box-shadow:0 0 0 3px rgba(var(--rgb-gruen),.15)}.feld.klein{font-size:16px;height:52px}.qr-karte{align-items:center;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-l);box-shadow:var(--schatten-karte);display:flex;gap:16px;padding:18px;width:100%}.qr-bild{background:var(--white);border-radius:14px;flex-shrink:0;line-height:0;padding:10px}.qr-text{align-items:flex-start;display:flex;flex-direction:column;gap:6px;min-width:0}.qr-text small{color:var(--text-3);font-size:12px;font-weight:var(--weight-bold);letter-spacing:.14em;text-transform:uppercase}.qr-text b{color:var(--gruen);font-size:40px;font-weight:var(--weight-extrabold);letter-spacing:.16em;line-height:1}.qr-text span{color:var(--text-2);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.qr-teilen{align-items:center;background:none;border:0;color:var(--text);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:14px;font-weight:var(--weight-extrabold);gap:6px;margin-top:2px;padding:6px 0}.personen{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0;width:100%}.person{align-items:center;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-m);display:flex;gap:12px;min-height:58px;padding:8px 8px 8px 12px}.person.ich{border-color:rgba(var(--rgb-gruen),.45)}.person.offline .person-name,.person.offline>.ava{opacity:.5}.person-name{color:var(--text);flex:1 1;font-size:16px;font-weight:var(--weight-extrabold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-name small{color:var(--text-3);font-size:13px;font-weight:var(--weight-semibold)}.person-marke{background:var(--flaeche-3);border-radius:6px;color:var(--text-2);flex-shrink:0;font-size:11px;font-weight:var(--weight-extrabold);padding:3px 7px}.person-marke.host{background:rgba(var(--rgb-gold),.15);color:var(--gold)}.person-weg{background:#0000;border:0;border-radius:var(--r-s);color:var(--text-3);cursor:pointer;display:grid;flex-shrink:0;height:40px;place-items:center;width:40px}.person .knopf{font-size:14px;min-height:40px;padding:0 14px;width:auto}.leer-hinweis{border:1px dashed var(--linie-2);border-radius:var(--r-m);color:var(--text-3);font-size:14px;font-weight:var(--weight-semibold);padding:22px 16px;text-align:center;width:100%}.status-chip{align-items:center;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius-pill);color:var(--text-2);display:inline-flex;flex-shrink:0;font-family:var(--font-sans);font-size:13px;font-weight:var(--weight-extrabold);gap:8px;height:36px;padding:0 12px;white-space:nowrap}button.status-chip{cursor:pointer}.status-chip i{border-radius:50%;height:8px;width:8px}.status-chip i.gruen{background:var(--gruen);box-shadow:0 0 0 3px rgba(var(--rgb-gruen),.18)}.status-chip i.gelb{background:var(--gold);box-shadow:0 0 0 3px rgba(var(--rgb-gold),.18)}.status-chip i.rot{background:var(--rot);box-shadow:0 0 0 3px rgba(var(--rgb-rot),.18)}.modi{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;width:100%}.modus{align-items:flex-start;background:var(--flaeche);border:1.5px solid var(--linie);border-radius:var(--r-l);color:var(--text);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-sans);gap:8px;padding:14px;position:relative;text-align:left}.modus b{font-size:17px;font-weight:var(--weight-extrabold)}.modus-text{color:var(--text-2);font-size:13px;line-height:1.35}.modus-ikon{background:rgba(var(--rgb-gruen),.12);border:1px solid rgba(var(--rgb-gruen),.3);border-radius:var(--r-m);color:var(--gruen);display:grid;height:40px;place-items:center;width:40px}.modus.an{background:linear-gradient(180deg,rgba(var(--rgb-gruen),.14),rgba(var(--rgb-gruen),.04));border-color:var(--gruen);box-shadow:0 0 0 3px rgba(var(--rgb-gruen),.12)}.modus-haken{background:var(--gruen);border-radius:50%;color:var(--gruen-dunkel);display:grid;height:24px;place-items:center;position:absolute;right:12px;top:12px;width:24px}.modus-haken .icon{stroke-width:2.8}.schalter-gitter{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;width:100%}.schalt{align-items:center;background:var(--flaeche);border:1.5px solid var(--linie);border-radius:var(--r-m);color:var(--text-2);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:15px;font-weight:var(--weight-extrabold);gap:8px;justify-content:center;min-height:52px;padding:0 8px}.schalt.an{background:rgba(var(--rgb-gruen),.1);border-color:rgba(var(--rgb-gruen),.7);color:var(--text)}.schalt.an .icon{color:var(--gruen)}.zeit-reihe{display:flex;flex-wrap:wrap;gap:6px;width:100%}.zeit-reihe .schalt{flex:1 1;font-size:14px;min-height:46px;min-width:56px}.daumenzone.klebt{background:linear-gradient(180deg,rgba(var(--rgb-bg),0) 0,rgba(var(--rgb-bg),.94) 26%,var(--bg) 60%);bottom:0;margin:0 -16px calc(-24px - env(safe-area-inset-bottom));padding:22px 16px calc(24px + env(safe-area-inset-bottom));position:-webkit-sticky;position:sticky;z-index:var(--z-raised)}.kopf-zurueck{align-items:center;display:flex;flex-shrink:0;gap:8px;min-height:44px}.kopf-zurueck h1{flex:1 1;font-size:17px;font-weight:var(--weight-extrabold);margin:0;text-align:center}.kopf-zurueck .platz{flex-shrink:0;width:42px}.marke{align-items:center;display:flex;flex-direction:column;gap:6px;text-align:center}.marke h1{font-size:42px;font-weight:var(--weight-extrabold);letter-spacing:-.035em;line-height:1;margin:0}.marke h1 span{color:var(--gruen)}.marke p{color:var(--text-2);font-size:15px;margin:0}.schritt-kopf{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.schritt-kopf h2{font-size:30px;font-weight:var(--weight-extrabold);letter-spacing:-.02em;line-height:1.05;margin:0}.schritt-kopf p{color:var(--text-2);font-size:15px;line-height:1.45;margin:0;max-width:300px}.code-gefunden{align-items:center;background:rgba(var(--rgb-gruen),.08);border:1px solid rgba(var(--rgb-gruen),.35);border-radius:var(--radius-pill);color:var(--text-2);display:inline-flex;font-size:14px;font-weight:var(--weight-bold);gap:8px;height:34px;padding:0 12px 0 6px}.code-gefunden b{background:var(--gruen);border-radius:var(--radius-pill);color:var(--gruen-dunkel);font-size:13px;letter-spacing:.18em;padding:3px 8px}.abschnitt{display:flex;flex-direction:column;gap:10px;width:100%}.abschnitt>h2{color:var(--text-3);font-size:13px;font-weight:var(--weight-extrabold);letter-spacing:.14em;margin:0;text-transform:uppercase}.mitspielen-zeile{display:flex;gap:8px;width:100%}.mitspielen-zeile .knopf{flex-shrink:0;min-height:52px;width:auto}.schritte{display:flex;gap:8px;list-style:none;margin:0;padding:0;width:100%}.schritte li{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-m);color:var(--text-2);display:flex;flex:1 1;flex-direction:column;font-size:13px;gap:6px;line-height:1.35;padding:12px 10px}.schritte b{background:var(--gruen);border-radius:50%;color:var(--gruen-dunkel);display:grid;font-size:13px;font-weight:var(--weight-extrabold);height:24px;place-items:center;width:24px}.eingabe-zeile{align-items:center;display:flex;gap:10px}.eingabe-zeile .feld{flex:1 1}.eingabe-weg{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-s);color:var(--text-3);cursor:pointer;display:grid;flex-shrink:0;height:44px;place-items:center;width:44px}.neu-zeile{background:#0000;border:1.5px dashed var(--linie-2);border-radius:var(--r-m);color:var(--text-2);cursor:pointer;font-family:var(--font-sans);font-size:15px;font-weight:var(--weight-extrabold);gap:8px;justify-content:center;min-height:52px}.neu-zeile,.trenner{align-items:center;display:flex;width:100%}.trenner{color:var(--text-3);font-size:12px;font-weight:var(--weight-bold);gap:12px;letter-spacing:.12em;text-transform:uppercase}.trenner:after,.trenner:before{background:var(--linie);content:"";flex:1 1;height:1px}
/*# sourceMappingURL=main.095a5986.css.map*/