/* Player experience: a scouting board, with the radar as its visual centre. */
.player-experience{--px-bg:#101c2b;--px-line:#2a3a4e;color:#eaf2ff;font-size:15px}.player-experience h1,.player-experience h2,.player-experience h3{margin:0}.px-identity{display:flex;align-items:center;gap:22px;padding:8px 4px 24px}.px-portrait{width:94px;height:108px;object-fit:cover;object-position:top;border-radius:8px;background:#1c2d42}.px-name{flex:1;min-width:0}.px-name h1{font-size:36px;line-height:1.25;letter-spacing:-1px}.px-name>span:not(.eyebrow){font-size:14px;color:#aebed3}.px-status{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:#b7c7db}.px-status b{color:#78e2bc}.px-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:350px}.px-actions button{font-size:14px;padding:10px 13px}.px-headline-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-block:1px solid var(--px-line);margin-bottom:24px;background:#0c1623}.px-headline-stats>div{padding:16px 12px;min-width:0}.px-headline-stats small{display:block;color:#aebed3;font-size:13px;margin-bottom:6px}.px-headline-stats strong{font-size:25px;font-variant-numeric:tabular-nums;line-height:1.2}.px-headline-stats>div:nth-child(3) strong,.px-headline-stats>div:nth-child(4) strong{font-size:17px}.px-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.px-section-head h2{font-size:20px;margin:4px 0}.px-knowledge{font-size:13px;border:1px solid #34516c;padding:6px 10px;border-radius:5px;color:#adc9e9}.px-attributes{background:radial-gradient(ellipse at 30% 40%,#1a304947,transparent 70%),#0d1724;border:1px solid var(--px-line);border-radius:10px;padding:22px}.px-radar-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(245px,1fr);align-items:center;gap:22px}.px-radar{position:relative;min-width:0;width:100%;max-width:650px;justify-self:center}.px-radar svg{width:100%;height:auto;display:block;overflow:visible}.px-radar-grid{fill:none;stroke:#32465f;stroke-width:1}.px-radar-axis{stroke:#293f57;stroke-dasharray:3 5}.px-radar-shape{fill:#69caff26;stroke:#76d8ff;stroke-width:2.5;stroke-linejoin:round}.px-radar-uncertain{fill:#64c7ff13;stroke:#64c7ff55;stroke-dasharray:4 5}.px-radar-low{fill:#64c7ff15;stroke:none}.px-scale{font:10px system-ui;fill:#7a91ae}.px-axis{position:absolute;background:none!important;border:0!important;border-radius:5px;padding:5px 8px;display:flex;flex-direction:column;gap:2px;align-items:center;transform:translate(-50%,-50%);line-height:1.2;box-shadow:none!important;min-width:90px}.px-axis span{font-size:12px;font-weight:800;letter-spacing:.06em;color:#acc0da}.px-axis strong{font-size:26px;color:var(--axis);font-variant-numeric:tabular-nums}.px-axis.selected span,.px-axis:hover span{color:#fff}.px-axis.selected:after{content:'';height:2px;width:26px;background:var(--axis);margin-top:3px}.px-axis:focus-visible{outline:2px solid var(--axis);outline-offset:4px}.px-axis-0{left:50%;top:10%}.px-axis-1{left:88%;top:30%}.px-axis-2{left:88%;top:70%}.px-axis-3{left:50%;top:91%}.px-axis-4{left:12%;top:70%}.px-axis-5{left:12%;top:30%}.px-radar-caption{display:block;text-align:center;color:#91a8c4;font-size:12px;margin-top:10px}.px-attribute-detail{border-left:1px solid #2c4058;padding:10px 0 10px 24px}.px-detail-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;color:var(--axis)}.px-detail-title h3{font-size:14px;letter-spacing:.09em}.px-detail-title>strong{font-size:32px}.px-attribute-row{display:grid;grid-template-columns:1fr auto auto;gap:6px 12px;margin-bottom:17px;font-size:14px}.px-attribute-row>b{font-variant-numeric:tabular-nums}.px-track{grid-column:1/-1;height:4px;border-radius:4px;background:#26394e;overflow:hidden}.px-track i{display:block;height:100%;background:var(--axis);opacity:.85}.px-delta{font-size:12px;min-width:35px;text-align:right}.px-delta.up{color:#78e2bc}.px-delta.down{color:#ff8198}.px-delta.flat{color:#90a3b9}.px-periods{display:flex;margin-top:26px;gap:4px}.px-periods button{padding:7px 12px;font-size:13px;background:transparent;border-color:#364b62}.px-periods button.selected{background:#2a405a;color:#fff;border-color:#7391b3}.px-detail-note{display:block;font-size:12px;color:#9eb1c8;margin-top:12px;line-height:1.6}.px-agents{padding:28px 0}.px-agents .px-section-head label{font-size:13px;color:#aebed3;display:flex;align-items:center;gap:8px}.px-agents select{max-width:190px;padding:8px;font-size:14px}.px-agent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.px-agent{display:flex;gap:9px;align-items:center;background:#122034;border:1px solid #263951;border-radius:6px;padding:10px}.px-agent img{width:42px;height:42px;object-fit:cover;border-radius:5px}.px-agent>span{flex:1;min-width:0}.px-agent b{display:block;font-size:14px}.px-agent small{display:block;font-size:12px;color:#9cafc9;margin-top:3px}.px-agent>strong{font-size:18px;font-variant-numeric:tabular-nums;color:#b9defe}.px-agents details{margin-top:14px}.px-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:24px 0;border-block:1px solid var(--px-line)}.px-context-grid h3{font-size:18px;margin:10px 0 16px}.px-context-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;font-size:13px;margin:0}.px-context-grid dt{color:#95abc6}.px-context-grid dd{text-align:right;margin:0;overflow-wrap:anywhere}.px-growth>span{display:flex;justify-content:space-between;gap:10px;margin:12px 0;font-size:14px}.px-expand{border-bottom:1px solid #2a3a4e;padding:18px 0}.px-expand summary,.px-agents summary{cursor:pointer;font-size:14px;color:#b9cce3}.px-expand[open]>summary{margin-bottom:20px;color:#fff}.px-edit-fields{display:flex;gap:18px;margin:20px 0}.player-experience footer{max-width:none;margin-top:20px}.squad-workspace{margin:24px 0}.sq-starting{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.sq-player{min-width:0;background:linear-gradient(160deg,#192d40,#0e1928);border:1px solid #30475d;border-top:3px solid #78d5c3;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:14px}.sq-player.reserve{border-top-color:#8f9db4}.sq-identity{display:flex;gap:9px;align-items:center;text-align:left;border:0;background:transparent;padding:0;color:inherit;min-width:0}.sq-identity .portrait{width:44px;height:48px;object-fit:cover;flex-shrink:0}.sq-identity>span{min-width:0}.sq-identity b{display:block;font-size:17px;overflow-wrap:anywhere}.sq-identity small{font-size:12px;color:#a7bdd4;display:block}.sq-number{display:flex;gap:8px;align-items:baseline}.sq-number strong{font-size:30px;color:#e5f5ff}.sq-number small{color:#98b5ce;font-size:12px}.sq-condition{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px}.sq-condition b{display:block;font-size:19px;margin-top:4px}.sq-player>small{font-size:12px;color:#9eb5cd}.sq-move{font-size:13px;padding:9px 6px;width:100%;margin-top:auto;white-space:normal}.sq-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed #3a5068;border-radius:8px;min-height:245px;color:#9db3cc;text-align:center;padding:20px}.sq-empty>b{font-size:30px}.sq-bench-heading{margin:28px 0 16px}.sq-bench{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.sq-coach{font-size:12px;color:#9eb5cd}.sq-replacement{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.sq-replacement button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px}.sq-replacement .portrait{width:54px;height:60px;object-fit:cover}.timeout-workspace{margin:18px 0;padding:24px;border:1px solid #4b5d78;border-radius:10px;background:linear-gradient(125deg,#132942,#141c2e)}.timeout-diagnosis{display:flex;gap:28px;flex-wrap:wrap;margin:20px 0}.timeout-diagnosis>span{color:#a9c4de;font-size:13px}.timeout-diagnosis b{display:block;font-size:24px;color:#f0f6ff;margin-top:4px}.timeout-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.timeout-options button{text-align:left;white-space:normal;padding:18px;background:#15283f;border-color:#344d69}.timeout-options button.relevant{border-color:#87d8ce}.timeout-options strong{display:block;font-size:15px;color:#eaf4ff}.timeout-options small{display:block;color:#a8bfd8;font-size:13px;line-height:1.6;margin-top:7px}.timeout-options em{font-size:12px;display:block;color:#89decc;margin-top:10px;font-style:normal}.scrim-dashboard{border:1px solid #385068;border-radius:8px;background:#132337;padding:18px}.scrim-dashboard .scrim-offer{display:flex;align-items:center;gap:12px;margin:16px 0}.scrim-dashboard .scrim-offer img{width:44px;height:44px;object-fit:contain}.scrim-dashboard .scrim-offer strong{display:block;color:#fff;font-size:17px}.scrim-dashboard .scrim-offer small{color:#a2bdd5;font-size:13px}.scrim-risk{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;margin:14px 0}.scrim-risk span{padding:5px 8px;border-radius:4px;background:#25374e;color:#bce7fc}.scrim-risk .risk{color:#ffcca0}.scrim-dashboard .toolbar{display:flex;gap:7px}.scrim-dashboard .toolbar button{font-size:13px;flex:1;padding:9px}.scrim-dashboard .scrim-mode{font-size:12px;color:#b1c4da;margin-top:12px;display:block}.scrim-form-deltas{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.scrim-form-deltas span{background:#122537;border:1px solid #294259;border-radius:6px;padding:12px;font-size:14px}.scrim-form-deltas b{margin-left:12px}.px-axis,.px-periods button,.sq-player,.timeout-options button{transition:border-color .12s,background .12s,opacity .12s}@media(min-width:1450px){dialog.wide-modal:has(.player-experience){width:min(1180px,95vw)}}@media(max-width:1100px){.sq-starting{grid-template-columns:repeat(3,minmax(0,1fr))}.px-radar-layout{grid-template-columns:minmax(0,1.4fr) minmax(225px,1fr)}.px-context-grid{gap:16px}.px-name h1{font-size:30px}.px-axis span{font-size:12px}.px-axis strong{font-size:23px}}@media(max-width:800px){.px-identity{flex-wrap:wrap}.px-actions{max-width:none}.px-headline-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.px-radar-layout{grid-template-columns:1fr}.px-radar{max-width:520px}.px-attribute-detail{border-left:0;border-top:1px solid #2a4058;padding:22px 0 0}.px-agent-list,.px-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeout-options{grid-template-columns:repeat(2,minmax(0,1fr))}.px-section-head{flex-wrap:wrap}}@media(max-width:520px){.px-attributes{padding:14px}.px-axis span{font-size:12px;letter-spacing:0;max-width:84px}.px-axis strong{font-size:20px}.px-axis{min-width:70px}.px-agent-list,.px-context-grid,.timeout-options{grid-template-columns:1fr}.sq-starting{grid-template-columns:repeat(2,minmax(0,1fr))}.sq-player{padding:12px}.px-name h1{font-size:28px}.px-headline-stats strong{font-size:21px}.px-portrait{width:70px;height:86px}.px-section-head h2{font-size:18px}}@media(prefers-reduced-motion:reduce){.player-experience *,.sq-player,.timeout-options button{transition:none!important}}