/* One portrait component, used by the public profile and its Store preview. */
.pilot-portrait{position:relative;width:88px;height:88px;flex:none;display:grid;place-items:center;background:#0b151e}
.pilot-portrait>img{width:100%;height:100%;object-fit:cover}
.pilot-portrait[data-finish=aurora],.pilot-portrait[data-finish=supporter]{padding:10px;background:linear-gradient(135deg,#202e36,#080e16);filter:drop-shadow(0 5px 8px #0008)}
.pilot-portrait[data-finish=aurora]::after,.pilot-portrait[data-finish=supporter]::after{content:"";position:absolute;inset:-2px;background:url('/do_img/local/store/portrait-aurora.svg') center/100% 100% no-repeat;pointer-events:none}
.pilot-portrait[data-finish=supporter]::after{background-image:url('/do_img/local/store/portrait-supporter.svg')}
.pilot-portrait[data-finish=aurora]>img,.pilot-portrait[data-finish=supporter]>img{border:0!important;box-shadow:none!important;filter:saturate(.7);width:100%!important;height:100%!important}
.pilot-portrait:is([data-finish=titan],[data-finish=vesper],[data-finish=obsidian],[data-finish=signal],[data-finish=aurum]){box-sizing:border-box;padding:12px;background:#0a1019;filter:drop-shadow(0 5px 8px #0008);isolation:isolate}
.pilot-portrait:is([data-finish=titan],[data-finish=vesper],[data-finish=obsidian],[data-finish=signal],[data-finish=aurum])>img{border:0!important;box-shadow:none!important;width:100%!important;height:100%!important;min-height:0;object-fit:cover}
.pilot-portrait:is([data-finish=titan],[data-finish=vesper],[data-finish=obsidian],[data-finish=signal],[data-finish=aurum])::after{content:"";position:absolute;inset:-2px;background:url('/do_img/local/store/portrait-titan.svg') center/100% 100% no-repeat;pointer-events:none}
.pilot-portrait[data-finish=vesper]::after{background-image:url('/do_img/local/store/portrait-vesper.svg')}
.pilot-portrait[data-finish=obsidian]::after{background-image:url('/do_img/local/store/portrait-obsidian.svg')}
.pilot-portrait[data-finish=signal]::after{background-image:url('/do_img/local/store/portrait-signal.svg')}
.pilot-portrait[data-finish=aurum]::after{background-image:url('/do_img/local/store/portrait-aurum.svg')}
.pilot-portrait[data-finish=vesper]>img{clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 96%,50% 100%,10% 96%,0 90%,0 10%)}
.pilot-portrait[data-finish=obsidian]>img{clip-path:polygon(0 0,86% 0,100% 14%,100% 100%,14% 100%,0 86%)}
.pilot-portrait[data-finish=aurum]>img{clip-path:polygon(8% 0,92% 0,100% 8%,100% 88%,88% 95%,50% 100%,12% 95%,0 88%,0 8%)}
/* The free frames, drawn in CSS so they read as different frames on the profile and in the editor (user 2026-10-19:
   "die Rahmen sehen komplett gleich aus"). "standard" is no frame at all. The picture sits inside the frame on every
   side so each frame is closed. Scoped to the profile so ranking avatars stay small and plain. */
.pf .pilot-portrait:is([data-finish=standard],[data-finish=faction],[data-finish=industrial],[data-finish=nebula]){box-sizing:border-box;display:block;isolation:isolate}
.pf .pilot-portrait:is([data-finish=standard],[data-finish=faction],[data-finish=industrial],[data-finish=nebula])>img{position:absolute;inset:0;width:100%!important;height:100%!important;border:0!important;border-radius:0;box-shadow:none!important;object-fit:cover}
.pf .pilot-portrait[data-finish=standard]{background:none}
.pf .pilot-portrait[data-finish=faction]{background:#0b131b;box-shadow:inset 0 0 0 2px var(--company-color,#7fd0f0),inset 0 0 0 4px #0b131b,inset 0 0 0 5px color-mix(in srgb,var(--company-color,#7fd0f0) 45%,transparent),0 0 14px color-mix(in srgb,var(--company-color,#7fd0f0) 18%,transparent)}
.pf .pilot-portrait[data-finish=faction]>img{inset:6px;width:calc(100% - 12px)!important;height:calc(100% - 12px)!important}
.pf .pilot-portrait[data-finish=industrial]{background:repeating-linear-gradient(-45deg,#c39a57 0 6px,#17130d 6px 12px);box-shadow:inset 0 0 0 1px #5d4a2c,0 4px 10px #0007}
.pf .pilot-portrait[data-finish=industrial]>img{inset:9%;width:82%!important;height:82%!important;outline:1px solid #000}
.pf .pilot-portrait[data-finish=nebula]{background:linear-gradient(135deg,#d1b4ff,#6372e3 48%,#c97fd8);box-shadow:0 0 18px #9b7ae860,0 0 3px #d9c4ff80}
.pf .pilot-portrait[data-finish=nebula]>img{inset:5%;width:90%!important;height:90%!important;filter:saturate(.9) brightness(.95)}