/* Uploaded portraits: display crops and feathered edges; source artwork is preserved. */
.portrait{background-size:cover;background-position:50% 16%;transform:scaleX(var(--portrait-direction,1));-webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent),linear-gradient(180deg,#000 65%,transparent 98%);mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent),linear-gradient(180deg,#000 65%,transparent 98%);-webkit-mask-composite:source-in;mask-composite:intersect}
.portrait.mirrored{transform:scaleX(calc(-1 * var(--portrait-direction,1)))}
.hero-art .portrait{mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent),linear-gradient(180deg,#000 48%,transparent 80%)}
.selection-art{background:#233127}.selection-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#1a2920,transparent 24%)}
.selection-art>.portrait{max-width:none}.preview-crest{display:none}
.versus-banner{background:radial-gradient(ellipse at center,#34422a,#17251b)}
.versus-banner .portrait{max-width:240px;width:40%}
.player-head .shield{overflow:hidden;border-radius:5px;background:#26372a;border:1px solid #5d704c}
.race-avatar.portrait{display:block;width:100%;height:100%;background-size:155% auto;background-position:50% 25%;mask-image:none;-webkit-mask-image:none;transform:none}
.portrait.neutral{mask-image:none;-webkit-mask-image:none}.player-head .shield:has(.neutral-crest){background:transparent;border:0}
@media(max-width:650px){.selection-art>.portrait{max-width:none}.versus-banner .portrait{max-width:150px}body[data-screen="match"] .versus-banner .portrait{max-width:125px}.player-head small{letter-spacing:.2px}.player-head>div:nth-child(2){min-width:0}.player-head small{display:block;overflow-wrap:anywhere;line-height:1.4}}
.portrait.old-world-alliance{background-image:url("portraits/old-world-alliance.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.high-elf{background-image:url("portraits/high-elf.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.amazon{background-image:url("portraits/amazon.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.chaos-chosen{background-image:url("portraits/chaos-chosen.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.dark-elf{background-image:url("portraits/dark-elf.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.wood-elf{background-image:url("portraits/wood-elf.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.dwarf{background-image:url("portraits/dwarf.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.chaos-dwarf{background-image:url("portraits/chaos-dwarf.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.gnome{background-image:url("portraits/gnome.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.goblin{background-image:url("portraits/goblin.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.halfling{background-image:url("portraits/halfling.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.human{background-image:url("portraits/human.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.lizardmen{background-image:url("portraits/lizardmen.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.underworld{background-image:url("portraits/underworld.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.khemri{background-image:url("portraits/khemri.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.necromantic{background-image:url("portraits/necromantic.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.undead{background-image:url("portraits/undead.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.imperial-nobility{background-image:url("portraits/imperial-nobility.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.norse{background-image:url("portraits/norse.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.nurgle{background-image:url("portraits/nurgle.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.ogre{background-image:url("portraits/ogre.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.orc{background-image:url("portraits/orc.jpg");background-position:50% 16%;--portrait-direction:-1}
.portrait.black-orc{background-image:url("portraits/black-orc.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.chaos-renegades{background-image:url("portraits/chaos-renegades.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.snotling{background-image:url("portraits/snotling.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.elven-union{background-image:url("portraits/elven-union.jpg");background-position:50% 16%;--portrait-direction:1}
.portrait.vampire{background-image:url("portraits/vampire.jpg");background-position:50% 16%;--portrait-direction:1}
/* Recenter the faces below tall helmets and headdresses. */
.portrait.chaos-dwarf{background-position:50% 43%}.portrait.chaos-chosen{background-position:50% 30%}.portrait.black-orc{background-position:50% 25%}.portrait.lizardmen{background-position:50% 28%}.portrait.nurgle{background-position:50% 28%}