/* Dark text panels stay readable over every part of the fixed portrait. */
:root{--surface:#0b1420fa;--surface2:#142034fa;--text:#f4f6fb;--muted:#bdc9d9;--line:#ffffff24}
main{min-width:0}.container{width:100%}
.entrance-card,.character-card,.skin-card,.equipment-card,.perk-card,.info-card,.attribute-card,.character-hero,.character-hero.michael,.rarity-intro>div,.source-card,.upcoming-card,.equipment-navigation a,.picture-tab,.picture-tab.selected,.challenge-card,.civilian-ability{background:#0b1420fa}
.survivor-traits .trait-card{background:#0b1420fa}.bloodthirst-panel{background:#21171ffa}
.entrance-label,.card-meta,.skin-title,.skin-requirements,.equipment-card>div:last-child,.challenge-copy,.trait-copy,.visual-perk .perk-card-head,.visual-perk>p,.visual-perk .perk-category,.visual-perk>details{color:#edf2f8}
.page-heading,.content-heading,.section-head{background:#0b1420fa;border:1px solid var(--line);border-radius:7px;padding:22px 24px}
.page-heading{margin-bottom:26px}.content-heading,.section-head{gap:15px;align-items:center}
.content-heading>*{min-width:0}.content-heading>span,.section-head p,.section-description,.page-heading p{color:#c6d2e2}
.section-description{padding:15px 20px;background:#0b1420f7;border:1px solid var(--line);border-radius:5px;line-height:1.95}
.breadcrumb{color:#bac9dd;background:#0b1420f7;padding:10px 15px;border:1px solid var(--line);border-radius:5px;width:fit-content;max-width:100%;font-size:12px}
.breadcrumb span:last-child{color:#e3eaf3}
.notice{background:#111f30fa;color:#d6e1ef}.notice.orange{background:#271e17fa;color:#eaded1}
.filter-button{background:#142033;color:#d0dbea;min-height:44px}.filter-button.active{background:#392719;color:#ffc08e;border-color:#e58e4e}
.filter-search input,.search-box{background:#101b2b;color:#edf3fb;min-height:44px}
.filter-search input::placeholder,.search-box input::placeholder{color:#a5b5ca;opacity:1}
#perk-group-note{padding:14px 18px;background:#0b1420f7;border:1px solid var(--line);border-radius:5px;color:#bdcddd;font-size:12px}
.english-name,.survivor-grid .card-meta .english-name,.equipment-card .english-name,.visual-perk .english-name,.illustrated-skin .skin-title .english-name,.challenge-copy .english-name,.attribute-card .english-name{color:#afc0d5;font-size:12px;line-height:1.7;letter-spacing:.4px}
.equipment-card p:not(.english-name),.visual-perk>p,.challenge-copy>p:not(.english-name),.character-bio p,.source-card p,.source-card li,.rarity-intro p,.upcoming-card p{color:#ced9e7;font-size:14px;line-height:2}
.ability-photo-card>div>p,.attribute-card>p:last-child,.trait-card p{color:#ced9e7}
.survivor-grid .card-meta h3{font-size:18px}.survivor-grid .card-bottom,.card-meta .card-bottom{color:#b1c2d8;font-size:12px}
.picture-tab small,.picture-tab>span,.perk-category,.visual-perk .perk-category,.tier-table th,.tier-table .tier-symbol,.tiny-note,.visual-perk .tiny-note,.bloodthirst-panel .tiny-note,.page-summary,.source-link{color:#afc1d8}
.tiny-note,.visual-perk .tiny-note,.bloodthirst-panel .tiny-note{font-size:12px;line-height:1.95}
.tier-table td:last-child{color:#d1deee}.skin-note{color:#afc1d8!important}
.zoom-hint,.challenge-kind,.illustrative-caption{background:#0b1420f7;color:#d4e0ef;font-size:11px}
.perk-image-label,.missing-perk-image,.missing-item-image,.challenge-count,.challenge-name span,.entrance-label>span{color:#a8bdd7}
.challenge-reward,.challenge-copy .requirements-list{color:#c1d0e3}
.challenge-name{background:#07111df2}.target-pill{background:#2c221b;color:#ffc08e}
.entrance-label p{color:#c5d2e3}.equipment-card summary,.challenge-copy summary,.ability-photo-card summary,.perk-card summary{color:#e0e9f6;min-height:44px}
.site-footer{background:#0b1420fa;padding:30px 35px;border:1px solid var(--line);border-radius:8px}
.site-footer p,.site-footer>div{color:#bbcadd;font-size:12px;line-height:2}
.site-header nav a{color:#c6d3e4;min-height:44px;display:inline-flex;align-items:center}.site-header .search-trigger{min-height:44px}.mobile-toggle,.icon-button{min-width:44px;min-height:44px}
.site-header nav a.active:after{bottom:-22px}
.search-hint,.search-result small{color:#acbdd4}.search-result small{font-size:12px;line-height:1.7}.search-result{min-height:60px}
.entrance-grid>*,.equipment-grid>*,.perk-grid>*,.survivor-traits>*,.attribute-grid>*,.picture-tabs>*,.equipment-navigation>*{min-width:0}
h1,h2,h3,p,summary,.badge,.english-name{overflow-wrap:break-word}
.tier-table{table-layout:fixed}.tier-table th,.tier-table td{overflow-wrap:anywhere}
@media(max-width:1100px){.survivor-traits{grid-template-columns:1fr}.site-footer{margin-right:30px;margin-left:30px}}
@media(max-width:1050px){.site-header nav a.active:after{bottom:0}}
@media(max-width:760px){.container{padding-right:16px;padding-left:16px}.page-heading,.content-heading,.section-head{padding:19px 18px}.content-heading,.section-head{flex-wrap:wrap;align-items:flex-start}.content-heading>span{font-size:12px}.page-heading p,.section-description{font-size:13px}.section-description{padding:14px 16px}.equipment-card>div:last-child{padding:21px}.equipment-card h3{font-size:21px}.equipment-card p:not(.english-name),.visual-perk>p,.challenge-copy>p:not(.english-name),.character-bio p,.source-card p,.source-card li,.rarity-intro p,.upcoming-card p{font-size:14px}.equipment-card .english-name,.visual-perk .english-name,.illustrated-skin .skin-title .english-name,.survivor-grid .card-meta .english-name,.attribute-card .english-name{font-size:11px}.survivor-grid .card-meta h3{font-size:17px}.survivor-grid .card-bottom{font-size:11px}.equipment-card summary,.challenge-copy summary,.ability-photo-card summary{font-size:13px}.equipment-navigation a{font-size:14px;padding:14px 6px}.equipment-image{height:175px}.equipment-image.item-image img{width:90px;height:90px}.notice{font-size:13px;line-height:2}.site-footer{margin:40px 16px 0;padding:25px 20px}.site-footer p,.site-footer>div{font-size:12px}.image-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.image-dialog>img{max-height:calc(100dvh - 120px)}.hero .intro{font-size:14px}.hero-copy{padding:22px}.hero-foot{flex-wrap:wrap;row-gap:10px;line-height:1.8}.survivor-traits .trait-copy .english-name{font-size:12px}}
@media(max-width:620px){.equipment-grid,.challenge-grid{grid-template-columns:1fr}.equipment-card h3{font-size:23px}.equipment-image{height:185px}.challenge-copy h3{font-size:21px}.challenge-copy .english-name{font-size:12px}.challenge-copy{padding:23px}.challenge-copy .requirements-list{font-size:13px}}
@media(max-width:430px){.attribute-grid{grid-template-columns:1fr}.site-header{padding-right:14px;padding-left:14px;gap:10px}.site-header nav{gap:12px 15px}.site-header nav a{font-size:12px}.brand-en{font-size:20px}.hero h1{font-size:34px}}
