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}*{box-sizing:border-box}.player-management{padding:20px;max-width:800px;margin:0 auto}.player-management h2{margin-bottom:20px;color:#333}.add-player-form{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.player-input{flex:1;min-width:200px;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px}.skill-select{padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px;background:#fff;cursor:pointer}.add-btn{padding:12px 24px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background .3s}.add-btn:hover{background:#45a049}.info-text{margin-bottom:20px;text-align:center}.info-text small{color:#666;font-size:13px}.players-list h3{margin-bottom:15px;color:#555}.empty-message{color:#999;font-style:italic;padding:20px;text-align:center}.player-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f9f9f9;border-radius:8px;margin-bottom:10px;border:2px solid #eee}.player-info{display:flex;gap:15px;align-items:center}.player-name{font-weight:700;font-size:18px;color:#333}.player-skill{padding:4px 12px;border-radius:12px;font-size:14px;font-weight:500}.skill-beginner{background:#fff3cd;color:#856404}.skill-advance{background:#d1ecf1;color:#0c5460}.skill-pro-player{background:#d4edda;color:#155724}.player-actions{display:flex;gap:10px}.frequent-btn{padding:8px 16px;background:#fff;color:#666;border:2px solid #ddd;border-radius:6px;cursor:pointer;transition:all .3s;font-size:14px}.frequent-btn.active{background:gold;color:#333;border-color:gold;font-weight:700}.frequent-btn:hover{border-color:gold}.remove-btn{padding:8px 16px;background:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s;font-size:14px}.remove-btn:hover{background:#da190b}.scoring-board{width:100%;height:100vh;display:flex;flex-direction:column}.match-header{background:#333;color:#fff;padding:20px;text-align:center}.match-header h2{margin:0 0 5px}.match-number{margin:5px 0;font-size:16px;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:1px}.point-limit{margin:5px 0 0;font-size:14px;opacity:.9}.teams-container{flex:1;display:flex}.team-side{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;position:relative;transition:all .3s;-webkit-user-select:none;user-select:none}.team-side:active{transform:scale(.98)}.red-side{background:linear-gradient(135deg,#f44,#c00);color:#fff}.red-side:hover{background:linear-gradient(135deg,#f55,#d00)}.blue-side{background:linear-gradient(135deg,#44f,#00c);color:#fff}.blue-side:hover{background:linear-gradient(135deg,#55f,#00d)}.team-side.winner{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.team-info{text-align:center;margin-bottom:30px}.team-name{font-size:32px;font-weight:700;margin-bottom:20px;text-transform:uppercase;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.players{display:flex;flex-direction:column;gap:10px}.player{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff3;padding:10px 20px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-name{font-size:20px;font-weight:600}.skill-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700;background:#ffffffe6;color:#333}.score-display{font-size:120px;font-weight:700;margin:30px 0;text-shadow:4px 4px 8px rgba(0,0,0,.3);line-height:1}.tap-hint{font-size:18px;opacity:.7;text-transform:uppercase;letter-spacing:2px}.match-controls{background:#333;padding:15px;text-align:center}.finish-btn{padding:15px 40px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:background .3s}.finish-btn:hover{background:#45a049}.game-over-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#000000bf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:1000}.game-over-message{text-align:center;color:#fff;animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.game-over-message h2{font-size:48px;margin-bottom:20px;text-transform:uppercase}.winner-text{font-size:36px;margin-bottom:15px;font-weight:700}.final-score{font-size:28px;opacity:.9;margin-bottom:30px}.next-match-btn{padding:15px 50px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s;margin-top:10px}.next-match-btn:hover{background:#45a049;transform:scale(1.05)}.no-match{display:flex;justify-content:center;align-items:center;height:400px;font-size:20px;color:#999}@media(max-width:768px){.teams-container{flex-direction:column}.score-display{font-size:80px}.team-name{font-size:24px}.player-name{font-size:16px}}*{box-sizing:border-box;margin:0;padding:0}body{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}.app{min-height:100vh;background:#f5f5f5}.setup-view{min-height:100vh;padding-bottom:40px}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 20px;text-align:center;box-shadow:0 4px 6px #0000001a}.app-header h1{font-size:42px;margin-bottom:10px}.app-header p{font-size:18px;opacity:.9}.match-settings{max-width:800px;margin:30px auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.match-settings h2{margin-bottom:25px;color:#333}.setting-group{margin-bottom:25px}.setting-group label{display:block;margin-bottom:10px;font-weight:600;color:#555}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:center;gap:10px;padding:12px;background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s}.radio-option:hover{background:#f0f0f0;border-color:#667eea}.radio-option input[type=radio]{width:20px;height:20px;cursor:pointer}.radio-option input[type=radio]:checked+span{font-weight:700;color:#667eea}.point-input{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px}.match-counter-info{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f0f0f0;border-radius:8px;margin-bottom:15px}.match-counter-info p{font-size:18px;color:#333}.match-counter-info strong{color:#667eea;font-size:24px}.reset-counter-btn{padding:8px 16px;background:#666;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .3s}.reset-counter-btn:hover{background:#555}.start-match-btn{width:100%;padding:18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s;margin-top:20px}.start-match-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.start-match-btn:disabled{background:#ccc;cursor:not-allowed}.match-view{height:100vh;display:flex;flex-direction:column}.match-nav{background:#333;padding:15px}.back-btn{padding:10px 20px;background:#555;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background .3s}.back-btn:hover{background:#666}@media(max-width:768px){.app-header h1{font-size:32px}.app-header p{font-size:16px}.match-settings{margin:20px;padding:20px}.radio-group{gap:10px}.radio-option{padding:10px;font-size:14px}}@media(max-width:480px){.app-header{padding:30px 15px}.app-header h1{font-size:28px}.match-settings{margin:15px;padding:15px}}