*{margin:0;padding:0;box-sizing:border-box}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;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;min-height:100vh}.app{max-width:100%;min-height:100vh;padding:1rem}.app-header{text-align:center;margin-bottom:2rem;padding:1rem;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header h1{font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:.5rem}.round-info{font-size:1.2rem;color:#00d4ff;font-weight:600}.setup-container{max-width:600px;margin:0 auto;padding:1.5rem;background:#ffffff0d;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.setup-container h2{text-align:center;margin-bottom:2rem;color:#00d4ff}.team-count-selector{margin-bottom:2rem}.team-count-selector h3{margin-bottom:1rem;text-align:center}.team-count-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.time-selector{margin-bottom:2rem}.time-selector h3{margin-bottom:1rem;text-align:center}.time-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:.5rem}.time-button{padding:.75rem;border:2px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.time-button:hover{background:#fff3;transform:translateY(-2px)}.time-button.selected{background:#00d4ff;border-color:#00d4ff;color:#1a1a2e}.teams-setup{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.team-setup{padding:1rem;background:#ffffff0d;border-radius:12px}.team-setup h3{margin-bottom:1rem;text-align:center}.color-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.color-button{width:100%;aspect-ratio:1;border:3px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;min-height:50px}.color-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #ffffff4d}.color-button.selected{border-color:#fff;box-shadow:0 0 20px #ffffff80}.color-button.taken{opacity:.15;filter:grayscale(100%);cursor:not-allowed;transform:none!important}.selected-color{padding:.5rem;text-align:center;border-radius:8px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.start-button{width:100%;padding:1.25rem;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#00d4ff,#09c);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.start-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff66}.start-button:disabled{background:#ffffff1a;cursor:not-allowed;opacity:.5}.game-board{max-width:800px;margin:0 auto}.timer{font-size:clamp(3rem,10vw,5rem);font-weight:700;text-align:center;margin-bottom:2rem;padding:1rem;background:#ffffff0d;border-radius:16px;color:#00d4ff;font-variant-numeric:tabular-nums}.timer.warning{animation:pulse 1s infinite;color:#f44}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.teams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.team-card{padding:1.5rem;background:#ffffff0d;border:3px solid;border-radius:16px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.team-color-indicator{width:60px;height:60px;margin:0 auto 1rem;border-radius:50%;box-shadow:0 4px 16px #0000004d}.team-card h3{margin-bottom:1rem;font-size:1.25rem}.team-score{font-size:3rem;font-weight:700;margin-bottom:1rem;color:#00d4ff}.score-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.score-button{padding:1rem;font-size:1.5rem;font-weight:700;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;text-shadow:0 2px 4px rgba(0,0,0,.3)}.score-button:active{transform:scale(.95)}.round-actions{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}.pause-button{padding:1.25rem;font-size:1.25rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,orange,#c70);color:#fff;width:100%}.pause-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffa50066}.end-round-button{padding:1.25rem;font-size:1.25rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;background:#f443;color:#f44;border:2px solid #ff4444;width:100%}.end-round-button:hover{background:#f44;color:#fff}.next-round-button,.end-game-button{padding:1.25rem;font-size:1.25rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.next-round-button{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff}.next-round-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff66}.end-game-button{background:#f443;color:#f44;border:2px solid #ff4444}.end-game-button:hover{background:#f44;color:#fff}.rounds-history{max-width:600px;margin:2rem auto 0;padding:1.5rem;background:#ffffff0d;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rounds-history h3{margin-bottom:1rem;text-align:center;color:#00d4ff}.round-summary{padding:.75rem;margin-bottom:.5rem;background:#ffffff0d;border-radius:8px;font-size:1.1rem}@media (max-width: 768px){.app{padding:.5rem}.app-header{margin-bottom:.5rem;padding:.5rem}.teams-grid{grid-template-columns:1fr;gap:.5rem;margin-bottom:.75rem}.team-card{padding:.5rem 1rem}.team-color-indicator{width:36px;height:36px;margin-bottom:.4rem}.team-card h3{margin-bottom:.25rem;font-size:1rem}.team-score{font-size:2rem;margin-bottom:.4rem}.score-buttons{gap:.5rem}.score-button{padding:.85rem;font-size:1.4rem}.timer{font-size:clamp(2rem,8vw,3rem);margin-bottom:.75rem;padding:.5rem}.round-actions{gap:.5rem}.pause-button,.end-round-button{padding:.75rem;font-size:1rem}.color-palette{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.time-options{grid-template-columns:repeat(3,1fr)}}