:root{--color-bg: #FFFFFF;--color-bg-alt: #F5F7FA;--color-bg-card: #FFFFFF;--color-text: #1A1A1A;--color-text-muted: #64748B;--color-accent: #1E3A5F;--color-accent-dark: #152A45;--color-accent-light: #E8EEF4;--color-red: #E63946;--color-border: #E2E8F0;--color-mlb: #002D72;--color-nfl: #013369;--color-nba: #C9082A;--color-nhl: #000000;--color-soccer: #00A859;--color-mma: #D20A0A;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", monospace;--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--max-width: 1200px;--header-height: 72px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05)}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);background-color:var(--color-bg-alt);color:var(--color-text);line-height:1.6}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-text);text-decoration:none;transition:color .15s}a:hover{color:var(--color-accent-dark)}img{max-width:100%;height:auto}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1rem}.site-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;height:var(--header-height);box-shadow:var(--shadow-sm)}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;gap:2rem}.site-logo{font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:.25rem;letter-spacing:-.02em}.site-logo .logo-jomboy{color:var(--color-accent)}.site-logo .logo-dot{color:var(--color-red);font-size:.6em;margin:0 .1rem}.site-logo .logo-reference{color:var(--color-accent)}.main-nav{display:flex;gap:.25rem}.main-nav a{font-size:.9rem;font-weight:600;padding:.5rem 1rem;border-radius:6px;transition:background-color .15s,color .15s}.main-nav a:hover,.main-nav a.active{background:var(--color-accent);color:#fff}.search-box{display:flex;align-items:center;gap:.5rem;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:8px;padding:.5rem 1rem;transition:border-color .15s,box-shadow .15s}.search-box:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.search-box svg{color:var(--color-text-muted)}.search-box input{background:none;border:none;color:var(--color-text);font-size:.9rem;width:200px;outline:none}.search-box input::placeholder{color:var(--color-text-muted)}main{flex:1;padding:2rem 0}.site-footer{background:var(--color-accent);color:#fff;padding:3rem 0 2rem;margin-top:auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:2rem}.footer-brand{max-width:300px}.footer-brand .site-logo{margin-bottom:1rem}.footer-brand .site-logo .logo-jomboy,.footer-brand .site-logo .logo-reference{color:#fff}.footer-brand p{font-size:.85rem;color:#94a3b8;line-height:1.7;margin:0}.footer-section h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin:0 0 1rem}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:#fff;font-size:.9rem;opacity:.9}.footer-links a:hover{color:#5ac8fa;opacity:1}.footer-social{display:flex;gap:1rem;margin-top:1rem}.footer-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border-radius:8px;color:#fff;transition:background-color .15s}.footer-social a:hover{background:var(--color-accent);color:#fff}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-disclaimer{font-size:.75rem;color:#64748b;line-height:1.8;margin:0 0 1rem}.footer-credits{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#94a3b8}.footer-credits a{color:#fff;font-weight:700}.footer-credits a:hover{color:#e8eef4}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.font-mono{font-family:var(--font-mono)}.card{background:var(--color-bg);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden}@media(max-width:968px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.main-nav{display:none}.search-box input{width:140px}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-credits{flex-direction:column;gap:.5rem;text-align:center}}