:root{--bg: #0b0f1a;--bg-karte: #141a2b;--bg-karte-hell: #1c2338;--rand: #2a3350;--text: #e8ecf7;--text-schwach: #8b96b5;--akzent: #7c3aed;--akzent-hell: #9f6bff;--gold: #fbbf24;--silber: #cbd5e1;--bronze: #d97757;--gruen: #10b981;--rot: #ef4444;--radius: 14px;--schatten: 0 8px 30px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 15% -10%,rgba(124,58,237,.18),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(14,165,233,.12),transparent 55%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.huelle{max-width:1080px;margin:0 auto;padding:20px 16px 64px}.kopfzeile{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 0 24px}.marke{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.25rem;letter-spacing:-.02em;color:var(--text);text-decoration:none}.marke-punkt{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--akzent),#0ea5e9);display:grid;place-items:center;font-size:16px}.navi{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.navi a{color:var(--text-schwach);text-decoration:none;font-weight:600;font-size:.9rem;padding:8px 12px;border-radius:10px;transition:all .15s}.navi a:hover{color:var(--text);background:var(--bg-karte)}.navi a.aktiv{color:var(--text);background:var(--bg-karte-hell)}.karte{background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius);padding:20px;box-shadow:var(--schatten)}.karte+.karte{margin-top:16px}h1{font-size:1.7rem;margin:0 0 4px;letter-spacing:-.02em}h2{font-size:1.15rem;margin:0 0 14px;letter-spacing:-.01em}.unterzeile{color:var(--text-schwach);font-size:.9rem;margin:0 0 20px}label{display:block;font-size:.82rem;font-weight:600;color:var(--text-schwach);margin-bottom:6px}input[type=text],input[type=password],input[type=number],select{width:100%;padding:11px 13px;background:var(--bg);color:var(--text);border:1px solid var(--rand);border-radius:10px;font-size:1rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{outline:none;border-color:var(--akzent);box-shadow:0 0 0 3px #7c3aed33}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.feld{margin-bottom:14px}button{padding:11px 18px;border-radius:10px;border:1px solid transparent;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .08s,filter .15s,background .15s}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}.btn-haupt{background:linear-gradient(135deg,var(--akzent),var(--akzent-hell));color:#fff}.btn-haupt:hover:not(:disabled){filter:brightness(1.12)}.btn-neben{background:var(--bg-karte-hell);color:var(--text);border-color:var(--rand)}.btn-neben:hover:not(:disabled){background:var(--rand)}.btn-gefahr{background:transparent;color:var(--rot);border-color:#ef444466}.btn-gefahr:hover:not(:disabled){background:#ef44441f}.btn-klein{padding:7px 12px;font-size:.82rem}.knopfreihe{display:flex;gap:10px;flex-wrap:wrap}.meldung{padding:11px 14px;border-radius:10px;font-size:.9rem;font-weight:600;margin-bottom:14px}.meldung-fehler{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.meldung-gut{background:#10b9811f;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.tabellen-huelle{overflow-x:auto;-webkit-overflow-scrolling:touch}table.punkte{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}table.punkte th,table.punkte td{padding:12px 10px;text-align:center;white-space:nowrap}table.punkte thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-schwach);border-bottom:1px solid var(--rand);font-weight:700}table.punkte tbody tr{border-bottom:1px solid rgba(42,51,80,.5)}table.punkte tbody tr:last-child{border-bottom:none}.zelle-spieler{text-align:left!important}.spieler-zelle{display:flex;align-items:center;gap:10px}.spieler-punkt{width:10px;height:10px;border-radius:50%;flex-shrink:0}.spieler-name{font-weight:700}.platz-abzeichen{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:800;font-size:.85rem;background:var(--bg-karte-hell);color:var(--text-schwach);border:1px solid var(--rand)}.platz-1{background:linear-gradient(135deg,var(--gold),#f59e0b);color:#422006;border-color:transparent}.platz-2{background:linear-gradient(135deg,var(--silber),#94a3b8);color:#1e293b;border-color:transparent}.platz-3{background:linear-gradient(135deg,var(--bronze),#b45309);color:#fff7ed;border-color:transparent}.gesamt{font-size:1.15rem;font-weight:800}.gesamt-fuehrend{color:var(--gold)}.runden-wert{color:var(--text-schwach);font-size:.9rem}.runden-wert.negativ{color:var(--gruen);font-weight:600}.runden-wert.leer{opacity:.3}tr.ist-sieger{background:linear-gradient(90deg,rgba(251,191,36,.09),transparent 70%)}.sieger-banner{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#fbbf2429,#7c3aed1a);border:1px solid rgba(251,191,36,.35);border-radius:var(--radius);padding:16px 18px;margin-bottom:18px;animation:auftauchen .45s ease-out}.sieger-pokal{font-size:2rem;animation:wippen 2.4s ease-in-out infinite}.sieger-text{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-schwach);font-weight:700}.sieger-name{font-size:1.4rem;font-weight:800;color:var(--gold);letter-spacing:-.01em}@keyframes wippen{0%,to{transform:rotate(-8deg) scale(1)}50%{transform:rotate(8deg) scale(1.08)}}@keyframes auftauchen{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.partien-gitter{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}a.partie-karte{display:block;text-decoration:none;color:inherit;background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius);padding:18px;transition:transform .12s,border-color .15s}a.partie-karte:hover{transform:translateY(-3px);border-color:var(--akzent)}.partie-kopf{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:10px}.partie-titel{font-weight:800;font-size:1.05rem;letter-spacing:-.01em}.partie-meta{color:var(--text-schwach);font-size:.84rem;line-height:1.6}.plakette{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:4px 9px;border-radius:999px;white-space:nowrap}.plakette-laeuft{background:#10b98126;color:#6ee7b7}.plakette-fertig{background:#8b96b526;color:var(--text-schwach)}.plakette-typ{background:#7c3aed2e;color:var(--akzent-hell)}.eingabe-gitter{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:16px}.eingabe-feld{background:var(--bg);border:1px solid var(--rand);border-radius:10px;padding:12px}.eingabe-feld label{display:flex;align-items:center;gap:8px;color:var(--text);margin-bottom:8px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;cursor:pointer;background:var(--bg);border:1px solid var(--rand);font-weight:600;font-size:.9rem;-webkit-user-select:none;user-select:none;transition:all .13s}.chip:hover{border-color:var(--akzent)}.chip.gewaehlt{background:#7c3aed2e;border-color:var(--akzent);color:#fff}.chip .reihenfolge{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--akzent);color:#fff;font-size:.68rem;font-weight:800}.liste{display:flex;flex-direction:column;gap:8px}.listen-zeile{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--bg);border:1px solid var(--rand);border-radius:10px}.listen-zeile .info{display:flex;align-items:center;gap:11px;min-width:0}.stillgelegt{opacity:.45}.leer-hinweis{text-align:center;padding:44px 20px;color:var(--text-schwach)}.leer-hinweis .symbol{font-size:2.6rem;margin-bottom:12px;opacity:.55}.teiler{height:1px;background:var(--rand);margin:22px 0;border:none}.mittig-schirm{min-height:100dvh;display:grid;place-items:center;padding:20px}.login-karte{width:100%;max-width:380px}.teilen-leiste{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--bg);border:1px dashed var(--rand);border-radius:10px;padding:10px 12px;margin-top:14px}.teilen-leiste code{flex:1;min-width:180px;overflow-x:auto;white-space:nowrap;font-size:.78rem;color:var(--text-schwach)}.laden{text-align:center;padding:50px;color:var(--text-schwach)}@media(max-width:600px){.kopfzeile{padding-bottom:16px}h1{font-size:1.4rem}table.punkte th,table.punkte td{padding:10px 7px;font-size:.9rem}.huelle{padding:12px 12px 56px}}