*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:#f4f4f4;color:#222}.squad{margin-top:0;min-height:750px}.first-team,.second-team{margin-top:7px}.app{width:100%;max-width:420px}h1{font-size:20px;text-align:center}.row{display:flex;align-items:center;margin-bottom:5px;height:40px}.number{width:28px;min-width:28px;font-weight:700;font-size:14px}.name,.name-input{flex:1;height:36px;font-size:14px;border:1px solid #ddd;border-radius:4px;background:#fafafa;line-height:20px;display:flex;align-items:center;min-width:150px;padding:4px 8px}.name-input{outline:none;border-color:#309711ee;background:#ebffd8;margin:0}.missing-section{margin-top:15px}.missing-input,.missing-text{margin-top:10px;flex:1;height:36px;font-size:14px;border:1px solid #ff7070;border-radius:4px;background:#ffdcdc;line-height:20px;display:flex;min-width:100%;padding:4px 8px}.missing-input{outline:none;padding-top:0}@media(max-width:480px){.app{padding:0 12px 12px}h1{font-size:18px}.number,.name,.name-input{font-size:13px}}.title{margin-top:7px;display:flex;justify-content:center;font-size:20px;font-weight:700}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center}.modal{background:#fff;padding:20px;border-radius:8px;width:300px}.modal input{width:100%;padding:8px;margin-bottom:10px}.modal-actions{display:flex;justify-content:space-between}.top-bar{min-height:30px;padding-top:10px;padding-bottom:3px;position:sticky;top:0;left:0;right:0;background:#f4f4f4;display:flex;justify-content:space-between}.admin-login-button{cursor:pointer}.admin-badge{font-size:13px;padding:6px 12px;border-radius:4px;background:#222;color:#fff}.login-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.login-popup{background-color:#fff;padding:20px 30px;border-radius:8px;text-align:center;min-width:300px}.login-popup h3{margin-top:0;font-size:16px}.login-popup input{padding:8px;width:90%;border-radius:4px;border:1px solid #ccc;margin-top:12px}.login-popup-actions{margin-top:15px;display:flex;justify-content:space-around}.login-popup-actions button{padding:8px 16px;cursor:pointer;border:none;border-radius:4px;font-weight:700;transition:background-color .2s ease,transform .2s ease}.popup-actions button:hover{background-color:#eee;transform:scale(1.05)}.logout-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.logout-popup-box{background-color:#fff;padding:20px 30px;border-radius:8px;text-align:center;min-width:300px}.logout-popup-buttons{margin-top:20px;display:flex;justify-content:space-around}.logout-popup-buttons button{padding:8px 16px;cursor:pointer;border:none;border-radius:4px;font-weight:700;transition:background-color .2s ease,transform .2s ease}.logout-popup-buttons button:hover{background-color:#eee;transform:scale(1.05)}@keyframes drop{0%{top:32px;left:100%;transform:translate(-50%)}to{top:32px;left:94%;transform:translate(-50%)}}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background-color:#323232;color:#fff;padding:12px 20px;border-radius:25px;font-size:14px;z-index:5000;opacity:0;animation:toastFade 1.5s forwards}@keyframes toastFade{0%{opacity:0;transform:translate(-50%) translateY(20px)}10%{opacity:1;transform:translate(-50%) translateY(0)}90%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}.skeleton{flex:1;height:36px;min-width:0;padding:4px 8px;border-radius:4px;background:linear-gradient(90deg,#eee,#ddd,#eee);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.weather-skeleton{width:160px;height:24px;border-radius:4px;background:linear-gradient(90deg,#eee,#ddd,#eee);background-size:200% 100%;animation:loading 1.5s infinite}.cancel-match-button{display:block;margin:10px 0 0 auto;padding:10px 16px;background-color:#f44;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 8px #0003}.cancel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1002}.cancel-screen{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1003;text-align:center}.cancel-title{font-size:36px;color:#f44;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:0}.uncancel-button{position:fixed;top:45px;right:20px;padding:8px 16px;background-color:#646464;color:#fff;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;z-index:1004}.unblur-button{position:fixed;top:85px;right:20px;padding:8px 16px;background-color:#646464;color:#fff;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;z-index:1004}@media(max-width:480px){.cancel-match-button{padding:8px 14px;font-size:13px;bottom:15px;right:0}.cancel-title{font-size:28px}.uncancel-button{right:5px;padding:6px 12px;font-size:13px}}