:root{--bg: #14161a;--panel: #1c1f25;--panel2: #232730;--line: #2f343f;--text: #e6e8ec;--dim: #99a0ad;--accent: #e0b04a;--good: #5fc98a;--bad: #e0705f;--ally: #5b9bf0;--horde: #e0604f;--neutral: #c9a86a;--gold: #f0c850;--silver: #c4cad4;--copper: #d08a55}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit;color:inherit}a{color:var(--accent)}header{display:flex;align-items:center;gap:20px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;position:sticky;top:0;z-index:5}header h1{font-size:16px;margin:0;color:var(--accent);letter-spacing:.02em;white-space:nowrap}nav{display:flex;gap:4px;flex-wrap:wrap;flex:1}nav button{background:none;border:0;padding:7px 12px;border-radius:6px;color:var(--dim);cursor:pointer}nav button:hover{color:var(--text);background:var(--panel2)}nav button.on{color:var(--bg);background:var(--accent);font-weight:600}main{padding:20px;max-width:1400px;margin:0 auto}h2{font-size:18px;margin:0 0 4px}h3{font-size:14px;margin:0 0 10px;color:var(--dim);font-weight:600;text-transform:uppercase;letter-spacing:.05em}p.lead{color:var(--dim);margin:0 0 16px;max-width:80ch}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:18px}.grid2{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}@media(max-width:960px){.grid2{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px;min-width:0;overflow-x:auto}.big{font-size:22px;font-weight:650}.dim{color:var(--dim)}.good{color:var(--good)}.bad{color:var(--bad)}.alliance{color:var(--ally)}.horde{color:var(--horde)}.neutral{color:var(--neutral)}.bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.btn{background:var(--panel2);border:1px solid var(--line);padding:6px 12px;border-radius:6px;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.btn.small{padding:2px 8px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}input,select{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:6px 9px}input:focus,select:focus{outline:1px solid var(--accent)}label.f{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--dim)}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--panel)}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{padding:7px 12px;text-align:right;border-bottom:1px solid var(--line)}th{color:var(--dim);font-weight:600;font-size:12px;background:var(--panel2);position:sticky;top:0}th:first-child,td:first-child,td.l,th.l{text-align:left}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--panel2)}.item{cursor:pointer;border:0;background:none;padding:0;text-align:left;color:var(--text)}.item:hover{color:var(--accent);text-decoration:underline}.item.unknown{color:var(--dim);font-style:italic}.money{font-variant-numeric:tabular-nums}.money .g{color:var(--gold)}.money .s{color:var(--silver)}.money .c{color:var(--copper)}.tag{display:inline-block;font-size:11px;padding:1px 7px;border-radius:10px;border:1px solid var(--line);color:var(--dim);margin-left:6px}.tag.hoch,.tag.sicher{color:var(--good);border-color:var(--good)}.tag.niedrig{color:var(--bad);border-color:var(--bad)}.tag.mittel{color:var(--accent);border-color:var(--accent)}.note{border-left:3px solid var(--accent);background:var(--panel);padding:10px 14px;border-radius:0 8px 8px 0;margin-bottom:14px;color:var(--dim)}.note.err{border-color:var(--bad);color:var(--text)}.flag{color:var(--accent);cursor:help;margin-left:6px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:20;display:flex;justify-content:center;align-items:flex-start;padding:40px 16px;overflow-y:auto}.modal>div{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:20px;width:min(1100px,100%)}.picker{position:relative}.picker ul{position:absolute;z-index:10;left:0;right:0;top:100%;margin:2px 0 0;padding:4px;list-style:none;background:var(--panel2);border:1px solid var(--line);border-radius:6px;max-height:240px;overflow-y:auto;min-width:240px}.picker li{padding:5px 8px;border-radius:4px;cursor:pointer}.picker li:hover{background:var(--line)}.empty{padding:28px;text-align:center;color:var(--dim)}svg.chart{width:100%;height:auto;display:block}.legend{display:flex;gap:16px;font-size:12px;color:var(--dim);margin-top:6px}.legend i{display:inline-block;width:10px;height:3px;margin-right:5px;vertical-align:middle}.form{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}textarea{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:8px;color:var(--text);font:12px/1.4 ui-monospace,Menlo,Consolas,monospace}code{font-size:12px;overflow-wrap:anywhere}.spark{display:inline-flex;align-items:flex-end;gap:2px;height:22px;vertical-align:middle}.spark i{display:block;width:5px;background:var(--line);border-radius:1px}@media(max-width:1100px){main{padding:16px}th,td{padding:6px 9px}}@media(max-width:720px){header{padding:8px 12px;gap:8px;position:static}header h1{font-size:14px}nav{flex-wrap:nowrap;overflow-x:auto;flex-basis:100%;order:3;padding-bottom:4px}nav button{white-space:nowrap}main{padding:12px}.grid,.grid2{grid-template-columns:1fr}th,td{padding:6px 8px}.big{font-size:19px}.modal{padding:8px}.modal>div{padding:12px}.form input,.form select{max-width:100%}.bar{gap:8px}.bar input,.bar select{max-width:100%;min-width:0}}.grid>*,.grid2>*{min-width:0}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login form{display:grid;gap:14px;width:min(360px,100%);padding:24px}.login h1{font-size:17px;margin:0 0 4px;color:var(--accent)}
