:root{color-scheme:dark;--bg:#08090e;--panel:#10131a;--ink:#eae4dc;--muted:#8888a0;--accent:#c4843a;--line:#2a2f3b;--body:'Cormorant Garamond',Georgia,serif;--mono:'JetBrains Mono',monospace;--title:'Bebas Neue',Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:500 20px/28px var(--body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:var(--accent)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip{position:absolute;left:24px;top:-200px;z-index:10;background:var(--panel);padding:16px}.skip:focus{top:16px}p{margin:16px 0}h1,h2,h3{font-family:var(--title);font-weight:400}h1{font-size:72px;line-height:72px;letter-spacing:.02em;margin:16px 0}h2{font-size:32px;line-height:40px;letter-spacing:.04em;margin:0 0 16px}h3{font-size:32px;line-height:40px;letter-spacing:.04em;margin:8px 0 16px}.brand{font:400 24px/32px var(--title);letter-spacing:.16em}.eyebrow,.private-label,label,legend,button,.tag,#count,#pageLabel{font:500 12px/16px var(--mono);letter-spacing:.16em;text-transform:uppercase}.eyebrow{color:var(--ink);margin:0}.private-label{border:1px solid rgba(234,228,220,.4);border-radius:4px;padding:8px 16px;letter-spacing:.08em}.lead{font:italic 24px/32px 'Playfair Display',Georgia,serif;margin:0;max-width:640px}.small,.meta,.stamp{font:400 16px/24px var(--body);color:var(--muted)}
header{position:relative;isolation:isolate;overflow:hidden;padding:24px max(24px,calc((100vw - 1312px)/2));min-height:360px;display:flex;flex-direction:column;justify-content:space-between;background:var(--panel)}header::before{content:'';position:absolute;inset:0;z-index:-2;background:url('mein-bereich-header.jpg') center 49%/cover no-repeat;animation:hero-drift 24s ease-out forwards}header::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,9,14,.76),rgba(8,9,14,.1)),linear-gradient(0deg,#08090e,rgba(8,9,14,.1) 85%)}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.hero-copy{padding:40px 0 24px} @keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.08)}}
.access{max-width:1312px;margin:0 auto;padding:24px 0;border-bottom:1px solid var(--line)}.access h2{margin:0}.access>p{margin:8px 0;color:var(--muted);font:400 16px/24px var(--body)}#notes-login{max-width:800px;display:grid;grid-template-columns:1fr 1fr auto;gap:8px 16px;margin-top:24px;align-items:end}#notes-login label{margin:0}#notes-login label[for=notes-email]{grid-column:1;grid-row:1}#notes-email{grid-column:1;grid-row:2}#notes-login label[for=notes-password]{grid-column:2;grid-row:1}#notes-password{grid-column:2;grid-row:2}#notes-login-submit{grid-column:3;grid-row:2}#notes-controls{margin-top:16px}#notes-message:empty{display:none}
main{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;max-width:1440px;padding:40px 64px 64px;margin:auto}aside{min-width:0;border-right:1px solid var(--line);padding-right:24px}.workspace{min-width:0}summary{cursor:pointer;min-height:44px;font:400 32px/40px var(--title);letter-spacing:.04em;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:8px}summary::-webkit-details-marker{display:none}summary::after{content:'+';color:var(--accent)}details[open]>summary::after{content:'−'}label{display:block;color:var(--muted);margin:24px 0 8px}input,select,textarea{width:100%;min-width:0;min-height:44px;padding:8px 16px;background:var(--panel);border:1px solid var(--line);border-radius:4px;font:400 16px/24px var(--body)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent)}::placeholder{color:var(--muted);opacity:1}button{min-height:44px;max-width:100%;padding:8px 16px;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:var(--bg);white-space:normal;transition:box-shadow .25s,border-color .25s}button.secondary{background:transparent;color:var(--accent)}button:hover:not(:disabled),button:focus-visible{box-shadow:0 0 28px rgba(224,129,76,.35)}button:disabled{opacity:.45;cursor:default;box-shadow:none}#reset{width:100%;margin-top:24px}aside .small{margin:24px 0 0}
.overview h2{margin:0}.overview p{margin:8px 0 0;color:var(--muted)}.overview strong{color:var(--accent)}nav{display:flex;flex-wrap:wrap;gap:0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0}nav button{position:relative;min-height:48px;padding:8px 0;border:0;border-radius:0;color:var(--muted);background:transparent;font:500 20px/28px var(--body);letter-spacing:0;text-transform:none;box-shadow:none!important}nav button:hover:not(:disabled){color:var(--ink)}nav button[aria-pressed=true]{color:var(--ink)}nav button[aria-pressed=true]::after{position:absolute;content:'';height:2px;background:var(--accent);bottom:0;left:0;right:0}.notice{padding:16px 24px;border-left:1px solid var(--accent);background:var(--panel);color:var(--muted);font:400 16px/24px var(--body);margin:24px 0}.warning{padding:16px;border-left:1px solid var(--accent);background:rgba(196,132,58,.06);font:400 16px/24px var(--body)}.card{padding:24px 0;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;overflow-wrap:anywhere;transition:background .25s}.card:hover{background:rgba(255,255,255,.03)}.card>.meta:first-child{margin:0 0 8px}.card h3{max-width:900px}.card button{margin:8px 8px 0 0}.tag{display:inline-block;color:var(--accent);border:1px solid var(--line);border-radius:4px;padding:8px;margin:0 8px 8px 0;letter-spacing:.08em}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row input{flex:1;min-width:160px}.preview{white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-width:850px}.full{white-space:pre-wrap;overflow-wrap:anywhere}#count{color:var(--muted);margin:24px 0 0;letter-spacing:.08em}#pages{justify-content:center;margin-top:40px}#pageLabel{color:var(--muted);letter-spacing:.08em}#threadTools select,#knowledge-category{max-width:400px}#notes-bar{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:4px;margin:24px 0}#notes-bar .notice{padding:0;background:none;border:0;margin:16px 0}
footer{max-width:1312px;margin:auto;padding:24px 0 40px;border-top:1px solid var(--line);color:var(--muted)}footer .brand{color:var(--ink)}footer p{margin:8px 0}dialog{width:min(920px,calc(100% - 48px));max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink);padding:40px}dialog::backdrop{background:rgba(8,9,14,.85)}dialog h2{margin:24px 0}dialog input,dialog textarea,dialog select{background:var(--bg)}#detail>#close{display:block;margin-left:auto}#note-editor{width:min(850px,calc(100% - 48px))}#note-editor h2{margin-top:0}fieldset{border:1px solid var(--line);margin:24px 0;padding:16px}legend{color:var(--muted);padding:0 8px}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px 16px}.check-grid label{display:flex;align-items:center;gap:8px;min-height:44px;margin:0;font:500 20px/28px var(--body);letter-spacing:0;text-transform:none}.check-grid input{width:24px;height:24px;min-height:24px;flex:0 0 24px;accent-color:var(--accent)}#note-remote{font:400 16px/24px var(--body);max-height:320px;overflow:auto}#note-message{margin:16px 0}
@media(min-width:901px){#filters-panel>summary{cursor:pointer}}
@media(max-width:1439px){header{padding-left:40px;padding-right:40px}.access,footer{margin-left:40px;margin-right:40px}main{padding-left:40px;padding-right:40px;gap:24px}}
@media(max-width:900px){main{display:block;padding-top:24px}aside{border-right:0;border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:24px}.filter-body{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.filter-body label,.filter-body input,.filter-body select,.filter-body button,.filter-body p{grid-column:1/-1}header{min-height:320px}nav{gap:0 24px}}
@media(max-width:600px){header{padding:16px 24px;min-height:320px}header::before{background-position:60% center}.hero-top{gap:8px;align-items:flex-start}.private-label{padding:8px;letter-spacing:0}.brand{font-size:24px}.hero-copy{padding:40px 0 16px}h1{font-size:72px;line-height:72px;overflow-wrap:anywhere}.lead{font-size:24px;line-height:32px}.eyebrow{letter-spacing:.08em}.access,footer{margin-left:24px;margin-right:24px;padding-top:24px}main{padding:24px 24px 40px}#notes-login{display:flex;flex-direction:column;align-items:stretch;gap:8px}#notes-login label[for=notes-password]{margin-top:16px}#notes-login-submit{margin-top:16px}nav{gap:0 16px}nav button{font-size:20px}.notice{padding:16px}.card{padding:24px 0}.card button{letter-spacing:.08em}dialog,#note-editor{width:calc(100% - 32px);max-height:calc(100dvh - 32px);padding:24px}.row input{flex-basis:100%}#pages{gap:8px}#pages button{padding:8px}#note-form>.row>button{width:100%}.check-grid{grid-template-columns:1fr}.filter-body{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep the signed-in toolbar compact so the archive remains close to the top. */
.access:has(#notes-controls:not([hidden])){display:grid;grid-template-columns:1fr auto;gap:8px 24px;align-items:center}
.access:has(#notes-controls:not([hidden])) h2{display:none}
.access:has(#notes-controls:not([hidden]))>p{margin:0}
.access:has(#notes-controls:not([hidden])) #notes-controls{grid-column:2;grid-row:1/3;margin:0}
.access:has(#notes-controls:not([hidden])) #notes-message{grid-column:1;grid-row:2}
@media(max-width:600px){.access:has(#notes-controls:not([hidden])){display:flex;flex-direction:column;align-items:flex-start;gap:8px}.access:has(#notes-controls:not([hidden])) #notes-controls{margin:8px 0}.workspace nav{flex-wrap:nowrap;overflow-x:auto;gap:24px;padding-bottom:8px;scrollbar-color:var(--accent) var(--panel)}.workspace nav button{flex:0 0 auto}.hero-copy h1{overflow-wrap:normal}}

#answerTools{margin:24px 0}#answer-mode{max-width:560px}#answer-summary{color:var(--ink)}.answer-scene{color:var(--accent);font:500 20px/28px var(--body)}

.hero-top .brand{text-decoration:none;color:#eae4dc}.site-link{display:inline-flex;align-items:center;min-height:44px;margin-right:24px}#site-login{margin-top:16px}

/* Spieler-Vorschau "Deine offenen Faeden" (nur Luke, js/storyplanung-faeden.js, 08.10.2026) */
#vorschau-panel{margin:24px 0}
#vorschau-panel select{width:100%;max-width:560px;min-height:44px;padding:8px 16px;background:var(--panel);border:1px solid var(--line);border-radius:4px}
.fv-check{display:flex;align-items:center;gap:8px;font:400 16px/24px var(--body);letter-spacing:0;text-transform:none;color:var(--ink)}
.fv-check input{width:20px;height:20px;margin:0;accent-color:var(--accent)}
.fv-stand{margin:16px 0 0}
.fv-karte{max-width:640px;margin-top:24px}
.fv-head{display:flex;align-items:center;gap:16px}
.fv-head h2{margin:0}
.fv-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:#d4421e;color:#fff;font:500 12px/16px var(--mono)}
.fv-mono{font:500 12px/16px var(--mono);letter-spacing:.16em;text-transform:uppercase}
.fv-mist{color:var(--muted)}
.fv-row{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-top:1px solid var(--line)}
.fv-row:last-of-type{border-bottom:1px solid var(--line)}
.fv-img{flex:0 0 auto;width:64px;height:80px;border-radius:4px;overflow:hidden;background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.fv-img img{width:100%;height:100%;object-fit:cover}
.fv-img span{font:400 32px/40px var(--title);color:var(--muted)}
.fv-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:16px}
.fv-name{font:500 20px/28px var(--body)}
.fv-st{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--muted)}
.fv-st.zug{color:var(--accent)}
.fv-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.fv-title{font:500 16px/24px var(--body)}
.fv-scene .small{margin:0}
.fv-calc{margin-top:8px;padding:8px 16px;border-left:1px solid var(--accent)}
.fv-calc .fv-mono{color:var(--accent)}
.fv-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}
.fv-list li{padding-left:16px;border-left:1px solid var(--line)}
.fv-text{font:400 16px/24px var(--body);margin-top:8px}
.fv-alt>summary{font:500 12px/16px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;justify-content:flex-start}
.fv-alt>summary::after{margin-left:8px}
.fv-ohne{margin-top:16px}
.fv-aus{color:var(--accent)}