*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,system-ui,sans-serif;background:linear-gradient(180deg,#f8f9fa,#ebf1fa);color:#1e56a0}.container,body{min-height:100vh}.container{max-width:450px;margin:0 auto;padding:0;text-align:center;background:#fff;box-shadow:0 0 40px rgba(30,86,160,.1)}.header{background:linear-gradient(135deg,#0d2e6b,#1e56a0);padding:1.5rem;color:#fff;position:relative;overflow:hidden}.header:after{content:"";position:absolute;bottom:-30px;left:0;right:0;height:60px;background:#fff;clip-path:polygon(0 60%,100% 0,100% 100%,0 100%)}.header h1{font-family:Arial Black,Arial,sans-serif;font-size:1.5rem;letter-spacing:.05em;position:relative;z-index:1}.header .badge{display:inline-block;background:#c0392b;color:#fff;font-size:.7rem;font-weight:700;padding:.3rem .8rem;border-radius:4px;margin-bottom:.5rem;letter-spacing:.1em}.btn-game-select{width:calc(100% - 2rem);margin:1rem;padding:12px;background:linear-gradient(135deg,#1e56a0,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;font-family:Arial,sans-serif}.btn-game-select:hover{background:linear-gradient(135deg,#2563eb,#1e56a0)}.game-select-panel{background:#f8f9fa;border-radius:0 0 12px 12px;padding:15px;margin:0 1rem 1rem;text-align:left;border:1px solid rgba(30,86,160,.1)}.game-select-item{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #ebf1fa;cursor:pointer;border-radius:8px;margin-bottom:5px}.game-select-item:hover{background:rgba(30,86,160,.05)}.btn-delete-game{background:#c0392b;border:none;color:#fff;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.8rem}.new-game-form{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.new-game-form input,.new-game-form select{flex:1;min-width:80px;padding:10px;border-radius:6px;border:1px solid rgba(30,86,160,.2);font-size:.9rem}.new-game-form button{padding:10px 15px;background:#c0392b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700}.score{font-size:5rem;font-weight:700;color:#1e56a0;margin:1rem 0;text-shadow:2px 2px 4px rgba(0,0,0,.1);font-family:Arial Black,Arial,sans-serif}.teams{display:flex;justify-content:space-around;align-items:center;margin:1rem 0;padding:0 1rem}.team{flex:1}.team-name{font-size:.95rem;font-weight:700;color:#1e56a0;margin-bottom:5px}.team-score{font-size:2.5rem;font-weight:700}.time-control{gap:10px;margin:15px 0 15px 1rem}.time-control button{padding:10px 18px;font-size:1rem}.time-control .minute{font-size:1.5rem;font-weight:700;color:#1e56a0;min-width:60px}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:0 1rem;margin:15px 0}.btn{padding:20px;font-size:1.1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:transform .1s,box-shadow .2s;font-family:Arial,sans-serif}.btn:active{transform:scale(.95)}.btn-team1{background:linear-gradient(135deg,#1e56a0,#2563eb);color:#fff;box-shadow:0 4px 15px rgba(30,86,160,.3)}.btn-team2{background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;box-shadow:0 4px 15px rgba(192,57,43,.3)}.goal-list-section{text-align:left;margin:15px 1rem;padding:15px;background:#f8f9fa;border-radius:12px;border:1px solid rgba(30,86,160,.1)}.goal-list-section h3{font-size:.85rem;color:#1e56a0;margin:10px 0 8px;text-transform:uppercase;letter-spacing:.1em}.goal-item{padding:10px 15px;border-radius:8px;margin:5px 0;cursor:pointer;font-weight:500;transition:background .2s}.goal-item.home{background:rgba(30,86,160,.1);border-left:4px solid #1e56a0}.goal-item.away{background:rgba(192,57,43,.1);border-left:4px solid #c0392b}.goal-item:hover{background:rgba(30,86,160,.15)}.goal-minute{font-weight:700;min-width:40px;display:inline-block}.actions{display:flex;gap:10px;justify-content:center;padding:0 1rem;margin:15px 0}.btn-copy,.btn-reset,.btn-settings{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:700}.btn-copy{background:#1e56a0;color:#fff}.btn-reset{background:#6b7280;color:#fff}.btn-settings{background:transparent;color:#1e56a0;width:calc(100% - 2rem);margin:10px 1rem;border:2px solid #1e56a0}.settings-panel{background:#f8f9fa;border-radius:12px;padding:20px;margin:15px 1rem;text-align:left;border:1px solid rgba(30,86,160,.1)}.settings-panel h4{color:#1e56a0;margin:15px 0 10px;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.players-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.player-tag{background:linear-gradient(135deg,#1e56a0,#2563eb);color:#fff;padding:8px 14px;border-radius:20px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:8px}.player-tag button{background:none;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;padding:0;font-size:.8rem}.player-tag button:hover{color:#fff}.add-player{display:flex;gap:8px;margin-top:12px}.add-player input,.add-player select{padding:10px;border-radius:6px;border:1px solid rgba(30,86,160,.2);font-size:.9rem}.add-player button{padding:10px 16px;background:#c0392b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700}.no-game{color:#6b7280;padding:3rem;font-size:1.1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(13,46,107,.8);display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(4px)}.modal{background:#fff;padding:25px;border-radius:16px;width:90%;max-width:350px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal h3{color:#1e56a0;margin-bottom:20px;font-family:Arial Black,Arial,sans-serif}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:8px;font-size:.9rem;color:#1e56a0;font-weight:700}.form-group input,.form-group select{width:100%;padding:12px;border-radius:8px;border:2px solid rgba(30,86,160,.2);font-size:1rem;background:#f8f9fa}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1e56a0}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions button{flex:1;padding:14px;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:700}.btn-save{background:#1e56a0;color:#fff}.btn-delete{background:#c0392b;color:#fff}.btn-cancel{background:#6b7280;color:#fff}.player-select-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px;max-height:300px;overflow-y:auto}.player-select-btn{padding:16px;background:linear-gradient(135deg,#1e56a0,#2563eb);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.player-select-btn:hover{transform:scale(1.02);box-shadow:0 4px 15px rgba(30,86,160,.4)}.player-select-btn.no-player{background:#6b7280;grid-column:span 2}.modal-subtitle{color:#6b7280;margin-top:5px;font-size:.9rem}.goal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(13,46,107,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.goal-text{font-size:8rem;font-family:Arial Black,Arial,sans-serif;color:gold;text-shadow:0 0 30px gold,0 0 60px orange,0 0 90px #c0392b;animation:goalPulse .5s ease-out infinite alternate}@keyframes goalPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.ball{font-size:4rem;margin-top:20px;animation:ballBounce .5s ease-out infinite alternate}@keyframes ballBounce{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-30px) rotate(1turn)}}.firework{position:absolute;width:15px;height:15px;border-radius:50%;animation:firework 1s ease-out forwards;box-shadow:0 0 15px currentColor,0 0 30px currentColor}@keyframes firework{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.goal-item{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.timer-display{display:flex;justify-content:center;align-items:baseline;font-family:Courier New,monospace;font-size:2.5rem;font-weight:700;color:#1e56a0;background:#f8f9fa;padding:15px;margin:10px 1rem;border-radius:10px;border:2px solid rgba(30,86,160,.2)}.timer-unit{font-size:2.5rem;min-width:50px}.timer-sep{font-size:2rem;opacity:.5;margin:0 2px}.timer-ms{font-size:1.5rem;color:#6b7280;min-width:40px}.time-control{display:flex;justify-content:center;align-items:center;gap:8px;padding:10px;background:#f8f9fa;border-radius:8px;width:calc(100% - 2rem);margin:10px 0 10px 1rem;flex-wrap:wrap}.time-control button{padding:10px 14px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:700;background:#1e56a0;color:#fff}.time-control .btn-play{background:#c0392b;font-size:1.2rem;padding:10px 20px}.time-control .btn-play:hover{background:#e74c3c}.goal-time{font-family:Courier New,monospace;font-weight:700;min-width:60px;display:inline-block}.ws-status{position:fixed;top:10px;right:10px;background:rgba(0,0,0,.7);color:#fff;padding:8px 12px;border-radius:20px;font-size:.75rem;display:flex;align-items:center;gap:6px;z-index:1000}.ws-indicator{width:8px;height:8px;border-radius:50%}.ws-indicator.connected{background:#22c55e;box-shadow:0 0 8px #22c55e}.ws-indicator.disconnected{background:#ef4444}.btn-reconnect{position:fixed;top:10px;left:10px;z-index:1000;padding:8px 12px;background:#1e56a0;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px}