:root{--color-pitch: #2d8c3c;--color-pitch-dark: #1e6b2c;--color-gold: #f5a623;--color-accent: #00d4aa;--color-dark: #1a1a2e;--color-card: #16213e;--color-surface: #0f3460}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--color-dark);color:#e0e0e0;min-height:100vh;overflow-x:hidden}#app{min-height:100vh}.pitch-bg{background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-card) 50%,var(--color-surface) 100%)}@keyframes spin-wheel{0%{transform:rotate(0)}to{transform:rotate(1080deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00d4aa4d}50%{box-shadow:0 0 40px #00d4aa99}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slide-up .5s ease-out}.animate-fade-in{animation:fade-in .4s ease-out}.animate-pulse-glow{animation:pulse-glow 2s infinite}.pitch-field{background:var(--color-pitch);border-radius:8px;position:relative;border:2px solid rgba(255,255,255,.3);overflow:hidden}.pitch-field:before{content:"";position:absolute;top:50%;left:10%;right:10%;height:0;border-top:2px dashed rgba(255,255,255,.25)}.pitch-field:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:2px dashed rgba(255,255,255,.25);border-radius:50%}.pitch-slot{background:#00000059;border:2px dashed rgba(255,255,255,.3);border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;min-height:56px}.pitch-slot:hover{border-color:var(--color-accent);background:#00d4aa1a}.pitch-slot.filled{background:#00d4aa26;border:2px solid var(--color-accent)}.pitch-slot.selected{border-color:var(--color-gold);background:#f5a62326;box-shadow:0 0 15px #f5a6234d}.pitch-slot.invalid{border-color:#ff4757;background:#ff47571a}.player-name{font-size:11px;font-weight:600;color:#fff;text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.player-ovr{font-size:10px;font-weight:700;color:var(--color-gold)}.pos-label{font-size:9px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.result-row-W{color:#00d4aa}.result-row-D{color:#f5a623}.result-row-L{color:#ff4757}