@font-face{font-family:Space Grotesk;font-weight:500;font-style:normal;font-display:swap;src:url(../../../assets/fonts/space-grotesk-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-weight:700;font-style:normal;font-display:swap;src:url(../../../assets/fonts/space-grotesk-latin-700-normal.woff2) format("woff2")}:root{--bg: #101319;--bg2: #151a24;--s1: #171c27;--s2: #1b2130;--s3: #232b3c;--line: rgba(255,255,255,.1);--line2: rgba(255,255,255,.18);--text: #e8ebf2;--muted: #aab3c5;--faint: #78829a;--accent: #ffd700;--ink: #14171d;--good: #3ddc97;--bad: #ff6b6b;--r: 16px;--display: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--btn-h: 46px;--fs: 16px;--panel-w: 320px;color-scheme:dark}html.gross{--btn-h: 60px;--fs: 20px;--panel-w: 380px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs);-webkit-tap-highlight-color:transparent}body{background:radial-gradient(1200px 700px at 50% -10%,#1d2535,var(--bg) 70%);overflow:hidden;overscroll-behavior:none}button,input,select{font:inherit;color:inherit}.hidden{display:none!important}#app{position:fixed;inset:0;display:flex;flex-direction:column}.scr{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch}h1,h2,h3{font-family:var(--display);letter-spacing:-.3px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--btn-h);padding:0 20px;border-radius:13px;border:1px solid var(--line2);background:var(--s3);color:var(--text);font-weight:600;cursor:pointer;text-decoration:none;text-align:center;line-height:1.15;transition:background .15s,transform .08s,border-color .15s}.btn:hover{background:#2b3448;border-color:#ffffff47}.btn:active{transform:translateY(1px)}.btn:focus-visible,.chip:focus-visible,.ibtn:focus-visible{outline:none;box-shadow:0 0 0 3px #ffd70099}.btn.gold{background:var(--accent);color:var(--ink);border-color:transparent}.btn.gold:hover{background:#ffe14d}.btn.flach{background:transparent}.btn.klein{min-height:calc(var(--btn-h) - 8px);padding:0 14px;font-size:.92em}.btn[disabled]{opacity:.45;cursor:default;pointer-events:none}.btn .ico{width:1.2em;height:1.2em;flex:none}.ibtn{width:var(--btn-h);height:var(--btn-h);border-radius:13px;border:1px solid var(--line2);background:#171c27d9;color:var(--text);display:inline-grid;place-items:center;cursor:pointer;flex:none;padding:0;font-weight:700}.ibtn:hover{background:var(--s3)}.ibtn svg{width:22px;height:22px}html.gross .ibtn svg{width:28px;height:28px}.ibtn.an{background:var(--accent);color:var(--ink);border-color:transparent}.ibtn[disabled]{opacity:.35;pointer-events:none}.menu{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:76px 18px 120px}.menu-in{width:100%;max-width:560px}.kopf{display:flex;align-items:center;gap:16px;margin-bottom:22px}.kopf .logo{width:76px;height:76px;flex:none;border-radius:20px;background:var(--s2);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.kopf .logo img,.kopf .logo svg{width:100%;height:100%}.kopf h1{font-size:2.1em;line-height:1.05}.kopf p{margin:6px 0 0;color:var(--muted)}.stapel{display:grid;gap:12px}.stapel .btn{width:100%;justify-content:flex-start;padding:12px 18px;min-height:calc(var(--btn-h) + 14px);font-size:1.05em}.stapel .btn small{display:block;font-weight:500;color:inherit;opacity:.75;font-size:.82em;margin-top:3px}.stapel .btn.gold small{opacity:.8}.stapel .btn .txt{text-align:left}.zeile{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.zeile .btn{flex:1 1 140px}.karte{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin-top:16px}.karte h3{font-size:1.05em;margin-bottom:10px}.statistik{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.statistik div{background:var(--s2);border-radius:12px;padding:10px 6px}.statistik b{display:block;font-family:var(--display);font-size:1.35em}.statistik span{color:var(--muted);font-size:.82em}.muted{color:var(--muted)}.klein{font-size:.88em}.weiter{position:relative}.weiter:after{content:"";position:absolute;right:14px;top:50%;width:9px;height:9px;border-radius:50%;background:var(--good);transform:translateY(-50%)}.wahl{margin:16px 0}.wahl>label,.wahl>.lab{display:block;font-weight:700;margin-bottom:8px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:calc(var(--btn-h) - 4px);padding:0 16px;border-radius:999px;border:1px solid var(--line2);background:var(--s2);cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:8px}.chip[aria-pressed=true]{background:var(--accent);color:var(--ink);border-color:transparent}.chip .pt{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.3);flex:none}.feld{width:100%;min-height:var(--btn-h);border-radius:12px;border:1px solid var(--line2);background:var(--s2);padding:0 14px}.feld:focus{outline:none;border-color:var(--accent)}.code{font-family:var(--display);font-size:2.6em;letter-spacing:.18em;text-align:center;font-weight:700;color:var(--accent);margin:6px 0}.codefeld{text-transform:uppercase;letter-spacing:.3em;font-family:var(--display);font-size:1.6em;text-align:center;font-weight:700}.sitze{display:grid;gap:8px}.sitz{display:flex;align-items:center;gap:10px;background:var(--s2);border:1px solid var(--line);border-radius:12px;padding:8px 10px}.sitz .pt{width:22px;height:22px;border-radius:50%;flex:none;border:2px solid rgba(0,0,0,.25)}.sitz .nm{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sitz select{min-height:calc(var(--btn-h) - 6px);border-radius:10px;border:1px solid var(--line2);background:var(--s3);padding:0 8px}.liste-tische{display:grid;gap:8px}.tisch{display:flex;align-items:center;gap:10px;background:var(--s2);border-radius:12px;padding:10px 12px}.tisch .nm{flex:1}.schalter{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line);cursor:pointer}.schalter:first-of-type{border-top:0}.schalter input{width:54px;height:30px;appearance:none;-webkit-appearance:none;background:var(--s3);border-radius:999px;position:relative;cursor:pointer;flex:none;border:1px solid var(--line2);transition:background .15s}.schalter input:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .15s}.schalter input:checked{background:var(--accent)}.schalter input:checked:after{left:27px;background:var(--ink)}.schalter small{display:block;color:var(--muted);font-size:.85em;margin-top:2px}#spiel{display:flex;flex-direction:column;overflow:hidden}.leiste{display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top) + 8px) 10px 8px;background:#101319e6;border-bottom:1px solid var(--line);flex:none}.leiste .titel{flex:1;min-width:0;font-family:var(--display);font-weight:700;font-size:1.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leiste .titel small{display:block;font-family:var(--font);font-weight:500;font-size:.75em;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.haupt{flex:1;min-height:0;display:flex;gap:14px;padding:12px}.brettbox{flex:1;min-width:0;min-height:0;position:relative;display:grid;place-items:center}.brettbox canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;touch-action:none;border-radius:10px}.seite{width:var(--panel-w);flex:none;display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto}.status{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;font-weight:600;font-size:1.08em;line-height:1.35}.status.dran{border-color:#ffd7008c;box-shadow:0 0 0 1px #ffd70040 inset}.status .unter{display:block;font-weight:500;color:var(--muted);font-size:.82em;margin-top:4px}.spieler{display:grid;gap:8px}.sp{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--s1);border:1px solid var(--line);border-radius:14px}.sp.am{border-color:var(--accent);background:#1f2533}.sp .pt{width:24px;height:24px;border-radius:50%;flex:none;box-shadow:inset 0 -3px #00000040;border:1px solid rgba(0,0,0,.35)}.sp .nm{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp .nm small{display:block;font-weight:500;color:var(--muted);font-size:.8em}.sp .wert{font-family:var(--display);font-weight:700}.sp .weg{color:var(--bad);font-size:.8em}.knoepfe{display:grid;gap:8px}.knoepfe .btn{width:100%}.extra{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}.extra:empty{display:none}.chatleiste{display:flex;flex-wrap:wrap;gap:6px}.chatleiste .chip{min-height:36px;padding:0 12px;font-size:.88em}.blase{position:absolute;left:50%;top:14px;transform:translate(-50%);background:var(--s3);border:1px solid var(--line2);border-radius:999px;padding:10px 18px;font-weight:600;box-shadow:0 8px 24px #0006;z-index:5;pointer-events:none;max-width:92%;text-align:center;animation:blase 3.2s ease forwards}@keyframes blase{0%{opacity:0;transform:translate(-50%,-8px)}8%{opacity:1;transform:translate(-50%)}85%{opacity:1}to{opacity:0}}.denkt{display:inline-block;width:1.1em;text-align:left}.denkt:after{content:"\2026";animation:punkte 1.2s steps(4) infinite;overflow:hidden;display:inline-block;vertical-align:bottom;width:0}@keyframes punkte{to{width:1.1em}}@media(orientation:portrait),(max-width:760px){.haupt{flex-direction:column;padding:8px;gap:8px}.seite{width:auto;flex:0 0 auto;max-height:42vh}.spieler{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.sp{padding:8px 10px}.status{padding:10px 12px}}@media(max-height:520px)and (orientation:landscape){.leiste{padding-top:4px;padding-bottom:4px}.haupt{padding:6px}.seite{gap:6px}}.dlg-layer{position:fixed;inset:0;background:#05070bad;display:grid;place-items:center;z-index:50;padding:16px}.dlg{width:100%;max-width:540px;max-height:calc(100% - 20px);overflow-y:auto;background:var(--s1);border:1px solid var(--line2);border-radius:20px;padding:22px 22px 18px;box-shadow:0 24px 60px #00000080}.dlg h2{font-size:1.4em;margin-bottom:10px}.dlg p{line-height:1.5;margin:8px 0}.dlg .knoepfe-d{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.dlg .knoepfe-d .btn{flex:1 1 160px}.regeln h3{margin:16px 0 6px;font-size:1.05em;color:var(--accent)}.regeln ul{margin:6px 0;padding-left:1.2em;line-height:1.5}.regeln li{margin:3px 0}.ergebnis{text-align:center}.ergebnis .gross-icon{font-size:3.2em;line-height:1;margin-bottom:6px}.wahlgitter{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:12px}.wahlgitter .btn{min-height:76px;flex-direction:column;font-size:1.05em}.wahlgitter .btn span.sym{font-size:2em;line-height:1}.noscript{padding:40px;text-align:center}