:root{color-scheme:dark;--bg: #060812;--panel: #10152b;--panel2: #161d3a;--linie: #273255;--text: #eef2ff;--dunkel: #9fb0d8;--akzent: #ff5d33;--akzent2: #ffb74d;--gruen: #9ccc65;--rot: #ef5350;--bla: #38bdf8;--gold: #ffd54f;font-family:Segoe UI,Yu Gothic UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(1100px 500px at 70% -10%,rgba(90,60,160,.35),transparent 60%),radial-gradient(900px 420px at 10% 0%,rgba(255,93,51,.16),transparent 55%),radial-gradient(1400px 800px at 50% 120%,rgba(20,70,120,.28),transparent 60%),var(--bg);background-attachment:fixed}h1{font-size:30px;letter-spacing:2px;margin:0;background:linear-gradient(90deg,#ffb74d,#ff5d33 40%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}h1:after{content:" 誓";background:none;color:#ffb74d73;font-size:18px;-webkit-text-fill-color:initial;-webkit-background-clip:initial}h2{font-size:20px;letter-spacing:1px;color:var(--akzent2);margin:4px 0 12px;border-left:4px solid var(--akzent);padding-left:10px}h3{font-size:15px;letter-spacing:1px;color:var(--dunkel);text-transform:uppercase}.kopf{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 20px 16px;background:linear-gradient(180deg,rgba(12,16,34,.9),rgba(12,16,34,.35) 70%,transparent);border-bottom:1px solid var(--linie);position:relative;overflow:hidden}.kopf:before{content:"忍";position:absolute;right:6%;top:50%;transform:translateY(-50%);font-size:110px;font-weight:800;opacity:.07;color:#fff;font-family:Yu Gothic,MS Gothic,serif}.kopf .sprach-wechsel{display:flex;gap:6px;margin-top:10px;justify-content:center}.tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:12px 16px;background:linear-gradient(180deg,#0d1226,#0a0e1e);border-bottom:1px solid var(--linie);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tab{padding:9px 18px;border:1px solid var(--linie);background:var(--panel2);color:var(--dunkel);cursor:pointer;border-radius:10px;font-size:14px;letter-spacing:.5px;transition:all .18s ease}.tab:hover{color:var(--text);border-color:var(--akzent);transform:translateY(-1px)}.tab.ok,.tab.aktiv{background:linear-gradient(135deg,#3a2010,#221524);color:var(--akzent2);border-color:var(--akzent);font-weight:700;box-shadow:0 0 14px #ff5d3359}.panel{padding:22px 24px 30px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),var(--panel);border:1px solid var(--linie);border-radius:16px;box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff0d;position:relative;max-width:1180px;margin:0 auto}.panel:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--akzent),transparent);border-radius:16px 16px 0 0;opacity:.7}.knopf{background:linear-gradient(135deg,#2a3358,#1a2140);border:1px solid var(--linie);color:var(--text);padding:9px 16px;border-radius:9px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.3px;transition:all .15s ease}.knopf:hover:not(:disabled){border-color:var(--akzent2);transform:translateY(-1px);box-shadow:0 4px 14px #0006}.knopf:disabled{opacity:.35;cursor:not-allowed}.knopf.ok{background:linear-gradient(135deg,#ff5d33,#b8321a);border-color:#ff8a5d;color:#fff;box-shadow:0 0 16px #ff5d334d}.knopf.ok:hover:not(:disabled){box-shadow:0 0 24px #ff5d338c}.knopf.klein{padding:4px 10px;font-size:12px;border-radius:7px}.gitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.gitter[style*=column]{display:flex}.klein{font-size:12.5px;color:var(--dunkel)}.err{color:var(--rot);font-size:13px;font-weight:600}.ok{color:var(--gruen);font-size:13px;font-weight:600}.badge{display:inline-block;background:var(--panel2);border:1px solid var(--linie);padding:2px 9px;border-radius:8px;font-size:11.5px;font-weight:600}.badge.ok{color:var(--gruen);border-color:#9ccc6580;background:#9ccc6514}.code-box{font-family:Consolas,monospace;font-size:19px;background:#0a0e1e;color:var(--akzent2);padding:10px 16px;border:1px solid var(--linie);border-radius:9px;letter-spacing:4px;font-weight:700}input.code-box{color:var(--text)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.stat-box{background:linear-gradient(180deg,#1a2244,#121834);border:1px solid var(--linie);border-radius:11px;padding:12px 14px}.stat-box b{color:var(--akzent2);font-size:1.05em}.stat-grid .ninja-karte{padding:0;overflow:hidden}.el-chip{display:inline-flex;align-items:center;gap:6px;padding:2.5px 10px;border-radius:9px;font-size:12px;font-weight:700;color:var(--elh, #fff);background:#00000059;border:1px solid var(--el, #555);box-shadow:0 0 10px #0000004d}.el-kanji{font-family:Yu Gothic,MS Gothic,serif;font-size:14px;font-weight:700}.element{font-weight:700}.e-feuer{color:#ff8a65}.e-wasser{color:#64b5f6}.e-erd{color:#aed581}.e-wind{color:#80deea}.e-blitz{color:#ffd54f}.e-schatten{color:#b39ddb}.ninja-karte{position:relative;background:var(--panel2);border:1px solid var(--linie);border-radius:14px;padding:12px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.ninja-karte:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000008c}.ninja-karte.held{border-color:var(--el, var(--akzent));box-shadow:0 0 18px #ff5d3359}.ninja-karte .portrat{width:100%;max-height:170px;border-radius:9px;border:1px solid var(--linie);display:block;margin-bottom:10px}.ninja-karte .kopf{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.ninja-karte .kopf>span:first-child{font-weight:800;font-size:15px;letter-spacing:.3px}.ninja-karte .rolle{display:flex;align-items:center;gap:5px;margin-top:6px;color:var(--dunkel);font-size:12.5px}.rollen-icon{width:15px;height:15px;color:var(--akzent2);flex:none}.sterne{white-space:nowrap;letter-spacing:1px}.sterne .an{color:var(--gold);text-shadow:0 0 8px rgba(255,213,79,.6)}.sterne .aus{color:#33406b}.stern{color:var(--gold);letter-spacing:1px;font-weight:700}.aura{transform-origin:center;animation:auraPuls 3.2s ease-in-out infinite}.augen{animation:augenPuls 4.5s ease-in-out infinite}@keyframes auraPuls{0%,to{opacity:1}50%{opacity:.55}}@keyframes augenPuls{0%,to{opacity:1}50%{opacity:.65}}.gacha-karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.gacha-karten .ninja-karte{animation:gachaReveal .5s ease backwards}@keyframes gachaReveal{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}.gacha-mini{background:var(--panel2);border:1px solid var(--linie);border-radius:12px;padding:8px;text-align:center}.gacha-mini .portrat{width:100%;max-height:120px;border-radius:8px;border:1px solid var(--linie);margin-bottom:8px}.slot{min-height:86px;display:flex;align-items:center;background:#ffffff06;border:1px solid var(--linie);border-radius:12px;padding:10px 14px}.slot.leer{border:2px dashed var(--linie);display:flex;align-items:center;justify-content:center;color:var(--dunkel)}.held-mini{width:54px;height:66px;flex:none;border-radius:6px;border:2px solid var(--el, var(--akzent))}.log-eintrag{padding:6px 10px;border-left:3px solid var(--linie);margin:4px 0;font-size:13px;background:#ffffff06;border-radius:0 8px 8px 0}.log-eintrag.angriff{border-color:var(--akzent)}.log-eintrag.ko{border-color:var(--rot);color:#ff8a80}.log-eintrag.heil{border-color:var(--gruen);color:#c5e1a5}.log-eintrag.rundenstart{border-color:var(--bla);color:var(--dunkel)}.log-eintrag.ende{border-color:var(--akzent2);font-weight:700;color:var(--akzent2)}.resultat{font-size:34px;font-weight:900;letter-spacing:4px;text-align:center}.resultat.sieg{color:var(--gruen);text-shadow:0 0 24px rgba(156,204,101,.6)}.resultat.niederlage{color:var(--rot);text-shadow:0 0 24px rgba(239,83,80,.6)}.hp-barre{height:8px;background:#0a0d12;border-radius:4px;overflow:hidden;margin-top:4px}.hp-barre .fill{height:100%;background:linear-gradient(90deg,#66bb6a,#9ccc65)}.ember-feld{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ember{position:absolute;border-radius:50%;filter:blur(1px);animation-name:emberAuf;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes emberAuf{0%{transform:translateY(0) translate(0);opacity:0}8%{opacity:inherit}to{transform:translateY(-105vh) translate(4vw);opacity:0}}.dorf-szene{position:fixed;left:0;right:0;bottom:0;width:100%;height:16vh;min-height:110px;pointer-events:none;z-index:0;display:block}.app-schale{position:relative;z-index:1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#273255;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#33406b}::-webkit-scrollbar-track{background:transparent}@media(max-width:640px){h1{font-size:22px}.panel{padding:16px 14px 22px}.tab{padding:8px 12px;font-size:13px}}