:root{--bg:#0a0e1a;--bg2:#111827;--bg3:#1c2539;--card:#1a2235;--border:#2a3550;--nfl-blue:#013369;--nfl-red:#d50a0a;--gold:#f5c518;--text:#e8eaf0;--muted:#8a94a8;--green:#22c55e;--teal:#14b8a6;--red:#f87171}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:1300px;margin:0 auto;padding:0 24px}.section{padding:48px 0}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;border:none;transition:all .2s;white-space:nowrap;text-decoration:none}.btn-primary{background:var(--gold);color:#000}.btn-primary:hover{background:#e5b610}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--muted)}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.btn-green{background:#16a34a;color:#fff}.btn-green:hover{background:#15803d}.btn-red{background:#dc2626;color:#fff}.btn-red:hover{background:#b91c1c}.btn-ghost{background:hsla(0,0%,100%,.05);color:var(--text)}.btn-ghost:hover{background:hsla(0,0%,100%,.1)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:5px;font-size:.72rem;font-weight:700;letter-spacing:.3px}.pos-QB{background:#1e3a5f;color:#60a5fa}.pos-RB{background:#1e3d2a;color:#4ade80}.pos-WR{background:#3d1e5f;color:#c084fc}.pos-TE{background:#3d2e1e;color:#fb923c}.pos-IOL,.pos-OG,.pos-OT{background:#2a2a1e;color:#facc15}.pos-EDGE{background:#3d1e1e;color:#f87171}.pos-DL,.pos-DT{background:#1e2d3d;color:#38bdf8}.pos-LB{background:#1e3030;color:#2dd4bf}.pos-CB{background:#2d1e3d;color:#e879f9}.pos-S{background:#3d2d1e;color:#fdba74}.score-correct{color:var(--green)}.score-trade{color:var(--teal)}.score-partial{color:var(--gold)}.score-miss{color:var(--muted)}.score-penalty{color:var(--red)}.divider{border:none;border-top:1px solid var(--border);margin:24px 0}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{text-align:center;padding:64px 24px;color:var(--muted);font-size:.95rem}.empty-state .icon{font-size:3rem;margin-bottom:16px;display:block}.empty-state h3{font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:8px}