:root{--forest: #16301a;--forest2: #1e3d24;--card: #1e3d24;--pri3: #77bd63;--acc: #6aa84f;--on: #eef2dc;--dim: #a7bb90;--line: #2c4b30;--gruen: #3fbf7f;--gelb: #e0a030;--rot: #e05050}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:radial-gradient(120% 120% at 50% 0%,var(--forest2),var(--forest));color:var(--on);font:15px/1.4 Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.lade,.fehler{color:var(--dim);font-size:1rem;text-align:center;padding:40px}.fehler{color:var(--rot)}.karte{width:min(560px,100%);background:#00000038;border:1px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:0 12px 40px #00000059}.kopf{display:flex;align-items:center;gap:12px;margin-bottom:18px}.kopf h1{font-size:1.4rem;font-weight:700;letter-spacing:.2px}.zustand{margin-left:auto;font-size:.85rem;color:var(--dim);font-weight:600}.punkt{width:12px;height:12px;border-radius:50%;background:var(--dim);box-shadow:0 0 0 4px #ffffff0d}.punkt.gruen{background:var(--gruen);box-shadow:0 0 12px var(--gruen)}.punkt.gelb{background:var(--gelb);box-shadow:0 0 12px var(--gelb)}.punkt.rot{background:var(--rot);box-shadow:0 0 12px var(--rot)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.kachel{background:#ffffff0a;border:1px solid var(--line);border-radius:12px;padding:12px 8px;text-align:center}.k-wert{font-size:1.25rem;font-weight:700;color:var(--pri3)}.k-label{font-size:.7rem;color:var(--dim);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.spieler-kopf{font-size:.8rem;color:var(--dim);font-weight:600;margin-bottom:8px}.spieler{display:flex;flex-wrap:wrap;gap:8px}.p{display:flex;align-items:center;gap:7px;background:#ffffff0d;border:1px solid var(--line);border-radius:10px;padding:5px 10px 5px 6px}.p img{width:22px;height:22px;border-radius:4px;image-rendering:pixelated}.p span{font-size:.85rem}.voice{margin-bottom:18px}.v-kopf{font-size:.8rem;color:var(--dim);font-weight:600;margin-bottom:8px}.v-reihe{display:flex;flex-wrap:wrap;gap:10px}.v-av{width:44px;height:44px;border-radius:50%;border:2px solid transparent;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ffffff0f;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.v-av img{width:100%;height:100%;object-fit:cover}.v-ini{font-weight:700;color:var(--on);font-size:1rem}.v-av.spricht{border-color:var(--gruen);box-shadow:0 0 0 3px #3fbf7f59,0 0 16px var(--gruen);transform:scale(1.08)}.leer{color:var(--dim);font-size:.9rem;padding:8px 2px}.fuss{margin-top:18px;font-size:.72rem;color:var(--dim);text-align:center;opacity:.7}@media (max-width: 440px){.stats{grid-template-columns:repeat(2,1fr)}}.chat{max-height:230px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;margin-top:8px;font-size:13px;line-height:1.35}.chat .leer{color:#8ba393;padding:8px 0}.cm{word-break:break-word}.cm .tag{display:inline-block;font-size:9px;font-weight:800;padding:1px 5px;border-radius:5px;margin-right:5px;color:#fff;vertical-align:middle}.cm.tw .tag{background:#9147ff}.cm.yt .tag{background:red}.cm b{font-weight:700}.punkt.grau{background:#667}.tally{text-align:center}.tally .logo{font-weight:900;font-size:22px;margin-bottom:10px}.tally .logo span{color:#3fbf7f}.hinweis{color:#8ba393;font-size:14px;margin:0 0 16px}.gross{display:block;width:100%;padding:16px;font-size:18px;font-weight:800;border:none;border-radius:14px;cursor:pointer;color:#fff}.gross.gruen{background:#1ea54b}.warte{display:flex;flex-direction:column;align-items:center;gap:12px;color:#8ba393;padding:20px 0}.spinner{width:34px;height:34px;border:4px solid #263a2e;border-top-color:#3fbf7f;border-radius:50%;animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.picker{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.slot{padding:14px;font-size:16px;font-weight:700;border:1px solid #2a3b30;border-radius:12px;background:#18251d;color:#e8f0ea;cursor:pointer}.slot:hover{border-color:#3fbf7f}.klein{background:#22302a;color:#cfe0d6;border:none;border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer;margin:4px}.tallyview,.liveview{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.signal{flex:1.3;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:#161a17;transition:background .15s}.signal.live{background:#e01e1e;animation:pulse 1s ease-in-out infinite}.signal.prev{background:#1ea54b}@keyframes pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.signal .who{font-size:6vh;font-weight:600;opacity:.9;color:#fff}.signal .state{font-size:16vh;line-height:1;font-weight:900;letter-spacing:.03em;color:#fff}.signal .sub{font-size:3vh;color:#ffffffd1}.signal.off .state{color:#8ba393}.signal.off .who{color:#cfe0d6}.obs-off{color:#f0c040;font-size:2.2vh;margin-top:6px}.foot{position:fixed;bottom:12px;display:flex;gap:8px}.chatwrap{flex:1;min-height:0;display:flex;flex-direction:column;background:#10160f;border-top:1px solid #26332a}.chatwrap.big{flex:1}.chat-kopf{padding:6px 12px;font-size:12px;font-weight:700;color:#8ba393;border-bottom:1px solid #1c2a20}.cm-feed{flex:1;min-height:0;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:3px;font-size:14px;line-height:1.35}.cm-feed .leer{color:#8ba393;padding:8px 0}.foot{position:static;display:flex;justify-content:center;gap:8px;padding:8px;background:#10160f}.signal .who{font-size:5vh;font-weight:600;opacity:.9;color:#fff}.signal .state{font-size:12vh;line-height:1;font-weight:900;letter-spacing:.03em;color:#fff}.signal .sub{font-size:2.4vh;color:#ffffffd1}.livebar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#141b16;border-bottom:1px solid #26332a}.livebar .logo{font-weight:900;font-size:18px}.livebar .logo span{color:#3fbf7f}.live-badge{display:flex;align-items:center;gap:7px;font-weight:800;font-size:13px;padding:5px 11px;border-radius:999px;background:#2a2320;color:#f0c040}.live-badge.on{background:#e01e1e;color:#fff}.live-badge .pulse{width:8px;height:8px;border-radius:50%;background:currentColor}.live-badge.on .pulse{animation:pulse 1s ease-in-out infinite}.livebar .scene{color:#8ba393;font-size:13px}.loader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.loader-logo{font-weight:900;font-size:30px;letter-spacing:.5px}.loader-logo span{color:#3fbf7f}.ring{width:40px;height:40px;border:4px solid rgba(63,191,127,.2);border-top-color:#3fbf7f;border-radius:50%;animation:sp 1s linear infinite}.loader-txt{color:#a7bb90;font-size:14px}.loader-txt.fehler{color:#e05050}.home{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:20px;text-align:center}.hero-logo{font-weight:900;font-size:34px;letter-spacing:.5px}.hero-logo span{color:#3fbf7f}.hero-sub{color:#a7bb90;font-size:15px;margin-top:2px;letter-spacing:2px;text-transform:uppercase}.home-cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;width:100%;max-width:520px}.home-card{flex:1 1 180px;min-width:160px;background:#00000040;border:1px solid #2c4b30;border-radius:18px;padding:24px 18px;cursor:pointer;color:#eef2dc;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.home-card:hover{transform:translateY(-3px);border-color:#3fbf7f;box-shadow:0 10px 30px #00000059}.home-card .hc-emoji{font-size:40px}.home-card .hc-title{font-size:19px;font-weight:800;margin-top:10px}.home-card .hc-desc{font-size:13px;color:#a7bb90;margin-top:4px}.home-card.c-live:hover{box-shadow:0 10px 30px #3fbf7f40}.home-card.c-tally:hover{border-color:#e05050;box-shadow:0 10px 30px #e0505040}.home-fuss{color:#a7bb90;font-size:12px;opacity:.8}.zurueck{background:#ffffff14;color:#cfe0d6;border:none;border-radius:8px;padding:6px 10px;font-size:15px;cursor:pointer}.zurueck.oben{position:absolute;top:12px;left:12px}.livebar .zurueck{font-size:18px;line-height:1;padding:4px 10px}.karte.tally{position:relative}.watch{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.video{flex:0 0 auto;width:100%;aspect-ratio:16/9;max-height:60vh;background:#000;position:relative}.video iframe{width:100%;height:100%;border:0;display:block}.video-leer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#8ba393;text-align:center;padding:20px}.video video{width:100%;height:100%;object-fit:contain;display:none;background:#000}.video.hasvideo video{display:block}.video.hasvideo .video-leer{display:none}