:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{align-items:center;display:flex;height:100%;justify-content:center;margin:0;overflow:hidden;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.football-svg{touch-action:none}.addPlayers{margin-top:clamp(20px,1.5vw,30px)}.loadTactic{display:flex;align-items:center;gap:clamp(10px,1.5vw,20px);margin:clamp(20px,1.5vw,30px)}.footer{display:flex;flex-direction:column;align-items:center}.board-container{display:grid;grid-template-columns:3fr min(400px,30vw);height:80vh;gap:15px;margin:5vh;justify-content:center}.footballField{flex:3;border:3px solid white;aspect-ratio:100 / 60;background-color:#117c13;position:relative;height:100%;box-shadow:0 0 10px #0000004d;display:flex}.boardManager{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;background-color:#1f5673;border:2px solid #ffffff;border-radius:10px;overflow-y:auto}@media (max-width: 1024px){.board-container{display:flex;flex-direction:column;height:auto;margin:20px}.footballField{width:100%;height:auto;max-height:80vh;align-self:center}.boardManager{width:100%;height:100%;border:none}}