:root{--pi-bg:#07100d;--pi-panel:#0d1814;--pi-line:rgba(164,197,177,.13);--pi-ink:#ecf6ef;--pi-muted:#82958b;--pi-green:#73e08d;--pi-gold:#d6b563;--pi-red:#ef776e}.pi-shell{min-height:100vh;background:radial-gradient(circle at 78% -10%,rgba(44,143,81,.12),transparent 34rem),var(--pi-bg);color:var(--pi-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.pi-shell *{box-sizing:border-box}.pi-shell button,.pi-shell input,.pi-shell select{font:inherit}.pi-topbar{height:68px;padding:0 4vw;border-bottom:1px solid var(--pi-line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;background:rgba(7,16,13,.92);backdrop-filter:blur(16px)}.pi-topbar>button{border:1px solid var(--pi-line);background:#0b1612;color:#9bafa4;border-radius:8px;padding:9px 12px;font-size:12px}.pi-brand{display:flex;align-items:center;gap:10px}.pi-brand>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--pi-green);color:#07110d;font-weight:950}.pi-brand strong{letter-spacing:.12em;font-size:14px}.pi-brand small{border-left:1px solid var(--pi-line);padding-left:10px;color:var(--pi-muted)}.pi-hero{max-width:1440px;margin:auto;padding:38px 4vw 26px;display:flex;align-items:end;justify-content:space-between}.pi-hero p,.pi-modal>p,.pi-position-card header p,.pi-table-card header p{margin:0 0 8px;color:var(--pi-green);font-size:9px;letter-spacing:.14em;font-weight:800}.pi-hero h1{margin:0;font-size:clamp(38px,4vw,58px);letter-spacing:-.05em;line-height:1}.pi-hero>div>span{display:block;margin-top:15px;max-width:760px;color:#8fa198;font-size:14px;line-height:1.6}.pi-hero time{color:#64786d;font-size:10px;white-space:nowrap}.pi-controls{max-width:1440px;margin:auto;padding:18px 4vw;border-top:1px solid var(--pi-line);border-bottom:1px solid var(--pi-line);display:grid;grid-template-columns:1.2fr 1fr 1.2fr 1fr;gap:10px}.pi-controls label{background:var(--pi-panel);border:1px solid var(--pi-line);border-radius:9px;padding:8px 11px;color:#687c71;text-transform:uppercase;font-size:8px;letter-spacing:.11em;display:flex;flex-direction:column;gap:4px}.pi-controls select{background:#0d1814;color:var(--pi-ink);border:0;outline:0;text-transform:none;font-size:12px}.pi-segments{display:flex;gap:4px;grid-column:span 2}.pi-segments button{flex:1;border:1px solid var(--pi-line);background:#0b1612;color:#71857a;border-radius:7px;padding:9px;font-size:10px}.pi-segments button.active{background:var(--pi-green);color:#07110d;border-color:var(--pi-green);font-weight:800}.pi-fixtures{max-width:1440px;margin:auto;padding:16px 4vw;display:grid;grid-template-columns:150px minmax(0,1fr);gap:15px;border-bottom:1px solid var(--pi-line)}.pi-fixtures>div{display:flex;flex-direction:column;border-right:1px solid var(--pi-line)}.pi-fixtures>div span{color:var(--pi-green);font-size:9px;text-transform:uppercase}.pi-fixtures>div strong{font-size:11px;margin:5px 0}.pi-fixtures>div small{font-size:8px;color:#607369}.pi-fixtures nav{display:flex;overflow:auto;gap:7px;scroll-snap-type:x mandatory}.pi-fixtures nav>button{min-width:172px;scroll-snap-align:start;text-align:left;padding:9px 10px;border:1px solid var(--pi-line);background:#0c1713;color:var(--pi-ink);border-radius:8px}.pi-fixtures nav>button.active{border-color:var(--pi-green);box-shadow:inset 0 0 0 1px var(--pi-green)}.pi-fixtures button small,.pi-fixtures button time{font-size:8px;color:#6c8075}.pi-fixtures button>span{display:grid;grid-template-columns:1fr auto 1fr;gap:5px;align-items:center;margin:7px 0;font-size:9px}.pi-fixtures button>span strong:last-child{text-align:right}.pi-fixtures button i{color:#53675c;font-style:normal}.pi-fixtures nav>p{color:#6e8177;font-size:10px}.pi-error,.pi-provisional{max-width:calc(1440px - 8vw);margin:14px auto;padding:11px 14px;border-radius:8px;font-size:10px;display:flex;gap:8px}.pi-error{border:1px solid rgba(239,119,110,.25);background:rgba(239,119,110,.05);color:#dca09b}.pi-provisional{border:1px solid rgba(214,181,99,.2);background:rgba(214,181,99,.05);color:#9e8b5c}.pi-summary{max-width:1440px;margin:auto;padding:16px 4vw;display:grid;grid-template-columns:repeat(4,1fr)}.pi-summary article{border:1px solid var(--pi-line);background:var(--pi-panel);padding:14px;display:flex;flex-direction:column}.pi-summary article:first-child{border-radius:9px 0 0 9px}.pi-summary article:last-child{border-radius:0 9px 9px 0}.pi-summary span{color:#64786d;text-transform:uppercase;font-size:8px}.pi-summary strong{font-size:14px;margin:7px 0}.pi-summary small{font-size:8px;color:#7f9287}.pi-analysis{max-width:1440px;margin:auto;padding:0 4vw 18px;display:grid;grid-template-columns:300px 1fr;gap:14px;transition:opacity .15s}.pi-analysis.updating{opacity:.55}.pi-matchup,.pi-position-card,.pi-selected,.pi-table-card{border:1px solid var(--pi-line);background:var(--pi-panel);border-radius:11px;overflow:hidden}.pi-position-card header,.pi-table-card header{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid var(--pi-line)}.pi-position-card h2,.pi-table-card h2{margin:0;font-size:15px}.pi-position-card header b{font-size:9px;color:#7b8f83}.pi-position-grid{padding:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:linear-gradient(90deg,transparent 49.8%,rgba(115,224,141,.08) 50%,transparent 50.2%),linear-gradient(#0c1b14,#10251a)}.pi-position-grid button{height:52px;border-radius:50%;border:1px solid rgba(115,224,141,.22);background:#14271e;color:#d7e8de;font-size:10px;font-weight:800}.pi-position-grid button.active{background:var(--pi-green);color:#07110d;box-shadow:0 0 0 5px rgba(115,224,141,.1)}.pi-position-card>p{padding:0 16px 15px;color:#63776b;font-size:9px;line-height:1.5}.pi-table-card header{align-items:center}.pi-table-card header span{color:#75887e;font-size:9px}.pi-table-card input{border:1px solid var(--pi-line);background:#09130f;border-radius:7px;padding:8px 10px;color:var(--pi-ink);font-size:10px}.pi-table-wrap{max-height:510px;overflow:auto}.pi-table-wrap table{border-collapse:collapse;width:100%;min-width:700px}.pi-table-wrap th{position:sticky;top:0;background:var(--pi-panel);z-index:2;color:#5f7468;text-transform:uppercase;letter-spacing:.09em;font-size:8px;text-align:left;padding:10px 13px;border-bottom:1px solid var(--pi-line)}.pi-table-wrap td{font-size:10px;color:#91a399;padding:9px 13px;border-bottom:1px solid rgba(164,197,177,.07)}.pi-table-wrap tr{cursor:pointer}.pi-table-wrap tr.selected,.pi-table-wrap tr:hover{background:rgba(115,224,141,.035)}.pi-table-wrap td:first-child b{display:inline-grid;place-items:center;min-width:28px;height:23px;background:#18261f;color:#a9bbb1;border-radius:5px}.pi-club{display:flex;align-items:center;gap:8px;color:#d8e5dd}.pi-club i,.pi-club img{width:26px;height:26px;object-fit:contain;border-radius:50%}.pi-club i{display:grid;place-items:center;background:#14241d;font-size:7px;font-style:normal}.pi-sample{font-style:normal;border:1px solid var(--pi-line);padding:4px 6px;border-radius:99px;font-size:8px}.pi-sample.provisional{color:var(--pi-gold)}.pi-sample.developing{color:#b7c789}.pi-table-card footer{padding:11px 13px;background:#09130f;color:#5e7266;font-size:8px;display:flex;justify-content:space-between}.pi-skeleton{min-height:300px;display:grid;place-items:center;color:#64776c;font-size:10px}.pi-selected{max-width:calc(1440px - 8vw);margin:0 auto 50px;padding:20px;display:grid;grid-template-columns:1.4fr .7fr .4fr;gap:20px;align-items:center}.pi-selected span{color:var(--pi-green);font-size:8px;text-transform:uppercase}.pi-selected h2{margin:5px 0 0;font-size:18px}.pi-selected>b,.pi-selected>strong{font-size:32px;display:flex;flex-direction:column}.pi-selected small{font-size:8px;color:#65786d;font-weight:400}.pi-selected>p{grid-column:1/-1;margin:0;color:#82958b;font-size:10px}.pi-matchup{max-width:calc(1440px - 8vw);margin:18px auto 55px}.pi-matchup>header{padding:17px 20px;border-bottom:1px solid var(--pi-line);display:flex;justify-content:space-between;align-items:center}.pi-matchup>header span{font-size:8px;color:var(--pi-green);text-transform:uppercase}.pi-matchup>header h2{margin:4px 0;font-size:18px}.pi-matchup>header small{color:#6c8075}.pi-matchup>header button{border:1px solid rgba(115,224,141,.2);background:rgba(115,224,141,.06);color:var(--pi-green);padding:9px 11px;border-radius:7px;font-size:9px}.pi-match-grid{display:grid;grid-template-columns:1fr 1fr}.pi-match-grid article{padding:30px}.pi-match-grid article+article{border-left:1px solid var(--pi-line)}.pi-match-grid p{color:var(--pi-green);font-size:10px}.pi-match-grid article>strong{font-size:50px}.pi-match-grid article>span{display:block;color:#71847a;font-size:9px}.pi-match-grid dl{display:flex;gap:10px}.pi-match-grid dl div{flex:1;border:1px solid var(--pi-line);padding:9px;border-radius:7px}.pi-match-grid dt{font-size:8px;color:#64776d}.pi-match-grid dd{margin:4px 0 0;font-size:16px}.pi-match-grid article>b{display:flex;align-items:baseline;gap:6px;font-size:31px;margin-top:16px;color:var(--pi-green)}.pi-match-grid article>b small{font-size:9px}.pi-match-grid article>em{display:block;font-style:normal;color:#74887d;font-size:9px}.pi-match-grid .unavailable{color:#778a80;font-size:10px}.pi-disclaimer{margin:0;padding:10px 20px;color:#61756a;font-size:8px}.pi-disclaimer,.pi-lineups{border-top:1px solid var(--pi-line)}.pi-lineups{display:grid;grid-template-columns:1fr 1fr}.pi-lineups>article{padding:17px}.pi-lineups>article+article{border-left:1px solid var(--pi-line)}.pi-lineups article header{display:flex;justify-content:space-between}.pi-lineups header span{color:var(--pi-green);font-size:8px;text-transform:uppercase}.pi-lineups h3{margin:4px 0}.pi-lineups header b{font-size:9px;color:#83968b}.pi-lineups ul{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:5px}.pi-lineups li{border:1px solid var(--pi-line);border-radius:6px;padding:7px;display:flex;gap:8px;font-size:8px}.pi-lineups li span{color:var(--pi-green);font-weight:800}.pi-lineups article>p{color:#71847a;font-size:9px}.pi-modal-bg{position:fixed;inset:0;z-index:30;background:rgba(2,7,5,.86);display:grid;place-items:center;padding:20px}.pi-modal{width:min(620px,100%);background:#0d1914;border:1px solid rgba(115,224,141,.2);border-radius:14px;padding:28px;position:relative}.pi-modal>button{position:absolute;right:15px;top:12px;border:0;background:none;color:#75887d;font-size:24px}.pi-modal h2{font-size:29px;margin:0 0 20px}.pi-modal ol{padding:0;list-style:none}.pi-modal li{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--pi-line);font-size:10px}.pi-modal li span{color:#7d9085}.pi-modal code{display:block;background:#09130f;border:1px solid var(--pi-line);padding:12px;border-radius:7px;color:#bdf7c9;font-size:9px}@media(max-width:900px){.pi-controls{grid-template-columns:1fr 1fr}.pi-fixtures{grid-template-columns:125px 1fr}.pi-summary{grid-template-columns:1fr 1fr}.pi-analysis{grid-template-columns:1fr}.pi-position-grid{grid-template-columns:repeat(5,1fr)}.pi-selected{grid-template-columns:1fr 1fr}.pi-selected>b{grid-column:2}.pi-match-grid{grid-template-columns:1fr}.pi-match-grid article+article{border-left:0;border-top:1px solid var(--pi-line)}}@media(max-width:600px){.pi-brand small{display:none}.pi-hero{align-items:flex-start;flex-direction:column;gap:14px}.pi-controls{grid-template-columns:1fr}.pi-segments{grid-column:auto;overflow:auto}.pi-segments button{min-width:max-content}.pi-fixtures{display:block;padding-right:0}.pi-fixtures>div{border-right:0;margin-bottom:10px}.pi-summary{grid-template-columns:1fr}.pi-position-grid{grid-template-columns:repeat(3,1fr)}.pi-table-card header{align-items:flex-start;flex-direction:column;gap:10px}.pi-table-card input{width:100%}.pi-selected{grid-template-columns:1fr}.pi-selected>b{grid-column:auto}.pi-lineups{grid-template-columns:1fr}.pi-lineups>article+article{border-left:0;border-top:1px solid var(--pi-line)}.pi-lineups ul,.pi-modal li{grid-template-columns:1fr}.pi-modal li{gap:4px}}