:root{color-scheme:dark;--bg: #0c0f14;--panel: #141922;--panel2: #1b2230;--linie: #263043;--text: #e8edf5;--dunkel: #9fb0c8;--akzent: #ff5722;--akzent2: #ffa726;--gruen: #66bb6a;--rot: #ef5350;--bla: #42a5f5;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.kopf{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:linear-gradient(90deg,#1a1005,#141922);border-bottom:2px solid var(--akzent)}.kopf h1{margin:0;font-size:22px;letter-spacing:1px;color:var(--akzent2)}.kopf .sub{color:var(--dunkel);font-size:13px}.tabs{display:flex;gap:6px;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid var(--linie);background:var(--panel)}.tab{padding:8px 16px;border:1px solid var(--linie);background:var(--panel2);color:var(--text);cursor:pointer;border-radius:8px;font-size:14px}.tab.aktiv{background:var(--akzent);color:#120a05;border-color:var(--akzent);font-weight:600}.panel{padding:18px 20px;max-width:1080px;margin:0 auto}.karte{background:var(--panel);border:1px solid var(--linie);border-radius:10px;padding:14px;margin-bottom:14px}.reihe{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.knopf{background:var(--akzent);border:none;color:#140b06;font-weight:600;padding:9px 16px;border-radius:8px;cursor:pointer;font-size:14px}.knopf:disabled{opacity:.4;cursor:not-allowed}.knopf.alt{background:var(--panel2);color:var(--text);border:1px solid var(--linie)}.knopf.gruen{background:var(--gruen);color:#071408}.knopf.rot{background:var(--rot);color:#fff}.klein{font-size:12px;color:var(--dunkel)}.groß{font-size:22px;font-weight:700}.hp-barre{height:8px;background:#0a0d12;border-radius:4px;overflow:hidden;margin-top:4px}.hp-barre .fill{height:100%;background:var(--gruen)}.ninja-karte{width:150px;background:var(--panel2);border:1px solid var(--linie);border-radius:10px;padding:10px;cursor:pointer}.ninja-karte:hover{border-color:var(--akzent2)}.stern{color:var(--akzent2)}.element{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.e-feuer{background:#3a1710;color:#ff8a65}.e-wasser{background:#0e2438;color:#64b5f6}.e-erd{background:#243014;color:#aed581}.e-wind{background:#143024;color:#80deea}.e-blitz{background:#33300e;color:#ffd54f}.e-schatten{background:#221a33;color:#b39ddb}.gitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.log-eintrag{padding:4px 8px;border-left:3px solid var(--linie);margin:3px 0;font-size:13px;background:var(--panel2);border-radius:0 6px 6px 0}.log-eintrag.angriff{border-color:var(--akzent)}.log-eintrag.ko{border-color:var(--rot);color:var(--rot)}.log-eintrag.heil{border-color:var(--gruen);color:var(--gruen)}.log-eintrag.rundenstart{border-color:var(--bla);color:var(--dunkel)}.log-eintrag.ende{border-color:var(--akzent2);font-weight:700}.resultat{font-size:28px;font-weight:800;letter-spacing:2px}.resultat.sieg{color:var(--gruen)}.resultat.niederlage{color:var(--rot)}.code-box{font-family:monospace;font-size:20px;background:var(--panel2);padding:10px 16px;border-radius:8px;letter-spacing:3px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-box{background:var(--panel2);border-radius:8px;padding:10px;text-align:center}.stat-box .val{font-size:20px;font-weight:700;color:var(--akzent2)}.slot{min-height:120px}.slot.leer{border:2px dashed var(--linie);display:flex;align-items:center;justify-content:center;color:var(--dunkel)}.badge{background:var(--panel2);border:1px solid var(--linie);padding:2px 8px;border-radius:8px;font-size:12px}.err{color:var(--rot);font-size:13px}.ok{color:var(--gruen);font-size:13px}