body.handbook-page{margin:0;min-height:100vh;background:#101317;color:#e1e3e6;font:15px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-y:auto;overflow-x:clip}
.handbook-page *{box-sizing:border-box}.handbook-page a{color:#f4af62;text-decoration:none}.handbook-page a:hover{color:#ffd4a5}.handbook-page button{cursor:pointer}.handbook-page :focus-visible{outline:2px solid #ffb66c;outline-offset:3px}.hb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hb-skip{position:fixed;top:-80px;left:12px;z-index:30;background:#242a33;padding:12px}.hb-skip:focus{top:8px}
.hb-header{display:flex;gap:24px;align-items:center;position:sticky;top:0;z-index:10;padding:18px 28px;background:#15191ff5;border-bottom:1px solid #343334;backdrop-filter:blur(14px)}.hb-brand{display:grid;flex-shrink:0;line-height:1.25}.hb-brand span{font-size:10px;letter-spacing:.23em;color:#af8c68}.hb-brand strong{font-size:23px;letter-spacing:-.02em;color:#f2eae3}.hb-search{display:flex;gap:8px;width:min(520px,60%);margin:0 auto}.hb-search input{width:100%;min-width:0;border:1px solid #424650;border-radius:6px;background:#0e1116;color:#fff;padding:10px 13px;font:inherit}.hb-search button{background:#dd944d;color:#17110a;border:0;border-radius:6px;padding:8px 15px;font-weight:700}.hb-game-link{white-space:nowrap;font-size:13px}.hb-layout{display:grid;grid-template-columns:255px minmax(0,1fr);max-width:1560px;margin:auto;align-items:start}.hb-sidebar{position:sticky;top:91px;max-height:calc(100dvh - 100px);overflow-y:auto;padding:22px 18px 30px;border-right:1px solid #2b2e35;scrollbar-width:thin;scrollbar-color:#5d5144 transparent}.hb-sidebar a{display:block;padding:7px 12px;color:#b7bcc4;font-size:13px;border-radius:5px;line-height:1.45}.hb-sidebar a:hover{background:#292b30;color:#fff}.hb-sidebar .active{background:#382b1e;color:#ffc081;border-left:2px solid #eda25b}.hb-home{font-weight:650;margin-bottom:12px}.hb-nav-group{padding:5px 0;border-bottom:1px solid #282b31}.hb-nav-group summary{font-size:13px;font-weight:650;padding:9px 5px;color:#e1ddd7;cursor:pointer}.hb-nav-group a{margin-left:10px}.hb-sidebar .hb-category-link{color:#bca185;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.hb-menu-toggle{display:none}.hb-main{min-width:0;padding:26px clamp(22px,4vw,60px) 50px;max-width:1240px;width:100%;outline:0}.hb-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#9ba1ad;margin-bottom:26px}.hb-breadcrumb a{color:#b4a18e}.hb-eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.13em;font-weight:700;color:#bf9368}.hb-article-header{margin-bottom:28px}.handbook-page h1{font-size:clamp(27px,3vw,39px);line-height:1.18;color:#f4eee7;font-weight:650;margin:8px 0 16px;letter-spacing:-.035em;overflow-wrap:anywhere}.hb-article-header>p{font-size:16px;color:#b2b7c0;max-width:800px}.handbook-page h2{font-size:19px;line-height:1.35;color:#ece6df;margin:0 0 10px}.handbook-page h3{font-size:16px}.handbook-page p{margin:8px 0 14px}.hb-feature{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;padding:26px;background:linear-gradient(115deg,#29221c,#1b1c20);border:1px solid #4c3827;border-radius:10px;margin:28px 0}.hb-feature h2{margin-top:8px}.hb-feature p{color:#bcb6b0;font-size:14px}.hb-shortcuts{display:grid;align-content:center;gap:8px}.hb-shortcuts a{padding:9px 12px;background:#17171b;border:1px solid #443b33;border-radius:5px;font-size:13px}.hb-category-grid,.hb-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hb-category-grid>a{display:flex;flex-direction:column;gap:12px;padding:23px;border:1px solid #33353c;border-radius:8px;background:#191d24}.hb-category-grid strong{color:#e8e4df;font-size:15px}.hb-category-grid span{font-size:12px;color:#b9a289}.hb-card{display:flex;flex-direction:column;padding:20px;background:#191d24;border:1px solid #33353c;border-radius:8px;min-width:0}.hb-card:hover,.hb-category-grid>a:hover{border-color:#a16d3e}.hb-card strong{font-size:18px;color:#eee8e1;margin:6px 0}.hb-card p{color:#aeb4be;font-size:13px;margin-bottom:18px}.hb-card-more{font-size:12px;margin-top:auto}.hb-section{margin:0 0 28px;clear:none}.hb-section>p{color:#c0c5cd}.hb-formula{clear:both;margin:16px 0;background:#1b2027;border:1px solid #363e48;border-radius:7px;overflow:hidden}.hb-formula summary{padding:12px 15px;color:#f0b777;cursor:pointer;font-size:13px;font-weight:600}.hb-formula pre{margin:0;padding:4px 16px 17px;font:13px/1.8 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#d4dce7}.hb-example{clear:both;padding:22px 24px;margin:24px 0;background:#1c2528;border:1px solid #344c4c;border-left:3px solid #8fc9bd;border-radius:5px}.hb-example .hb-eyebrow{color:#8fc9bd}.hb-example h2{font-size:17px;margin:8px 0}.hb-example p{color:#c6d7d4;margin-bottom:0}.hb-table-wrap{max-width:100%;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;overscroll-behavior-y:auto;border:1px solid #363b43;border-radius:6px;margin:16px 0;touch-action:pan-x pan-y}.handbook-page table{width:100%;border-collapse:collapse;font-size:13px;background:#161a20}.handbook-page th,.handbook-page td{padding:11px 13px;border-bottom:1px solid #2e343e;text-align:left;line-height:1.45}.handbook-page thead th{background:#232933;color:#e3dbd2;font-weight:650}.handbook-page tbody th{font-weight:500;color:#d3d7dc}.hb-bonus-table td{white-space:nowrap;text-align:center}.hb-bonus-table th:first-child{min-width:178px;position:sticky;left:0;background:#1c222b;z-index:1}.hb-bonus-table thead th:not(:first-child){min-width:115px;text-align:center}.hb-positive{color:#9ad5b4}.hb-negative{color:#ec9b99}.hb-neutral{color:#6e7888}.hb-portrait{width:150px;height:190px;object-fit:cover;float:right;margin:0 0 20px 25px;border-radius:8px;border:1px solid #69513a}.hb-ship-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;clear:both}.hb-ship{display:grid;gap:8px;padding:14px;background:#1b2027;border:1px solid #373d46;border-radius:6px}.hb-ship img{width:100%;aspect-ratio:1.5;object-fit:contain;background:#090c10;border-radius:4px}.hb-ship strong{color:#f0e5d9}.hb-ship span{font-size:12px;color:#aeb7c3}.hb-link-list{display:grid;gap:8px}.hb-link-list a{padding:13px 16px;border:1px solid #363d46;border-radius:5px;background:#1b2027;display:grid;gap:4px}.hb-link-list span{color:#aeb7c3;font-size:12px}.hb-tags{display:flex;gap:9px;flex-wrap:wrap}.hb-tags a{padding:8px 12px;border:1px solid #5b4530;border-radius:5px;background:#29221c;font-size:13px}.hb-related{clear:both;margin-top:30px;padding-top:24px;border-top:1px solid #343a43}.hb-footer{clear:both;margin-top:45px;padding-top:18px;border-top:1px solid #2e343d;font-size:11px;color:#838c9b}.hb-note,.hb-empty{padding:18px 20px;background:#24282f;border:1px solid #484f59;border-radius:5px}.hb-object{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;min-width:0}.hb-object .help-intro{display:none}.hb-object .help-object-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-object .help-object-card{min-width:0}.hb-object .help-object-card p{font-size:12px}.hb-object .detail-toolbar{margin-bottom:18px}.hb-object .help-detail-section{margin:24px 0}.hb-object .help-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-object .help-actions a{padding:7px 10px;border:1px solid #66503a;border-radius:4px}.hb-object .help-actions{gap:8px}.hb-object .help-detail-hero{min-width:0}.hb-object .help-detail-hero img{max-width:100%}.hb-object .help-resource-values{flex-wrap:wrap}.hb-object .help-note{color:#adb4bf}.hb-object-extra{clear:both}.hb-object .help-requirement{min-width:0}.handbook-page .button-link{background:#282c33;color:#f0bf88;border-color:#65513d}
@media(max-width:1000px){.hb-layout{grid-template-columns:225px minmax(0,1fr)}.hb-main{padding:24px}.hb-header{padding:15px 20px;gap:15px}.hb-feature{grid-template-columns:1fr}.hb-sidebar{top:86px}}
@media(max-width:780px){.hb-header{position:relative;flex-wrap:wrap;padding:18px;gap:14px}.hb-brand{flex:1}.hb-game-link{font-size:12px}.hb-search{order:3;width:100%;max-width:none}.hb-layout{display:block}.hb-sidebar{position:static;max-height:none;border-right:0;padding:12px 16px;border-bottom:1px solid #343a43;overflow:visible}.hb-menu-toggle{display:block;width:100%;padding:11px;text-align:left;border:1px solid #57504a;background:#272522;color:#efbd89;border-radius:5px;font:inherit;font-size:13px}.hb-js #hb-menu:not(.hb-menu-open){display:none}.hb-sidebar nav{margin-top:12px}.hb-main{padding:22px 18px 36px}.hb-breadcrumb{margin-bottom:20px}.hb-category-grid,.hb-cards{grid-template-columns:1fr}.hb-article-header>p{font-size:15px}.hb-feature{padding:20px}.hb-ship-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-object .help-object-grid{grid-template-columns:1fr}.hb-object .help-value-grid{grid-template-columns:1fr}.hb-object .help-detail-hero{display:block}.hb-object .help-detail-hero img{width:160px}.hb-portrait{width:110px;height:142px;margin-left:16px}.hb-example{padding:18px}.handbook-page table{font-size:12px}.hb-footer{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.handbook-page *{scroll-behavior:auto!important}}
@media print{.hb-header,.hb-sidebar,.hb-footer,.hb-game-link{display:none}.hb-layout{display:block}.hb-main{padding:0;max-width:none}.handbook-page{background:white!important;color:black!important}.handbook-page *{color:black!important;background:white!important}.hb-table-wrap{overflow:visible}.hb-article{font-size:11pt}}

/* Keep the keyboard skip link fully clipped until it is focused. */
.hb-skip{top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0}.hb-skip:focus{top:8px;width:auto;height:auto;clip-path:none;padding:12px}
/* Planning and readable article navigation. */
.hb-toc{display:grid;gap:7px;padding:18px 20px;background:#191f26;border:1px solid #39434f;border-radius:8px;margin-bottom:28px}.hb-toc strong{font-size:12px;color:#c5ced9}.hb-toc a{font-size:13px}.hb-section[id]{scroll-margin-top:115px}.hb-calculator{margin:22px 0;padding:22px;border:1px solid #66513a;border-radius:9px;background:#191e25}.hb-calc-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:15px 0}.hb-calc-inputs label{display:grid;align-content:start;gap:7px;font-size:12px;color:#c4cbd5}.hb-calculator input,.hb-calculator select{width:100%;min-width:0;padding:10px;border:1px solid #59616c;border-radius:5px;background:#0e141c;color:#fff;font:inherit}.hb-calculator input:disabled{opacity:.45}.hb-calculator button{background:#dd944d;color:#17110a;border:0;border-radius:5px;font:inherit;font-weight:700;padding:10px 20px}.hb-calculator form{display:block}.hb-calc-options{border-top:1px solid #363d46;margin-top:15px;padding-top:13px}.hb-calc-options summary{cursor:pointer;color:#f2bc83;font-size:13px}.hb-calc-note{font-size:12px;color:#aab5c4;line-height:1.65}.hb-calc-status{display:inline-block;font-size:12px;margin:10px;color:#d3bd9f}.hb-calc-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.hb-calc-results>div{display:grid;gap:8px;padding:16px;border:1px solid #3d4c5a;background:#15222b;border-radius:6px}.hb-calc-results span{font-size:12px;color:#bcc9d5}.hb-calc-results strong{font-size:21px;color:#f8d19c}.hb-calculator .bonus-positive{color:#9ad5b4}.hb-calculator .bonus-negative{color:#ec9b99}.hb-calculator .bonus-neutral{color:#a5adba}.hb-calculator td{white-space:nowrap}.hb-calculator th:first-child{min-width:170px}.hb-calculator [hidden]{display:none!important}.calculator-page .hb-main{max-width:1150px;margin:auto}.calculator-page .hb-tags{margin-bottom:24px}.hb-note+.hb-section{margin-top:24px}
@media(max-width:780px){.hb-calc-inputs,.hb-calc-results{grid-template-columns:1fr}.hb-calculator{padding:15px}.hb-calc-status{display:block;margin:8px 0}.hb-section[id]{scroll-margin-top:15px}.hb-calculator .hb-table-wrap{margin-left:-6px;margin-right:-6px;max-width:calc(100% + 12px)}}

/* 0.12.102: Native Auswahllisten auch bei hellem Betriebssystem lesbar halten.
   Gleiche Regeln im eigenständig geladenen app.css und handbook.css. */
:root select{
    color-scheme:dark;
    background:#0b1020!important;
    color:#f3f7ff!important;
}
:root select option,:root select optgroup{
    background:#0b1020!important;
    color:#f3f7ff!important;
}
:root select:disabled,:root select option:disabled,:root select optgroup:disabled{
    color:#a7b3c9!important;
}
@media(forced-colors:active){
    :root select,:root select option,:root select optgroup{
        background:Canvas!important;
        color:CanvasText!important;
    }
    :root select:disabled,:root select option:disabled,:root select optgroup:disabled{
        color:GrayText!important;
    }
}

/* 0.12.138: Rassen mit beiden Porträts und vollständiger Beschreibung. */
.hb-races{margin:0 0 28px}
.hb-race-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hb-race-card{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid #3b414b;border-radius:8px;background:#191d24}
.hb-race-card:hover{border-color:#c18b53;background:#20242c}
.hb-race-portraits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.hb-race-portraits figure{min-width:0;margin:0}
.hb-race-portraits img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:1px solid #514437;border-radius:6px;background:#0c1015}
.hb-race-portraits figcaption{margin-top:5px;color:#aeb4be;font-size:12px;text-align:center}
.hb-race-card h2{margin:18px 0 6px;overflow-wrap:anywhere}
.hb-race-card p{color:#c0c5cd;font-size:14px;overflow-wrap:anywhere;margin:0 0 20px}
.hb-race-detail-portraits{width:min(100%,480px);margin:0 0 28px}
@media(max-width:1000px){.hb-race-grid{grid-template-columns:1fr}}
@media(max-width:780px){.hb-race-card{padding:16px}.hb-race-portraits{gap:10px}}
