@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700&family=Barlow:wght@400;500;600&display=swap");:root{--bg:#0a0c0f;--bg-card:#111418;--bg-raised:#181c22;--border:#2a2f38;--border-bright:#3d4451;--gold:#ba0c2f;--gold-dark:#8b0020;--red:#ba0c2f;--green:#27ae60;--blue:#2d6be4;--blue-bright:#4a84ff;--text:#e8eaf0;--text-muted:#7a8394;--text-dim:#4a5263;--win:#1a3d28;--win-text:#4ade80;--win-border:#27ae60;--loss:#3d1a1a;--loss-text:#f87171;--loss-border:#e03434;--font-display:"Barlow Condensed",sans-serif;--font-body:"Barlow",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(186,12,47,.07) 0,transparent 60%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.015'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}.page{position:relative;z-index:1;padding-bottom:4rem}nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(10,12,15,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 1.25rem}.nav-inner{max-width:1100px;margin:0 auto;gap:0;height:58px}.nav-inner,.nav-logo{display:flex;align-items:center}.nav-logo{gap:.75rem;text-decoration:none;margin-right:auto}.nav-logo img{height:38px;width:auto}.nav-logo-text{font-family:var(--font-display);font-weight:900;font-size:1.4rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text);line-height:1}.nav-logo-text span{color:var(--gold)}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-link{font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;padding:.5rem .875rem;border-radius:4px;transition:color .15s,background .15s}.nav-link:hover{color:var(--text);background:var(--bg-raised)}.nav-link.active{color:var(--gold)}.nav-user{font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-left:.5rem;padding:.4rem .875rem;border:1px solid var(--border);border-radius:4px}.hero{padding:3.5rem 0 2.5rem;position:relative}.hero-tag{font-size:.8rem;font-weight:700;letter-spacing:.2em;color:var(--gold)}.hero h1,.hero-tag{font-family:var(--font-display);text-transform:uppercase;margin-bottom:.75rem}.hero h1{font-weight:900;font-size:clamp(2.4rem,6vw,4rem);letter-spacing:.02em;line-height:1;color:var(--text)}.hero h1 span{color:var(--gold)}.hero p{font-size:1rem;color:var(--text-muted);max-width:560px;line-height:1.7}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.card-header{background:var(--bg-raised);border-bottom:1px solid var(--border);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-title{font-family:var(--font-display);font-weight:800;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.card-body{padding:1.25rem}.section-heading{font-family:var(--font-display);font-weight:900;font-size:1.6rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text);margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.section-heading:before{content:"";display:block;width:4px;height:1.4em;background:var(--gold);border-radius:2px;flex-shrink:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}thead tr{background:var(--bg-raised);border-bottom:2px solid var(--gold)}th{font-family:var(--font-display);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:.7rem 1rem;text-align:left;white-space:nowrap}td{padding:.65rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:hsla(0,0%,100%,.02)}.cell-win{background:var(--win);color:var(--win-text)}.cell-loss,.cell-win{border-radius:3px;padding:.2rem .5rem;font-weight:600;font-size:.85rem}.cell-loss{background:var(--loss);color:var(--loss-text)}.game-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--border);transition:background .15s}.game-row:last-child{border-bottom:none}.game-row:hover{background:hsla(0,0%,100%,.02)}.team-pick{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border:2px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s;background:transparent;color:var(--text);font-family:var(--font-body);font-size:.9rem;font-weight:500;text-align:left;width:100%}.team-pick:hover{border-color:var(--gold);background:rgba(186,12,47,.06)}.team-pick.selected{border-color:var(--gold);background:rgba(186,12,47,.12);color:var(--gold)}.team-pick.correct{border-color:var(--win-border);background:var(--win);color:var(--win-text)}.team-pick.incorrect{border-color:var(--loss-border);background:var(--loss);color:var(--loss-text)}.spread-badge{font-size:1rem;color:var(--gold);text-align:center;white-space:nowrap;min-width:60px}.btn,.spread-badge{font-family:var(--font-display);font-weight:800}.btn{font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;padding:.6rem 1.5rem;border-radius:5px;border:none;cursor:pointer;transition:all .15s;text-decoration:none;display:inline-block;line-height:1.4}.btn-primary{background:var(--gold);color:#0a0c0f}.btn-primary:hover{background:#d41035;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border-bright)}.btn-secondary:hover{border-color:var(--gold);color:var(--gold)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#c02828}.btn-sm{font-size:.8rem;padding:.4rem .9rem}.form-group{margin-bottom:1.25rem}label{display:block;font-family:var(--font-display);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.45rem}input,select,textarea{width:100%;background:var(--bg-raised);border:1px solid var(--border);border-radius:5px;color:var(--text);font-family:var(--font-body);font-size:.95rem;padding:.6rem .875rem;transition:border-color .15s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(186,12,47,.1)}input::placeholder{color:var(--text-dim)}.badge{font-family:var(--font-display);font-weight:700;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .55rem;border-radius:3px}.badge-gold{background:rgba(186,12,47,.15);color:var(--gold);border:1px solid rgba(186,12,47,.3)}.badge-green{background:rgba(39,174,96,.15);color:#4ade80;border:1px solid rgba(39,174,96,.3)}.badge-red{background:rgba(224,52,52,.15);color:#f87171;border:1px solid rgba(224,52,52,.3)}.badge-blue{background:rgba(45,107,228,.15);color:var(--blue-bright);border:1px solid rgba(45,107,228,.3)}.rank-1{color:var(--gold);font-weight:900}.rank-2{color:silver;font-weight:800}.rank-3{color:#cd7f32;font-weight:700}.alert{padding:.875rem 1rem;border-radius:5px;font-size:.9rem;margin-bottom:1rem}.alert-error{background:var(--loss);border:1px solid var(--loss-border);color:var(--loss-text)}.alert-success{background:var(--win);border:1px solid var(--win-border);color:var(--win-text)}.alert-info{background:rgba(45,107,228,.1);border:1px solid rgba(45,107,228,.3);color:var(--blue-bright)}.divider{height:1px;background:var(--border);margin:1.5rem 0}.text-gold{color:var(--gold)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.flex{display:flex}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:1rem}.grid-2,.grid-3{display:grid;gap:1rem}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:1rem}.font-display{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.admin-bar{background:rgba(186,12,47,.08);border-bottom:1px solid rgba(186,12,47,.2);padding:.5rem 1.25rem}.admin-bar-inner{max-width:1100px;margin:0 auto;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:.5rem}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:.875rem;gap:.875rem;margin-bottom:2rem}.stat-box{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;text-align:center}.stat-box-num{font-weight:900;font-size:2rem;color:var(--gold);line-height:1;margin-bottom:.3rem}.stat-box-label,.stat-box-num{font-family:var(--font-display)}.stat-box-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s ease both}.fade-up-1{animation-delay:.05s}.fade-up-2{animation-delay:.1s}.fade-up-3{animation-delay:.15s}.fade-up-4{animation-delay:.2s}@media (max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}.nav-links .nav-link:not(.keep){display:none}td,th{padding:.5rem .625rem;font-size:.82rem}}