:root{--charcoal:var(--shadow);--font-heading:var(--font-display,"Barlow Condensed",sans-serif);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--transition-fast:0.15s ease;--transition-medium:0.25s ease}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--court);border-bottom:1px solid var(--pitch);padding:16px 40px;position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center}.header-content{max-width:1100px;margin:0 auto;flex:1}.header h1{font-family:var(--font-heading);font-size:clamp(32px,5vw,48px);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;margin:0}.header h1 em{font-style:italic;color:var(--scarlet)}.header .subtitle{font-family:var(--font-mono);font-size:10px;letter-spacing:.25em;color:var(--ash);text-transform:uppercase;margin-top:4px}.benchmark-selector{display:flex;align-items:center;gap:8px}.benchmark-selector label{font-size:12px;color:var(--ash);text-transform:uppercase;letter-spacing:.5px}.benchmark-dropdown{background:var(--court);border:1px solid var(--shadow);color:var(--chalk);padding:6px 12px;font-size:13px;border-radius:4px;cursor:pointer;font-family:inherit}.benchmark-dropdown:focus,.benchmark-dropdown:hover{border-color:var(--scarlet)}.benchmark-dropdown:focus{outline:none;box-shadow:0 0 0 2px rgba(204,35,47,.2)}.benchmark-dropdown option{background:var(--court);color:var(--chalk)}.nav{background:var(--obsidian);border-bottom:1px solid var(--pitch);padding:0 40px;position:sticky;top:60px;z-index:90;overflow-x:auto}.nav-tabs{max-width:1100px;margin:0 auto;display:flex;gap:2px}.nav-tab{font-family:var(--font-heading);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ash);background:transparent;padding:16px 20px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;border-bottom:2px solid transparent}.nav-tab:hover{color:var(--cement)}.nav-tab.is-active{color:var(--chalk);border-bottom-color:var(--scarlet)}.main{flex:1;padding:40px}.content{max-width:1100px;margin:0 auto}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--ash)}.loading-spinner{width:40px;height:40px;border:3px solid var(--pitch);border-top-color:var(--scarlet);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error{background:var(--scarlet-tint);border:1px solid var(--scarlet-dim);padding:24px;color:var(--scarlet);text-align:center}.card{background:var(--shadow);border:1px solid var(--pitch);padding:var(--space-lg)}.card:hover{border-color:var(--cement)}.card-hero{background:var(--shadow);border-top:3px solid var(--pitch);padding:28px 28px 24px;position:relative}.card-hero.is-flagship{border-top-color:var(--scarlet)}.card-hero.is-flagship:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-scarlet)}.card-stat{background:var(--obsidian);border:1px solid var(--pitch);padding:20px 22px}.card-stat.is-highlighted{border-left:3px solid var(--scarlet)}.label{font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase}.label-ash{color:var(--ash)}.label-cement{color:var(--cement)}.label-scarlet{color:var(--scarlet)}.value-hero{font-size:72px;font-weight:800;line-height:.9}.value-hero,.value-stat{font-family:var(--font-heading);color:var(--chalk)}.value-stat{font-size:44px;font-weight:700;line-height:1}.value-mono{font-size:14px;color:var(--cement)}.score-pill,.value-mono{font-family:var(--font-mono)}.score-pill{display:inline-flex;align-items:center;padding:5px 14px;font-size:11px;letter-spacing:.08em;border-radius:var(--radius-sm)}.score-pill.under{background:rgba(0,192,122,.12);color:var(--under);border:1px solid rgba(0,192,122,.3)}.score-pill.even{background:rgba(138,133,128,.1);color:var(--ash);border:1px solid rgba(138,133,128,.25)}.score-pill.bogey{background:rgba(245,149,32,.1);color:var(--bogey);border:1px solid rgba(245,149,32,.3)}.score-pill.double{background:rgba(232,32,42,.12);color:var(--double);border:1px solid rgba(232,32,42,.3)}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.w-full{width:100%}.h-full{height:100%}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-gap-2{gap:2px}.grid-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:24px}.grid-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.app ::-webkit-scrollbar{width:8px;height:8px}.app ::-webkit-scrollbar-track{background:var(--court)}.app ::-webkit-scrollbar-thumb{background:var(--pitch);border-radius:4px}.app ::-webkit-scrollbar-thumb:hover{background:var(--ash)}.app ::selection{background:var(--scarlet);color:#fff}.filter-sidebar{width:280px;background:var(--obsidian);border-right:1px solid var(--pitch);padding:20px;overflow-y:auto;transition:width .3s ease,transform .3s ease;flex-shrink:0;position:fixed;top:110px;left:0;bottom:0;z-index:200}.filter-sidebar.is-collapsed{width:48px;padding:20px 12px}.filter-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--pitch)}.filter-sidebar.is-collapsed .filter-sidebar-header{justify-content:center;border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-sidebar-header h3{font-family:var(--font-heading);font-size:14px;font-weight:600;color:var(--chalk);margin:0;text-transform:uppercase;letter-spacing:.1em}.filter-sidebar.is-collapsed .filter-sidebar-header h3{display:none}.filter-toggle{background:none;border:1px solid var(--pitch);color:var(--ash);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:10px}.filter-toggle:hover{border-color:var(--scarlet);color:var(--scarlet)}.filter-sidebar-content{display:flex;flex-direction:column;gap:16px}.main-with-sidebar{margin-left:280px;padding:24px 32px;transition:margin-left .3s ease}.main.sidebar-collapsed{margin-left:48px}.filter-multiselect{min-width:140px}.filter-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ash);margin-bottom:8px}.filter-count,.filter-label.is-active{color:var(--scarlet)}.filter-options{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.filter-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 0}.filter-option input[type=checkbox]{appearance:none;width:14px;height:14px;border:1px solid var(--pitch);background:var(--shadow);cursor:pointer;position:relative}.filter-option input[type=checkbox]:checked{background:var(--scarlet);border-color:var(--scarlet)}.filter-option input[type=checkbox]:checked:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:10px}.filter-option-text{font-family:var(--font-body);font-size:12px;color:var(--cement)}.filter-option:hover .filter-option-text{color:var(--chalk)}.filter-option.is-disabled{opacity:.4;cursor:not-allowed}.filter-option.is-disabled .filter-option-text{color:var(--ash)}.filter-option.is-disabled input[type=checkbox]{cursor:not-allowed}.btn-clear{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ash);background:transparent;border:1px solid var(--pitch);padding:8px 16px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-clear:hover{border-color:var(--scarlet);color:var(--scarlet)}@media (max-width:900px){.grid-hero{grid-template-columns:1fr}.grid-stats{grid-template-columns:repeat(2,1fr)}.header,.main,.nav{padding-left:20px;padding-right:20px}}