/* User-supplied native pixel art. Keep the PNG colours; do not apply monochrome masks. */
.faction-icon{--faction-size:26px;display:inline-block;flex:none;width:var(--faction-size);height:var(--faction-size);vertical-align:middle;background-color:transparent;background-image:url('./assets/factions/faction-sheet-transparent.png');background-repeat:no-repeat;background-size:calc(var(--faction-size)*1451/480) calc(var(--faction-size)*1084/480);image-rendering:pixelated}
.faction-grineer{background-position:calc(var(--faction-size)*-182/480) calc(var(--faction-size)*-28/480)}
.faction-corpus{background-position:calc(var(--faction-size)*-823/480) calc(var(--faction-size)*-29/480)}
.faction-infested{background-position:calc(var(--faction-size)*-175/480) calc(var(--faction-size)*-562/480)}
.faction-kuva{background-position:calc(var(--faction-size)*-820/480) calc(var(--faction-size)*-571/480)}
.faction-orokin,.faction-murmur{background-image:url('./assets/factions/orokin-murmur-sheet-transparent.png');background-size:calc(var(--faction-size)*1784/800) calc(var(--faction-size)*882/800)}
.faction-orokin{background-position:calc(var(--faction-size)*-46/800) calc(var(--faction-size)*-53/800)}
.faction-murmur{background-position:calc(var(--faction-size)*-952/800) calc(var(--faction-size)*-67/800)}
.faction-crossfire{background-image:url('./assets/factions/crossfire-transparent.png');background-size:contain;background-position:center}
.faction-cell{text-align:center}
.bounty-source-cell{width:1%;text-align:center;vertical-align:middle}
.bounty-source-icon{display:inline-block;width:28px;height:28px;vertical-align:middle;background:transparent url('./assets/factions/bounty-sources-clean.png') left center/300% 100% no-repeat;image-rendering:auto}
.bounty-source-cavia{background-position:center center}
.bounty-source-hex{background-position:right center}
.arb-mission-faction{display:inline-block;vertical-align:middle;margin-right:5px}
.arb-mission-faction .faction-icon{--faction-size:22px}
.pixel-filter-chip .faction-icon{--faction-size:22px}
.arb-table .past .faction-icon,.arb-table .dim .faction-icon{opacity:.4;filter:grayscale(.7)}
img.ico.pixel-art-icon{width:16px;height:16px;object-fit:contain;image-rendering:pixelated;vertical-align:-3px;flex:none;user-select:none;pointer-events:none;mask:none!important;background:none!important;filter:none}
/* The shared app clears inline display for the active board icon. */
#boardIcoSwords.pixel-art-icon,#boardIcoMegaphone.pixel-art-icon{display:inline}
.pixel-brand{padding-left:78px}
.pixel-brand-mark{position:absolute;left:15px;top:50%;width:48px;height:48px;transform:translateY(-50%);image-rendering:pixelated;pointer-events:none;user-select:none}
#pageTabs [data-p="monitor"]{--nav-art:url('./assets/icons/24/monitor-24.png');--nav-art-small:url('./assets/icons/16/monitor-16.png')}
#pageTabs [data-p="arb"]{--nav-art:url('./assets/icons/24/arbitration-24.png');--nav-art-small:url('./assets/icons/16/arbitration-16.png')}
#pageTabs [data-p="riven"]{--nav-art:url('./assets/icons/24/riven-24.png');--nav-art-small:url('./assets/icons/16/riven-16.png')}
.app-header #pageTabs .tab:before{width:24px;height:24px;background:var(--nav-art) center/contain no-repeat;mask:none;filter:none;image-rendering:pixelated;flex:none}
#cardFiss h3 img.pixel-art-icon,#cardUpcoming h3 img.pixel-art-icon{mask:none;background:none}
.monitor-dock img.ico.pixel-art-icon{width:24px;height:24px}
.monitor-dock img.monitor-icon-paused{object-fit:none}
#btnTheme img.pixel-art-icon{vertical-align:middle}
label:has(#sound:not(:checked)) img[data-pixel-icon="sound-on"]{content:url('./assets/icons/16/sound-off-16.png')}
#alert h3 .ico.pixel-art-icon{display:inline-block}
#alert h3:before,html[lang^="en"] #alert h3:before{content:none}
.riven-title{display:flex;align-items:center;gap:9px}
.riven-title:before{content:'';width:24px;height:24px;background:url('./assets/icons/24/riven-24.png') center/contain no-repeat;image-rendering:pixelated;flex:none}

/* Pseudo-elements survive the shared application's textContent updates and rule re-renders. */
#monitorTabControl{--action-art:url('./assets/icons/16/monitor-16.png')}
#monitorTabRules{--action-art:url('./assets/icons/16/rules-16.png')}
#btnIo,#ioImport{--action-art:url('./assets/icons/16/import-16.png')}
#ioCopy{--action-art:url('./assets/icons/16/copy-16.png')}
#ruleList .rd{--action-art:url('./assets/icons/16/delete-16.png')}
#rivenWeaponTabs [data-weapon="rifle"]{--action-art:url('./assets/icons/16/weapon-rifle-16.png')}
#rivenWeaponTabs [data-weapon="shotgun"]{--action-art:url('./assets/icons/16/weapon-shotgun-16.png')}
#rivenWeaponTabs [data-weapon="pistol"]{--action-art:url('./assets/icons/16/weapon-pistol-16.png')}
#rivenWeaponTabs [data-weapon="archgun"]{--action-art:url('./assets/icons/16/weapon-archgun-16.png')}
#rivenWeaponTabs [data-weapon="melee"]{--action-art:url('./assets/icons/16/weapon-melee-16.png')}
#mKind [data-v="fissure"]{--action-art:url('./assets/icons/16/fissure-16.png')}
#mKind [data-v="bounty"]{--action-art:url('./assets/icons/16/bounty-16.png')}
#mKind [data-v="invasion"]{--action-art:url('./assets/icons/16/invasion-16.png')}
#mKind [data-v="arbitration"]{--action-art:url('./assets/icons/16/arbitration-16.png')}
#mKind [data-v="alert"]{--action-art:url('./assets/icons/16/alert-16.png')}
#rivenWeaponTabs .tab,#btnIo,#ioImport,#ioCopy,#ruleList .rd,#mKind button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
#monitorTabControl:before,#monitorTabRules:before,#btnIo:before,#ioImport:before,#ioCopy:before,#ruleList .rd:before,#rivenWeaponTabs .tab:before,#mKind button:before{content:'';display:block;width:16px;height:16px;flex:none;background:var(--action-art) center/contain no-repeat;image-rendering:pixelated}
#ioModal .modal > h3{display:flex;align-items:center;gap:7px}
#ioModal .modal > h3:before{content:'';display:block;flex:none;width:16px;height:16px;background:url('./assets/icons/16/export-16.png') center/contain no-repeat;image-rendering:pixelated}
#mKind{flex-wrap:wrap}
#mKind button{flex:1 1 78px}
@media(max-width:880px){
  .app-header #pageTabs .tab:before{width:16px;height:16px;background-image:var(--nav-art-small)}
}
@media(max-width:560px){
  .pixel-brand{padding-left:48px}
  .pixel-brand-mark{left:12px;width:24px;height:24px}
  #rivenWeaponTabs .tab{gap:5px}
  #mKind button{flex-basis:70px}
}