:root{--pitch-green:#1e7a34;--pitch-line:#dfffd8;--text-light:#fff;--badge-gk:#ffecb3;--badge-def:#bbdefb;--badge-mid:#c8e6c9;--badge-fw:#ffcdd2;--shadow-soft:0 10px 20px #00000040;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--pitch-green);margin:0}#app{justify-content:center;align-items:stretch;min-height:100vh;padding:16px;display:flex}.app-root{justify-content:center;width:100%;max-width:480px;margin:0 auto;display:flex}.pitch-container{background:linear-gradient(90deg, #ffffff14 1px, transparent 1px), linear-gradient(#ffffff14 1px, transparent 1px), var(--pitch-green);width:100%;color:var(--text-light);box-shadow:var(--shadow-soft);background-size:40px 40px;border-radius:24px;padding:16px}.title{text-align:center;margin:0 0 12px;font-size:24px;font-weight:700}.title-ball{margin-left:4px;animation:1.4s linear infinite spin-ball;display:inline-block}@keyframes spin-ball{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toggle-row{justify-content:center;gap:8px;margin-bottom:12px;display:flex}.toggle-button{border:1px solid var(--pitch-line);color:var(--pitch-line);cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}.toggle-button-active{background:var(--pitch-line);color:var(--pitch-green)}.section-title{text-align:center;margin:8px 0;font-size:16px;font-weight:600}.players-inputs{max-height:260px;padding-right:4px;overflow-y:auto}.list-actions{justify-content:center;gap:8px;margin:6px 0 10px;display:flex}.small-button{color:var(--text-light);cursor:pointer;background:#0000001f;border:1px solid #ffffff59;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.small-button:hover{background:#0000002e}.small-button.danger{color:#ffecec;border-color:#ffb4b4cc}.player-input{border:none;border-radius:8px;width:100%;margin-bottom:6px;padding:8px 10px;font-size:14px}.player-input:focus{outline:2px solid var(--pitch-line)}.error{color:#ffebee;margin:4px 0 8px;font-size:13px}.actions-row{gap:8px;margin:6px 0 10px;display:flex}.generate-button{color:#4a3c00;cursor:pointer;background:#ffd54f;border:none;border-radius:12px;flex:1;padding:10px 12px;font-size:15px;font-weight:700}.generate-button:hover{filter:brightness(1.05)}.share-button{border:1px solid var(--pitch-line);min-width:110px;color:var(--pitch-line);cursor:pointer;background:0 0;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:600}.share-button:hover{background:#ffffff14}.whatsapp-button{color:#0b1a10;cursor:pointer;background:#25d366;border:none;border-radius:12px;min-width:110px;padding:10px 12px;font-size:14px;font-weight:700}.whatsapp-button:hover{filter:brightness(1.05)}.pitch-wrapper{margin-top:4px}.teams-row{gap:8px;display:flex}.team-column{flex:1}.team-name{text-align:center;margin-bottom:4px;font-size:14px;font-weight:700}.pitch{border:2px solid var(--pitch-line);background:#0000002e;border-radius:16px;padding:6px 4px}.line-row{justify-content:space-evenly;align-items:center;margin:4px 0;display:flex}.player-badge{border-radius:12px;flex-direction:column;align-items:center;min-width:60px;padding:4px 6px;display:flex}.player-badge.gk{background:var(--badge-gk)}.player-badge.def{background:var(--badge-def)}.player-badge.mid{background:var(--badge-mid)}.player-badge.fw{background:var(--badge-fw)}.player-text{color:#222;font-size:12px;font-weight:600}.position-text{color:#333;font-size:10px}@media (width<=480px){.pitch-container{padding:12px}.players-inputs{max-height:220px}}