:root{--stahl-900: #0d1a20;--stahl-800: #132630;--stahl-700: #1b333f;--linie: #2f5668;--wasser: #2a6f8a;--dampf: #8fd4de;--flamme: #f26a1b;--text: #dceaef;--text-leise: #8fa9b4;--gut: #4fbf87;--warn: #e8b33a;--stoer: #ef5b52}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 20% -10%,#17303c 0%,transparent 60%),var(--stahl-900);color:var(--text);font-family:Segoe UI,ui-sans-serif,system-ui,Roboto,Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;line-height:1.45;min-height:100vh}.karte{background:var(--stahl-800);border:1px solid var(--linie);border-radius:6px}.karte>h2{font-size:13px;font-weight:600;color:var(--text-leise);margin:0;padding:12px 16px;border-bottom:1px solid var(--linie)}button{font:inherit;font-size:13px;color:var(--text);background:var(--stahl-700);border:1px solid var(--linie);border-radius:4px;padding:8px 12px;cursor:pointer}button:hover{border-color:var(--wasser)}button:focus-visible{outline:2px solid var(--dampf);outline-offset:2px}button[aria-pressed=true]{background:#4a2318;border-color:var(--flamme);color:#ffb347}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}