@font-face{font-family:Oswald;src:url(/fonts/Oswald-Regular.ttf)format("truetype");font-weight:400;font-display:block}@font-face{font-family:Oswald;src:url(/fonts/Oswald-Medium.ttf)format("truetype");font-weight:500;font-display:block}@font-face{font-family:Oswald;src:url(/fonts/Oswald-Bold.ttf)format("truetype");font-weight:700;font-display:block}@font-face{font-family:IBM Plex Serif;src:url(/fonts/IBMPlexSerif-Regular.ttf)format("truetype");font-weight:400;font-display:block}@font-face{font-family:IBM Plex Serif;src:url(/fonts/IBMPlexSerif-Bold.ttf)format("truetype");font-weight:700;font-display:block}:root{--bg:#070b18;--bg-top:#0f1733;--panel:#131b36;--text:#f5f3ec;--muted:#9aa2bd;--red:#e2455a;--green:#5bd08a;--gold:#e7c98f;--gold-bright:#f3dcab;--radius:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at 50% -10%, var(--bg-top) 0%, var(--bg) 60%);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Arial Narrow,Helvetica Neue,system-ui,sans-serif}.screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100%;padding:32px 20px;display:flex}.brand{letter-spacing:.04em;text-transform:uppercase;color:var(--gold);text-shadow:0 4px 28px #e7c98f4d;margin:0;font-family:Oswald,Arial Narrow,sans-serif;font-size:clamp(2.2rem,6vw,4.5rem);font-weight:700}.subtitle{letter-spacing:.35em;text-transform:uppercase;color:var(--text);margin:0 0 20px;font-size:clamp(1rem,3vw,1.6rem)}.muted{color:var(--muted);max-width:36ch;line-height:1.5}.small{overflow-wrap:anywhere;font-size:.85rem}code{color:var(--gold);background:#000;border-radius:6px;padding:2px 6px}.actions{margin:16px 0}.button,button{background:var(--gold);color:#0b0f1f;cursor:pointer;border:none;border-radius:8px;padding:14px 28px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform 80ms,filter .15s;display:inline-block}.button:hover,button:hover{filter:brightness(1.08)}.button:active,button:active{transform:scale(.98)}.lobby{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;margin-top:16px;display:flex}.qr-card{border-radius:var(--radius);background:#fff;flex-direction:column;align-items:center;gap:10px;padding:22px;display:flex}.qr-card .code{color:#0b0b0f;margin:0;font-size:1.2rem}.qr-card .muted{color:#555}.roster{background:var(--panel);border-radius:var(--radius);min-width:220px;padding:24px 32px}.roster .count{color:var(--gold);font-size:4rem;font-weight:800;line-height:1}.roster ul{flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.roster li{background:#000;border-radius:999px;padding:4px 12px;font-size:.9rem}.join{flex-direction:column;gap:12px;width:min(340px,90vw);display:flex}.join input{color:var(--text);text-align:center;background:#000;border:1px solid #2a2a33;border-radius:8px;padding:14px 16px;font-size:1.1rem}.join input:disabled{opacity:.5}.question{letter-spacing:.01em;max-width:22ch;margin:8px auto 18px;font-family:Oswald,Arial Narrow,sans-serif;font-size:clamp(1.6rem,5vw,4rem);font-weight:500;line-height:1.25}.beamer .question{max-width:24ch}.question.dicht{max-width:40ch;font-size:clamp(1.05rem,2.3vw,1.9rem);line-height:1.4}.beamer .question.dicht{max-width:46ch}.options{grid-template-columns:1fr;gap:12px;width:min(420px,92vw);display:grid}@media (width>=520px){.options{grid-template-columns:1fr 1fr}}.options button{background:var(--panel);width:100%;color:var(--text);border:1px solid #2a3354;padding:18px 16px;font-size:1.15rem}.options button:hover:not(:disabled){border-color:var(--gold);filter:none}.options button:disabled{opacity:.5;cursor:default}.beamer-options{pointer-events:none;width:min(720px,94vw)}.option-chip{background:var(--panel);border:1px solid #2a2a33;border-radius:10px;padding:18px 16px;font-size:clamp(1.4rem,2.6vw,2.2rem);font-weight:600}.q-head{align-items:center;gap:18px;margin-bottom:6px;display:flex}.q-index{letter-spacing:.25em;text-transform:uppercase;color:var(--muted);font-size:.95rem}.q-percent{background:var(--red);color:#fff;border-radius:999px;padding:4px 14px;font-size:.95rem;font-weight:700}.timer{color:var(--gold);min-width:2ch;font-size:2.4rem;font-weight:800}.timer.urgent{color:var(--red);animation:.6s ease-in-out infinite alternate pulse}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.18)}}.q-media{border-radius:var(--radius);max-width:min(640px,92vw);max-height:42vh;margin:8px 0 16px}.q-media.video{max-width:min(1080px,94vw);max-height:36vh}.q-foot{flex-direction:column;align-items:center;gap:14px;margin-top:26px;display:flex}.answered{color:var(--muted);font-size:1.3rem}.correct{color:var(--gold)}.reveal-stats{gap:40px;margin:18px 0 22px;display:flex}.stat-num{font-size:3.4rem;font-weight:800;line-height:1}.stat-num.gold{color:var(--gold)}.stat-num.red{color:var(--red)}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-top:6px;font-size:.85rem}.out-list,.winner-list{flex-wrap:wrap;justify-content:center;gap:8px;max-width:70ch;margin:8px 0 24px;padding:0;list-style:none;display:flex}.out-list li{color:var(--muted);background:#000;border-radius:999px;padding:6px 14px;text-decoration:line-through}.winner-list li{background:var(--gold);color:#0b0b0f;border-radius:999px;padding:10px 24px;font-size:clamp(1.4rem,3vw,2.6rem);font-weight:800}.conn-banner{color:var(--gold);background:#3a2a00;border:1px solid #5a4300;border-radius:8px;max-width:34ch;margin-bottom:12px;padding:8px 14px;font-size:.9rem}button.ghost,.button.ghost{color:var(--muted);background:0 0;border:1px solid #2a2a33;padding:10px 18px;font-size:.95rem;font-weight:600}button.ghost:hover{border-color:var(--muted);filter:none}button.small{padding:8px 14px;font-size:.85rem}button.danger{border:1px solid var(--red);color:var(--red);background:0 0;font-weight:700}button.danger:hover{background:var(--red);color:#fff;filter:none}.beamer-menu{z-index:30;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:18px;right:18px}.beamer-menu__toggle{width:46px;height:46px;color:var(--muted);opacity:.3;background:#131b36b3;border:1px solid #f5f3ec2e;border-radius:50%;padding:0;font-size:1.4rem;font-weight:400;line-height:1;transition:opacity .2s}.beamer-menu__toggle:hover{opacity:1;filter:none}.beamer-menu__panel{background:var(--panel);border:1px solid #f5f3ec1f;border-radius:14px;flex-direction:column;gap:10px;padding:14px;animation:.18s both fade-in;display:flex;box-shadow:0 14px 44px #0000008c}.beamer-menu__panel button{white-space:nowrap}.host-tools{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.player-timer{align-items:center;gap:12px;width:min(420px,88vw);margin:2px 0 14px;display:flex}.player-timer-track{background:#f5f3ec24;border-radius:999px;flex:1;height:8px;overflow:hidden}.player-timer-fill{background:var(--gold);border-radius:999px;height:100%;transition:width 1s linear}.player-timer-num{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;min-width:3.2ch;font-family:Oswald,system-ui,sans-serif;font-size:1.15rem;font-weight:600}.player-timer.warn .player-timer-fill{background:var(--gold-bright)}.player-timer.warn .player-timer-num{color:var(--gold-bright)}.player-timer.urgent .player-timer-fill{background:var(--red)}.player-timer.urgent .player-timer-num{color:var(--red);animation:.85s ease-out tick-beat}.zeit-um-band{letter-spacing:.22em;text-transform:uppercase;color:var(--red);white-space:nowrap;border:2px solid #e2455a8c;border-radius:999px;padding:14px 26px;font-family:Oswald,Arial Narrow,sans-serif;font-size:clamp(1.3rem,2.6vw,2.1rem);font-weight:700;animation:2.6s ease-in-out infinite zeit-um-atem}@keyframes zeit-um-atem{0%,to{opacity:.55;box-shadow:0 0 #e2455a00}50%{opacity:1;box-shadow:0 0 38px #e2455a47}}.beamer-options.zu{opacity:.32;filter:grayscale(.6);transition:opacity .6s,filter .6s}.timer-ring.aus .timer-ring-track{stroke:#e2455a66}.test-modus{color:var(--red);border:1px solid #e2455a80;border-radius:999px;max-width:46ch;margin-top:16px;padding:8px 16px;font-size:.8rem}.stand-marke{letter-spacing:.08em;color:var(--muted);opacity:.45;margin-top:18px;font-size:.7rem}.ergebnis-weiter{color:var(--gold-bright)}.zeit-vorbei{color:var(--red);font-weight:600}.control-link-overlay{z-index:40;background:#070b18eb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.control-link-panel{background:var(--panel);border-radius:var(--radius);text-align:center;border:1px solid #f5f3ec1f;flex-direction:column;align-items:center;gap:12px;max-width:min(460px,92vw);padding:26px 30px;display:flex;box-shadow:0 18px 60px #0009}.control-link-panel h2{letter-spacing:.04em;margin:0;font-size:1.5rem}.control-link-url{color:var(--muted);word-break:break-all;margin:0;font-size:.85rem}.control{justify-content:flex-start;gap:14px;padding-top:24px}.control-head{justify-content:space-between;align-items:center;width:min(440px,94vw);display:flex}.control-code{letter-spacing:.2em;color:var(--gold);font-size:1.4rem;font-weight:800}.dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-left:10px;display:inline-block}.dot.on{background:#2ecc71}.dot.off{background:var(--red);animation:.8s ease-in-out infinite alternate pulse}.control-status{margin:6px 0 0;font-size:1.3rem;font-weight:700}.control-actions{background:var(--panel);border-radius:var(--radius);flex-direction:column;gap:10px;width:min(440px,94vw);padding:18px;display:flex}.control-actions button{width:100%}.control-actions .muted{margin:0 0 4px}.roster-control{background:var(--panel);border-radius:var(--radius);width:min(440px,94vw);padding:14px 18px}.roster-control ul{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.player-row{background:#000;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.player-row.eliminated{opacity:.6}.player-row.gerade-raus{opacity:.85;border-left:3px solid var(--red)}.joker-mini{letter-spacing:2px;color:var(--gold);opacity:.9;font-size:.85rem}.zug-marke{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border:1px solid;border-radius:999px;padding:3px 8px;font-size:.72rem}.zug-marke.richtig{color:var(--green,#5bd08a)}.zug-marke.falsch{color:var(--red)}.zug-marke.joker{color:var(--gold)}.zug-marke.offen{color:var(--muted);opacity:.7}.player-name{text-align:left;flex:1;font-weight:600}.player-row.eliminated .player-name{text-decoration:line-through}.player-state{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.8rem}.danger-zone{justify-content:center;width:min(440px,94vw);margin-top:6px;display:flex}.q-topbar{justify-content:space-between;align-items:center;width:min(900px,94vw);margin-bottom:2px;display:flex}.q-hero{flex-direction:column;align-items:center;margin:4px 0 12px;display:flex}.q-hero-percent{font-size:clamp(3.4rem, 10vw, calc(7rem + var(--gravity,0) * 1.6rem));letter-spacing:-.02em;color:var(--gold);text-shadow:0 0 calc(44px + var(--gravity,0) * 40px) rgba(231, 201, 143, calc(.45 + var(--gravity,0) * .35));font-weight:800;line-height:.9;animation:.72s cubic-bezier(.22,1,.36,1) hero-drop}.q-hero-sign{vertical-align:super;opacity:.85;font-size:.42em}.q-hero-label{text-transform:uppercase;letter-spacing:.28em;color:var(--muted);margin-top:2px;font-size:clamp(.8rem,2vw,1.1rem)}@keyframes hero-drop{0%{opacity:0;transform:translateY(-84px)scale(.9)}58%{opacity:1}76%{transform:translateY(7px)scale(1.045)}to{opacity:1;transform:translateY(0)scale(1)}}.timer-big{color:var(--gold);font-variant-numeric:tabular-nums;min-width:2ch;font-size:clamp(2rem,5vw,3.4rem);font-weight:800}.timer-big.urgent{color:var(--red);animation:.5s ease-in-out infinite alternate pulse}.reveal-suspense{color:var(--muted);letter-spacing:.1em}.reveal-fade-in{animation:.5s both fade-in}.reveal-flash{pointer-events:none;z-index:5;background:radial-gradient(circle at 50% 45%,#e7c98f80 0%,#e7c98f00 62%);animation:.7s ease-out forwards reveal-flash;position:fixed;inset:0}@keyframes reveal-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.out-line{color:var(--text);margin:4px 0;font-size:clamp(1.1rem,3vw,1.7rem);font-weight:600;animation:.45s both fade-in}.screen.warm{background:radial-gradient(circle at 50% 28%, #e7c98f24 0%, var(--bg) 60%)}.player-out-heart{margin-bottom:2px;font-size:2.6rem}.player-out-name{color:var(--gold);margin:0 0 6px;font-size:clamp(2rem,9vw,3rem);font-weight:800}.timer-ring.urgent{animation:.5s ease-in-out infinite alternate pulse}.timer-ring-track{fill:none;stroke:#ffffff1a;stroke-width:8px}.timer-ring-fill{fill:none;stroke:var(--gold);stroke-width:8px;stroke-linecap:round;transform-origin:50%;transform-box:fill-box;transition:stroke-dashoffset 1s linear,stroke .4s;transform:rotate(-90deg)}.timer-ring-fill.warn{stroke:#f0a83a}.timer-ring-fill.urgent{stroke:var(--red)}.timer-ring-text{fill:var(--text);text-anchor:middle;dominant-baseline:central;font-size:40px;font-weight:800}.timer-ring-text.urgent{fill:var(--red)}.lightboard-wrap{flex-direction:column;align-items:center;gap:8px;margin-top:24px;display:flex}.lightboard{flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(900px,92vw);display:flex}.light{background:var(--gold);border-radius:50%;width:16px;height:16px;transition:background .5s,box-shadow .5s,opacity .5s;box-shadow:0 0 10px #e7c98fb3}.light.out{background:var(--red);box-shadow:none;opacity:.35}.lightboard-label{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:.85rem}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.sound-check{text-align:left;justify-content:flex-start;align-items:stretch;max-width:760px;margin:0 auto;padding:28px 20px 60px}.sound-check>.brand{text-align:left}.sound-check>.muted{margin-bottom:8px}.sound-moment{border-top:1px solid #f5f3ec1a;padding:18px 0 6px}.sound-moment h2{color:var(--text);margin:0 0 2px;font-family:Oswald,sans-serif;font-size:1.25rem;font-weight:600}.sound-options{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.sound-options button.ghost{font-size:.95rem}.sound-options button.ghost.current{border-color:var(--gold);color:var(--gold)}.sound-options button.ghost.on{background:var(--gold);color:#0b0f1f;border-color:var(--gold)}.screen.beamer{isolation:isolate;position:relative}.gravity-bg{pointer-events:none;z-index:-1;opacity:calc(var(--gravity,0) * .6);background:#04060f;transition:opacity .9s;position:fixed;inset:0}.gravity-vignette{pointer-events:none;z-index:-1;opacity:var(--vig,0);background:radial-gradient(72% 72%,#0000 38%,#000000eb 120%);transition:opacity .6s;position:fixed;inset:0}.monogram-watermark{z-index:-1;pointer-events:none;opacity:calc(.045 + var(--gravity,0) * .05);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.monogram-watermark img{filter:brightness(0)invert();width:min(58vw,520px)}.timer-ring-text{transform-box:fill-box;transform-origin:50%}.timer-ring-text.beat{animation:.85s ease-out tick-beat}@keyframes tick-beat{0%{transform:scale(1.4)}to{transform:scale(1)}}.lock-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border:2px solid var(--gold);border-radius:14px;padding:14px 30px;font-family:Oswald,sans-serif;font-size:clamp(1.6rem,5vw,3rem);font-weight:700;animation:.5s cubic-bezier(.22,1,.36,1) both lock-snap;box-shadow:0 0 44px #e7c98f66}@keyframes lock-snap{0%{opacity:0;transform:scale(1.18)}35%{opacity:1}to{opacity:1;transform:scale(1)}}.reveal-chips{flex-wrap:wrap;justify-content:center;gap:12px;margin:16px 0;display:flex}.reveal-chip{color:var(--text);background:var(--panel);border:1px solid #f5f3ec26;border-radius:12px;padding:12px 22px;font-size:clamp(1.2rem,2.8vw,2.2rem);font-weight:600;transition:opacity .45s,filter .45s}.reveal-chip.wrong{opacity:.32;filter:grayscale(.6)}.reveal-chip.correct{border-color:var(--gold);color:var(--gold);animation:.6s cubic-bezier(.22,1,.36,1) both chip-pop;box-shadow:0 0 36px #e7c98f80}@keyframes chip-pop{0%{transform:scale(.92)}70%{transform:scale(1.06)}to{transform:scale(1)}}.field-count{flex-direction:column;align-items:center;margin:6px 0 14px;display:flex}.field-count-num{color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 40px #e7c98f66;font-size:clamp(4rem,12vw,9rem);font-weight:800;line-height:.95}.field-count-label{text-transform:uppercase;letter-spacing:.22em;color:var(--muted);font-size:clamp(.8rem,2vw,1.1rem)}.light{transition:background .6s,box-shadow .6s,opacity .6s}.light.out{opacity:.5;box-shadow:none!important;background:#c98b86!important}.light.on.pulse{animation:1s ease-in-out survivor-pulse}@keyframes survivor-pulse{0%,to{box-shadow:0 0 8px #e7c98f99}50%{transform:scale(1.25);box-shadow:0 0 22px #e7c98f}}.out-line:before{content:"💛";margin-right:8px}.title-card{z-index:40;background:radial-gradient(circle at 50% 45%,#0f1733f7,#04060f 80%);flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:.6s both title-in;display:flex;position:fixed;inset:0}.title-card.out{animation:.7s both title-out}.title-card-monogram{opacity:0;width:min(34vw,230px);animation:1.4s .2s both monogram-bloom}.title-card-monogram img{filter:brightness(0)invert()drop-shadow(0 0 26px #e7c98f80);width:100%}.title-card-title{letter-spacing:.02em;color:var(--gold);font-family:Oswald,sans-serif;font-size:clamp(2.2rem,8vw,5rem);font-weight:700}.title-card-names{color:var(--text);letter-spacing:.1em;font-family:IBM Plex Serif,serif;font-size:clamp(1.1rem,3.4vw,2rem)}@keyframes title-in{0%{opacity:0}to{opacity:1}}@keyframes title-out{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes monogram-bloom{0%{opacity:0;transform:scale(.7)}60%{opacity:.95}to{opacity:.92;transform:scale(1)}}.joker-stand{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:.85rem;display:flex}.joker-punkt{border-radius:50%;width:13px;height:13px;display:inline-block}.joker-punkt.da{background:var(--gold);box-shadow:0 0 10px #e7c98f8c}.joker-punkt.weg{background:0 0;border:1.5px solid #3a3a45}.joker-knopf{margin-top:16px;font-size:.95rem}.joker-frage{border:1px solid var(--gold);border-radius:var(--radius);background:#e7c98f12;margin-top:16px;padding:14px}.joker-frage-knoepfe{gap:10px;margin-top:10px;display:flex}.joker-frage-knoepfe button{flex:1}.joker-ja{background:var(--gold);color:#10121b;font-weight:700}.send-error{color:var(--red);margin-top:14px;font-weight:600}.intro-screen{background:radial-gradient(circle at 50% 45%,#0f1733f7,#04060f 80%);gap:22px;animation:1s 7s both intro-out}.intro-monogram{opacity:0;width:min(38vw,300px);animation:2.2s .3s both monogram-bloom}.intro-monogram img{filter:brightness(0)invert()drop-shadow(0 0 34px #e7c98f8c);width:100%}.intro-title{letter-spacing:.02em;color:var(--gold);opacity:0;font-family:Oswald,sans-serif;font-size:clamp(2.4rem,9vw,6rem);font-weight:700;animation:1.1s cubic-bezier(.22,1,.36,1) 2.2s both intro-line}.intro-names{color:var(--text);letter-spacing:.1em;opacity:0;font-family:IBM Plex Serif,serif;font-size:clamp(1.2rem,3.8vw,2.4rem);animation:1.1s cubic-bezier(.22,1,.36,1) 3.4s both intro-line}.intro-date{color:var(--muted);letter-spacing:.4em;opacity:0;font-family:IBM Plex Serif,serif;font-size:clamp(.95rem,2.4vw,1.5rem);animation:1.1s cubic-bezier(.22,1,.36,1) 4.4s both intro-line}@keyframes intro-line{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-out{to{opacity:0}}