body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-image:url(/Baseball-Announcer-s-Assistant/BaseballFieldBirdsEyeView.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;margin:0;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow-y:auto}.toggle-button{position:absolute;top:20px;left:20px;background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}.toggle-button:hover{background-color:#0056b3}.inning-toggle-button{position:absolute;top:20px;left:140px;background-color:#fa1919;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}.inning-toggle-button:hover{background-color:#9b1e1e}.table-container{background-color:#fffc;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003;max-width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border:1px solid #ddd;padding:8px;text-align:center}th{background-color:#f4f4f4;font-weight:700}input{width:90%;padding:5px}select{width:100%;padding:5px}.pitcher-display,.catcher-display,.firstbase-display,.secondbase-display,.thirdbase-display,.shortstop-display,.leftfield-display,.centerfield-display,.rightfield-display{position:absolute;background-color:#fffc;padding:10px 20px;border-radius:5px;font-size:18px;font-weight:700;text-align:center;box-shadow:0 4px 8px #0003;transform:translate(-50%,-50%)}.pitcher-display{top:65%;left:50%}.catcher-display{top:90%;left:50%}.firstbase-display{top:60%;left:70%}.secondbase-display{top:50%;left:62%}.thirdbase-display{top:60%;left:30%}.shortstop-display{top:50%;left:38%}.leftfield-display{top:30%;left:20%}.centerfield-display{top:20%;left:50%}.rightfield-display{top:30%;left:80%}.on-base-display{position:absolute;top:65%;left:60%;background-color:#ff0;padding:10px;border:2px solid black;border-radius:5px;font-weight:700}.on-firstbase-display,.on-secondbase-display,.on-thirdbase-display{position:absolute;background-color:#90ee90;padding:10px;border:2px solid black;border-radius:5px;font-weight:700;display:flex;align-items:center;gap:5px}.on-firstbase-display{top:65%;left:60%}.on-secondbase-display{top:41%;left:44%}.on-thirdbase-display{top:65%;left:30%}.move-to-base-button{padding:2px 5px;background-color:#add8e6;border:none;border-radius:3px;cursor:pointer;font-size:12px}.move-to-base-button:hover{background-color:#00bfff}.clear-base-button{padding:2px 5px;background-color:red;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px}.clear-base-button:hover{background-color:#8b0000}.batting-order-display{position:absolute;bottom:10%;right:5%;background-color:#007bffcc;color:#fff;padding:15px;border-radius:10px;box-shadow:0 4px 8px #0003;font-size:16px;text-align:left}.batting-order-display h3{margin:0 0 10px;font-size:18px;text-align:center}.batting-order-display ol{padding-left:20px;margin:0}.batting-order-display li{margin-bottom:5px}.export-import-buttons{display:flex;gap:1rem;align-items:center}.export-import-buttons div{display:flex;flex-direction:column;align-items:center}.export-import-buttons input{margin-top:.5rem}.custom-file-input{display:inline-block;background-color:#007bff;color:#fff;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;text-align:center;border:none}.custom-file-input input[type=file]{display:none}.custom-file-input:hover{background-color:#0056b3}.import-buttons{display:flex;justify-content:space-between;margin-bottom:1rem}.import-home,.import-away{display:flex;flex-direction:column;align-items:center}.export-buttons{display:flex;gap:1rem;justify-content:center}.zoom-controls{position:absolute;top:10px;right:10px;display:flex;gap:10px}.zoom-controls button{padding:5px 10px;font-size:14px;cursor:pointer}.zoom-button{background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.zoom-button:hover{background-color:#0056b3}.arrow-controls{position:absolute;bottom:20px;left:20px;display:flex;flex-direction:column;gap:10px}.arrow-button{width:40px;height:40px;background-color:#00000080;color:#fff;border:none;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px}.arrow-button:hover{background-color:#000000b3}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.popup{background:white;padding:20px;border-radius:10px;text-align:center;box-shadow:0 4px 8px #0003}.popup-buttons{display:flex;justify-content:center;margin-top:10px}