:root{--primary: #10b981;--primary-dark: #059669;--bg-dark: #0f172a;--bg-card: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #3b82f6;--danger: #ef4444;--pitch-green: #2d5a27;--pitch-lines: rgba(255, 255, 255, .3);--glass: rgba(255, 255, 255, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:700;letter-spacing:-.025em}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:.95rem;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #10b98163}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.card{background:var(--bg-card);border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pitch{background:radial-gradient(circle at center,#3d7e36,#2d5a27);aspect-ratio:3 / 4;width:100%;max-width:550px;max-height:85vh;margin:0 auto;border-radius:1rem;border:4px solid var(--pitch-lines);position:relative;overflow:hidden;display:flex;flex-direction:column}@media(min-width:1024px){.pitch{margin-left:auto;margin-right:0}}.grid-overlay{display:grid;grid-template-rows:repeat(4,1fr);height:100%;padding:1rem .4rem}.pitch-row{display:flex;justify-content:space-around;align-items:center}.player-card{width:80px;text-align:center;position:relative;transition:transform .2s}.player-card:hover{transform:scale(1.1)}.player-icon{width:48px;height:48px;background:var(--bg-card);border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;border:2px solid white}.player-name{background:#000c;font-size:.75rem;padding:2px 4px;margin-top:4px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-points{font-size:.65rem;color:var(--primary);font-weight:700}@media(max-width:768px){.container{padding:0 .5rem}.pitch{border-width:2px;border-radius:.5rem}.player-card{width:60px}.player-icon{width:36px;height:36px}.player-name{font-size:.6rem;padding:1px 2px}.nav-menu{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--glass);display:flex;justify-content:space-around;padding:.75rem;z-index:100}.nav-item-label{display:none}.main-content{padding-bottom:5rem}}@media(max-width:1024px){.sidebar{display:none}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-4{padding:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-16{margin-bottom:4rem}.w-full{width:100%}.h-16{height:4rem}.min-h-screen{min-height:100vh}.flex-1{flex:1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.lg\:col-span-2{grid-column:span 2 / span 2}}@media(min-width:1024px){.lg\:col-span-3{grid-column:span 3 / span 3}}.space-y-4>*+*{margin-top:1rem}.space-y-8>*+*{margin-top:2rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-right{text-align:right}.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}.border-b{border-bottom:1px solid rgba(255,255,255,.1)}.bg-slate-900\/50{background-color:#0f172a80}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}