/* Scoped evolution surfaces: no recursive flex tree, no viewport-sized tooltip. */
#app #sidePanel .pe-family{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#app #sidePanel .pe-family.is-branched{grid-template-columns:repeat(4,minmax(0,1fr))}
#app #sidePanel .pe-evolution .is-branched .pe-form{position:relative}
#app #sidePanel .pe-evolution .is-branched .pe-form-open{height:40px;min-height:40px;padding:3px 25px 3px 3px}
#app #sidePanel .pe-evolution .is-branched .pe-form-art{width:24px;height:24px;flex-basis:24px}
#app #sidePanel .pe-evolution .is-branched .pe-requirements-link{position:absolute;right:3px;top:8px;width:20px;height:24px;min-height:24px;font-size:0;padding:1px;border:0;background:transparent}
#app #sidePanel .pe-evolution .is-branched .pe-form-open small{font-size:9px}
#app #sidePanel .pe-evolution .pe-root{height:20px}
#app #sidePanel .pe-evolution .pe-root .pe-form-art{width:20px;height:20px;flex-basis:20px}
#app #sidePanel .pe-form{min-width:0;border:1px solid var(--ui-line,#d7e5ef);border-radius:9px;background:var(--ui-card,#fff);overflow:hidden}
#app #sidePanel .pe-form:has([aria-current="true"]){border-color:#3996c8;background:var(--ui-paper,#edf8ff)}
#app #sidePanel .pe-form-open{display:flex;align-items:center;gap:6px;width:100%;min-width:0;padding:6px;border:0;background:transparent;box-shadow:none;border-radius:0;text-align:left}
#app #sidePanel .pe-form-open span{min-width:0;display:grid;gap:3px}
#app #sidePanel .pe-form-open b{font-size:11px;overflow-wrap:anywhere}
#app #sidePanel .pe-form-open small{font-size:10px;color:var(--ui-muted,#597c94)}
#app #sidePanel .pe-form-art{display:inline-flex;flex:0 0 35px;width:35px;height:35px;background:none}
#app #sidePanel .pe-form-art img{width:100%;height:100%;object-fit:contain}
#app #sidePanel .pe-requirements-link{display:flex;gap:4px;justify-content:center;align-items:center;width:100%;min-height:25px;padding:3px;border:0;border-top:1px solid var(--ui-line,#e3eef4);border-radius:0;background:var(--ui-card,#f6fafc);font-size:10px;color:var(--ui-muted,#356b8a);box-shadow:none}
#app #sidePanel .pe-requirements-link svg{width:13px;height:13px}
#app #sidePanel .pe-root{display:flex;align-items:center;gap:8px;margin-bottom:5px;color:var(--ui-muted,#577b93);font-size:10px}
#app #sidePanel .pe-root button{display:flex;align-items:center;gap:4px;border:0;background:none;padding:0;box-shadow:none;font-size:12px;font-weight:700}
#app #sidePanel .pe-root .pe-form-art{width:25px;height:25px;flex-basis:25px}
#app #sidePanel .pe-route{width:330px;padding:14px}
#app #sidePanel .pe-route h3{font-size:15px}
#app #sidePanel .pe-route ul{list-style:none;padding:0;margin:12px 0;display:grid;gap:9px}
#app #sidePanel .pe-route li{display:flex;align-items:center;gap:8px;font-size:13px}
#app #sidePanel .pe-requirement-art{display:inline-flex;width:26px;height:26px;flex:0 0 26px}
#app #sidePanel .pe-requirement-art img{width:100%;height:100%;object-fit:contain}
#app #sidePanel .pe-route>small{display:block;font-size:11px;color:var(--ui-muted,#638096);line-height:1.5}
#app #sidePanel .pe-compare-dialog{position:fixed;inset:auto;width:720px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;margin:0;padding:20px;border:1px solid var(--ui-line,#bad5e6);border-radius:16px;color:var(--ui-ink,#214961);background:var(--ui-card,#fff);box-shadow:0 16px 55px #12384f40}
#app #sidePanel .pe-compare-dialog::backdrop{background:#19394d5c}
#app #sidePanel .pe-compare-dialog>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
#app #sidePanel .pe-compare-dialog h3{font-size:21px;margin:4px 0}
#app #sidePanel .pe-compare-dialog header small{font-size:10px;letter-spacing:.12em;color:var(--ui-muted,#6c8b9f)}
#app #sidePanel .pe-compare-dialog [data-pc-close]{display:grid;place-items:center;width:36px;height:36px;padding:6px;border:1px solid var(--ui-line,#ccdfea);border-radius:9px;background:var(--ui-card,#f4faff)}
#app #sidePanel .pe-compare-select{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:14px;font-weight:700}
#app #sidePanel .pe-compare-select select{min-width:0;flex:1;padding:9px;background:var(--ui-card,#f7fbfe);border:1px solid var(--ui-line,#c9dce9);border-radius:7px;color:inherit;font:inherit}
#app #sidePanel .pe-comparison{display:grid;grid-template-columns:280px minmax(0,1fr);gap:15px;align-items:center}
#app #sidePanel .pe-radar>svg{display:block;width:100%;height:auto;overflow:visible}
#app #sidePanel .pe-radar-grid polygon,#app #sidePanel .pe-radar-grid line{fill:none;stroke:#d9e6ee;stroke-width:1}
#app #sidePanel .pe-radar-grid text{font-size:10px;fill:#526f86;stroke:none}
#app #sidePanel .pe-radar-own{fill:#349ed02b;stroke:#268dbe;stroke-width:2}
#app #sidePanel .pe-radar-target{fill:#ab65c735;stroke:#9855b7;stroke-width:2}
#app #sidePanel .pe-legend{display:flex;justify-content:center;gap:14px;font-size:11px}
#app #sidePanel .pe-legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#268dbe;margin-right:4px}
#app #sidePanel .pe-legend span+span:before{background:#9855b7}
#app #sidePanel .pe-radar>small{display:block;text-align:center;font-size:10px;color:var(--ui-muted,#6c8b9f);margin-top:6px}
#app #sidePanel .pe-compare-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
#app #sidePanel .pe-compare-table th,#app #sidePanel .pe-compare-table td{padding:10px 3px;border-bottom:1px solid var(--ui-line,#e3edf4);text-align:right}
#app #sidePanel .pe-compare-table th:first-child{text-align:left}
#app #sidePanel .pe-compare-table thead th{font-size:10px;color:var(--ui-muted,#6c8b9f);overflow-wrap:anywhere}
#app #sidePanel .pe-compare-table tbody th{font-size:11px;font-weight:500}
#app #sidePanel .pe-compare-table svg{width:17px;height:17px;vertical-align:middle;color:var(--stat-color);margin-right:4px}
#app #sidePanel .pe-compare-table .is-up{color:#208362}#app #sidePanel .pe-compare-table .is-down{color:#c45458}
#app #sidePanel .pe-compare-dialog .pc-note{font-size:11px;margin:16px 0 0;line-height:1.6;color:var(--ui-muted,#638096)}
#app #sidePanel .dd-move-detail .dd-move-summary{margin:0;font-size:12px;line-height:1.45}
#app #sidePanel .dd-move-detail .dd-move-summary strong{color:var(--ui-accent,#286e97)}
#app #sidePanel .pc-popover .pe-skill-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;margin:12px 0}
#app #sidePanel .pc-popover .pe-skill-meta dt{font-size:10px;color:var(--ui-muted,#7892a4)}#app #sidePanel .pc-popover .pe-skill-meta dd{margin:3px 0 0;font-weight:700}
#app #sidePanel .ph-evolution-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#app #sidePanel .ph-evolution-check{display:flex;align-items:center;gap:7px;min-width:0;padding:10px;border:1px solid var(--ui-line,#d5e3ec);border-radius:9px;font-size:12px;background:var(--ui-card,#f8fbfe)}
#app #sidePanel .ph-evolution-check.is-met{border-color:#b8e1d4}
#app #sidePanel .ph-evolution-check>span{flex:1;min-width:0}
#app #sidePanel .ph-evolution-check small,#app #sidePanel .ph-shiny-row small{display:block;margin-top:3px;font-size:11px;color:var(--ui-muted,#688395)}
#app #sidePanel .ph-evolution-check svg{flex-shrink:0}
#app #sidePanel .ph-shiny{margin-top:14px}
#app #sidePanel .ph-shiny-row{display:flex;gap:9px;align-items:center;font-size:13px;padding:12px 0}
#app #sidePanel .ph-shiny-row>span{flex:1}
#app #sidePanel .ph-shiny-row .ph-evolution-item-art{width:36px;height:36px;flex:0 0 36px}
@media(max-width:760px){
 #app #sidePanel .pe-compare-dialog{padding:14px}
 #app #sidePanel .pe-comparison{grid-template-columns:1fr;gap:8px}
 #app #sidePanel .pe-radar{max-width:230px;justify-self:center}
 #app #sidePanel .pe-compare-table th,#app #sidePanel .pe-compare-table td{padding:7px 3px}
 #app #sidePanel .pe-family.is-branched{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app #sidePanel .ph-evolution-checklist{grid-template-columns:1fr}
 #app #sidePanel .ph-shiny-row{flex-wrap:wrap}
}
@media(min-width:761px) and (max-height:800px){
 #app #sidePanel .dd-dossier .pc-evolution{padding-top:8px}
 #app #sidePanel .pe-form-art{width:28px;height:28px;flex-basis:28px}
 #app #sidePanel .pe-form-open{padding:4px}
 #app #sidePanel .pe-form-open b{font-size:10px}
 #app #sidePanel .pe-requirements-link{min-height:22px;font-size:9px}
}
#app #sidePanel .pe-evolution>header .pe-root{margin:0;font-size:10px;white-space:nowrap}
#app #sidePanel .pe-evolution>header .pe-root .pe-form-art{display:none}
@media(min-width:961px) and (max-height:740px){
 #app #sidePanel .dd-layout{padding-block:8px}
 #app #sidePanel .dd-main{gap:6px}
 #app #sidePanel .dd-move-detail>footer{margin-top:6px}
 #app #sidePanel .dd-numbers{margin-top:6px}
}
@media(max-width:760px){
 #app #sidePanel .pe-evolution>header{flex-wrap:wrap}
 #app #sidePanel .pe-evolution>header .pe-root{order:3;width:100%}
}