/* Character Info proposal: existing dossier + Armory V73 roles/tokens.
   Scoped to this overlay; renderer, data, controls and other screens stay intact. */
#operative-panel662{box-sizing:border-box;background:#03080bdb;backdrop-filter:none;color:var(--a73-text);font-family:var(--a73-font);font-synthesis:none;padding:3.4vh 2.4vw}
#operative-panel662 *{box-sizing:border-box}
#operative-panel662 .operative-dossier662{width:min(1100px,100%);max-height:calc(100dvh - 6.8vh);grid-template-columns:1fr 1.32fr;gap:26px;padding:26px;border:1px solid var(--a73-line);border-radius:0;background:var(--a73-panel);box-shadow:none}
#operative-panel662 .operative-dossier662:before{content:'';position:absolute;top:0;left:0;width:24px;height:4px;background:var(--a73-amber)}
#operative-panel662 .operative-portrait-frame662{border:1px solid var(--a73-line);background:var(--a73-bg)}
#operative-panel662 #operative-portrait662{border:0;border-radius:0;object-position:50% 22%}
#operative-panel662 .operative-details662{padding:0;min-width:0}
#operative-panel662 #operative-name662{font:400 34px/1.1 var(--a73-font);letter-spacing:.5px;color:#ddd9c1;text-shadow:2px 2px #0b0d0e;margin:0 56px 18px 0;overflow-wrap:anywhere}
#operative-panel662 #operative-name662:after{display:none}
#operative-panel662 #operative-status662{font:12px/1.55 var(--a73-font);letter-spacing:0;color:var(--a73-muted);margin:0 0 18px}
#operative-panel662 button{font-family:var(--a73-font);font-synthesis:none;letter-spacing:.5px;border-radius:0;box-shadow:none;cursor:pointer;color:var(--a73-text);background:var(--a73-panel);border:1px solid #788580}
#operative-panel662 button:hover:not(:disabled){border-color:var(--a73-amber)}
#operative-panel662 button:focus-visible{outline:3px solid var(--a73-text);outline-offset:3px}
#operative-panel662 #operative-close662{top:26px;right:26px;width:38px;height:38px;min-height:38px;font-size:27px;line-height:1;padding:0}
#operative-panel662 #operative-tabs662{position:static;width:auto;gap:14px;padding:0 0 18px;margin:0;border-bottom:1px solid var(--a73-line)}
#operative-panel662 #operative-tabs662 button{width:38px;min-height:38px;padding:0;font-size:27px;line-height:1}
#operative-panel662 #operative-tabs662>span{font:12px/1.55 var(--a73-font);color:var(--a73-muted);min-width:0;flex:1}
#operative-panel662 .operative-skill662{grid-template-columns:44px minmax(0,1fr) 56px;gap:18px;padding:24px 0;border-bottom:1px solid var(--a73-line)}
#operative-panel662 .operative-glyph662{width:44px;height:44px;color:var(--a73-text)}
#operative-panel662 .operative-color-filter662{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
#operative-panel662 .operative-glyph662 img{filter:url(#operative-skill-ci662)}
#operative-panel662 .operative-glyph662>svg{width:30px;height:30px;padding:0;border:0;border-radius:0;box-shadow:none}
#operative-panel662 .operative-skill662 small{font:10px/1.5 var(--a73-font);color:var(--a73-muted);letter-spacing:.5px}
#operative-panel662 .operative-skill662 h3{font:700 22px/1.25 var(--a73-font);color:var(--a73-text);letter-spacing:.5px;margin:8px 0}
#operative-panel662 .operative-skill662 p{font:12px/1.55 var(--a73-font);color:var(--a73-muted);margin:0;overflow-wrap:anywhere}
#operative-panel662 .operative-cd662{font:12px/1.55 var(--a73-font);color:var(--a73-amber);border:1px solid var(--a73-line);border-radius:0;padding:8px 0}
#operative-panel662 #operative-stats662{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:22px 0 0;border-top:0}
#operative-panel662 #operative-stats662 div{border-right:1px solid var(--a73-line);padding:0;min-width:0}
#operative-panel662 #operative-stats662 div:last-child{border:0}
#operative-panel662 #operative-stats662 dt{font:10px/1.5 var(--a73-font);color:var(--a73-muted);letter-spacing:0}
#operative-panel662 #operative-stats662 dd{font:400 27px/1.25 var(--a73-font);color:var(--a73-text);margin:14px 0 0}
@media(max-width:1100px){
 #operative-panel662 .operative-dossier662{padding:20px}
 #operative-panel662 #operative-close662{top:20px;right:20px}
 #operative-panel662 .operative-skill662 h3{font-size:18px}
 #operative-panel662 #operative-stats662 dd{font-size:22px}
}
@media(max-height:650px) and (orientation:landscape){
 #operative-panel662{padding:12px 2vw}
 #operative-panel662 .operative-dossier662{max-height:calc(100dvh - 24px);padding:14px;gap:18px;grid-template-columns:1fr 1.32fr}
 #operative-panel662 #operative-close662{top:14px;right:14px}
 #operative-panel662 #operative-name662{font-size:22px;margin-bottom:8px}
 #operative-panel662 #operative-status662{font-size:11px;margin-bottom:8px}
 #operative-panel662 #operative-tabs662{padding-bottom:8px}
 #operative-panel662 .operative-skill662{padding:12px 0;gap:12px;grid-template-columns:30px minmax(0,1fr) 44px}
 #operative-panel662 .operative-glyph662{width:30px;height:30px}
 #operative-panel662 .operative-skill662 h3{font-size:12px;margin:5px 0}
 #operative-panel662 .operative-skill662 small{font-size:9px}
 #operative-panel662 .operative-skill662 p{font-size:11px;line-height:1.5}
 #operative-panel662 #operative-stats662{padding-top:12px}
 #operative-panel662 #operative-stats662 dd{font-size:17px;margin-top:8px}
}
@media(max-width:600px) and (orientation:portrait){
 #operative-panel662 .operative-dossier662{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px}
 #operative-panel662 .operative-portrait-frame662{height:170px}
 #operative-panel662 #operative-portrait662{object-position:50% 25%}
 /* Guardian's face sits higher in the existing portrait asset. */
 #operative-panel662 #operative-portrait662[alt="GUARDIAN"]{object-position:50% 10%}
 #operative-panel662 #operative-close662{top:20px;right:20px}
 #operative-panel662 #operative-name662{font-size:24px;margin-right:0}
 #operative-panel662 .operative-skill662{grid-template-columns:30px minmax(0,1fr) 44px;gap:12px;padding:18px 0}
 #operative-panel662 .operative-glyph662{width:30px;height:30px}
 #operative-panel662 .operative-skill662 h3{font-size:18px}
 #operative-panel662 #operative-stats662 dd{font-size:19px}
}