:root{--papier: #15171c;--karte: #1d2027;--kante: #2c313b;--schrift: #e6e8ec;--schrift-leise: #99a0ad;--akzent: #4f8c86;--rot: #ab2420;--gelb: #a9791f;--gruen: #2f6b3a;--radius: 6px}*{box-sizing:border-box}body{margin:0;background:var(--papier);color:var(--schrift);font:14px/1.45 Segoe UI,system-ui,sans-serif}h1{font-size:1.5rem;margin:0 0 .2rem}h2{font-size:1.1rem;margin:0 0 .5rem}h3{font-size:.95rem;margin:0 0 .4rem}.knopf{background:var(--karte);color:var(--schrift);border:1px solid var(--kante);border-radius:var(--radius);padding:.35rem .7rem;cursor:pointer;font:inherit}.knopf:hover:not(:disabled){border-color:var(--akzent)}.knopf:disabled{opacity:.4;cursor:not-allowed}.knopf.aktiv{background:var(--akzent);border-color:var(--akzent);color:#08110f}.knopf-haupt{background:var(--akzent);border-color:var(--akzent);color:#08110f;font-weight:600}.knopf-klein{padding:.2rem .45rem;font-size:.82rem}.knopf em{color:var(--schrift-leise);font-style:normal;margin-left:.3rem}.knopf-haupt em,.knopf.aktiv em{color:#08110f;opacity:.7}.knopfreihe{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.paar{display:inline-flex}.paar .knopf:first-child{border-radius:var(--radius) 0 0 var(--radius)}.paar .knopf:last-child{border-radius:0 var(--radius) var(--radius) 0;margin-left:-1px}.karte{background:var(--karte);border:1px solid var(--kante);border-radius:var(--radius);padding:.8rem;margin-bottom:.8rem}fieldset{border:1px solid var(--kante);border-radius:var(--radius);margin:0 0 .5rem;padding:.5rem .6rem .6rem}fieldset:disabled{opacity:.45}legend{color:var(--schrift-leise);font-size:.8rem;padding:0 .3rem}label{display:block;margin-bottom:.6rem;color:var(--schrift-leise);font-size:.85rem}input,textarea,select{display:block;width:100%;margin-top:.2rem;background:var(--papier);color:var(--schrift);border:1px solid var(--kante);border-radius:var(--radius);padding:.4rem .5rem;font:inherit}textarea{resize:vertical}.hinweis{color:var(--schrift-leise);font-size:.82rem;margin:.2rem 0}.marke{display:inline-block;background:var(--kante);color:var(--schrift-leise);border-radius:3px;padding:.05rem .35rem;font-size:.75rem;margin-left:.3rem}.marke-rot{background:var(--rot);color:#fff}.marke-gelb{background:var(--gelb);color:#1a1405}.fehlerbox,.okbox,.warnbox{border-radius:var(--radius);padding:.5rem .7rem;margin:.5rem 0;border-left:3px solid}.fehlerbox{background:#2a1616;border-color:var(--rot)}.okbox{background:#16241a;border-color:var(--gruen)}.warnbox{background:#272013;border-color:var(--gelb)}.warnbox-gross{font-size:1.6rem;text-align:center}.tabelle{width:100%;border-collapse:collapse;font-size:.85rem}.tabelle th{text-align:left;color:var(--schrift-leise);font-weight:500;padding:.3rem}.tabelle td{padding:.3rem;border-top:1px solid var(--kante)}.tabelle input{margin:0;font-size:.78rem}.zeile{display:flex;gap:.6rem;align-items:center;padding:.4rem 0;border-top:1px solid var(--kante)}.zeile em{color:var(--schrift-leise);font-style:normal;flex:1}.leiste{display:flex;gap:.7rem;align-items:center;padding:.3rem .7rem;font-size:.82rem;background:var(--karte);border-bottom:1px solid var(--kante)}.leiste-rolle{font-weight:600}.leiste-stand{color:var(--schrift-leise)}.leiste-getrennt{background:#2a1616}.leiste-warnung{color:var(--gelb)}.leiste .knopf{margin-left:auto}.lobby{max-width:54rem;margin:3rem auto;padding:0 1rem}.unterzeile{color:var(--schrift-leise);margin-bottom:1.5rem}.lobby-spalten{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.fuss{color:var(--schrift-leise);font-size:.78rem;margin-top:1rem}.warten{padding:3rem;text-align:center;color:var(--schrift-leise)}.ansicht{padding:.6rem}.kopf{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;background:var(--karte);border:1px solid var(--kante);border-radius:var(--radius);padding:.6rem;margin-bottom:.6rem}.kopf-rechts{display:flex;flex-direction:column;gap:.4rem;align-items:flex-end}.mitte{display:grid;grid-template-columns:1fr 23rem;gap:.6rem;align-items:start}.seite{min-width:0}.reiter{display:flex;gap:.3rem;margin:.6rem 0 .3rem}.reiter button{flex:1;background:none;border:none;border-bottom:2px solid var(--kante);color:var(--schrift-leise);padding:.3rem;cursor:pointer;font:inherit}.reiter button.aktiv{color:var(--schrift);border-color:var(--akzent)}.reiter-inhalt{max-height:60vh;overflow:auto}.kennzahlen{display:flex;gap:.8rem;flex-wrap:wrap}.kz{text-align:center;min-width:4.5rem}.kz b{display:block;font-size:1.25rem}.kz small{color:var(--schrift-leise);font-size:.72rem}.kz-warn b{color:var(--gelb)}.kz-gross b{font-size:2.6rem}.kz-gross small{font-size:1rem}.lagezeile{margin-top:.4rem;color:var(--schrift-leise);font-size:.85rem}.lagezeile b{color:var(--schrift)}.lp-balken{display:grid;gap:.15rem;margin-top:.5rem}.lp{display:grid;grid-template-columns:3rem 1fr 2rem;gap:.4rem;align-items:center;font-size:.78rem}.lp-name{color:var(--schrift-leise)}.lp-bahn{position:relative;height:.7rem;background:var(--papier);border-radius:3px;overflow:hidden}.lp-fuell{height:100%;background:var(--gelb)}.lp-fuell.lp-ok{background:var(--gruen)}.lp-schwelle{position:absolute;top:0;bottom:0;width:1px;background:var(--schrift);opacity:.55}.lp-wert{text-align:right;color:var(--schrift-leise)}.kerne{display:flex;gap:.3rem;margin-top:.4rem}.kern{font-size:.74rem;padding:.1rem .4rem;border-radius:3px;border:1px solid var(--kante)}.kern-ok{background:var(--gruen);border-color:var(--gruen)}.kern-weg{background:var(--rot);border-color:var(--rot)}.lage-gross .kennzahlen{gap:2rem;justify-content:center}.lage-gross .lagezeile{font-size:1.2rem;text-align:center}.lage-gross .lp{font-size:1rem;grid-template-columns:4rem 1fr 3rem}.lage-gross .lp-bahn{height:1.2rem}.rollenliste{display:flex;gap:.25rem}.rollenlampe{font-size:.74rem;padding:.1rem .4rem;border-radius:3px;border:1px solid var(--kante);color:var(--schrift-leise)}.rollenlampe.an{color:var(--schrift);border-color:var(--schrift-leise)}.rollenlampe.fertig{background:var(--gruen);border-color:var(--gruen);color:#fff}.rollenlampe.ich{outline:1px solid var(--akzent)}.brett{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.5rem}.rz{background:var(--karte);border:1px solid var(--kante);border-radius:var(--radius);padding:.4rem}.rz-zu{opacity:.45}.rz-tot{border-color:var(--rot)}.rz header{display:flex;flex-wrap:wrap;gap:.3rem;align-items:baseline;font-size:.8rem;margin-bottom:.3rem}.rz header .reg{color:var(--schrift-leise)}.rz header .kap{margin-left:auto;color:var(--schrift-leise)}.rz header .kap em{font-style:normal}.rz svg{display:block;max-width:100%;height:auto}.wabe{stroke:var(--papier);stroke-width:1.4}.wabe-frei{fill:#23262e}.wabe-plat{fill:#2b2f3a;stroke-dasharray:2 2}.wabe-r{stroke:var(--schrift);stroke-width:1}.wabe-text{fill:#fff;font-size:9px;text-anchor:middle;pointer-events:none;font-weight:600}.wabe-text-hell{fill:#fff;font-size:8px}.wabe-gp:hover .wabe,.wabe-rahmen:hover .wabe{stroke:var(--akzent);stroke-width:2}.gewaehlt .wabe{stroke:var(--akzent);stroke-width:2.2}.mark-schaden{fill:#fff;stroke:#000;stroke-width:.5}.mark-befall{fill:none;stroke:var(--gelb);stroke-width:2;stroke-dasharray:3 2}.mark-aufkl{fill:var(--rot)}.mark-ticket{fill:#9fe0cf;font-size:9px;text-anchor:middle}.aktionen{background:var(--karte);border:1px solid var(--kante);border-radius:var(--radius);padding:.6rem}.aktionen-kopf{display:flex;gap:.5rem;align-items:baseline;margin-bottom:.5rem}.budget{margin-left:auto;color:var(--akzent);font-weight:600}.budget-leer{color:var(--rot)}.gewaehlt-info{display:grid;gap:.1rem;font-size:.82rem;margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1px solid var(--kante)}.gewaehlt-info span{color:var(--schrift-leise)}.begruendung{position:fixed;inset:auto 1rem 1rem auto;width:min(28rem,calc(100vw - 2rem));background:var(--karte);border:1px solid var(--akzent);border-radius:var(--radius);padding:.8rem;z-index:10;box-shadow:0 8px 30px #00000080}.begruendung .knopfreihe{margin-top:.4rem}.protokoll{list-style:none;margin:0;padding:0;font-size:.82rem}.prot{display:flex;gap:.5rem;padding:.3rem 0;border-top:1px solid var(--kante)}.prot-runde{color:var(--schrift-leise);white-space:nowrap;font-size:.75rem;min-width:4.2rem}.prot-rolle{display:inline-block;min-width:1.8rem;color:var(--akzent);font-weight:600}.prot-kosten{color:var(--schrift-leise);font-style:normal}.prot-karte{background:#1a1d24}.prot-karte p{margin:.1rem 0 0;color:var(--schrift-leise)}.prot-warn{border-left:2px solid var(--rot);padding-left:.4rem}.prot-card{border-left:2px solid var(--gelb);padding-left:.4rem}.erklaerung dl{display:grid;grid-template-columns:7rem 1fr;gap:.2rem .5rem;font-size:.82rem;margin:.3rem 0}.erklaerung dt{color:var(--schrift-leise)}.erklaerung dd{margin:0}.sl-vorbereitung{max-width:60rem;margin:1.5rem auto;padding:0 1rem}.sl-steuerung{background:var(--karte);border:1px solid var(--kante);border-radius:var(--radius);padding:.6rem;margin-bottom:.6rem;display:grid;gap:.5rem}.phase{font-size:.85rem}.phase .ok{color:var(--gruen)}.phase .warn{color:var(--gelb)}.rot-hand{background:#231618;border:1px solid var(--rot);border-radius:var(--radius);padding:.5rem;margin-bottom:.6rem}.rot-hand h3{color:#e0a0a0}.ansicht-sl .mitte{grid-template-columns:1fr 26rem}.ansicht-lagebild{padding:1rem}.ansicht-lagebild header{margin-bottom:1rem}.ansicht-lagebild .brett{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.ticker{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.ticker-karten{display:grid;gap:.4rem}.ticker-karte{background:var(--karte);border-left:3px solid var(--gelb);border-radius:var(--radius);padding:.4rem .6rem;font-size:1rem}.ticker-karte span{display:block;color:var(--schrift-leise);font-size:.85rem}.ticker-zuege{list-style:none;margin:0;padding:0;font-size:1rem}.ticker-zuege li{padding:.2rem 0;border-top:1px solid var(--kante)}@media (max-width: 1100px){.mitte,.ansicht-sl .mitte,.lobby-spalten,.ticker{grid-template-columns:1fr}}