.sp-section{--sp-mint:#b5d89b;--sp-violet:#c1a8ff;--sp-warm:#ffab86;--sp-line:#354139;--sp-muted:#b1bab6}.sp-intro{font-size:15px;max-width:720px;color:var(--sp-muted);margin:-8px 0 25px;line-height:1.8}.sp-workbench{border:1px solid #3c4b41;border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at 0 0,#26362a85,transparent 43%),#121916}.sp-identity{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px;border-bottom:1px solid var(--sp-line)}.sp-player{display:flex;align-items:center;gap:18px;min-width:0}.sp-player img{width:100px;height:90px;object-fit:contain;border-bottom:1px solid #9ab18c65}.sp-player h3{font:500 29px/1.2 Georgia,serif;letter-spacing:-.025em;margin:7px 0}.sp-player p:last-child{font-size:14px;color:var(--sp-muted);margin:0}.sp-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:0 26px;font-variant-numeric:tabular-nums}.sp-totals>div{display:flex;flex-direction:column}.sp-totals span{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--sp-muted)}.sp-totals strong{font:500 32px/1.4 Georgia,serif;color:var(--sp-mint)}.sp-totals small{grid-column:1/-1;font-size:14px;color:var(--sp-muted)}.sp-sample{padding:10px 32px;background:#b5d89b0b;font-size:14px;color:#d0dbc9;border-bottom:1px solid var(--sp-line)}.sp-controls{display:flex;flex-wrap:wrap;gap:14px 22px;padding:24px 32px 18px;align-items:flex-end}.sp-controls label{display:flex;flex-direction:column;gap:7px;font-size:14px;letter-spacing:.02em;color:var(--sp-muted)}.sp-controls select{background:#1b241e;font-size:14px;border-color:#455447;min-height:38px}.sp-scale{border:0;padding:0;margin:0;display:flex;gap:0}.sp-scale legend{font-size:14px;color:var(--sp-muted);margin-bottom:7px}.sp-scale button{border:1px solid #455447;background:#1b241e;padding:9px 13px;color:#c0c9c1;min-height:38px;font-size:14px}.sp-scale button:first-of-type{border-radius:4px 0 0 4px}.sp-scale button:last-child{border-radius:0 4px 4px 0;border-left:0}.sp-scale button[aria-pressed=true]{background:var(--sp-mint);color:#152117}.sp-comparison{padding:0 32px 18px}.sp-comparison>label{display:block;font-size:14px;margin-bottom:8px}.sp-comparison label span{color:var(--sp-muted);font-weight:400}.sp-search{display:flex;gap:8px;max-width:690px}.sp-search input{background:#17201a;min-width:0;flex:1;border-color:#455447;font-size:14px;min-height:40px}.sp-search button,.sp-comparison-meta button{border:1px solid #455447;color:var(--sp-mint);background:#243027;padding:8px 14px;border-radius:4px;font-size:14px;white-space:nowrap}.sp-comparison-meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:10px;font-size:14px;color:var(--sp-violet)}.sp-comparison-meta button{background:transparent;border:0;padding:3px 0;text-align:left}.sp-cohort-line{border-top:1px solid var(--sp-line);padding:13px 32px;display:flex;flex-wrap:wrap;gap:7px 20px;justify-content:space-between;font-size:14px;color:var(--sp-muted)}.sp-cohort-line span:first-child{color:#e0e7da}.sp-filters{display:flex;flex-wrap:wrap;gap:7px;padding:7px 32px 22px}.sp-filters button{background:transparent;border:1px solid #405044;color:#c5cdc5;font-size:14px;padding:8px 12px;border-radius:30px}.sp-filters button span{opacity:.65;margin-left:5px}.sp-filters button[aria-pressed=true]{border-color:var(--sp-mint);color:var(--sp-mint);background:#b5d89b10}.sp-stage{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);border-top:1px solid var(--sp-line)}.sp-visual-column{min-width:0;padding:23px 24px;border-right:1px solid var(--sp-line);background:radial-gradient(circle at 50% 28%,#45603c17,transparent 50%)}.sp-map summary{font-size:14px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}.sp-map summary::-webkit-details-marker{display:none}.sp-map summary span{color:var(--sp-muted);font-size:14px;font-weight:400}.sp-map svg{display:block;width:100%;height:auto;overflow:visible}.sp-map svg text{font-family:Inter,Arial,sans-serif}.sp-map svg [role=button]{cursor:pointer}.sp-map svg [role=button]:focus{outline:none;stroke:#fff;stroke-width:3}.sp-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 15px;font-size:14px;color:#d3dbcf}.sp-legend span{display:flex;align-items:center;gap:6px}.sp-legend i{display:block;width:14px;height:3px;background:var(--sp-mint)}.sp-legend .sp-key-mean{height:0;background:none;border-top:1px dashed #bbc5c0}.sp-legend .sp-key-compare{background:var(--sp-violet)}.sp-chart-note{font-size:14px;color:var(--sp-muted);line-height:1.7;margin:14px 0 0}.sp-map>.sp-chart-note{text-align:center}.sp-detail{border:1px solid #4b5a46;background:linear-gradient(135deg,#243024,#19221b);padding:22px;margin-top:24px;border-radius:5px;min-height:222px}.sp-detail h3{font:400 25px/1.25 Georgia,serif;margin:10px 0 12px;letter-spacing:-.02em}.sp-detail>p:not(.ph-eyebrow){font-size:14px;color:#c1ccb9;line-height:1.8;margin:10px 0}.sp-detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.sp-detail-stats strong{font-size:22px;font-weight:550;display:block;color:var(--sp-mint);font-variant-numeric:tabular-nums}.sp-detail-stats span{font-size:14px;color:var(--sp-muted);display:block}.sp-detail .sp-detail-compare{color:var(--sp-violet)!important;border-top:1px solid #46543d;padding-top:12px}.sp-readouts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:23px}.sp-readout h4{font-size:14px;letter-spacing:.07em;text-transform:uppercase;color:var(--sp-mint);margin:0 0 13px}.sp-readout:last-child h4{color:var(--sp-warm)}.sp-readout button{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:8px;color:#e0e5dc;background:transparent;border:0;padding:7px 0;text-align:left;font-size:14px}.sp-readout button strong{font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap;color:var(--sp-muted)}.sp-bars-column{min-width:0;padding:24px 25px}.sp-list-header{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding-bottom:15px;color:#e2e8dd;font-size:14px}.sp-list-header span:last-child{font-size:14px;text-align:right;color:var(--sp-muted)}.sp-row{display:grid;grid-template-columns:minmax(125px,1.03fr) minmax(60px,1fr) 70px;align-items:center;gap:15px;width:100%;background:transparent;color:#e4eade;border:0;border-bottom:1px solid #35413960;padding:10px 4px;text-align:left;min-height:52px}.sp-row:hover,.sp-row[aria-pressed=true]{background:#b5d89b0d}.sp-row[aria-pressed=true]{box-shadow:inset 2px 0 0 var(--sp-mint)}.sp-row-label{font-size:14px;line-height:1.4}.sp-row-label small{display:none;font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:#9eae9e;margin-bottom:6px}.sp-group-start{padding-top:16px;margin-top:3px}.sp-group-start .sp-row-label small{display:block}.sp-bar{height:16px;background:repeating-linear-gradient(90deg,#243128 0,#243128 calc(25% - 1px),#3a493e 25%);position:relative;border-radius:2px}.sp-bar i{position:absolute;top:0;height:100%;background:var(--sp-mint);opacity:.85;border-radius:2px}.sp-bar i.sp-below{background:var(--sp-warm)}.sp-bar b{position:absolute;top:-3px;height:22px;width:1px;background:#e3e9dfaa}.sp-bar em{position:absolute;top:3px;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);border:2px solid var(--sp-violet);background:#292039;z-index:1}.sp-row-value{text-align:right;font-size:14px;font-weight:550;font-variant-numeric:tabular-nums;white-space:nowrap}.sp-row-value small{display:block;font-size:14px;color:var(--sp-muted);margin-top:3px;font-weight:400}.sp-row-value .sp-compare-value{color:var(--sp-violet)}.sp-neighbors{padding:30px 32px;border-top:1px solid var(--sp-line);background:#17201a}.sp-neighbor-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.sp-neighbor-heading h3{font:400 26px/1.3 Georgia,serif;margin:9px 0 0}.sp-neighbor-heading>p{font-size:14px;color:var(--sp-muted)}#sp-neighbor-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sp-neighbor{border:1px solid #3b4b3d;border-radius:4px;background:#1c281f;color:#dfe7d8;padding:12px;display:flex;align-items:center;gap:12px;text-align:left;min-width:0}.sp-neighbor:hover{border-color:var(--sp-mint)}.sp-neighbor img{width:75px;height:64px;object-fit:contain;flex-shrink:0}.sp-neighbor strong{font-size:14px;font-weight:600;display:block}.sp-neighbor small{display:block;color:var(--sp-muted);font-size:14px;line-height:1.8}.sp-neighbor em{font-size:14px;color:var(--sp-mint);font-style:normal;display:block;margin-top:7px}.sp-method{border-top:1px solid var(--sp-line);padding:20px 32px}.sp-method summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:14px;color:#d3decc}.sp-method summary>span{font-size:14px;color:var(--sp-muted)}.sp-method>div{max-width:950px;padding-top:12px;font-size:14px;color:var(--sp-muted);line-height:1.8}.sp-source-links{display:flex;flex-wrap:wrap;gap:20px}.sp-source-links a{color:var(--sp-mint);text-decoration:underline;text-underline-offset:4px}
@media(min-width:1100px){.sp-map{position:relative}.sp-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}
@media(max-width:1000px){.sp-identity{padding:22px}.sp-player img{width:76px;height:78px}.sp-player h3{font-size:23px}.sp-totals{gap:0 14px}.sp-totals strong{font-size:27px}.sp-controls{gap:14px}.sp-stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.sp-visual-column,.sp-bars-column{padding:20px 16px}.sp-row{grid-template-columns:minmax(100px,1.05fr) minmax(40px,1fr) 60px;gap:10px}.sp-neighbor{display:block}.sp-readouts{grid-template-columns:1fr;gap:12px}}
@media(max-width:760px){.sp-intro{font-size:14px}.sp-identity{display:block;padding:18px}.sp-player{gap:14px}.sp-player h3{font-size:26px}.sp-player img{width:84px;height:82px}.sp-player .ph-eyebrow{font-size:14px}.sp-totals{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-line);gap:6px 18px}.sp-totals strong{font-size:31px}.sp-totals small{font-size:14px}.sp-sample{padding:12px 18px;font-size:14px;line-height:1.7}.sp-controls{padding:20px 18px;display:grid;grid-template-columns:1fr 1.35fr;gap:15px 12px}.sp-controls label,.sp-controls fieldset{min-width:0}.sp-controls select{width:100%;font-size:14px;padding:8px}.sp-scale button{font-size:14px;padding:9px 7px;flex:1}.sp-comparison{padding:0 18px 18px}.sp-comparison>label{font-size:14px}.sp-comparison label span{display:none}.sp-search{flex-wrap:wrap}.sp-search input{min-width:120px;font-size:14px}.sp-search button{padding:8px 10px}.sp-cohort-line{padding:12px 18px;font-size:14px;line-height:1.7}.sp-filters{padding:7px 18px 18px;gap:7px}.sp-filters button{font-size:14px;padding:8px 10px;min-height:36px}.sp-stage{display:flex;flex-direction:column}.sp-visual-column{border-right:0;padding:20px 18px 0;display:contents}.sp-map{padding:20px 18px;border-bottom:1px solid var(--sp-line);order:0}.sp-map svg{margin-top:12px}.sp-map summary{min-height:24px;align-items:center}.sp-detail{order:2;margin:18px;padding:20px;min-height:0}.sp-readouts{order:3;margin:0 18px 24px;grid-template-columns:1fr 1fr}.sp-bars-column{order:1;padding:20px 18px 0}.sp-row{grid-template-columns:minmax(95px,1fr) minmax(38px,.85fr) 58px;gap:10px;min-height:55px;padding-left:3px;padding-right:3px}.sp-row-label{font-size:14px}.sp-row-value{font-size:14px}.sp-row-value small{font-size:14px}.sp-bar{height:14px}.sp-bar b{height:20px}.sp-bar em{top:2px}.sp-list-header{font-size:14px;gap:8px}.sp-list-header span:last-child{font-size:14px;max-width:100px}.sp-neighbors{padding:24px 18px}.sp-neighbor-heading{display:block}.sp-neighbor-heading h3{font-size:24px}.sp-neighbor-heading>p{margin:10px 0 0}#sp-neighbor-list{grid-template-columns:1fr}.sp-neighbor{display:flex;padding:10px 14px}.sp-neighbor img{width:84px;height:64px}.sp-neighbor strong{font-size:14px}.sp-neighbor small{font-size:14px}.sp-neighbor em{margin-top:2px}.sp-method{padding:20px 18px}.sp-method summary{display:block;line-height:1.8}.sp-method summary>span{display:block}.sp-method>div{font-size:14px}.sp-detail h3{font-size:25px}.sp-detail-stats strong{font-size:23px}.sp-chart-note{font-size:14px}}
@media(prefers-reduced-motion:no-preference){.sp-bar i{transition:left .25s,width .25s}.sp-row,.sp-neighbor{transition:background .15s}}

.sp-unavailable{padding:28px}.sp-unavailable h3{font:26px/1.3 Georgia,serif;margin:0 0 12px}.sp-unavailable>p{font-size:14px;color:var(--sp-muted);max-width:760px}.sp-unavailable summary{font-size:14px;cursor:pointer;margin:22px 0}.sp-unavailable details>div{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.sp-unavailable details p{display:flex;gap:12px;justify-content:space-between;font-size:14px;border-bottom:1px solid var(--sp-line);padding-bottom:10px}.sp-unavailable small{color:var(--sp-muted)}.sp-unavailable>a{font-size:14px;color:var(--sp-mint)}@media(max-width:760px){.sp-unavailable{padding:20px}.sp-unavailable details>div{grid-template-columns:1fr}.sp-skill-inline-detail{margin:12px 0 20px}}
