#od-pilot-hover{position:fixed;inset:auto;margin:0;z-index:1200;box-sizing:border-box;width:640px;max-width:calc(100vw - 24px);max-height:none;overflow:visible;padding:20px;border:1px solid var(--carbon-line);border-radius:0;background:var(--carbon-paper);color:var(--carbon-ink);box-shadow:0 18px 60px #0005;font:13px/1.5 var(--carbon-body);text-align:left;overflow-wrap:anywhere}
#od-pilot-hover[hidden]{display:none!important}
#od-pilot-hover::backdrop{background:transparent;pointer-events:none}
#od-pilot-hover small{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--carbon-muted)}
.od-ph-head{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;min-width:0}
.od-ph-head:has(.od-ph-badges){grid-template-columns:64px minmax(0,1fr) auto}
.od-ph-avatar{width:64px;height:64px;flex:0 0 64px;border:1px solid var(--od-ph-color,var(--carbon-line));background:var(--carbon-faint);overflow:hidden}
.od-ph-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.od-ph-glow-soft{box-shadow:0 0 6px var(--od-ph-color)}
.od-ph-glow-medium{box-shadow:0 0 11px var(--od-ph-color)}
.od-ph-glow-strong{box-shadow:0 0 17px var(--od-ph-color)}
.od-ph-identity{min-width:0;flex:1}
.od-ph-name{margin:6px 0 2px;font-size:16px;font-weight:700;line-height:1.4}
.od-ph-name :is(.pname,.pname-inner){white-space:normal;overflow-wrap:anywhere}
.od-ph-ratings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:20px;padding:16px 0;border-top:1px solid var(--carbon-line);border-bottom:1px solid var(--carbon-line)}
.od-ph-ratings .rating-badge{display:inline-flex;margin-top:7px;padding:0;border:0;background:none;color:var(--carbon-ink);font-size:19px;box-shadow:none}
.od-ph-ratings .rating-ir{font-size:9px;margin-left:4px}
.od-ph-team{margin-top:15px}
.od-ph-team>div{display:flex;gap:10px;align-items:center;margin-top:8px;font-weight:600;min-width:0}
.od-ph-team img{width:44px;height:32px;object-fit:contain;flex:0 0 44px}
.od-ph-team span{min-width:0}
.od-ph-note{margin:12px 0 0;color:var(--carbon-muted);font-size:11px}
.od-ph-loading{color:var(--carbon-muted);padding:4px 0}
@media(max-height:480px){
 #od-pilot-hover{width:430px;padding:14px}
 .od-ph-avatar{width:48px;height:48px;flex-basis:48px}
 .od-ph-ratings{margin-top:12px;padding:10px 0}
 .od-ph-team{margin-top:10px}
}

/* Two badges share the common Founder aspect ratio and context width, regardless of type. */
#od-pilot-hover .od-ph-badges{min-width:0}
#od-pilot-hover .od-ph-badges .od-badge-showcase{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;margin:0;max-width:none}
#od-pilot-hover .od-ph-badges .od-badge-slot{--od-mini-badge-width:112px;width:var(--od-mini-badge-width)}
@media(max-width:600px){
 #od-pilot-hover{padding:12px}
 #od-pilot-hover .od-ph-head{grid-template-columns:48px minmax(0,1fr);gap:10px}
 #od-pilot-hover .od-ph-avatar{width:48px;height:48px;flex-basis:48px}
 #od-pilot-hover .od-ph-head:has(.od-ph-badges){grid-template-columns:minmax(0,1fr) auto}
 #od-pilot-hover .od-ph-head:has(.od-ph-badges) .od-ph-avatar{grid-column:1;grid-row:1}
 #od-pilot-hover .od-ph-head:has(.od-ph-badges) .od-ph-identity{grid-column:1;grid-row:2}
 #od-pilot-hover .od-ph-badges{grid-column:2;grid-row:2}
 #od-pilot-hover .od-ph-badges .od-badge-showcase{gap:8px}
 #od-pilot-hover .od-ph-badges .od-badge-slot{--od-mini-badge-width:clamp(76px,22vw,100px)}
 #od-pilot-hover .od-ph-badges .od-badge-slot:only-child{--od-mini-badge-width:112px}
}
@media(max-height:480px) and (min-width:600px){
 #od-pilot-hover{width:720px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 20px}
 #od-pilot-hover .od-ph-head{grid-column:1/-1;grid-template-columns:48px minmax(0,1fr);gap:12px}
 #od-pilot-hover .od-ph-head:has(.od-ph-badges){grid-template-columns:48px minmax(0,1fr) auto}
 #od-pilot-hover .od-ph-ratings{margin:0;padding:8px 0}
 #od-pilot-hover .od-ph-team{margin:0}
 #od-pilot-hover .od-ph-note{grid-column:1/-1;margin:0}
}