body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-container{margin:0 auto;max-width:500px;padding:20px;text-align:center}.home-container h1{color:#06c;margin-bottom:30px}.form-container{display:flex;flex-direction:column;gap:15px}.form-container input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:12px}.mode-buttons{display:flex;gap:10px}.mode-buttons button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;flex:1 1;padding:10px;transition:all .3s}.mode-buttons button.active{background-color:#06c;border-color:#05a;color:#fff}.submit-button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s}.submit-button:hover{background-color:#05a}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.waiting-room{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:500px;padding:20px;text-align:center}.waiting-room h2{color:#06c;margin-bottom:20px}.waiting-room p{font-size:18px;margin:10px 0}.room-code{background:#e0e0e0;border-radius:4px;color:#333;display:inline-block;font-size:24px;font-weight:700;margin:10px 0;padding:10px}.board{background:#06c;border-radius:8px;box-shadow:0 4px 8px #0003;gap:5px;margin:20px auto;max-width:-webkit-fit-content;max-width:fit-content;padding:10px}.board,.game-container{display:flex;justify-content:center}.game-container{align-items:center;flex-direction:column;min-height:80vh;padding:20px}.column{cursor:pointer;display:flex;flex-direction:column;gap:5px}.cell{background:#fff;border:2px solid #036;border-radius:50%;height:50px;transition:background-color .3s ease;width:50px}.cell.Player1{background:red}.cell.Player2{background:#ff0}.column:hover{background:#ffffff1a;border-radius:4px}.game-container{text-align:center}.game-info{margin:20px 0}.turn-status{color:#06c;font-size:18px;font-weight:700}.game-status{color:#0c0;font-size:20px;font-weight:700}.leaderboard-container{background:#f8fafc;border-radius:12px;box-shadow:0 2px 12px #00000014;margin:30px auto;max-width:600px;padding:24px;text-align:center}.leaderboard-container h2{color:#06c;font-size:1.6em;font-weight:700;margin-bottom:18px}.leaderboard-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 4px #0000000a;margin-top:10px;overflow:hidden;width:100%}.leaderboard-table td,.leaderboard-table th{border-bottom:1px solid #e2e8f0;padding:12px;text-align:center}.leaderboard-table th{background:#06c;color:#fff;font-size:1.1em;font-weight:600}.leaderboard-table tr:nth-child(2n){background:#e6f0fa}.leaderboard-table tr:hover{background:#cce0ff}.leaderboard-table td{font-size:1em}.leaderboard-table td:first-child{color:#228b22;font-weight:700}.loading-overlay{align-items:center;background:#000000e6;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;pointer-events:all;position:fixed;top:0;width:100vw;z-index:9999}.loading-spinner{height:120px;margin-bottom:20px;position:relative;width:120px}.kafka-notice{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;line-height:1.6;margin-bottom:20px;padding:15px}.kafka-notice strong{color:#856404;margin-right:5px}.disc{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 0 20px #667eea99;height:20px;position:absolute;width:20px}.disc-1{animation:rotate-disc 1.5s linear infinite;animation-delay:0s;left:50%;top:0;transform:translateX(-50%)}.disc-2{animation:rotate-disc 1.5s linear infinite;animation-delay:.375s;right:0;top:50%;transform:translateY(-50%)}.disc-3{animation:rotate-disc 1.5s linear infinite;animation-delay:.75s;bottom:0;left:50%;transform:translateX(-50%)}.disc-4{animation:rotate-disc 1.5s linear infinite;animation-delay:1.125s;left:0;top:50%;transform:translateY(-50%)}@keyframes rotate-disc{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(50px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn) translateX(50px) rotate(-1turn)}}.disc-1{animation:rotate-disc-1 1.5s linear infinite}.disc-2{animation:rotate-disc-2 1.5s linear infinite}.disc-3{animation:rotate-disc-3 1.5s linear infinite}.disc-4{animation:rotate-disc-4 1.5s linear infinite}@keyframes rotate-disc-1{0%{left:50%;top:0}25%{left:100%;top:50%}50%{left:50%;top:100%}75%{left:0;top:50%}to{left:50%;top:0}}@keyframes rotate-disc-2{0%{left:100%;top:50%}25%{left:50%;top:100%}50%{left:0;top:50%}75%{left:50%;top:0}to{left:100%;top:50%}}@keyframes rotate-disc-3{0%{left:50%;top:100%}25%{left:0;top:50%}50%{left:50%;top:0}75%{left:100%;top:50%}to{left:50%;top:100%}}@keyframes rotate-disc-4{0%{left:0;top:50%}25%{left:50%;top:0}50%{left:100%;top:50%}75%{left:50%;top:100%}to{left:0;top:50%}}.loading-text{animation:pulse 1.5s ease-in-out infinite;color:#fff;font-size:18px;font-weight:500;letter-spacing:1px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.analytics-container{margin:0 auto;max-width:1200px;padding:20px}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.analytics-card{background:#f5f5f5;border-radius:8px;padding:20px;text-align:center}.analytics-value{color:#667eea;font-size:32px;font-weight:700}.top-winners{margin-top:40px}.winners-table{border-collapse:collapse;margin-top:20px;width:100%}.winners-table td,.winners-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.winners-table th{background:#667eea;color:#fff;font-weight:600}
/*# sourceMappingURL=main.697f7a93.css.map*/