:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#e7edf7;background:#0b121f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 850px 330px at 50% -160px,#284061 0%,transparent 100%),#0b121f}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.shell{max-width:1180px;margin:auto;padding:0 24px}.topbar{height:85px;display:flex;align-items:center;gap:40px;border-bottom:1px solid #243249}.brand{display:flex;gap:12px;align-items:center;margin-right:auto}.brand strong{display:block;font-size:17px;letter-spacing:.14em;color:#f1d18e}.brand small{display:block;color:#9eacc1;margin-top:3px}.crest{border:1px solid #967948;color:#e3b661;background:#302a26;padding:12px;border-radius:12px;font-size:24px}.topbar nav{display:flex;gap:8px}.nav{background:none;border:0;color:#9faec2;padding:12px;border-radius:8px}.nav:hover,.nav.active{color:#f4d28d;background:#1e293a}.account button{background:#26364c;color:#f4d28d;border:1px solid #3d5067;padding:9px 13px;border-radius:9px}.intro{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:45px 0 28px}.eyebrow{font-size:11px;color:#d4a95f;letter-spacing:.2em;font-weight:800}h1{font-size:clamp(32px,5vw,47px);margin:7px 0 6px;letter-spacing:-.035em}h2{margin:4px 0 20px;font-size:22px}.lead{color:#96a7be;margin:0}.primary{background:#d5a85e;border:1px solid #e5b970;border-radius:9px;color:#1a2030;padding:12px 18px;font-weight:800}.primary:hover{background:#e9bf76}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,1fr)}.panel,.stat{background:#141f2e;border:1px solid #28364a;border-radius:14px;padding:22px}.stat .count{font-size:34px;color:#f0c47f;font-weight:750}.stat .label{font-size:13px;color:#91a3b9;margin-top:4px}.columns{grid-template-columns:1fr 1fr;margin-top:17px}.section-title{font-size:17px;margin:0 0 17px}.bar-line{margin:16px 0}.bar-top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:9px}.bar-track{height:9px;border-radius:6px;background:#314056;overflow:hidden}.bar-fill{height:100%;border-radius:6px}.prof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.prof-chip{background:#223047;border-radius:9px;padding:13px;display:flex;justify-content:space-between;gap:8px;font-size:13px}.prof-chip b{color:#8dd7ad}.prof-chip.empty b{color:#f2a1a1}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.toolbar input,.toolbar select{max-width:280px}.toolbar input,.toolbar select,input,select{background:#0e1827;border:1px solid #35465d;border-radius:9px;color:#e4edf8;padding:11px;min-width:0}.roster{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.hero-card{padding:19px;border:1px solid #304158;background:#182436;border-radius:13px}.hero-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.hero-name{font-size:19px;font-weight:750}.class-pill{border:1px solid #455a70;background:#27364b;border-radius:20px;padding:5px 10px;font-size:11px;color:#c7d4e6}.meta{font-size:13px;color:#9fafc3;margin-top:9px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.tag{font-size:11px;color:#eed5a1;background:#37332d;border-radius:6px;padding:5px 8px}.secondary-btn{background:none;border:1px solid #465875;color:#dce8fa;padding:7px 10px;border-radius:8px;margin-top:14px}.empty-state{padding:55px 15px;text-align:center;color:#a7b9ce}.empty-state h2{color:#f0d39c}.profession-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.profession-card{background:#162334;border:1px solid #2a3a52;border-radius:12px;padding:18px}.profession-card h3{margin:0 0 12px;color:#f0cf95}.member{padding:7px 0;border-top:1px solid #2a3a52;color:#b9c9da;font-size:13px}footer{padding:55px 0 30px;text-align:center;color:#667994;font-size:12px}dialog{width:min(620px,calc(100vw - 28px));max-height:90vh;border:1px solid #42536c;border-radius:17px;padding:0;color:#f1f5fc;background:#141f2e}dialog::backdrop{background:#020712c9}.dialog-form{border:0;display:flex;flex-direction:column;gap:13px}.dialog-form label:not(.check){font-size:12px;color:#adbfdb;display:flex;flex-direction:column;gap:8px}.dialog-form input,.dialog-form select{width:100%}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:8px;color:#bdd0e4;font-size:13px}.check input{width:16px}.close{align-self:end;background:none;border:0;color:#a4b3c6;font-size:27px;padding:0}.link{border:0;background:transparent;color:#e7c183}.error{color:#fb9494;font-size:13px;margin:0}.danger{background:transparent;border:1px solid #a45b5b;color:#ffa4a4;border-radius:9px;padding:10px}.muted{color:#9dadc1}.tiny{font-size:12px}@media(max-width:850px){.stats{grid-template-columns:repeat(2,1fr)}.roster{grid-template-columns:repeat(2,1fr)}.topbar{gap:10px;flex-wrap:wrap;height:auto;padding:15px 0}.topbar nav{order:3;width:100%;justify-content:space-between}.account{margin-left:auto}}@media(max-width:600px){.shell{padding:0 14px}.intro{align-items:start;flex-direction:column}.columns,.profession-list,.roster{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.stat{padding:16px}.stat .count{font-size:27px}.prof-grid{grid-template-columns:1fr 1fr}.brand strong{font-size:14px}}

