.explain{position:relative;cursor:help}.explain:focus-visible{outline:2px solid #7ce8ca;outline-offset:3px}.explain:is(:hover,:focus)::after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 9px);background:#263345;color:#eef4fc;border:1px solid #526579;border-radius:6px;padding:10px 12px;min-width:200px;width:250px;max-width:75vw;font-size:11px;line-height:1.6;font-weight:400;letter-spacing:0;text-transform:none;z-index:9;box-shadow:0 8px 24px #0008;white-space:normal;text-align:left}.tag.type-fight{background:#39304c;color:#d4b5f1}.tag.type-dive{background:#402838;color:#f3afc4}.tag.type-catch{background:#253c50;color:#a2d7f8}.tag.type-protect{background:#214039;color:#a7e5c7}.tag.type-side{background:#443c28;color:#e9d59f}.tag.type-poke{background:#263c47;color:#a7dde7}.secondaryidentity{color:#b9d9d0;font-size:15px}.compacttraits>div{display:flex;justify-content:space-between;border-bottom:1px solid #2a3542;padding:11px 0;font-size:11px}.compacttraits>div>span:last-child{color:#b8c7d4}.teamplan,.banideas{margin-top:14px;padding:18px}.teamplan{border-color:#35554e;background:linear-gradient(105deg,#182b2b,#151e28)}.planhead,.banheading{display:flex;justify-content:space-between;gap:20px;align-items:center}.planhead h2,.banheading h2{font-size:18px;margin:8px 0 0}.plansteps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:22px 0 15px}.plansteps>div+div{border-left:1px solid #35433f;padding-left:20px}.plansteps small{font-size:9px;letter-spacing:1px;color:#91b8ae}.plansteps p{font-size:12px;line-height:1.6;margin:8px 0}.plangaps{display:flex;gap:8px;align-items:center;font-size:10px;flex-wrap:wrap}.gap{padding:4px 8px;background:#41382b;color:#e7c58b;border:1px solid #655136;border-radius:4px}#recommendations{grid-template-columns:minmax(0,1fr) 320px}.detailpanel{grid-row:auto}.recommendcontrols{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.recommendcontrols button,.banheading button{font-size:11px;padding:8px 10px}.poolcontrols{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.poolcontrols label{font-size:10px;color:#a6b7ca}.poolcontrols select{font-size:11px;padding:7px;max-width:160px}.recommendlegend{display:flex;gap:7px;align-items:center;margin:14px 0;font-size:10px;color:#8fa1b6}.recommendlegend>.explain:last-child{margin-left:auto;color:#9fe3d0}.medal{display:inline-block;border-radius:4px;padding:4px 6px;font-size:9px;font-weight:700;white-space:nowrap;border:1px solid}.gold{background:#493b20;color:#f5d78b;border-color:#947a3d}.silver{background:#303b47;color:#d3dfe9;border-color:#64778a}.bronze{background:#493024;color:#e9b691;border-color:#8e6040}.candidate{width:100%;display:grid;grid-template-columns:80px minmax(130px,1fr) minmax(100px,1fr) 12px;gap:15px;align-items:center;padding:15px 10px;text-align:left;background:transparent;border:0;border-top:1px solid #303c49;border-radius:0;min-height:104px}.candidate.chosen,.candidate:hover{background:#1d3332;box-shadow:inset 2px 0 #76e6c6}.portraitstack{display:flex;align-items:center;flex-direction:column;gap:6px}.portraitstack>img{width:46px;height:46px;border-radius:7px}.candidatename>b{font-size:14px}.familiar{display:block;color:#cfb793;font-size:9px;margin-top:7px}.familiar.known{color:#8dd0bc}.candidatewhy{font-size:11px;color:#a4b6c8;line-height:1.6}.compactnote{font-size:10px!important}.detailpanel h2{font-size:21px}.reasongroup{margin:16px 0}.reasongroup p{font-size:12px;color:#bdcbd7;line-height:1.6;margin:6px 0}.reasongroup h3{color:#90bbae;font-size:10px;text-transform:uppercase;letter-spacing:1px}.pickactions{display:flex;gap:7px;flex-wrap:wrap}.pickactions button{font-size:11px;padding:9px}.applypick{display:block;margin:14px 0 10px;width:100%;background:#234a41}.detailpanel>small{font-size:10px;display:block}.whatif{padding:14px;background:#182331;border:1px dashed #5f8190;border-radius:6px;margin-top:14px;font-size:12px}.whatif p{line-height:1.7}.whatif .previewarrow{display:block;color:#73dfbf}.previewmetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0;font-size:9px}.previewmetrics b{display:block;font-size:16px;color:#a4e9d4;margin-top:5px}.whatif>.explain{font-size:10px;color:#92bdce}.banheading{align-items:flex-start}.banheading h2{font-size:16px}.banlist{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.banlist>div,.poolcards>div{display:flex;gap:10px;align-items:center;border:1px solid #2e3b49;padding:12px;border-radius:7px}.banlist img,.poolcards img{width:38px;height:38px;border-radius:5px}.banlist small{display:block;font-size:10px;margin-top:5px;color:#a8b9c9}.banlist b{font-size:12px}.banlist .explain{font-size:10px;margin-left:auto;color:#94d3c0}.poolcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:20px 0}.poolcards button{margin-left:auto;font-size:10px}.formpanel{margin-bottom:18px}.formpanel label{font-size:11px;color:#a5b8cb}.formpanel select{font-size:11px;padding:7px;margin-left:6px}.formcolumns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0}.formcolumns>div{display:flex;flex-direction:column;gap:8px}.formcolumns strong{font-size:28px;color:#85e5c7}.formcolumns small{font-size:9px}.formcolumns span{font-size:11px;color:#b8c7d6}.formpanel h2{margin:8px 0 0}.formpanel .note{font-size:10px}.recommendworkspace{min-width:0}
@media(max-width:1150px){#recommendations{grid-template-columns:1fr}.plansteps{gap:12px}.plansteps>div+div{padding-left:12px}.banheading{flex-direction:column;gap:14px}.detailpanel{grid-column:1}.candidate{grid-template-columns:80px 1fr 1fr 12px}}
@media(max-width:750px){.plansteps{grid-template-columns:1fr 1fr;gap:16px}.plansteps>div+div{padding-left:0;border:0}.banlist{grid-template-columns:1fr}.candidate{grid-template-columns:75px 1fr 12px;gap:10px}.candidatewhy{grid-column:2;grid-row:2}.candidate .rowarrow{grid-column:3;grid-row:1}.portraitstack{grid-row:1/3}.formcolumns{gap:10px}.formcolumns strong{font-size:23px}.formpanel .planhead{align-items:flex-start}.planhead .pill{font-size:9px}.poolcontrols{width:100%}}
@media(max-width:450px){.plansteps{grid-template-columns:1fr}.planhead{gap:10px}.formcolumns{grid-template-columns:1fr}.formcolumns>div{border-bottom:1px solid #34404d;padding-bottom:12px}.recommendlegend{flex-wrap:wrap}.candidate{padding-left:0}.segmented{flex-wrap:wrap}}
.planassignments{display:flex;gap:8px;margin:12px 0}.planassignments .tag{background:#243e3b;color:#b9e8d9}

/* Direct recommendation action; details stay independently accessible. */
.candidate{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 10px 0 0}
.candidateinspect{display:grid;grid-template-columns:80px minmax(100px,1fr) minmax(100px,1fr) 10px;gap:14px;align-items:center;width:100%;min-height:108px;padding:15px 10px;text-align:left;border:0;border-radius:0;background:transparent}
.candidateinspect:hover{background:#ffffff04}.candidateinspect:focus-visible,.lockpick:focus-visible{outline:2px solid #8aebcf;outline-offset:-2px}
.lockpick{font-size:11px;font-weight:650;padding:10px 13px;white-space:nowrap;background:#244f43;border-color:#447b68;color:#c4f7e7}
.lockpick:hover{background:#326957;border-color:#7be3c1}.reasongroup ul{padding-left:16px;margin:7px 0}.reasongroup li{color:#bdcbd7;font-size:12px;line-height:1.6;margin:7px 0}.reasongroup p b{color:#e1eaf2;font-weight:600}.detailpanel>small{margin-top:16px}
@media(max-width:750px){.candidateinspect{grid-template-columns:64px minmax(0,1fr) 10px;gap:9px}.candidateinspect .portraitstack{grid-row:1/3}.candidateinspect .candidatewhy{grid-column:2;grid-row:2}.candidateinspect .rowarrow{grid-column:3;grid-row:1}.lockpick{padding:9px;font-size:10px}}
@media(max-width:450px){.candidate{grid-template-columns:minmax(0,1fr) auto;gap:3px;padding-right:5px}.candidateinspect{grid-template-columns:60px minmax(0,1fr);padding:12px 5px;gap:7px}.candidateinspect .rowarrow{display:none}.candidateinspect .candidatename>b{font-size:12px}.candidateinspect .candidatewhy{font-size:10px}.lockpick{font-size:10px;padding:8px 6px}}