:root{--pp-bg:#07090e;--pp-surface:#0d121c;--pp-surface2:#111827;--pp-line:rgba(148,163,184,.14);--pp-text:#f3f6fb;--pp-muted:#8994a7;--pp-blue:#4582f0;--pp-green:#4ade80;--pp-amber:#fbbf24;--pp-red:#fb5b5b;--pp-cyan:#40cbe0}
*{box-sizing:border-box}.pp-body{margin:0;background:var(--pp-bg);color:var(--pp-text);font-family:"DM Sans",sans-serif}.pp-page{min-height:calc(100vh - 72px);display:grid;grid-template-columns:300px minmax(0,1fr);border-top:1px solid var(--pp-line)}
.pp-slate{padding:24px 18px;border-right:1px solid var(--pp-line);background:#090d15}.pp-slate__head,.pp-section-head,.pp-search-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pp-slate__head span,.pp-section-head span,.pp-search-head small{color:var(--pp-blue);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pp-slate h1,.pp-section-head h2,.pp-search-head h2{margin:4px 0 0;font-family:"Outfit",sans-serif}.pp-slate h1{font-size:1.25rem}.pp-section-head h2{font-size:1.22rem}.pp-icon-btn{width:36px;height:36px;border:1px solid var(--pp-line);border-radius:9px;background:transparent;color:var(--pp-muted);cursor:pointer}.pp-icon-btn:hover{color:#fff;border-color:rgba(69,130,240,.5)}
.pp-date{display:flex;gap:9px;align-items:center;margin:20px 0 14px;padding:11px 12px;border:1px solid var(--pp-line);border-radius:9px;color:#cbd5e1;font-size:.78rem}.pp-game-list{display:grid;gap:10px}.pp-game{width:100%;padding:13px;border:1px solid var(--pp-line);border-radius:10px;background:var(--pp-surface);color:inherit;text-align:left;cursor:pointer}.pp-game:hover,.pp-game.is-active{border-color:var(--pp-blue);background:rgba(24,46,83,.6)}.pp-game time{color:var(--pp-muted);font-size:.68rem;font-weight:700;letter-spacing:.07em}.pp-game__teams{display:grid;grid-template-columns:34px 1fr auto;gap:7px;align-items:center;margin-top:10px}.pp-game__teams b{font-family:"Outfit"}.pp-game__teams small{color:var(--pp-muted)}.pp-game__teams i{color:var(--pp-blue);font-style:normal;font-size:.72rem}.pp-loading,.pp-empty{padding:28px 14px;color:var(--pp-muted);font-size:.85rem;text-align:center}
.pp-workspace{min-width:0}.pp-matchup-bar{display:grid;grid-template-columns:minmax(240px,1fr) 52px minmax(240px,1fr) auto;gap:12px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--pp-line);background:#0a0f18}.pp-player{display:flex;align-items:center;gap:12px;min-width:0;padding:8px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.pp-player:hover{background:rgba(69,130,240,.08);border-radius:10px}.pp-player img{width:58px;height:58px;object-fit:contain;border-radius:50%;background:#101827}.pp-player span{display:grid;min-width:0}.pp-player small{color:var(--pp-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.pp-player strong{overflow:hidden;font:600 1.08rem "Outfit";text-overflow:ellipsis;white-space:nowrap}.pp-player em{color:var(--pp-muted);font-size:.75rem;font-style:normal}.pp-player>i{margin-left:auto;color:var(--pp-muted)}.pp-versus{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(69,130,240,.45);border-radius:50%;color:#76a4fa;font-weight:700}.pp-period{display:flex;align-items:flex-end;gap:12px}.pp-period label{display:grid;gap:5px;color:var(--pp-muted);font-size:.65rem;text-transform:uppercase}.pp-period select{height:36px;padding:0 28px 0 10px;border:1px solid var(--pp-line);border-radius:8px;background:var(--pp-surface);color:#fff}.pp-window{display:flex;padding:3px;border:1px solid var(--pp-line);border-radius:8px;background:var(--pp-surface)}.pp-window button,.pp-tabs button{border:0;background:transparent;color:var(--pp-muted);cursor:pointer}.pp-window button{height:30px;padding:0 12px;border-radius:6px;font-size:.74rem}.pp-window button.is-active{background:var(--pp-blue);color:#fff}.pp-status{min-height:32px;padding:8px 24px;color:var(--pp-muted);font-size:.75rem;border-bottom:1px solid var(--pp-line)}
.pp-primary{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);border-bottom:1px solid var(--pp-line)}.pp-map-panel,.pp-recommendations{min-width:0;padding:22px 24px}.pp-map-panel{border-right:1px solid var(--pp-line)}.pp-map-panel>.pp-section-head{align-items:center}.pp-map-split{display:block;margin-top:7px;color:var(--pp-muted);font-size:.72rem;font-weight:500}.pp-heat-key{display:flex;align-items:center;gap:5px;color:#a8b2c2;font-size:.68rem;white-space:nowrap}.pp-heat-key i{width:15px;height:12px;border:1px solid rgba(255,255,255,.08)}.pp-heat-key b{width:8px}.pp-heat-key__hot:nth-of-type(1){background:#713434}.pp-heat-key__hot:nth-of-type(2){background:#914040}.pp-heat-key__hot:nth-of-type(3){background:#b64c4c}.pp-heat-key__hot:nth-of-type(4){background:#e65b5b}.pp-heat-key__cold{background:#1b3b6a}.pp-heat-key__cold:nth-of-type(6){background:#244f88}.pp-heat-key__cold:nth-of-type(7){background:#2e65ae}.pp-heat-key__cold:nth-of-type(8){background:#4582f0}.pp-heat-key__average{border-radius:2px;background:#263243}.pp-map-stage{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:8px;min-height:380px;margin-top:6px}.pp-map-visual{position:relative;min-width:0;overflow:hidden}.pp-map-scene,.pp-map-visual canvas{position:absolute;inset:0;width:100%;height:100%}.pp-map-scene{object-fit:contain;opacity:.58;filter:saturate(.72)}.pp-map-visual canvas{display:block}.pp-map-key{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:34px 0 10px}.pp-pitch-legend{display:grid;gap:13px}.pp-pitch-legend span{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px;color:#bdc7d6;font-size:.73rem}.pp-pitch-legend span>i{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.025)}.pp-pitch-legend span>b{color:#dbe3ef;font-size:.72rem}.pp-map-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border:0;border-top:1px solid var(--pp-line);background:transparent;color:#aeb8c8;font:500 .68rem "DM Sans";cursor:pointer}.pp-map-toggle i{position:relative;width:30px;height:17px;border-radius:999px;background:#263244;transition:.2s}.pp-map-toggle i:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#8793a6;transition:.2s}.pp-map-toggle[aria-pressed="true"] i{background:var(--pp-blue)}.pp-map-toggle[aria-pressed="true"] i:after{left:15px;background:#fff}.pp-section-head>b{color:var(--pp-green);font-size:.75rem}.pp-insights{display:grid;margin-top:14px}.pp-insight{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--pp-line)}.pp-insight__icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(69,130,240,.4);border-radius:50%;color:var(--pp-blue)}.pp-insight h3{margin:0;font:600 .95rem "Outfit"}.pp-insight p{margin:5px 0 0;color:#a7b1c1;font-size:.78rem;line-height:1.45}
.pp-detail{background:#090e16}.pp-tabs{display:flex;gap:18px;padding:0 24px;border-bottom:1px solid var(--pp-line)}.pp-tabs button{position:relative;padding:16px 4px;font-size:.8rem}.pp-tabs button.is-active{color:var(--pp-blue)}.pp-tabs button.is-active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--pp-blue)}.pp-detail-grid{display:grid;grid-template-columns:1.3fr .82fr .82fr}.pp-detail-grid>article{min-width:0;padding:20px 24px;border-right:1px solid var(--pp-line)}.pp-detail-grid>article:last-child{border-right:0}.pp-count-list{margin-top:12px}.pp-count-row{display:grid;grid-template-columns:90px 1fr 48px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(148,163,184,.08);font-size:.72rem}.pp-count-row>span{color:#cbd5e1}.pp-bars{display:flex;gap:3px;height:7px}.pp-bars i{display:block;border-radius:2px}.pp-guidance-row,.pp-sequence-row{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid var(--pp-line)}.pp-guidance-row i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(69,130,240,.12);color:var(--pp-blue)}.pp-guidance-row strong,.pp-sequence-row strong{font-size:.78rem}.pp-guidance-row small,.pp-sequence-row small{display:block;color:var(--pp-muted);font-size:.68rem}.pp-sequence-row b{color:var(--pp-blue);font-size:.72rem}
.pp-search-dialog[hidden]{display:none}.pp-search-dialog{position:fixed;inset:0;z-index:2000;display:grid;place-items:start center;padding-top:100px}.pp-search-backdrop{position:absolute;inset:0;border:0;background:rgba(2,6,12,.76);backdrop-filter:blur(8px)}.pp-search-dialog>section{position:relative;width:min(560px,calc(100% - 28px));max-height:70vh;padding:20px;border:1px solid var(--pp-line);border-radius:14px;background:#0d131e;box-shadow:0 30px 80px #000}.pp-search-input{display:flex;align-items:center;gap:10px;margin-top:18px;padding:0 13px;border:1px solid var(--pp-line);border-radius:9px;background:#080d15}.pp-search-input input{width:100%;height:44px;border:0;outline:0;background:transparent;color:#fff}.pp-search-results{max-height:46vh;overflow:auto;margin-top:10px}.pp-search-result{width:100%;display:flex;align-items:center;gap:12px;padding:11px;border:0;border-bottom:1px solid var(--pp-line);background:transparent;color:inherit;text-align:left;cursor:pointer}.pp-search-result:hover{background:rgba(69,130,240,.09)}.pp-search-result img{width:42px;height:42px;object-fit:contain;border-radius:50%;background:#111827}.pp-search-result span{display:grid}.pp-search-result small{color:var(--pp-muted)}
.pp-pitch-legend span>em{overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1100px){.pp-page{grid-template-columns:230px minmax(0,1fr)}.pp-matchup-bar{grid-template-columns:1fr 40px 1fr}.pp-period{grid-column:1/-1}.pp-heat-key{display:none}.pp-map-stage{grid-template-columns:minmax(0,1fr) 116px}.pp-detail-grid{grid-template-columns:1fr 1fr}.pp-detail-grid>article:first-child{grid-column:1/-1;border-bottom:1px solid var(--pp-line)}}
@media(max-width:760px){.pp-page{display:block}.pp-slate{border-right:0;border-bottom:1px solid var(--pp-line)}.pp-game-list{display:flex;overflow-x:auto}.pp-game{min-width:220px}.pp-matchup-bar{grid-template-columns:1fr 34px 1fr;padding:12px}.pp-player img{width:44px;height:44px}.pp-player em{display:none}.pp-period{overflow-x:auto}.pp-primary,.pp-detail-grid{display:block}.pp-map-panel{padding-right:16px;padding-left:16px;border-right:0;border-bottom:1px solid var(--pp-line)}.pp-map-stage{display:block;min-height:0}.pp-map-visual{height:320px}.pp-map-key{padding:6px 0 0}.pp-pitch-legend{display:flex;flex-wrap:wrap;gap:8px 14px}.pp-pitch-legend span{grid-template-columns:8px auto auto}.pp-map-toggle{margin-top:4px}.pp-detail-grid>article{border-right:0;border-bottom:1px solid var(--pp-line)}}