:root{--fjord:#0b1f3a;--steel:#2e6fb5;--steel-light:#4f8dc9;--frost:#a8c4dd;--mist:#f5f7fa;--copper:#e8a546;--slate:#5b6470;--ink:#1f2937;--rot:#b54830;--gruen:#3d8a5f;--radius:10px;--font:-apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--mist);color:var(--ink);font-size:16px;line-height:1.55}.shell{max-width:1080px;margin:0 auto;padding:16px 16px 48px}.shell.narrow{max-width:560px}.topbar{border-bottom:2px solid var(--fjord);flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:18px;padding:14px 2px 10px;display:flex}.topbar .brand{color:var(--fjord);letter-spacing:.2px;font-weight:800}.topbar .sub{color:var(--copper);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:700}.topbar .meta{color:var(--slate);margin-left:auto;font-size:.85rem}.footer{color:var(--slate);text-align:center;margin-top:40px;font-size:.8rem}.card{border-radius:var(--radius);background:#fff;border:1px solid #e3e8ef;margin-bottom:16px;padding:18px 20px}.card h2,.card h3{color:var(--fjord);margin-top:0}.card.dark{background:var(--fjord);color:var(--mist);border-color:var(--fjord)}.card.dark h2,.card.dark h3{color:#fff}.badge{letter-spacing:.4px;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:700;display:inline-block}.badge.phase{background:var(--steel);color:#fff}.badge.frozen{background:var(--rot);color:#fff}.badge.flag{background:var(--mist);color:var(--slate);border:1px solid var(--frost)}label{color:var(--fjord);margin:10px 0 4px;font-size:.88rem;font-weight:600;display:block}input[type=text],input[type=number],textarea,select{border:1px solid var(--frost);width:100%;font-family:var(--font);color:var(--ink);background:#fff;border-radius:8px;padding:10px 12px;font-size:1rem}textarea{resize:vertical;min-height:90px}input:focus,textarea:focus,select:focus{outline:2px solid var(--steel);border-color:var(--steel)}button{cursor:pointer;background:var(--steel);color:#fff;font-size:.95rem;font-weight:700;font-family:var(--font);border:0;border-radius:8px;margin-top:10px;padding:10px 18px}button:hover{background:var(--fjord)}button:disabled{background:var(--frost);cursor:not-allowed}button.copper{background:var(--copper);color:var(--fjord)}button.copper:hover{background:#d4922f}button.ghost{color:var(--steel);border:1px solid var(--steel);background:0 0}button.klein{margin-top:6px;padding:6px 12px;font-size:.85rem}.fehler{color:var(--rot);margin-top:8px;font-size:.9rem}.hinweis{color:var(--slate);font-size:.85rem}.cockpit-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.cockpit-zelle{text-align:center}.cockpit-zelle .wert{color:var(--fjord);font-size:1.9rem;font-weight:800}.cockpit-zelle .label{color:var(--slate);font-size:.78rem}.balken{background:var(--mist);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.balken>div{background:var(--steel);border-radius:3px;height:100%}.cockpit-fuss{color:var(--slate);flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;font-size:.85rem;display:flex}.setzungen{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=720px){.setzungen{grid-template-columns:1fr}.cockpit-grid{grid-template-columns:repeat(2,1fr)}}.setzung-karte{border-radius:var(--radius);cursor:pointer;background:#fff;border:2px solid #e3e8ef;padding:14px 16px;transition:border-color .12s}.setzung-karte:hover{border-color:var(--frost)}.setzung-karte.gewaehlt{border-color:var(--copper);background:#fdf8ef}.setzung-karte .titel{color:var(--fjord);font-size:1.05rem;font-weight:800}.setzung-karte .untertitel{color:var(--steel);margin-bottom:6px;font-size:.88rem;font-weight:600}.setzung-karte .risiko{color:var(--slate);font-size:.85rem}.setzung-karte .risiko strong{color:var(--rot)}.log{margin:0;padding:0;font-size:.9rem;list-style:none}.log li{border-bottom:1px dashed #e3e8ef;gap:10px;padding:6px 0;display:flex}.log .ts{color:var(--slate);font-variant-numeric:tabular-nums;white-space:nowrap}table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:left;color:var(--slate);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--fjord);padding:6px 8px;font-size:.78rem}td{vertical-align:top;border-bottom:1px solid #e3e8ef;padding:7px 8px}td.num{font-variant-numeric:tabular-nums;text-align:right}tr.markiert td{background:#fdf8ef}.code-gross{letter-spacing:6px;color:var(--fjord);background:var(--mist);border:2px dashed var(--copper);border-radius:var(--radius);margin:6px 0;padding:10px 18px;font-size:2.4rem;font-weight:800;display:inline-block}.hebel-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=860px){.hebel-grid{grid-template-columns:1fr}}.hebel{border-radius:var(--radius);background:#fbfcfe;border:1px solid #e3e8ef;padding:12px 14px}.hebel h4{color:var(--fjord);margin:0 0 4px;font-size:.92rem}details.abgabe{margin:8px 0}details.abgabe summary{cursor:pointer;color:var(--steel);font-weight:600}details.abgabe pre{white-space:pre-wrap;background:var(--mist);font-family:var(--font);border-radius:8px;margin:8px 0 0;padding:10px 12px;font-size:.9rem}.md h2,.md h3,.md h4{color:var(--fjord);margin:0 0 8px}.md p{margin:0 0 10px}.md ul{margin:0 0 10px;padding-left:20px}.event-typ{color:var(--fjord);font-weight:700}.payload{color:var(--slate);word-break:break-word;font-size:.82rem}