/* Labyrinth layout, graphite / turquoise / copper palette. */

:root{--bg:#101417!important;--surface:#181e22!important;--surface-raised:#202a2f!important;--field:#131a1e!important;--line:#34454d!important;--muted:#a2b2ba!important;--text:#edf3f5!important;--gold:#e3b18b!important;--mint:#6fc8c4!important;--blue:#8ec8db!important;--accent-fill:#71d1cc!important;--accent-soft:#19383b!important;--violet-soft:#1b2c32!important;--success:#e3b18b!important;--danger:#ff9eac!important;--ref-bg:#101417!important;--ref-ink:#edf3f5!important;--ref-muted:#a2b2ba!important;--ref-line:#34454d!important;--ref-window:#181e22!important;--ref-purple:#6fc8c4!important;--ref-action:#71d1cc!important;--ref-red:#71d1cc!important;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Manrope,Arial,sans-serif!important;background:#101417!important;color:#edf3f5!important}body,.home-page{margin:0!important}.site-header{max-width:1200px!important;margin:auto!important;min-height:90px!important;padding:20px 26px!important;background:#101417!important;border-bottom:1px solid #2b3a41!important}.brand-mark{display:grid!important;place-items:center;background:#213b40!important;color:#e3b18b!important;width:38px;height:38px;border-radius:10px!important;font-size:22px}.brand>span:last-child{font-size:19px!important}.rail-profile,.nav-dropdown>summary{border:1px solid transparent!important;border-radius:10px!important}.nav-dropdown[open]>summary,.rail-profile:hover{background:#1b292f!important;border-color:#34454d!important}.nav-dropdown-panel{background:#1b292f!important;border-color:#34454d!important;box-shadow:0 18px 40px #0006!important}.nav-item:hover,.nav-item.active{background:#214148!important;color:#b2e6e4!important}.nav-dropdown-active>summary{color:#e3b18b!important}.rail-navigation{gap:10px!important}.page-heading{margin:28px 0 22px!important}.page-heading h1{letter-spacing:-1.2px!important}.workspace{background:transparent!important}.workspace main{max-width:1148px!important;margin:auto!important;padding:0 16px 40px!important}.activity-strip{background:#151d22!important;border-color:#2b3a41!important;color:#a2b2ba!important}.panel,.science-start-reserve{background:#181e22!important;border:1px solid #34454d!important;box-shadow:none!important;border-radius:16px!important}.science-start-reserve{border-left:1px solid #34454d!important;background:#192b30!important}.science-options>details>summary,.science-options>.goal-crates>summary,.profile-bonus-panel>summary{background:#1b2c33!important;border-color:#34454d!important;border-radius:9px!important}.point-info-window{background:#18292f!important;border-color:#34454d!important}.point-info-window strong,.net-result strong{color:#b6e5e2!important}input:not([type=checkbox]):not([type=radio]):not([type=file]),select{background:#111a1f!important;border-color:#3b535d!important;color:#edf3f5!important;border-radius:9px!important;min-height:42px!important}input:focus,select:focus{outline:2px solid #6fc8c4!important;outline-offset:2px!important}button{font-family:inherit!important}button.selected,button[aria-pressed=true],.ref-button-red,.ref-goals button[aria-pressed=true]{background:#71d1cc!important;color:#102529!important;border-color:#71d1cc!important;font-weight:700!important}button:hover{border-color:#6fc8c4!important}.target-buttons button,.goal-mode-toggle button,.science-cost-range button,.outline-button{border-radius:9px!important;min-height:42px!important;border-color:#3b535d!important;background:#1b292f!important;color:#d9e6eb!important}.science-cost-range button{min-height:110px!important}.science-cost-range button.selected{background:#214148!important;color:#b6e5e2!important;border-color:#6fc8c4!important}.science-cost-range button.selected strong,.science-cost-range button.selected output{color:#c1eeeb!important}.primary-results{background:#1a3036!important;border-color:#34454d!important;border-radius:12px!important}.science-settings h2,.goal-panel h2{font-size:21px!important}.settings-topbar{padding:20px!important}table th{color:#bacbd2!important;background:#192b32!important}table td{border-color:#2b414b!important}details>summary{color:#d8e4ea!important}.cost-bar{opacity:.8}.ui-icon{object-fit:contain}.home-page main{display:grid!important;grid-template-columns:1fr 1fr!important;gap:30px 54px!important;padding-top:78px!important}.home-page .ref-hero{grid-column:1!important;text-align:left!important;padding:44px 0!important;align-self:center!important}.home-page h1{font-size:clamp(40px,4.4vw,60px)!important;line-height:1.11!important;letter-spacing:-2.5px!important;font-weight:750!important}.home-page h1 span{display:block!important;color:#6fc8c4!important}.home-page .ref-hero p{font-size:16px!important;line-height:1.85!important;max-width:430px!important}.home-page .ref-eyebrow{color:#6fc8c4!important;letter-spacing:.7px!important;font-weight:700!important}.home-page .ref-dot{background:#6fc8c4!important}.home-page .ref-hero-actions{justify-content:flex-start!important;gap:16px!important}.home-page .ref-button{border-radius:11px!important;padding:17px 22px!important;min-height:55px!important;font-size:14px!important}.home-page .ref-text-link{background:transparent!important;border:0!important;color:#b6c9d2!important;padding:8px!important;font-size:13px!important}.home-page .ref-showcase{grid-column:2!important;padding:0!important;background:none!important;align-self:center!important}.home-page .ref-demo-window{border-color:#3c555e!important;border-radius:18px!important;box-shadow:0 22px 70px #0005!important}.home-page .ref-demo-header{padding:19px!important;background:#1b2a31!important;border-color:#2f444e!important}.home-page .ref-demo-header svg{color:#6fc8c4!important}.home-page .ref-demo-body{grid-template-columns:1fr!important;gap:24px!important;padding:24px!important}.home-page .ref-goals{display:flex!important;gap:7px!important}.home-page .ref-goals button{flex:1!important;padding:8px 4px!important;border-color:#3b535d!important;background:#1b2c32!important;color:#d5e1d9!important;font-size:13px!important}.home-page .ref-cost strong{font-weight:700!important;font-size:50px!important;color:#c0e8e6!important}.home-page .ref-demo-counts{padding-top:13px!important}.home-page .home-profile,.home-page .ref-tools-section,.home-page .ref-development,.home-page .ref-start,.home-page .ref-about,.home-page footer,.home-page #home-profile-error{grid-column:1/-1!important}.home-page .home-profile{background:#1b2d34!important;border:1px solid #34454d!important;border-radius:14px!important;margin:24px 0 0!important;padding:20px!important}.home-page .ref-tools-section{padding:12px 0 36px!important}.home-page .ref-section-heading h2{font-size:26px!important}.home-page .ref-tool-list{grid-template-columns:repeat(4,1fr)!important;gap:14px!important;margin-top:20px!important}.home-page .ref-tool-link{border:1px solid #34454d!important;background:#181e22!important;border-radius:13px!important;padding:19px 14px!important;min-height:84px!important;font-size:14px!important}.home-page .ref-tool-link:hover{background:#203b44!important;border-color:#6fc8c4!important}.home-page footer{padding:24px 0!important;color:#a2b2ba!important;border-color:#2b414b!important}.home-page .ref-demo-link{border-radius:9px!important;background:#214148!important;border:1px solid #44717a!important;color:#b2e6e4!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #6fc8c4!important;outline-offset:3px}
@media(max-width:850px){.home-page main{grid-template-columns:1fr!important;gap:20px!important;padding-top:24px!important}.home-page .ref-hero,.home-page .ref-showcase{grid-column:1!important}.home-page .ref-hero{padding:20px 0!important}.home-page .ref-tool-list{grid-template-columns:repeat(2,1fr)!important}.home-page h1{font-size:44px!important}.site-header{padding:16px!important}.science-cost-range{gap:7px!important}.science-cost-range strong{font-size:24px!important}.workspace main{padding:0 12px 28px!important}}

@font-face{font-family:Manrope;src:url('assets/fonts/manrope-cyrillic.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0400-052F,U+1C80-1C8A,U+20B4,U+2116,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--sidebar-width:0px;--ref-purple:var(--blue)!important;--ref-red:var(--gold)!important;--ref-action:var(--accent-fill)!important}
body{background:radial-gradient(ellipse at 15% 0,#1d303640,transparent 40rem),var(--bg)!important}
h1,h2,h3{color:var(--text)}
h1{font-weight:750;line-height:1.14;letter-spacing:-1.2px}
h2{font-weight:650}button{transition:background .16s,border-color .16s,color .16s}
button:disabled{opacity:.45}
.site-header{border:0!important;border-bottom:1px solid var(--line)!important;overflow:visible!important}
.site-header .brand-mark{border:1px solid var(--line)!important;transform:none!important;flex:none}
.site-header .brand{letter-spacing:-.4px!important}
.site-header .rail-profile{background:var(--surface)!important;border:1px solid var(--line)!important}
.site-header .rail-profile.active{border-color:var(--blue)!important}
.site-header .rail-profile-avatar{background:var(--accent-soft)!important;color:var(--blue)!important}
.site-header .nav-dropdown-panel{background:transparent!important;border:0!important;box-shadow:none!important}
.site-header .nav-dropdown-links{padding:8px;border:1px solid var(--line)!important;border-radius:12px;background:var(--surface)!important;box-shadow:0 18px 40px #0006!important}
.site-header .nav-dropdown-active>summary{border-bottom-color:var(--blue)!important}
.site-header .nav-item.active{color:var(--blue)!important;background:var(--accent-soft)!important}
.site-header .nav-dropdown-links .nav-item{border-radius:8px!important}
.site-header .nav-dropdown>summary{font-size:14px!important}
.workspace>header{max-width:1180px;padding:0 16px}
.workspace main{max-width:1180px!important;padding-top:8px!important}
.activity-strip{max-width:1180px;margin:auto;padding:12px 16px}
.panel,.result-panel,.avatar-group,.resource-detail,.catalog-tile,.calendar-schedule,.calendar-information{border:1px solid var(--line)!important;border-radius:16px!important;background:var(--surface)!important;padding:24px;box-shadow:0 5px 22px #00000012!important}
.catalog-filters-panel{padding:20px!important}
.avatar-group{padding:22px!important}
.avatar-button,.catalog-portrait,.portrait-fallback{background:var(--field)!important}
.avatar-button:hover,.avatar-button.selected,.resource-tile:hover{border-color:var(--blue)!important}
.resource-tile{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important}
.resource-tile:hover,.resource-tile[aria-pressed=true]{background:var(--accent-soft)!important;border-color:var(--blue)!important}
.resource-detail,.entity-panel{scrollbar-color:var(--line) var(--surface)}
.resource-toolbar,.rewards-filter{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.resource-toolbar input,.catalog-toolbar input{width:100%;min-width:0}
input[type=checkbox],input[type=radio]{accent-color:var(--accent-fill)!important;min-height:0!important}
.catalog-button,.catalog-quick button,.pagination button,.resource-pagination button,.cloud-actions a,.cloud-actions button,.cloud-conflict button,.outline-button,.console-presets button{border-color:var(--line)!important;background:var(--surface-raised)!important;color:var(--text)!important;border-radius:9px!important}
body button[aria-pressed=true]:not(.avatar-button):not(.avatar-choice):not(:disabled),body button.selected:not(.avatar-button):not(.avatar-choice):not(:disabled),.home-page .ref-button-red{background:var(--accent-fill)!important;border-color:var(--accent-fill)!important;color:#102529!important}
body button[aria-pressed=true]:not(.avatar-button):not(.avatar-choice):not(:disabled):hover,body button.selected:not(.avatar-button):not(.avatar-choice):not(:disabled):hover,.home-page .ref-button-red:hover{background:#96e2dd!important;color:#102529!important}
.science-cost-range button.selected{background:var(--accent-soft)!important;color:var(--text)!important;border-color:var(--blue)!important}
.science-cost-range button.selected strong,.science-cost-range button.selected output{color:#c1eeeb!important}
.profile-picker-action{background:var(--accent-fill)!important;color:#102529!important}
.profile-picker-action .dropdown-chevron{color:inherit!important}
.primary-results,.profile-summary>div,.cloud-profile-panel,.calendar-countdown-panel{background:#1a2d33!important;border-color:var(--line)!important;border-radius:12px!important}
.net-result>span,.net-result strong,.home-page .ref-cost strong{color:var(--gold)!important}
.gain,.gain-text,.profile-feedback{color:var(--success)!important}
.problem,.error{color:var(--danger)!important}
.profile-hero-picker>summary,.profile-hero-picker>summary:hover{background:var(--surface-raised)!important;border-color:var(--line)!important;border-radius:12px!important}
.ref-tool-link>svg:last-child,.ref-about summary svg{background:var(--accent-soft)!important;border-color:var(--line)!important;color:var(--blue)!important}
.home-page .ref-text-link:hover{background:var(--surface-raised)!important;color:var(--text)!important}
.home-page .ref-hero h1 span{color:var(--blue)!important}
.home-page .ref-demo-basics strong{color:var(--text)!important}
.home-page .ref-demo-link,.home-page .home-preview-footer{border-color:var(--line)!important}
.home-page .ref-tool-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.home-page .ref-tool-link{transition:background .16s,border-color .16s}
.home-page .ref-tool-link small{line-height:1.6}
.home-page .ref-development,.home-page .ref-start,.home-page .ref-about{border-color:var(--line)!important}
.home-page main>section[id],.home-page .cloud-profile-panel{grid-column:1/-1}
.home-page main>.ref-hero{grid-column:1!important}
.home-page main>.ref-showcase{grid-column:2!important}
.home-page .ref-demo-basics{display:flex!important}
.home-page .home-profile-bonuses b{color:var(--blue)!important}
.home-page .ref-tool-link:hover{color:var(--text)!important}
@media(max-width:900px){.site-header .nav-dropdown-links{box-shadow:none!important}.home-page main{grid-template-columns:minmax(0,1fr)!important;padding-top:28px!important;gap:24px!important}.home-page main>.ref-hero,.home-page main>.ref-showcase{grid-column:1/-1!important}.home-page .ref-hero{padding:20px 0!important}.home-page .ref-hero p{max-width:560px!important}.home-page .ref-demo-window{max-width:none}.home-page .ref-demo-body{grid-template-columns:1fr 1fr!important}.resource-toolbar,.rewards-filter{padding:16px}.site-header .nav-dropdown-panel{padding-left:0!important}}
@media(max-width:600px){.home-page .ref-tool-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-page .ref-demo-body{grid-template-columns:1fr!important;padding:20px!important}.home-page h1{font-size:clamp(36px,9vw,46px)!important;letter-spacing:-1.4px!important}.home-page .ref-goals{flex-wrap:wrap}.home-page .ref-goals button{flex:1 1 40%!important}.home-page main{padding-right:16px!important;padding-left:16px!important}.site-header .brand>span:last-child{font-size:16px!important}.site-header .brand-mark{width:32px!important;height:34px!important}.site-header .brand{gap:8px!important}.panel,.result-panel,.resource-detail,.entity-panel,.calendar-schedule,.calendar-information{padding:18px!important}.avatar-group{padding:16px!important}.workspace main{padding-right:12px!important;padding-left:12px!important}.science-cost-range button{min-height:100px!important}.resource-toolbar,.rewards-filter{gap:12px}.ref-tool-link{overflow-wrap:anywhere}}
@media(max-width:380px){.home-page .ref-tool-list{grid-template-columns:1fr!important}.site-header{gap:8px!important;padding:12px!important}.site-header .brand small{font-size:10px!important}.site-header .brand-mark{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}button,.home-page .ref-tool-link{transition:none!important}}
body button:not(.avatar-button):not(.avatar-choice):not(.resource-tile):not(.resource-close):not(.selected):not([aria-pressed=true]),.profile-import-label{background:var(--surface-raised)!important;border-color:var(--line)!important;color:var(--text)!important}
body button:not(.avatar-button):not(.avatar-choice):not(.resource-tile):not(.resource-close):not(.selected):not([aria-pressed=true]):not(:disabled):hover,.profile-import-label:hover{background:var(--accent-soft)!important;border-color:var(--blue)!important}
.console-stepper,.parts-stepper,.console-parts,.calendar-timer,.calendar-event-information,.calendar-weeks-table tr{background:var(--field)!important;border-color:var(--line)!important}
.console-summary strong{color:var(--gold)!important}
.calendar-event.rune,.calendar-timer.rune b,.calendar-event-information.rune h3{color:var(--blue)!important}
.calendar-event.rune{background:var(--accent-soft)!important}
.calendar-legend i.rune{background:var(--blue)!important}
/* Secondary labels must inherit the dark ink of the turquoise selection. */
body button.hero-list-row[aria-pressed=true] .hero-list-copy small,
body button.calendar-week-button[aria-pressed=true] small{color:inherit}
/* Panel padding belongs to expanded contents, not the collapsed disclosure. */
body .workspace details.panel.support-panel{padding:0!important;margin-top:12px}
body .workspace details.support-panel>summary{min-height:48px;padding:12px 18px;font-size:15px;line-height:24px}
body .workspace details.support-panel>.details-content{padding:16px 18px 18px}
/* Less repeated chrome; main controls stay reachable on small screens. */
.profile-backup{position:relative;margin-left:auto;align-self:center;flex:none}
.profile-backup>summary{min-height:44px;display:flex;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:13px;cursor:pointer}
.profile-backup .profile-actions{position:absolute;right:0;top:100%;z-index:32;margin:6px 0 0;padding:12px;min-width:240px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 12px 30px #0005;display:flex;gap:8px}
.profile-picker-chevron{margin-left:4px;color:var(--blue);font-size:24px;line-height:1;transition:transform .15s}
.profile-hero-picker[open]>summary .profile-picker-chevron{transform:rotate(180deg)}
.science-mechanics{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.science-mechanics>summary{color:var(--muted)!important;font-size:13px;min-height:36px}
.science-mechanics .hint{margin:8px 0 0;font-size:12px}
.science-estimate-note{font-size:12px;line-height:1.5;margin:0 0 16px;padding:0;background:transparent}
.science-planner-grid{grid-template-areas:'rewards result'}
.science-planner-grid>.result-panel{grid-area:result}
.science-planner-grid>.parameters-column{grid-area:rewards}
.goal-chip-deficit{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.reward-tooltip{max-width:calc(100vw - 40px)}
.catalog-count,.resource-total{font-variant-numeric:tabular-nums}
@media(max-width:900px){.science-planner-grid{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'result' 'rewards';gap:20px}.science-planner-grid>.result-panel{position:static!important}.science-planner-grid .reward-milestone-list{max-height:460px}.science-cost-range button{min-width:0}.science-cost-range strong{font-size:clamp(18px,4vw,25px)!important}.science-cost-range output{font-size:12px;overflow-wrap:anywhere}}
@media(max-width:600px){.site-header .brand>span:last-child small{font-size:10px!important}.profile-backup{margin-left:0}.profile-backup .profile-actions{left:0;right:auto;min-width:220px}.profile-hero-picker>summary .profile-picker-title{font-size:16px}.home-page .ref-tool-list{grid-template-columns:minmax(0,1fr)!important}.science-settings .starter-fields>label:last-child{grid-column:auto!important}.catalog-toolbar{gap:12px}.science-start-reserve .starting-bank-field input{max-width:100%;min-width:0}.science-fixed-mechanics{gap:8px 16px}.science-start-reserve{gap:16px!important}}
/* Compact milestone lists; each scope keeps its own short scroll area. */
.milestone-rewards.panel{padding:18px!important}
.milestone-rewards .section-heading{margin-bottom:10px}
.milestone-groups{display:grid;gap:6px}
.milestone-group{min-width:0;margin:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface)}
.milestone-group>summary{display:flex;align-items:center;gap:8px;list-style:none;min-height:36px;padding:7px 10px;color:var(--text)!important;font-size:13px;font-weight:600}
.milestone-group>summary::-webkit-details-marker{display:none}
.milestone-group>summary:before{content:'›';font-size:18px;color:var(--blue);line-height:1;transform:rotate(0)}
.milestone-group[open]>summary:before{transform:rotate(90deg)}
.milestone-group>summary>span{margin-left:auto;float:none;color:var(--muted);font-size:11px;font-weight:400}
.milestone-group .reward-milestone-list{max-height:340px!important;margin:0;padding:0 8px 4px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) var(--surface)}
.milestone-group .reward-milestone-table{width:100%;min-width:0!important;table-layout:fixed;margin:0;font-size:12px;white-space:normal}
.milestone-group .reward-milestone-table th:first-child{width:78px;min-width:0!important;white-space:nowrap}
.milestone-group .reward-milestone-table td,.milestone-group .reward-milestone-table th{padding:4px 5px!important;line-height:1.3;font-size:12px!important;font-weight:400;vertical-align:middle}
.milestone-group .reward-milestone-table thead th{position:sticky;top:0;z-index:1;background:var(--surface)!important;color:var(--muted)!important}
.milestone-group .milestone-items{gap:3px 8px}
.milestone-group .milestone-item{gap:4px;font-size:12px;min-height:24px}
.milestone-group .milestone-item>img{width:22px;height:22px}
.milestone-rewards .reward-breakdown{margin-top:10px;padding-top:10px}
.compact-reward-scroll{max-height:440px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) var(--surface);border:1px solid var(--line);border-radius:10px}
.compact-reward-scroll .event-reward-table{margin:0;width:100%;min-width:0;table-layout:fixed}
.compact-reward-scroll .event-reward-table th:first-child{width:108px;white-space:nowrap}
.compact-reward-scroll .event-reward-table td,.compact-reward-scroll .event-reward-table th{padding:4px 8px!important;font-size:12px!important;line-height:1.35}
.compact-reward-scroll thead th{position:sticky;top:0;z-index:2;background:var(--surface)!important}
.event-reward-items{gap:3px 9px}
.event-reward-badge{gap:4px;min-height:26px;font-size:12px}
.event-reward-badge>img{width:24px;height:24px}
.event-reward-total-section{margin-top:16px;padding-top:14px}
.event-reward-total-section h3{margin-bottom:8px}
@media(max-width:600px){.milestone-rewards.panel{padding:14px!important}.milestone-group .reward-milestone-list{max-height:300px!important}.milestone-group .reward-milestone-table th:first-child{width:70px}.compact-reward-scroll{max-height:360px}.compact-reward-scroll .event-reward-table th:first-child{width:92px}.compact-reward-scroll .event-reward-table th,.compact-reward-scroll .event-reward-table td{padding:4px 6px!important}.event-reward-items{gap:3px 7px}.event-reward-badge{min-height:26px}.event-reward-heading{margin-bottom:8px}.rewards-filter{gap:10px;margin-bottom:16px}}
@media(pointer:coarse){.milestone-group>summary{min-height:44px}.event-reward-badge{min-height:28px}}
.rating-group .event-reward-items{display:flex;align-items:center;flex-wrap:wrap;gap:3px 8px}
.rating-group .event-reward-badge{display:inline-flex;align-items:center;color:var(--text);border-radius:4px;min-height:26px;text-decoration:none}
.rating-group .event-reward-badge:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.rating-group .event-reward-badge>img{width:22px;height:22px;object-fit:contain}
.rating-group .event-reward-badge strong{font-weight:600}
.rating-empty{margin:0;padding:4px 10px 10px;color:var(--muted);font-size:12px;line-height:1.5}
.event-medals{display:grid;gap:4px;list-style:none;margin:10px 0;padding:0;font-size:12px}
.event-medals>li{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 0;line-height:1.35}
.event-medals>li>span:last-child{display:grid;gap:1px;min-width:0}
.event-medals>li>span:last-child>span{color:var(--muted);overflow-wrap:anywhere}
.event-medals strong{font-size:12px;color:var(--text);font-weight:600}
.event-medals .source-icon{border-radius:50%}
.event-medals:empty{display:none}
.medal-scope-title{font-size:12px!important;font-weight:600;margin:8px 0 2px!important;color:var(--muted)!important}
.rating-group .event-medals{margin:2px 0 8px}
.resource-unknown{border-style:dashed;color:var(--muted)}
.resource-unknown-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px dashed var(--line);border-radius:6px;font-size:22px}
.resource-unknown small{display:block;font-size:11px;margin-top:2px}
.boss-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:12px 0;font-size:12px}
.boss-facts>div{min-width:0}.boss-facts dt{color:var(--muted);margin-bottom:3px}.boss-facts dd{margin:0;overflow-wrap:anywhere}
.boss-reward-group{padding:8px 0;border-bottom:1px solid var(--line)}
.boss-reward-group h4{margin:0 0 6px!important;font-size:12px;color:var(--muted)}
.boss-items{display:flex;flex-wrap:wrap;gap:5px 10px}
.boss-item{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;font-size:12px;color:var(--text);text-decoration:none;border-radius:5px;padding:3px 0;line-height:1.35}
.boss-item>img{object-fit:contain;flex:none}.boss-item>span:not(.source-icon){overflow-wrap:anywhere}.boss-item strong{white-space:nowrap;color:var(--gold);font-weight:600}
.boss-item:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.boss-item:hover{color:var(--blue)}
.boss-section{margin-top:10px;border-top:1px solid var(--line);padding-top:6px}.boss-section>summary,.boss-guard>summary{min-height:36px;cursor:pointer;font-size:13px}
.boss-guard{padding:6px 0;border-bottom:1px solid var(--line)}.boss-traits{padding-left:18px;font-size:12px;line-height:1.5}.boss-traits li+li{margin-top:6px}
@media(max-width:420px){.boss-facts{grid-template-columns:minmax(0,1fr)}.boss-item{gap:5px}}

/* Bestiary: named navigation and a readable, always-open boss dossier. */
body[data-catalog-page=bosses] .catalog-layout{display:block}
body[data-catalog-page=bosses] .catalog-list{display:block;min-width:0;max-height:min(70dvh,720px);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--line) var(--surface);scrollbar-gutter:stable}
body[data-catalog-page=bosses] .avatar-group{padding:12px!important;margin:0 0 12px!important;border-radius:12px!important}
body[data-catalog-page=bosses] .avatar-group-heading{margin-bottom:8px}
body[data-catalog-page=bosses] .avatar-group-title{font-size:13px;text-transform:none;letter-spacing:0;margin:0;gap:6px}
.boss-list-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
body[data-catalog-page=bosses] button.boss-list-row{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:62px;text-align:left;padding:8px;border:1px solid transparent;border-radius:8px;background:transparent!important;color:var(--text)!important;cursor:pointer}
body[data-catalog-page=bosses] button.boss-list-row:hover{background:var(--surface-raised)!important}
body[data-catalog-page=bosses] button.boss-list-row.selected{background:var(--accent-soft)!important;border-color:var(--mint)!important;color:var(--text)!important;font-weight:400!important}
.boss-list-row .catalog-portrait{width:42px!important;height:42px!important;flex:none}
.boss-list-copy{min-width:0;display:grid;gap:3px}
.boss-list-copy strong{font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.boss-list-copy small{font-size:11px;color:var(--muted);line-height:1.3}
body[data-catalog-page=bosses].catalog-card-open .catalog-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px}
body[data-catalog-page=bosses].catalog-card-open .catalog-layout>section:first-child{position:sticky;top:20px;min-width:0}
body[data-catalog-page=bosses].catalog-card-open .catalog-list{max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;padding-right:5px}
body[data-catalog-page=bosses].catalog-card-open .boss-list-rows{grid-template-columns:minmax(0,1fr)}
body[data-catalog-page=bosses].catalog-card-open .entity-panel{position:relative;top:auto;max-height:none;overflow:visible;padding:20px!important}
body[data-catalog-page=bosses] .entity-header{align-items:center;margin-bottom:14px}
body[data-catalog-page=bosses] .entity-header h2{font-size:23px;line-height:1.25}
body[data-catalog-page=bosses] .entity-panel h3{margin:0 0 10px;font-size:14px}
.boss-overview,.boss-combat,.boss-guards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.boss-overview>section{min-width:0}
body[data-catalog-page=bosses] .boss-overview-rewards{align-self:start;padding:14px;border:1px solid var(--gold);border-radius:10px;background:var(--surface-raised);box-shadow:inset 3px 0 0 var(--gold)}
body[data-catalog-page=bosses] .boss-overview-rewards>h3{font-size:16px;font-weight:800;color:var(--gold)}
body[data-catalog-page=bosses] .boss-overview-rewards .boss-reward-group{padding:10px 0}
body[data-catalog-page=bosses] .boss-overview-rewards .boss-reward-group h4{font-size:13px;font-weight:750;color:var(--text)}
body[data-catalog-page=bosses] .boss-overview-rewards .boss-item{font-size:14px;font-weight:650;gap:7px}
.boss-overview>section>h3:not(:first-child){margin-top:18px!important}
body[data-catalog-page=bosses] .entity-stats{gap:5px;margin:0 0 12px}
body[data-catalog-page=bosses] .entity-stats>div{padding:7px 9px;display:block}
body[data-catalog-page=bosses] .entity-stats .stat-hp{grid-column:1/-1}
body[data-catalog-page=bosses] .entity-stats dt{font-size:11px}
body[data-catalog-page=bosses] .entity-stats dd{font-size:13px;line-height:1.45;margin:3px 0 0;word-break:normal;overflow-wrap:anywhere}
body[data-catalog-page=bosses] .boss-facts{margin:10px 0 14px;gap:8px}
.boss-combat{margin-top:18px}
body[data-catalog-page=bosses] .boss-section{margin-top:0;padding-top:14px;border-top:1px solid var(--line);min-width:0}
body[data-catalog-page=bosses] .boss-combat+.boss-section{margin-top:18px}
body[data-catalog-page=bosses] .skill-card{padding:9px 10px;margin:0 0 6px;border-radius:7px}
body[data-catalog-page=bosses] .skill-card h4{font-size:12px;margin:0 0 5px}
body[data-catalog-page=bosses] .skill-card p{font-size:12px;line-height:1.55;margin:0}
body[data-catalog-page=bosses] .boss-traits{margin:0;padding-left:16px;line-height:1.55}
body[data-catalog-page=bosses] .boss-guard{padding:12px;border:1px solid var(--line);border-radius:9px;min-width:0}
.boss-guard>h4{font-size:13px;margin:0 0 10px;color:var(--gold)}
@media(max-width:1100px) and (min-width:901px){body[data-catalog-page=bosses].catalog-card-open .catalog-layout{grid-template-columns:250px minmax(0,1fr)}.boss-overview,.boss-combat,.boss-guards{gap:12px}}
@media(max-width:900px){.boss-list-rows{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-catalog-page=bosses].catalog-card-open .catalog-layout{display:flex;flex-direction:column}body[data-catalog-page=bosses].catalog-card-open .catalog-layout>section:first-child{position:static}body[data-catalog-page=bosses].catalog-card-open .catalog-list{max-height:420px}body[data-catalog-page=bosses].catalog-card-open .boss-list-rows{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-catalog-page=bosses].catalog-card-open .entity-panel{order:-1}}
@media(max-width:600px){.boss-overview,.boss-combat,.boss-guards{grid-template-columns:minmax(0,1fr);gap:16px}body[data-catalog-page=bosses] .entity-header h2{font-size:20px}body[data-catalog-page=bosses] .boss-overview-rewards{border-top:1px solid var(--line);padding-top:16px}body[data-catalog-page=bosses] .boss-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.boss-list-copy strong{font-size:12px}.boss-list-copy small{font-size:10px}body[data-catalog-page=bosses] button.boss-list-row{padding:7px;gap:7px}.boss-list-row .catalog-portrait{width:36px!important;height:36px!important}}
@media(max-width:420px){.boss-list-rows,body[data-catalog-page=bosses].catalog-card-open .boss-list-rows{grid-template-columns:minmax(0,1fr)}.boss-list-copy strong{font-size:13px}.boss-list-copy small{font-size:11px}}

/* Original wiki symbols stay beside their labels and descriptions. */
.boss-symbol{display:inline-block;object-fit:contain;vertical-align:middle;flex:none}
body[data-catalog-page=bosses] .entity-stats dt{display:flex;align-items:center;gap:5px;min-height:20px}
body[data-catalog-page=bosses] .entity-stats dd>.boss-symbol{margin-left:6px;width:18px;height:18px}
.boss-facts dt{display:flex;align-items:center;gap:5px;min-height:20px}
body[data-catalog-page=bosses] .skill-card.boss-skill{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:8px}
.boss-skill-icon,.boss-trait-icon{object-fit:contain;flex:none;display:block}
body[data-catalog-page=bosses] .boss-traits{list-style:none;padding:0}
body[data-catalog-page=bosses] .boss-traits li{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:8px}
body[data-catalog-page=bosses] .boss-traits li+li{margin-top:9px}
.boss-guard>h4{display:flex;align-items:center;gap:9px}
.boss-guard-portrait{width:44px;height:44px;object-fit:contain;border:1px solid var(--line);border-radius:7px;flex:none;background:var(--field)}

/* Resource catalogs share the boss list and wide dossier layout. */
body[data-resource-page] .resource-layout{display:block}
body[data-resource-page] .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-height:min(70dvh,720px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:var(--line) var(--surface);padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);align-content:start}
body[data-resource-page] button.resource-tile{display:flex;flex-direction:row;align-items:center;text-align:left;min-width:0;min-height:62px;gap:10px;padding:8px;border-radius:8px!important;border-color:transparent!important;background:transparent!important;color:var(--text)!important}
body[data-resource-page] button.resource-tile:hover{background:var(--surface-raised)!important;border-color:var(--line)!important}
body[data-resource-page] .resource-grid button.resource-tile[aria-pressed=true],body[data-resource-page] .resource-grid button.resource-tile[aria-pressed=true]:hover{background:var(--accent-soft)!important;border-color:var(--mint)!important;color:var(--text)!important;font-weight:400!important}
body[data-resource-page] .resource-row-icon{width:42px!important;height:42px!important;object-fit:contain;flex:none}
.resource-row-placeholder{width:42px;height:42px;display:grid;place-items:center;flex:none;color:var(--muted)}
body[data-resource-page] .resource-tile>.resource-row-copy{display:grid;gap:3px;text-align:left;min-width:0}
.resource-row-copy strong{font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.resource-row-copy small{font-size:11px;color:var(--muted);line-height:1.3}
body[data-resource-page] .resource-layout.has-detail{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px;align-items:start}
body[data-resource-page] .has-detail>section:first-child{position:sticky;top:20px;min-width:0}
body[data-resource-page] .has-detail .resource-grid{grid-template-columns:minmax(0,1fr);max-height:calc(100dvh - 135px)}
body[data-resource-page] .resource-pagination{gap:14px;margin:10px 0 0}
body[data-resource-page] .resource-pagination button{min-width:40px;min-height:36px;font-size:16px}
body[data-resource-page] .resource-pagination span{font-size:12px;color:var(--muted)}
body[data-resource-page] .resource-detail{position:relative;top:auto;max-height:none;overflow:visible;min-width:0;padding:20px!important}
body[data-resource-page] .resource-detail-head{gap:12px;margin-bottom:16px}
body[data-resource-page] .resource-detail-head>img,body[data-resource-page] .resource-detail-head>.source-icon{width:60px!important;height:60px!important;flex:none}
body[data-resource-page] .resource-detail-head h2{font-size:23px;line-height:1.25}
.resource-card-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
body[data-resource-page] .resource-section{margin:0;padding-top:14px;min-width:0}
body[data-resource-page] .resource-section h3{font-size:14px;margin:0 0 10px}
.resource-section-wide{grid-column:1/-1}
body[data-resource-page] .resource-description{font-size:13px;line-height:1.55;margin:0 0 12px}
body[data-resource-page] .resource-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;font-size:12px}
.resource-meta>div{min-width:0;padding:7px 9px;background:var(--field);border:1px solid var(--line);border-radius:6px}
body[data-resource-page] .resource-meta dt{font-size:11px}
body[data-resource-page] .resource-meta dd{max-width:none;text-align:left;line-height:1.45;margin:3px 0 0}
body[data-resource-page] .resource-links{gap:4px}
body[data-resource-page] .resource-link{gap:7px;min-height:36px;font-size:12px;line-height:1.4;text-decoration:none;padding:2px 0;min-width:0}
.resource-link>span:not(.source-icon){min-width:0;overflow-wrap:anywhere}
body[data-resource-page] .resource-link img{width:30px;height:30px}
body[data-resource-page] .resource-link>.source-icon{flex:none}
body[data-resource-page] .resource-effect{font-size:13px;line-height:1.55;padding:9px 10px;margin-bottom:6px;background:var(--field);border:1px solid var(--line);border-radius:7px}
.resource-effect>p{margin:0}.resource-effect>p+p{margin-top:6px}
.resource-variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
body[data-resource-page] .resource-variant{margin:0;padding:12px;border:1px solid var(--line);border-radius:9px;min-width:0}
body[data-resource-page] .resource-variant:only-child{grid-column:1/-1}
body[data-resource-page] .resource-variant h4{font-size:13px;line-height:1.4;margin:0 0 9px;color:var(--gold)}
body[data-resource-page] .resource-chance{font-size:11px;gap:5px 10px;margin:6px 0 10px}
body[data-resource-page] .resource-relations-note{font-size:12px;line-height:1.5;margin:8px 0 0}
@media(max-width:1100px) and (min-width:901px){body[data-resource-page] .resource-layout.has-detail{grid-template-columns:250px minmax(0,1fr)}.resource-card-content{gap:12px}}
@media(max-width:900px){body[data-resource-page] .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-resource-page] .resource-layout.has-detail{display:flex;flex-direction:column}body[data-resource-page] .has-detail>section:first-child{position:static;width:100%}body[data-resource-page] .has-detail .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:420px}body[data-resource-page] .resource-detail{order:-1;width:100%}}
@media(max-width:600px){.resource-card-content,.resource-variants{grid-template-columns:minmax(0,1fr);gap:16px}.resource-section-wide{grid-column:auto}body[data-resource-page] .resource-detail-head h2{font-size:20px}body[data-resource-page] .resource-row-icon{width:36px!important;height:36px!important}body[data-resource-page] button.resource-tile{gap:7px;padding:7px}}
@media(max-width:420px){body[data-resource-page] .resource-grid,body[data-resource-page] .has-detail .resource-grid{grid-template-columns:minmax(0,1fr)}}

/* Site-wide search, with a compact header trigger on smaller screens. */
.site-header{gap:14px}
.site-header .global-search{position:relative;flex:0 1 220px;min-width:180px;margin-left:auto}
.site-header .global-search-toggle{display:none!important}
.global-search-box{position:relative;min-width:0}
.global-search-field{display:flex;align-items:center;gap:8px;padding:0 11px;min-height:42px;border:1px solid var(--line);border-radius:9px;background:var(--field);color:var(--muted)}
.global-search-field>svg{flex:none}
.site-header .global-search input[type=search]{width:100%;min-width:0;min-height:40px!important;padding:6px 0;margin:0;border:0!important;background:transparent!important;border-radius:0!important;font:inherit;font-size:13px;color:var(--text)}
.site-header .global-search input[type=search]:focus{outline:0!important}
.global-search-field:focus-within{border-color:var(--mint);outline:2px solid var(--mint);outline-offset:2px}
.global-search-panel{position:absolute;right:0;top:calc(100% + 9px);width:min(540px,calc(100vw - 32px));max-height:min(62dvh,540px);overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--line) var(--surface);padding:9px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px #0008;z-index:90}
.global-search-panel[hidden]{display:none!important}
.global-search-status{font-size:12px;line-height:1.5;color:var(--muted);margin:4px 7px 8px}
.global-search-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.global-search-result{display:flex;align-items:center;gap:10px;min-height:55px;padding:8px;border:1px solid transparent;border-radius:8px;color:var(--text);text-decoration:none}
.global-search-result:hover,.global-search-result:focus{background:var(--accent-soft);border-color:var(--line);color:var(--text)}
.global-search-result>span:not(.source-icon):not(.global-search-placeholder):not(.global-search-arrow){display:grid;gap:3px;min-width:0;flex:1}
.global-search-result strong{font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.global-search-result small{font-size:11px;color:var(--muted)}
.global-search-result-icon{width:34px!important;height:34px!important;object-fit:contain;flex:none}
.global-search-placeholder{width:34px;height:34px;display:grid;place-items:center;flex:none;color:var(--mint);border:1px solid var(--line);border-radius:7px;background:var(--field)}
.global-search-arrow{margin-left:auto;color:var(--muted);font-size:15px;flex:none}
.global-search-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.site-header .global-search{position:static;flex:none;min-width:0;margin-left:0}.site-header .global-search-toggle{display:flex!important;align-items:center;justify-content:center;width:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--surface-raised)}.global-search-box{display:none;position:absolute;top:calc(100% + 8px);left:16px;right:16px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px #0008;z-index:90}.global-search[data-open=true] .global-search-box{display:block}.global-search-panel{position:static;max-height:min(58dvh,500px);width:100%;margin-top:9px;padding:0;border:0;box-shadow:none;border-radius:0}.site-header .global-search input[type=search]{font-size:16px}.global-search-status{margin-left:5px}}
@media(max-width:600px){.site-header .brand{flex:1;min-width:0}.site-header .menu-toggle{margin-left:0}.site-header{gap:8px!important}.global-search-box{left:12px;right:12px}.global-search-result{gap:8px}}