*{box-sizing:border-box} :root{color-scheme:dark;--gold:#d9b477;--text:#eee9df;--dim:#b7b6bc;--line:#51483c;--red:#a92b2e}body{margin:0;background:#101114;color:var(--text);font:15px/1.6 system-ui,sans-serif}button,summary{font:inherit;cursor:pointer}button{color:var(--text);background:linear-gradient(#303135,#1b1c20);border:1px solid #69615a;padding:11px 16px;border-radius:3px;min-height:44px}button:hover{border-color:var(--gold);background:#3b3030}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bca1ff;outline-offset:4px}button[aria-pressed=true]{background:linear-gradient(#8c272c,#4d1b20);border-color:#d79264}h1,h2,h3,.brand strong{font-family:Georgia,serif;font-weight:500}h1{font-size:clamp(29px,3vw,42px);line-height:1.2;margin:12px 0}h2{font-size:25px;margin:8px 0 14px}p{color:var(--dim)}small{display:block;color:var(--dim)}.demo{background:#271f2b;border-bottom:1px solid #63516e;padding:8px 28px;font-size:11px;letter-spacing:1.3px;color:#ead3ff}.demo span{margin-left:22px;letter-spacing:.2px;color:#d1c5d7}header{height:96px;border-bottom:1px solid #51483c;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:linear-gradient(110deg,#252325,#121317)}.brand{display:flex;align-items:center;gap:15px}.brand strong{font-size:27px;letter-spacing:1px}.brand small{font-size:10px;letter-spacing:2.7px;color:var(--gold)}.crest{font-size:53px;color:#e4b279;text-shadow:0 2px #000,0 0 25px #b92c2c}.profile{display:flex;gap:12px;align-items:center}.avatar{display:grid;place-items:center;width:36px;height:40px;background:#67252c;border:1px solid var(--gold)}.tag{font-size:11px;color:var(--dim)}.layout{display:grid;grid-template-columns:250px minmax(0,1fr)}aside{border-right:1px solid #433c35;padding:25px 16px;background:linear-gradient(90deg,#1e1d20,#17181c)}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:700}aside>.eyebrow{padding-left:16px}nav{display:grid;gap:8px;margin-top:24px}nav button{background:transparent;text-align:left;border-color:transparent;display:flex;gap:10px;align-items:center;font-size:13px}nav button span{color:var(--gold);font-size:22px}nav button small{margin-left:auto;font-size:9px}nav button[aria-current]{background:linear-gradient(90deg,#68242b,#2c2025);border-color:#8f5145;box-shadow:inset 3px 0 #ddb27a}.aside-note{margin:65px 15px 0;border-top:1px solid #504334;padding-top:25px}.aside-note strong{font-family:Georgia,serif;color:var(--gold)}.aside-note p{font-size:12px}.aside-note small{font-size:11px}.rune{display:block;color:#b89aff;font-size:35px}main{padding:24px 38px 0;max-width:1600px;width:100%;margin:auto;min-height:85vh}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#b5a998;font-size:11px}.switch{display:flex;gap:4px}.switch button{font-size:12px;min-height:38px;padding:7px 13px}.welcome{margin:28px 0}.welcome p{margin:8px 0}.hall{height:420px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #8d7350;box-shadow:0 0 0 4px #232429,0 0 0 5px #494039,inset 0 0 60px #000;background:radial-gradient(ellipse at 50% 75%,#46325788,transparent 60%),repeating-linear-gradient(0deg,transparent 0 66px,#06070a99 68px 71px),repeating-linear-gradient(90deg,#222328 0 145px,#141518 147px 151px)}.architecture{position:absolute;inset:0;z-index:-1}.pillar{position:absolute;top:0;bottom:0;width:75px;background:linear-gradient(90deg,#0a0b0e,#4e4c49 35%,#222329 52%,#090a0d);box-shadow:0 0 18px #000;clip-path:polygon(10% 0,90% 0,80% 15%,80% 80%,100% 100%,0 100%,20% 80%,20% 15%)}.pillar.left{left:2%}.pillar.right{right:2%}.banner{position:absolute;top:0;width:75px;height:184px;background:linear-gradient(90deg,#3e0d17,#aa3437 45%,#4c101b);border-top:8px solid #a18456;clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%);font:76px Georgia;text-align:center;color:#251318;text-shadow:0 1px #d36a50}.banner.left{left:15%}.banner.right{right:15%}.arch{position:absolute;left:33%;right:33%;height:330px;top:-50px;border:22px ridge #3b3a3d;border-radius:50% 50% 0 0;background:radial-gradient(ellipse,#614a7560,#080a0e 70%);box-shadow:0 0 50px #000}.sigil{position:absolute;left:0;right:0;top:34px;text-align:center;font-size:95px;color:#a28ac5;text-shadow:0 0 30px #a380df;opacity:.55}.hall-caption{text-align:center;position:relative;padding:23px 0 0}.hall-caption h2{font-size:29px;text-shadow:0 2px 5px #000;margin:2px}.hall-caption p{font-size:12px;margin:0}.strategy{position:absolute;bottom:45px;left:15%;right:15%;height:205px;border-radius:50%;border:10px ridge #61574a;background:radial-gradient(ellipse,#3b2c49,#16171d 66%);box-shadow:0 18px 0 #141316,0 22px 0 #41382e,0 32px 25px #000,0 0 24px #a785d52c;transform:perspective(700px) rotateX(10deg)}.orbit{position:absolute;inset:15px;border:1px solid #997cc6;border-radius:50%;box-shadow:0 0 20px #9d75e640,inset 0 0 20px #9d75e630;animation:glow 5s infinite alternate}.table-center{position:absolute;inset:65px 0 auto;text-align:center;font:24px Georgia;color:#d5b7ef;letter-spacing:5px;text-shadow:0 0 14px #ab79ef}.table-center small{font:8px system-ui;letter-spacing:2px;color:#bc9ccf;margin-top:6px}.portal{position:absolute;z-index:2;min-width:135px;font-size:12px;padding:7px 12px;box-shadow:0 5px 9px #000;background:linear-gradient(#373139,#18171e);border:1px solid #ab8b5a}.portal span{color:#d0b1ff;font-size:19px;display:block;line-height:1.2}.portal small{font-size:9px}.p1{top:0;left:12%}.p2{top:0;right:12%}.p3{bottom:0;left:5%}.p4{bottom:0;right:5%}.hall-footer{position:absolute;bottom:8px;text-align:center;width:100%;font-size:10px;color:#c5b3d4}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.stats article,.panel{background:linear-gradient(125deg,#28272a,#1b1c21);border:1px solid #524b42;box-shadow:inset 0 1px #69605555,0 5px 15px #0003;padding:22px;position:relative}.panel:before{content:'◆';color:var(--gold);position:absolute;right:12px;top:6px;font-size:10px}.stats article>span{font-size:9px;letter-spacing:1.4px;color:var(--gold)}.stats strong{display:block;font:25px Georgia;margin:5px 0}.stats small{font-size:11px}.muted{color:#b8b9c3}.lower{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.panel p{max-width:65ch}.primary{background:linear-gradient(#9b3234,#572129);border-color:#c18a59}.primary span{margin-left:20px}.page:not(#home){padding:32px 0;min-height:650px}.page:not(#home)>.panel{margin-top:30px}.notice{border-left:3px solid var(--gold);padding:12px;background:#2f2922}.task-list label{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid #4a4340}.task-list label:has(:checked) span{text-decoration:line-through;color:#a9a3ae}input{width:22px;height:22px;accent-color:#ad6770}.task-list button{margin-top:25px}details{border:1px solid #65594c;padding:15px;margin-top:25px}summary{color:var(--gold)}dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:500px}dd{color:#c2b0d5}footer{padding:35px 0 22px;font-size:10px;color:#aaa0a0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:absolute;left:10px;top:-100px;z-index:10;background:#fff;color:#000;padding:15px}.skip:focus{top:10px}[hidden]{display:none!important}body.classic .hall{display:none}body.classic .stats{margin-top:30px}body.classic .welcome{border-bottom:1px solid #51483c;padding-bottom:20px}@keyframes glow{to{opacity:.55}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:1450px){.hall{height:470px}.strategy{bottom:55px;height:235px}.table-center{top:80px}}@media(max-width:1100px){.layout{grid-template-columns:205px minmax(0,1fr)}main{padding:22px}.strategy{left:7%;right:7%}.banner.left{left:12%}.banner.right{right:12%}.stats{gap:10px}.stats article{padding:15px}.stats strong{font-size:21px}}@media(max-width:760px){.demo{padding:8px 16px}.demo span{display:block;margin:2px 0}header{height:82px;padding:0 16px}.brand strong{font-size:22px}.profile .tag{display:none}.crest{font-size:40px}.layout{display:block}aside{padding:8px;border-right:0;border-bottom:1px solid #51483c}aside>.eyebrow,.aside-note{display:none}nav{display:flex;overflow-x:auto;margin:0;gap:4px}nav button{white-space:nowrap;padding:7px 12px}nav small{display:none}main{padding:20px 16px}.toolbar{align-items:flex-start;flex-wrap:wrap}.hall{height:440px}.hall-caption{padding-top:32px}.banner{width:48px;height:150px;font-size:50px}.pillar{width:42px}.hall-caption h2{font-size:25px}.hall-caption .eyebrow{font-size:8px}.strategy{left:4%;right:4%;height:220px;bottom:48px;border-width:7px}.portal{min-width:114px;font-size:11px;padding:8px}.p1{left:1%;top:8px}.p2{right:1%;top:8px}.p3{left:1%;bottom:8px}.p4{right:1%;bottom:8px}.table-center{top:86px;font-size:20px}.table-center small{font-size:7px}.stats{grid-template-columns:1fr}.stats article{display:grid;grid-template-columns:1fr 1fr;align-items:center}.stats strong{grid-column:2;grid-row:1/3;font-size:21px;text-align:right}.lower{grid-template-columns:1fr}.welcome{margin:24px 0}.welcome p{font-size:13px}.panel{padding:20px}.page:not(#home){min-height:500px}footer{line-height:1.7}}
/* Lokaler Entwicklungslogin im Aufgabenbereich */
#gmw-api-panel { margin-bottom: 1.5rem; }
#gmw-login fieldset {
  display: grid;
  gap: .45rem;
  max-width: 24rem;
  margin: 0;
  padding: .75rem;
  border: 1px solid var(--line);
  border-radius: .4rem;
}
#gmw-login input {
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 44px;
  padding: .45rem .65rem;
  border: 1px solid var(--line);
  border-radius: .3rem;
  background: #101114;
  color: var(--text);
  font: inherit;
}
#gmw-login button, #gmw-session button { min-height: 44px; }
#gmw-task-results { overflow-wrap: anywhere; }