/* Shared translucent surfaces. Text, artwork, page backdrop and pet stay opaque. */
:root{--ui-surface:rgba(23,44,61,.20);--ui-raised:rgba(31,54,71,.27);--ui-stripe-a:rgba(22,43,59,.24);--ui-stripe-b:rgba(49,72,88,.35);--ui-heading:rgba(18,37,53,.44);--ui-input:rgba(12,30,44,.32)}
.site-header{background:rgba(13,28,41,.46)}.section-navigation{background:rgba(20,38,53,.38)}
:is(.catalog-filter-panel,.compare-workbench,.ballistic-setup,.distance-workspace,.archive-detail,.archive-index,.archive-notice,.portal,.equipment-source,.loot-table-grid>.equipment-source,.feedback-panel,.feedback-form,.feedback-list>article,.personnel-category-bar,.personnel-detail,.personnel-growth,.personnel-skill-detail,.personnel-skill-targets,.personnel-unlock-details,.equipment-acquisition-drawer,.armory-slot-panel,.equipment-mode,.equipment-action,.source-group,.implementation-summary,.feedback-service){background:var(--ui-surface);backdrop-filter:blur(2px)}
:is(.detail-head,.index-heading,.mode-card-header,.equipment-detail-nav,.personnel-skill-title,.catalog-equipment-table thead,.compact-compare-table thead tr){background:var(--ui-heading)}
:is(.catalog-filter-panel,.filter-bar,.compare-picker-bar,.personnel-search,.feedback-form) :is(input,select,textarea),.personnel-growth input[type=number],.catalog-type-filter select,.compare-selection.compact select,.compare-baseline-control select,#equipment-chart-controls>.ballistic-mode-selector select{background:var(--ui-input)}
.equipment-card.tone-a,.catalog-equipment-table .tone-a{--entry-bg:var(--ui-stripe-a);background:var(--entry-bg)}.equipment-card.tone-b,.catalog-equipment-table .tone-b{--entry-bg:var(--ui-stripe-b);background:var(--entry-bg)}
.personnel-table tbody tr:nth-child(odd),.personnel-combat-table tbody tr:nth-child(odd),.personnel-card,.personnel-tier:nth-child(odd),.compare-selection.compact article{background:var(--ui-stripe-a)}
.personnel-table tbody tr:nth-child(even),.personnel-combat-table tbody tr:nth-child(even),.personnel-card:nth-child(even),.personnel-tier:nth-child(even),.compare-selection.compact article:nth-child(even){background:var(--ui-stripe-b)}
.personnel-table tbody tr:hover,.catalog-equipment-table tbody tr:hover{background:rgba(67,91,105,.36)}
.personnel-table thead th{background:var(--ui-heading)}.personnel-combat-table thead th{background:transparent}.personnel-table tbody tr>th,.personnel-table tbody tr>td{background:transparent!important}
.compact-compare-table thead,.personnel-table thead{background:var(--ui-heading)}.compact-compare-table thead tr,.personnel-table thead tr,.personnel-table thead th{background:transparent}
main table:not(.compact-compare-table) thead th{background:var(--ui-heading)}main table:not(.compact-compare-table) tbody tr:nth-child(even){background:var(--ui-stripe-b)}
.equipment-detail{background:rgba(18,36,51,.14)}.equipment-detail-hero{background:linear-gradient(110deg,rgba(23,45,63,.18),rgba(32,57,78,.13))}.equipment-detail-hero>figure{background:rgba(17,36,52,.12)}
.equipment-mode-full,.personnel-fold,.skill-target-drawer{background:rgba(22,43,59,.17)}
:is(.mode-data-grid,.equipment-stat-grid,.personnel-attribute-mini){background:transparent}
:is(.mode-data-grid,.equipment-stat-grid,.personnel-attribute-mini)>div,.equipment-mode-body .mode-full-section .equipment-stat-grid>div,.personnel-attributes>div{background:var(--ui-raised)}
:is(.mode-data-grid,.equipment-stat-grid)>div:nth-child(even){background:rgba(45,68,84,.30)}
:is(.mode-default-summary,.mode-effect,.equipment-mode-body .mode-effect,.personnel-skill-official,.personnel-skill-owners a,.catalog-effect-values>div,.catalog-bonus-tags>div,.mode-rule-notes,.personnel-perk,.vehicle-defect,.skill-distance-figure,.pincer-range-detail,.pincer-example){background:var(--ui-surface)}
.personnel-perk.intrinsic,.personnel-promotion-summary{background:rgba(88,80,52,.16)}.personnel-perk.in-plan{background:rgba(90,82,52,.25)}
.personnel-planner{background:rgba(20,39,51,.42);backdrop-filter:blur(7px)}
.personnel-segments button,.personnel-portrait-variants button,.growth-run-bar button,.personnel-perk-select,.catalog-reset,.catalog-order,.related-link{background:var(--ui-raised)}
.personnel-segments button.active,.personnel-portrait-variants button.active,.catalog-view-switch button.active{background:rgba(121,112,72,.33)}
.distance-chart-wrap{background:rgba(14,34,49,.24)}.distance-current-table,.distance-current-table th:first-child{background:var(--ui-raised)}.distance-current-table thead th{background:var(--ui-heading)}.compact-area-rules .compact-footprint,.compact-hit-panel,.counter-drawer.ballistic-special,.distance-ammo-panel{background:var(--ui-surface)}.mode-morale-strip{background:rgba(41,49,56,.27)}
.personnel-formulas li,.personnel-promotion-costs>span,.detail-body p.condition{background:rgba(13,32,42,.25)}
#view-characters>.page-title,#equipment-overview-title{background-image:linear-gradient(90deg,rgba(12,28,42,.77),rgba(12,28,42,.59) 36%,rgba(12,28,42,.23) 73%,rgba(12,28,42,.34)),url('assets/tcr/bridge-star-map-screen.png')}
.personnel-kind-zone{background-color:var(--ui-surface)}.personnel-kind-zone:after{background:linear-gradient(90deg,rgba(17,36,49,.78),rgba(17,36,49,.53) 46%,rgba(17,36,49,.08))}
.personnel-kind-zone[data-personnel-kind=npc]:before{background-size:auto 320px;background-position:right 16px top -6px;opacity:1}
.vehicle-fault-trigger{margin:0 0 14px;padding:10px 12px;border-left:2px solid #b5a476;background:var(--ui-surface);font-size:12px;line-height:1.85;color:#cbd8df}.vehicle-fault-trigger h3{font-size:13px;color:#e0cca1;margin:0 0 6px}.vehicle-fault-trigger p{margin:5px 0}.vehicle-fault-trigger ul{margin:5px 0;padding-left:18px}
.vehicle-defect-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.vehicle-defect.vehicle-defect-note{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 11px;border:1px solid #627884;box-sizing:border-box;font-size:12px}.vehicle-defect-note>img{width:36px;height:36px;object-fit:contain;flex:none}.vehicle-defect-note>span{flex:1;min-width:0;line-height:1.6}.vehicle-defect-note>.tcr-note-mark{flex:none}.vehicle-fault-note h3{font-size:15px;color:#e0cda0;margin:12px 0 5px}.vehicle-fault-note p{margin:7px 0}.vehicle-fault-note ul{padding-left:18px}.vehicle-fault-note .fault-game-text{border-left:2px solid #9aaeb7;padding-left:12px;color:#d7dfdb}.vehicle-fault-note .fault-example{color:#d7c8a4}.vehicle-fault-note small{display:block;overflow-wrap:anywhere;font-size:11px;color:#aec0cb}
@media(max-width:1000px){.compact-compare-table tbody :is(th,td){background:transparent!important}.compact-compare-table thead button{background:var(--ui-raised)}.personnel-kind-zone:after{background:linear-gradient(90deg,rgba(17,36,49,.79),rgba(17,36,49,.54) 52%,rgba(17,36,49,.08))}}
@media(max-width:760px){.personnel-kind-zone[data-personnel-kind=npc]:before{background-size:auto 270px;background-position:right -10px top -3px}.vehicle-defect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-defect.vehicle-defect-note{padding:8px;gap:5px;font-size:11px}.vehicle-defect-note>img{width:30px;height:30px}.vehicle-fault-trigger{font-size:11px;padding:9px 10px}}
@media(max-width:380px){.vehicle-defect-grid{grid-template-columns:1fr}}
@media print{main :is(.personnel-detail,.personnel-card,.personnel-tier,.equipment-detail,.equipment-card,.archive-detail,.feedback-panel){background:white!important}}