:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-weight:500}header h1{text-align:center;font-size:36px}footer{text-align:center;margin-top:2rem;font-size:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.team{background-color:#fff;padding:10px}.team-table{margin:1rem 0}.player-table{border-collapse:collapse;border:1px solid #000;width:100%;margin:1rem 0;font-size:.9rem;line-height:normal}.player-table th,.player-table td{border:1px solid #000;padding:.1rem .2rem}.player-table td.player-number{text-align:center;width:25px}.player-table td.player-name{width:180px;padding:0}.player-table td.player-name input{border:none;width:175px;padding:.1rem .2rem}.player-table td.player-position{width:180px;padding:0}.player-table td.player-position select{border:none;width:100%}.player-table td.player-position div.keywords{padding:.1rem .2rem;font-size:.6rem}.player-table td.player-char{text-align:center;width:30px}.player-table td.player-value{text-align:right;width:80px}.player-table td.swap-player{text-align:center;cursor:pointer;width:20px}.player-table td.swap-player-selected{color:#fff;background-color:#000}