@tailwind base;@tailwind components;@tailwind utilities;:root,[data-theme=dark]{--green: #00e676;--green-glow: rgba(0, 230, 118, .15);--bg: #080c0a;--bg2: #0e1410;--bg3: #141c16;--border: rgba(0, 230, 118, .12);--text: #f0f4f1;--text-dim: rgba(240, 244, 241, .45);--red: #ff3d57;--gold: #ffd600;--silver: #b0bec5;--bronze: #ff8a65;--navbar-bg: rgba(8,12,10,.92);--pitch-lines: rgba(0, 230, 118, .015)}[data-theme=light]{--green: #00a152;--green-glow: rgba(0, 161, 82, .12);--bg: #f0f4f1;--bg2: #ffffff;--bg3: #e8f0ea;--border: rgba(0, 161, 82, .18);--text: #0d1f13;--text-dim: rgba(13, 31, 19, .45);--red: #d32f2f;--gold: #f9a825;--silver: #607d8b;--bronze: #e64a19;--navbar-bg: rgba(240,244,241,.95);--pitch-lines: rgba(0, 161, 82, .04)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Barlow,sans-serif;min-height:100vh;overflow-x:hidden;transition:background .3s,color .3s}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 40px,var(--pitch-lines) 40px,var(--pitch-lines) 41px);pointer-events:none;z-index:0}#root{position:relative;z-index:1}.btn-primary{display:inline-block;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;padding:.75rem 2rem;border-radius:8px;background:var(--green);color:var(--bg);border:none;cursor:pointer;box-shadow:0 0 20px var(--green-glow);transition:all .2s}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 0 32px var(--green-glow);transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-secondary{display:inline-block;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;padding:.75rem 2rem;border-radius:8px;border:1px solid var(--green);color:var(--green);background:transparent;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--green-glow)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;transition:background .3s,border-color .3s}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:.4}.input{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.75rem 1rem;font-family:Barlow,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background .3s;outline:none}.input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-glow)}.input::placeholder{color:var(--text-dim)}select.input option{background:var(--bg3);color:var(--text)}.score-input{width:3.5rem;text-align:center;background:var(--bg);border:2px solid var(--border);color:var(--green);border-radius:8px;padding:.5rem .25rem;font-family:Barlow Condensed,sans-serif;font-size:1.8rem;font-weight:800;outline:none;transition:border-color .2s,box-shadow .2s}.score-input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-glow)}.score-input:disabled{opacity:.4;cursor:not-allowed}.theme-toggle{width:40px;height:22px;border-radius:11px;border:1px solid var(--border);background:var(--bg3);cursor:pointer;position:relative;transition:background .3s;flex-shrink:0}.theme-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--green);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 0 6px var(--green-glow)}[data-theme=light] .theme-toggle:after{transform:translate(18px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fadeUp{animation:fadeUp .35s ease forwards}