textarea{font:inherit;background:#0e1827;border:1px solid #35465d;border-radius:9px;color:#e4edf8;padding:11px;resize:vertical;width:100%}.vote-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-bottom:18px}.vote-intro h2{margin-bottom:10px}.vote-summary{display:flex;gap:22px;margin:16px 0 22px;color:#9dadc1;font-size:14px}.vote-summary b{color:#f0c47f;font-size:22px}.suggestion-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.suggestion-heading,.vote-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.suggestion-heading h2{margin:4px 0}.vote-count{white-space:nowrap;border:1px solid #5f5037;background:#2d2a26;color:#f0c47f;padding:7px 10px;border-radius:9px;font-size:13px}.pitch{color:#c9d5e7;min-height:45px;overflow-wrap:anywhere}.suggestion .bar-track{margin:14px 0}.vote-actions{margin-top:15px}.voted{background:#284837;border:1px solid #4d8b67;color:#a5e6bd;padding:9px 13px;border-radius:8px} @media(max-width:850px){.topbar nav{flex-wrap:wrap}.vote-intro,.suggestion-list{grid-template-columns:1fr}}
/* Pergament und Goldverzierungen */
:root{font-family:Georgia,"Palatino Linotype",serif;color:#f2e2bb;background:#130f0b}body{background:radial-gradient(ellipse at 50% 0,#44351f,#140e0b 62%)}h1,h2,h3,.brand strong{font-family:Georgia,"Palatino Linotype",serif;letter-spacing:.025em;color:#f3d692}.panel,.stat,.hero-card,.profession-card{background:linear-gradient(145deg,#34291b,#201a15);border:1px solid #9d7840;box-shadow:inset 0 0 0 3px #251e15,0 8px 25px #0004;border-radius:5px}.topbar{border-bottom:2px solid #a27a3d}.primary{background:linear-gradient(#e7c686,#a87630);border:1px solid #f1dba4;border-radius:4px;color:#241a0c}.nav.active,.nav:hover{background:#4b3822;color:#f5d28a}.crest{border:2px solid #bc9454;border-radius:50%}.stat .count,.eyebrow{color:#efcb85}.hero-card .class-pill,.prof-chip,.vote-count{background:#483722;border-color:#896d42;color:#f4daa2}.dialog-form input,.dialog-form select,.dialog-form textarea{background:#231d17;border:1px solid #886b40;color:#f8e8cc}dialog{background:#251d16;border:2px solid #b98a46}.dialog-form{background:transparent;box-shadow:none}.bar-track{background:#493722}.close{color:#f0cb82}