:root{--pf-bg:#fafaf7;--pf-surface:#ffffff;--pf-surface-2:#f2f2ee;--pf-border:#e5e4df;--pf-border-strong:#d6d4cc;--pf-text:#17181a;--pf-text-2:#3a3b3d;--pf-text-dim:#8a8a86;--pf-accent:#0a6a44;--pf-accent-soft:#e6f1eb;--pf-warn:#a0670a;--pf-bad:#c2410c;--pf-font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Inter","Segoe UI","Helvetica Neue",Arial,sans-serif;--pf-font-serif:"Charter","Iowan Old Style","Source Serif Pro","Cambria",Georgia,serif;--pf-font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--pf-bg);font-family:var(--pf-font-sans);font-size:15px;line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,body,html{color:var(--pf-text)}a{text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:var(--pf-border-strong);text-decoration-color:var(--pf-border-strong)}::selection{background:var(--pf-accent-soft);color:var(--pf-accent)}button{font:inherit;color:var(--pf-text);border:1px solid var(--pf-border-strong);background:var(--pf-surface);padding:.5rem .9rem;border-radius:4px;cursor:pointer;transition:border-color .12s ease,background .12s ease}button:hover{border-color:var(--pf-text)}button[disabled]{opacity:.45;cursor:not-allowed}input,select,textarea{font:inherit;color:var(--pf-text);background:var(--pf-surface);border:1px solid var(--pf-border-strong);border-radius:4px;padding:.5rem .7rem;width:100%;transition:border-color .12s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--pf-text)}.pf-shell{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.pf-topbar{display:flex;align-items:baseline;gap:1.5rem;padding:1rem 2rem;border-bottom:1px solid var(--pf-border);background:var(--pf-surface)}.pf-topbar .brand{font-family:var(--pf-font-serif);font-weight:500;font-size:1.15rem;letter-spacing:-.01em;color:var(--pf-text)}.pf-topbar .brand b{font-weight:700}.pf-topbar nav a{color:var(--pf-text-dim);font-size:.9rem}.pf-topbar nav a:hover{color:var(--pf-text);text-decoration:none}.pf-topbar nav a[aria-current=page]{color:var(--pf-text)}.pf-topbar .spacer{flex:1 1}.pf-topbar .who{color:var(--pf-text-dim);font-size:.88rem;display:inline-flex;align-items:baseline;gap:.5rem}.pf-footer{border-top:1px solid var(--pf-border);padding:1.5rem 2rem;color:var(--pf-text-dim);font-size:.82rem;font-family:var(--pf-font-serif)}.pf-main{padding:3rem 2rem;max-width:1080px;width:100%;margin:0 auto}.pf-main:has(.pf-club-grid){max-width:1360px}.pf-h1{font-size:2.25rem;line-height:1.15;margin:0 0 .75rem;letter-spacing:-.015em;color:var(--pf-text)}.pf-h1,.pf-h2{font-family:var(--pf-font-serif);font-weight:500}.pf-h2{font-size:1.35rem;margin:0 0 .5rem;letter-spacing:-.01em}.pf-eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-text-dim);margin:0 0 .6rem;font-weight:500}.pf-lead{color:var(--pf-text-2);font-size:1.05rem;margin:0 0 1.5rem;max-width:60ch}.pf-card{background:var(--pf-surface);border:1px solid var(--pf-border);border-radius:6px;padding:1.5rem}.pf-divider{height:1px;background:var(--pf-border);margin:2.5rem 0}.pf-grid{display:grid;grid-gap:1rem;gap:1rem}.pf-grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pf-grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pf-stack>*+*{margin-top:.75rem}.pf-muted{color:var(--pf-text-dim);font-size:.88rem}.pf-mono{font-family:var(--pf-font-mono);font-size:.9em}.pf-pill{display:inline-flex;align-items:center;padding:.12rem .55rem;border-radius:3px;background:var(--pf-surface-2);border:1px solid var(--pf-border);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--pf-text-dim);font-weight:500}.pf-pill.ok{color:var(--pf-accent);background:var(--pf-accent-soft);border-color:#c9e2d5}.pf-pill.warn{color:var(--pf-warn);border-color:#e8d5a8;background:#f9f1df}.pf-empty{padding:3rem 1rem;text-align:center;color:var(--pf-text-dim);border:1px dashed var(--pf-border-strong);border-radius:6px;font-family:var(--pf-font-serif);font-style:italic}.pf-table{width:100%;border-collapse:collapse;font-size:.92rem}.pf-table td,.pf-table th{padding:.7rem 1rem;text-align:left;border-bottom:1px solid var(--pf-border)}.pf-table tr:last-child td{border-bottom:none}.pf-table th{color:var(--pf-text-dim);font-weight:500;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:var(--pf-surface-2)}.pf-color-dot{width:.75em;height:.75em;vertical-align:-1px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.pf-club-dot,.pf-color-dot{display:inline-block;border-radius:50%;margin-right:.5em}.pf-club-dot{vertical-align:-2px;border-style:solid;border-width:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}.pf-btn-primary{background:var(--pf-text);border:1px solid var(--pf-text);color:var(--pf-bg);padding:.6rem 1.1rem;border-radius:4px;font-weight:500}.pf-btn-primary:hover{background:#000;border-color:#000}.pf-btn-ghost{background:transparent;border:1px solid var(--pf-border-strong);color:var(--pf-text);padding:.6rem 1.1rem;border-radius:4px}.pf-btn-ghost:hover{border-color:var(--pf-text)}.pf-linkbox{display:block;padding:1.1rem 1.25rem;border:1px solid var(--pf-border);border-radius:6px;background:var(--pf-surface);color:inherit;transition:border-color .12s ease}.pf-linkbox:hover{border-color:var(--pf-text);text-decoration:none}.pf-score{font-family:var(--pf-font-mono);font-size:1.1rem;font-weight:600;color:var(--pf-text);letter-spacing:-.01em}.pf-subtle-link{color:var(--pf-text-dim);text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:var(--pf-border-strong);text-decoration-color:var(--pf-border-strong)}.pf-subtle-link:hover{color:var(--pf-text)}.pf-segment{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;border:1px solid var(--pf-border-strong);border-radius:6px;overflow:hidden;background:var(--pf-surface)}.pf-segment input{display:none}.pf-segment label{display:block;text-align:center;padding:.7rem .5rem;cursor:pointer;border-right:1px solid var(--pf-border);font-size:.92rem;color:var(--pf-text-2);transition:background .12s ease,color .12s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pf-segment label:last-of-type{border-right:none}.pf-segment label:hover{background:var(--pf-surface-2)}.pf-segment input:checked+label{background:var(--pf-text);color:var(--pf-bg);font-weight:500}.pf-segment label .pf-segment-icon{display:block;font-family:var(--pf-font-mono);font-size:.75rem;letter-spacing:.1em;opacity:.5;margin-bottom:.15rem}.pf-segment input:checked+label .pf-segment-icon{opacity:.7}.pf-slider-row{display:grid;grid-template-rows:auto auto;grid-gap:.4rem;gap:.4rem}.pf-slider-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.88rem}.pf-slider-head .pf-slider-label{color:var(--pf-text-2);font-weight:500}.pf-slider-head .pf-slider-value{font-family:var(--pf-font-mono);font-size:.85rem;color:var(--pf-text);background:var(--pf-surface-2);padding:.05rem .45rem;border-radius:3px;min-width:2.6rem;text-align:center}.pf-slider-poles{display:flex;justify-content:space-between;font-size:.7rem;color:var(--pf-text-dim);letter-spacing:.04em;text-transform:lowercase;margin-top:.2rem}input[type=range].pf-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;padding:0;border:none;height:22px;cursor:pointer}input[type=range].pf-slider::-webkit-slider-runnable-track{height:4px;background:var(--pf-border-strong);border-radius:2px}input[type=range].pf-slider::-moz-range-track{height:4px;background:var(--pf-border-strong);border-radius:2px}input[type=range].pf-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--pf-text);border:2px solid var(--pf-bg);box-shadow:0 0 0 1px var(--pf-text);margin-top:-7px;cursor:-webkit-grab;cursor:grab;-webkit-transition:transform .12s ease;transition:transform .12s ease}input[type=range].pf-slider::-webkit-slider-thumb:active{transform:scale(1.15);cursor:-webkit-grabbing;cursor:grabbing}input[type=range].pf-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--pf-text);border:2px solid var(--pf-bg);box-shadow:0 0 0 1px var(--pf-text);cursor:grab}.pf-color-field{display:flex;align-items:center;gap:.6rem;border:1px solid var(--pf-border-strong);border-radius:4px;padding:.35rem .5rem;background:var(--pf-surface);cursor:pointer;transition:border-color .12s ease}.pf-color-field:hover{border-color:var(--pf-text)}.pf-color-field input[type=color]{width:28px;height:28px;padding:0;border:none;background:none;cursor:pointer;border-radius:3px;overflow:hidden}.pf-color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.pf-color-field input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.pf-color-field .pf-color-hex{font-family:var(--pf-font-mono);font-size:.85rem;color:var(--pf-text-2);text-transform:uppercase}.pf-color-field .pf-color-name{flex:1 1;font-size:.78rem;color:var(--pf-text-dim);letter-spacing:.06em;text-transform:uppercase}.pf-squad-list{display:grid;grid-gap:2px;gap:2px;background:var(--pf-border);border:1px solid var(--pf-border);border-radius:6px;overflow:hidden}.pf-squad-row{display:grid;grid-template-columns:32px 26px 1fr auto 36px auto;align-items:center;grid-gap:.6rem;gap:.6rem;padding:.55rem .85rem;background:var(--pf-surface);font-size:.92rem;transition:background .12s ease}.pf-squad-row:hover{background:#fbfbf8}.pf-squad-row.is-bench{color:var(--pf-text-dim)}.pf-squad-row.is-bench .pf-squad-name{color:var(--pf-text-2)}.pf-squad-divider{background:var(--pf-bg);padding:.45rem .85rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--pf-text-dim);border-top:1px dashed var(--pf-border-strong);border-bottom:1px dashed var(--pf-border-strong);font-weight:500}.pf-squad-num{font-family:var(--pf-font-mono);font-size:.8rem;color:var(--pf-text-dim);text-align:right}.pf-squad-rolepill{display:inline-block;font-family:var(--pf-font-mono);font-size:.68rem;letter-spacing:.05em;padding:.1rem .35rem;border-radius:3px;background:var(--pf-surface-2);color:var(--pf-text-2);text-align:center;min-width:2.6em}.pf-squad-row.is-bench .pf-squad-rolepill{background:var(--pf-bg);color:var(--pf-text-dim)}.pf-squad-name{font-weight:500}.pf-squad-ovr{font-family:var(--pf-font-mono);font-weight:600;font-size:.95rem;text-align:center;color:var(--pf-text)}.pf-squad-row.is-bench .pf-squad-ovr{color:var(--pf-text-dim);font-weight:500}.pf-squad-controls{display:inline-flex;gap:2px}.pf-icon-btn{width:26px;height:26px;display:inline-grid;place-items:center;background:var(--pf-surface);border:1px solid var(--pf-border);border-radius:3px;cursor:pointer;padding:0;font-size:.85rem;line-height:1;color:var(--pf-text-2);transition:all .12s ease}.pf-icon-btn:hover:not([disabled]){background:var(--pf-text);color:var(--pf-bg);border-color:var(--pf-text)}.pf-icon-btn[disabled]{opacity:.3;cursor:not-allowed}.pf-squad-stats-mini{display:flex;gap:.45rem;font-family:var(--pf-font-mono);font-size:.72rem;color:var(--pf-text-dim)}.pf-squad-stats-mini span b{color:var(--pf-text-2);font-weight:600}.pf-club-grid{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}@media (max-width:880px){.pf-club-grid{grid-template-columns:1fr}.pf-squad-row{grid-template-columns:28px 26px 1fr 36px auto}.pf-squad-stats-mini{display:none}}.pf-lineup{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(220px,.95fr);grid-gap:1rem;gap:1rem;margin-top:.85rem}@media (max-width:760px){.pf-lineup{grid-template-columns:1fr}}.pf-pitch{position:relative;aspect-ratio:4/5;background:repeating-linear-gradient(0deg,#4f8a4d,#4f8a4d 20px,#528d50 0,#528d50 40px);border:1px solid var(--pf-border-strong);border-radius:6px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.pf-pitch-lines{position:absolute;inset:0;pointer-events:none}.pf-pitch-lines svg{width:100%;height:100%}.pf-pitch-slot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;cursor:-webkit-grab;cursor:grab;z-index:2;width:64px;pointer-events:auto}.pf-pitch-slot:active{cursor:-webkit-grabbing;cursor:grabbing}.pf-pitch-dot{width:28px;height:28px;border-radius:50%;background:var(--pf-surface);color:var(--pf-text);display:grid;place-items:center;font-family:var(--pf-font-mono);font-size:.72rem;font-weight:700;border:2px solid;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:transform .12s ease,box-shadow .12s ease}.pf-pitch-slot:hover .pf-pitch-dot{transform:scale(1.12);box-shadow:0 4px 10px rgba(0,0,0,.4);z-index:3}.pf-pitch-name{font-size:.66rem;line-height:1.1;color:#fff;background:rgba(0,0,0,.5);padding:1px 5px;border-radius:3px;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.45)}.pf-pitch-role{font-size:.55rem;font-family:var(--pf-font-mono);color:rgba(255,255,255,.8);letter-spacing:.06em;line-height:1}.pf-pitch-slot.is-dragging .pf-pitch-dot{opacity:.4;transform:scale(.92)}.pf-pitch-slot.is-drop-target .pf-pitch-dot{outline:3px solid #fff;outline-offset:2px}.pf-pitch-role.is-mismatch{color:#ffd17a;font-weight:700}.pf-bench{display:flex;flex-direction:column;gap:4px}.pf-bench-head{display:flex;align-items:baseline;justify-content:space-between;font-size:.72rem;color:var(--pf-text-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.25rem}.pf-bench-row{display:grid;grid-template-columns:22px 28px 1fr auto;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.4rem .55rem;border:1px solid var(--pf-border);border-radius:4px;background:var(--pf-surface);cursor:-webkit-grab;cursor:grab;font-size:.85rem;transition:border-color .12s ease,background .12s ease}.pf-bench-row:active{cursor:-webkit-grabbing;cursor:grabbing}.pf-bench-row:hover{border-color:var(--pf-text)}.pf-bench-row.is-dragging{opacity:.4}.pf-bench-row.is-drop-target{border-color:var(--pf-text);background:var(--pf-surface-2)}.pf-bench-row .pf-bench-num{color:var(--pf-text-dim);font-family:var(--pf-font-mono);font-size:.78rem;text-align:right}.pf-bench-row .pf-bench-ovr{font-family:var(--pf-font-mono);font-weight:600;color:var(--pf-text)}.pf-lineup-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.85rem}.pf-lineup-hint{font-size:.78rem;color:var(--pf-text-dim);font-style:italic}.pf-roster-details{margin-top:1.25rem;border-top:1px solid var(--pf-border);padding-top:.85rem}.pf-roster-details summary{cursor:pointer;display:flex;align-items:baseline;justify-content:space-between;list-style:none;font-size:.85rem;color:var(--pf-text-2);padding:.25rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pf-roster-details summary::-webkit-details-marker{display:none}.pf-roster-details summary:before{content:"▸";display:inline-block;margin-right:.5rem;color:var(--pf-text-dim);transition:transform .12s ease;font-size:.7rem}.pf-roster-details[open] summary:before{transform:rotate(90deg)}.pf-roster-details summary>span:first-child{font-weight:500;flex:1 1}.pf-roster-details summary:hover{color:var(--pf-text)}@keyframes pf-pulse{0%{box-shadow:0 0 0 0 rgba(10,106,68,.45)}70%{box-shadow:0 0 0 10px rgba(10,106,68,0)}to{box-shadow:0 0 0 0 rgba(10,106,68,0)}}