.auth-page{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px;box-sizing:border-box;font-family:EB Garamond,Georgia,serif}.login-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#05060a}.login-background__img{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;width:108%;height:108%;object-fit:cover;object-position:center 40%;filter:brightness(.8) saturate(.92) contrast(1.03);animation:hs-bg-pan 100s ease-in-out infinite alternate}.login-background__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 78% 72% at 50% 44%,transparent 0%,transparent 40%,rgba(0,0,0,.4) 75%,rgba(0,0,0,.75) 100%)}@keyframes hs-bg-pan{0%{transform:scale(1) translate(0)}to{transform:scale(1.07) translate(-1.4%,-1%)}}@media (prefers-reduced-motion: reduce){.login-background__img{animation:none}}.auth-card{position:relative;z-index:1;width:min(420px,100%);padding:40px 36px 32px;border-radius:4px;background:#0a090894;border:1px solid rgba(169,130,58,.4);box-shadow:0 0 0 1px #0006,0 30px 80px #000000a6,inset 0 0 60px #00000059;backdrop-filter:blur(9px) saturate(1.05);-webkit-backdrop-filter:blur(9px) saturate(1.05);color:#e8ddc7}.auth-card__eyebrow{margin:0 0 4px;text-align:center;font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:#a9823a;font-family:Cinzel,Georgia,serif}.auth-card__title{margin:0 0 30px;text-align:center;font-family:Cinzel,Georgia,serif;font-weight:600;font-size:2.1rem;letter-spacing:.06em;color:#f1e6cc;text-shadow:0 2px 18px rgba(0,0,0,.6)}.auth-tabs{display:flex;gap:4px;margin-bottom:26px;border-bottom:1px solid rgba(169,130,58,.28)}.auth-tabs__btn{flex:1;background:none;border:none;padding:10px 4px 12px;font-family:Cinzel,Georgia,serif;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#8a7d62;cursor:pointer;position:relative;transition:color .2s ease}.auth-tabs__btn:hover:not(:disabled){color:#d9caa3}.auth-tabs__btn:disabled{color:#e8ddc7;cursor:default}.auth-tabs__btn:disabled:after{content:"";position:absolute;left:10%;right:10%;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,#a9823a,transparent)}.auth-field{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.auth-field label{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#a9823a;font-family:Cinzel,Georgia,serif}.auth-field input{background:#00000047;border:none;border-bottom:1px solid rgba(169,130,58,.45);color:#f1e6cc;font-family:EB Garamond,Georgia,serif;font-size:1.05rem;padding:9px 8px;outline:none;transition:border-color .2s ease,background .2s ease}.auth-field input:focus{border-color:#a9c94f;background:#0006}.auth-submit{width:100%;margin-top:6px;padding:13px 12px;background:linear-gradient(180deg,#4a3820,#2a1f10);border:1px solid rgba(169,130,58,.6);color:#f1e6cc;font-family:Cinzel,Georgia,serif;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:box-shadow .25s ease,transform .15s ease,background .25s ease}.auth-submit:hover{background:linear-gradient(180deg,#5c4626,#331);box-shadow:0 0 22px #a9c94f47}.auth-submit:active{transform:translateY(1px)}.auth-error{margin:16px 0 0;padding:10px 12px;border:1px solid rgba(160,40,40,.55);background:#500f0f59;color:#f0c9c9;font-size:.9rem;text-align:center}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:#b9ac8f;font-family:Cinzel,Georgia,serif;letter-spacing:.1em;background:#05060a}.tutorial-info{position:relative;min-height:calc(100vh - 64px);display:flex;align-items:flex-end;justify-content:center;padding:4vh 5vw;box-sizing:border-box}.tutorial-info__vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 80% 65% at 50% 100%,#00000026,#0000008c 60%,#000000d9)}.tutorial-info__textbox{position:relative;z-index:1;width:min(640px,100%);max-height:74vh;display:flex;flex-direction:column;background:#0a0908b8;border:1px solid rgba(169,130,58,.4);border-radius:6px;padding:1.6rem 1.8rem 1.3rem;-webkit-backdrop-filter:blur(8px) saturate(1.05);backdrop-filter:blur(8px) saturate(1.05);box-shadow:0 30px 80px #0009}.tutorial-info__kicker{font-family:var(--hs-font-display);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--hs-ochre)}.tutorial-info__titel{margin:.3rem 0 .9rem}.tutorial-info__scroll{overflow-y:auto;padding-right:4px}.tutorial-info__scroll::-webkit-scrollbar{width:8px}.tutorial-info__scroll::-webkit-scrollbar-thumb{background:var(--hs-ochre-dim);border-radius:4px}.tutorial-info__nav{display:flex;gap:8px;align-items:center;margin-top:1.1rem;padding-top:.9rem;border-top:1px solid var(--hs-panel-border)}.tutorial-info__cta{margin-left:auto;padding:11px 24px;background:linear-gradient(180deg,#4a3820,#2a1f10);border-color:var(--hs-ochre);color:var(--hs-parchment);font-family:var(--hs-font-display);letter-spacing:.06em}.tutorial-info__cta:hover:not(:disabled){box-shadow:0 0 22px #a9c94f47}.tutorial-info__skip{background:none;border-color:transparent;color:var(--hs-parchment-dim)}.tutorial-split{display:grid;grid-template-columns:1fr min(320px,32%);gap:1.6rem;align-items:start}.tutorial-split__main{min-width:0}.tutorial-split__side{position:sticky;top:1rem;display:flex;flex-direction:column;gap:.8rem}.tutorial-split__image{width:100%}.tutorial-split__beschreibung{background:var(--hs-panel);border:1px solid var(--hs-panel-border);border-radius:8px;padding:.9rem 1rem;max-height:40vh;overflow-y:auto;font-size:.94rem;animation:hs-fade-in .4s ease}@media (max-width: 860px){.tutorial-split{grid-template-columns:1fr}.tutorial-split__side{position:static}}.attribut-liste{display:flex;flex-direction:column;gap:.7rem;margin:.8rem 0 1rem}.attribut-zeile{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:.9rem;padding:.6rem .8rem;background:var(--hs-panel);border:1px solid var(--hs-panel-border);border-radius:8px}.attribut-zeile__name{display:flex;flex-direction:column}.attribut-zeile__name small{font-size:.76rem;line-height:1.35}.attribut-balken{display:flex;gap:4px}.attribut-balken__segment{flex:1;height:10px;border-radius:3px;background:var(--hs-void);border:1px solid var(--hs-panel-border);transition:background .2s ease,border-color .2s ease}.attribut-balken__segment--gefuellt{background:var(--hs-ochre);border-color:var(--hs-ochre)}.attribut-werte-reihe{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.attribut-wert-btn{min-width:34px;padding:5px 0;text-align:center;margin:0}.attribut-wert-btn--aktiv{border-color:var(--hs-ochre);color:var(--hs-ink);background:var(--hs-ochre)}.attribut-status{margin-top:.2rem;font-size:.9rem}.attribut-status--ok{color:var(--hs-blight)}.attribut-status--offen{color:var(--hs-parchment-dim)}.kompendium__intro{margin-top:-.4rem}.kompendium__tabs{display:flex;gap:.5rem;margin:1rem 0 1.4rem;border-bottom:1px solid var(--hs-panel-border)}.kompendium__tab{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;padding:.5rem .2rem .7rem;margin-right:1.2rem;color:var(--hs-parchment-dim);font-family:var(--hs-font-display);letter-spacing:.04em}.kompendium__tab:hover{color:var(--hs-parchment);border-color:transparent}.kompendium__tab--aktiv{color:var(--hs-ochre);border-bottom-color:var(--hs-ochre)}.kompendium-eintrag{animation:hs-fade-in .35s ease}.kompendium-kultur{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1rem;margin:.6rem 0 1.2rem}.kompendium-kultur dt{font-family:var(--hs-font-display);color:var(--hs-ochre);font-size:.85rem;letter-spacing:.04em}.kompendium-kultur dd{margin:0 0 .4rem;color:var(--hs-parchment-dim)}.kompendium-stichpunkte{list-style:none;padding:0;display:flex;flex-direction:column;gap:.3rem}.kompendium-musik{margin-top:1rem}.kompendium-spoiler{margin-top:1.4rem;padding:.9rem 1.1rem;border:1px dashed var(--hs-blood);border-radius:8px;background:#b956560f}.kompendium-spoiler summary{cursor:pointer;font-family:var(--hs-font-display);letter-spacing:.03em;color:var(--hs-blood)}.kompendium-spoiler p:last-child{margin-bottom:0}.kompendium-spoiler[open] summary{margin-bottom:.6rem}.info-popover{position:relative;display:inline-block}.info-popover__trigger{background:none;border:none;padding:0;color:inherit;font:inherit;cursor:pointer}.info-popover__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:4px;border-radius:50%;border:1px solid var(--hs-ochre);color:var(--hs-ochre);font-size:.7rem;vertical-align:middle}.info-popover__box{position:absolute;z-index:5;top:100%;left:0;margin-top:6px;width:min(340px,80vw);padding:10px 12px;background:var(--hs-panel);border:1px solid var(--hs-ochre);border-radius:8px;font-size:.9rem;line-height:1.45;color:var(--hs-parchment);box-shadow:0 10px 30px #00000080}.faehigkeit-auswahl{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.faehigkeit-karte{flex:1 1 220px;max-width:280px;text-align:left;padding:14px;background:var(--hs-void);border:1px solid var(--hs-panel-border);border-radius:8px;cursor:pointer;color:var(--hs-parchment)}.faehigkeit-karte:hover{border-color:var(--hs-ochre-dim)}.faehigkeit-karte--gewaehlt{border-color:var(--hs-blight);box-shadow:0 0 0 1px var(--hs-blight)}.faehigkeit-karte strong{display:block;margin-bottom:6px;font-family:var(--hs-font-display);color:var(--hs-ochre)}.faehigkeit-karte p{margin:0;font-size:.88rem;color:var(--hs-parchment-dim)}.wuerfel-reihe{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.wuerfel{width:44px;height:44px;border-radius:8px;border:1px solid var(--hs-panel-border);background:var(--hs-void);color:var(--hs-parchment);font-family:var(--hs-font-display);font-size:1.15rem;cursor:pointer}.wuerfel:hover:not(:disabled){border-color:var(--hs-ochre-dim)}.wuerfel--empfohlen{border-color:var(--hs-ochre)}.wuerfel--gewaehlt{background:#a9c94f29;border-color:var(--hs-blight);color:var(--hs-blight)}.wuerfel:disabled{opacity:.5;cursor:default}.kampf-hinweis{padding:10px 12px;background:#b8935a1a;border:1px solid var(--hs-ochre-dim);border-radius:8px;font-style:italic}.kritik-erklaerung{padding:12px 14px;margin:10px 0;background:#b956561f;border:1px solid var(--hs-blood);border-radius:8px}.kampf-log{margin-top:16px;padding-left:1.1rem;font-size:.9rem;color:var(--hs-parchment-dim)}.termine-nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.termine-nav__label{margin-left:.4rem;font-family:var(--hs-font-display);color:var(--hs-ochre)}.month-grid{display:grid;grid-template-columns:2rem repeat(7,1fr);gap:.35rem}.month-grid-weekday{font-family:var(--hs-font-display);font-size:.72rem;letter-spacing:.04em;opacity:.65;text-align:center;padding-bottom:.3rem}.month-grid-week-number{display:flex;align-items:center;justify-content:center;color:var(--hs-parchment-dim);font-size:.7rem}.month-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:3.8rem;padding:.3rem .15rem;margin:0;border-radius:8px;border:1px solid var(--hs-panel-border);background:var(--hs-void);cursor:pointer;color:var(--hs-parchment);font:inherit}.month-cell:hover{border-color:var(--hs-ochre-dim)}.month-cell-selected{border-color:var(--hs-blight)!important;box-shadow:0 0 0 1px var(--hs-blight)}.month-cell-outside{opacity:.32}.month-cell-today .month-cell-day{color:var(--hs-ochre);font-weight:700}.month-cell-day{font-size:.88rem}.month-cell-status{font-size:.64rem;letter-spacing:.03em;text-transform:uppercase;opacity:.85}.status-blockiert{background:var(--hs-ink);opacity:.45}.status-rosa{background:#4a2430;border-color:#6b3444}.status-grau{background:#232629}.status-gruen{background:#1b3a26;border-color:#2c5a3b}.termine-layout{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}.termine-grid-col{flex:1 1 520px;max-width:640px}.termine-side{flex:0 0 240px;position:sticky;top:1rem}.termine-side__hinweis{font-size:.85rem;color:var(--hs-parchment-dim)}.termine-side__liste{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.termine-side__pick{width:100%;text-align:left;margin:0;background:#a9c94f14;border-color:#2c5a3b}.termine-side__pick:hover{background:#a9c94f29}.tag-detail{margin-top:1rem;padding:1rem 1.2rem;border:1px solid var(--hs-panel-border);border-radius:10px;background:var(--hs-panel)}.artwork-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#23201a,#14120e);border:1px dashed var(--hs-ochre-dim);color:var(--hs-parchment-dim);text-align:center}.artwork-placeholder__inner{display:flex;flex-direction:column;gap:4px;padding:1rem}.artwork-placeholder__label{font-family:var(--hs-font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;color:var(--hs-ochre)}.artwork-placeholder__inner code{font-size:.7rem;opacity:.7;word-break:break-word}.artwork-placeholder--fullbleed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.artwork-placeholder--panel{width:100%;aspect-ratio:4 / 5;border-radius:8px;animation:hs-fade-in .4s ease}.artwork-placeholder--breit{width:100%;aspect-ratio:16 / 7;border-radius:8px;animation:hs-fade-in .4s ease}@keyframes hs-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.auswahl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem;margin:.8rem 0 1.2rem}.auswahl-karte{display:flex;flex-direction:column;align-items:center;gap:6px;padding:.9rem .6rem;background:var(--hs-void);border:1px solid var(--hs-panel-border);border-radius:8px;color:var(--hs-parchment-dim);cursor:pointer;text-align:center;text-decoration:none;transition:border-color .18s ease,transform .18s ease,color .18s ease,background .18s ease}.auswahl-karte:hover{border-color:var(--hs-ochre-dim);transform:translateY(-2px)}.auswahl-karte--aktiv{border-color:var(--hs-ochre);color:var(--hs-parchment);background:#b8935a1a;transform:translateY(-2px) scale(1.03);box-shadow:0 0 0 1px var(--hs-ochre),0 8px 20px #00000059}.auswahl-karte svg{color:var(--hs-ochre)}.hs-quote{margin:1rem 0;padding:.7rem 1rem;border-left:3px solid var(--hs-ochre);background:#b8935a14;font-style:italic;color:var(--hs-parchment)}.hs-quote cite{display:block;margin-top:.5rem;font-style:normal;font-size:.82rem;color:var(--hs-parchment-dim)}:root{--hs-ink: #07080a;--hs-void: #101316;--hs-panel: #16191c;--hs-panel-border: #2b2f33;--hs-ash: #8b9096;--hs-ochre: #b8935a;--hs-ochre-dim: #8a6c3f;--hs-parchment: #e8ddc7;--hs-parchment-dim: #b9ac8f;--hs-blight: #a9c94f;--hs-blood: #b95656;--hs-focus: #a9c94f;--hs-font-display: "Cinzel", Georgia, serif;--hs-font-body: "EB Garamond", Georgia, serif;--hs-font-ui: system-ui, sans-serif}*{box-sizing:border-box}body{font-family:var(--hs-font-body);font-size:1.08rem;line-height:1.6;color:var(--hs-parchment);background:var(--hs-ink);margin:0}h1,h2,h3,h4{font-family:var(--hs-font-display);font-weight:600;letter-spacing:.02em;color:var(--hs-parchment);line-height:1.25}h1{font-size:1.7rem;margin:0 0 .9rem}h2{font-size:1.25rem;margin:1.6rem 0 .6rem;color:var(--hs-ochre)}h3{font-size:1.05rem;margin:1.2rem 0 .5rem;color:var(--hs-parchment-dim)}a{color:var(--hs-blight);text-decoration:none}a:hover{text-decoration:underline}p{margin:0 0 .8rem}small{color:var(--hs-parchment-dim)}ul,ol{padding-left:1.3rem}li{margin-bottom:.3rem}code{background:#ffffff0f;padding:.1em .4em;border-radius:3px;font-size:.92em}hr{border:none;border-top:1px solid var(--hs-panel-border);margin:1.5rem 0}button,input,select,textarea{font-family:var(--hs-font-ui);font-size:.95rem}button{margin-right:8px;padding:7px 16px;background:linear-gradient(180deg,#262a2d,#1a1d1f);border:1px solid var(--hs-panel-border);border-radius:6px;color:var(--hs-parchment);cursor:pointer;transition:border-color .15s ease,background .15s ease}button:hover:not(:disabled){border-color:var(--hs-ochre)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--hs-focus);outline-offset:2px}input,select,textarea{background:var(--hs-void);border:1px solid var(--hs-panel-border);border-radius:5px;color:var(--hs-parchment);padding:6px 9px}input:focus,select:focus,textarea:focus{border-color:var(--hs-ochre)}label{color:var(--hs-parchment-dim)}label:has(>input),label:has(>select),label:has(>textarea){display:block;margin-bottom:.9rem}label:has(>input)>input,label:has(>select)>select,label:has(>textarea)>textarea{display:block;margin-top:.35rem;width:100%;max-width:420px}table{border-collapse:collapse;width:100%;margin:.6rem 0 1rem}th,td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--hs-panel-border)}th{font-family:var(--hs-font-display);font-weight:600;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--hs-ochre)}section,article{background:var(--hs-panel);border:1px solid var(--hs-panel-border);border-radius:10px;padding:1rem 1.2rem;margin-bottom:1rem}section section,article article{background:transparent;border:none;padding:0;margin:0}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell__header{display:flex;align-items:center;gap:1.6rem;padding:.75rem 1.5rem;background:var(--hs-void);border-bottom:1px solid var(--hs-panel-border);flex-wrap:wrap}.app-shell__brand{font-family:var(--hs-font-display);font-weight:600;letter-spacing:.1em;color:var(--hs-parchment);font-size:1.15rem;white-space:nowrap}.app-shell__nav{display:flex;gap:1.1rem;flex-wrap:wrap;flex:1}.app-shell__nav a{color:var(--hs-parchment-dim);font-size:.92rem;padding-bottom:2px;border-bottom:2px solid transparent}.app-shell__nav a:hover{color:var(--hs-parchment);text-decoration:none}.app-shell__nav a.active{color:var(--hs-ochre);border-bottom-color:var(--hs-ochre)}.app-shell__user{display:flex;align-items:center;gap:.7rem;font-size:.9rem;color:var(--hs-parchment-dim);white-space:nowrap}.app-shell__user strong{color:var(--hs-parchment)}.app-shell__main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:1.6rem 1.5rem 3rem}.wizard-steps{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}.wizard-steps__item{font-size:.78rem;letter-spacing:.02em;padding:.3rem .7rem;border-radius:20px;border:1px solid var(--hs-panel-border);color:var(--hs-parchment-dim)}.wizard-steps__item--active{border-color:var(--hs-ochre);color:var(--hs-ochre)}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--hs-parchment-dim);font-family:var(--hs-font-display);letter-spacing:.1em;background:var(--hs-ink)}