@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap);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}.App{background:radial-gradient(circle at 20% 80%,#1e90ff0d 0,#0000 50%),radial-gradient(circle at 80% 20%,#4fc3f70d 0,#0000 50%),radial-gradient(circle at 40% 40%,#1e90ff08 0,#0000 50%),#0a2a43;background-size:300px 300px,400px 300px,200px 200px,100% 100%;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;position:relative;text-align:center}.App:before{background-image:repeating-linear-gradient(45deg,#0000,#0000 2px,#1e90ff05 0,#1e90ff05 4px),repeating-linear-gradient(-45deg,#0000,#0000 2px,#4fc3f705 0,#4fc3f705 4px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.App h1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#102f4ccc;color:#fff;font-family:Comfortaa,cursive;font-weight:600;margin:0;padding:30px 0;position:relative;text-shadow:2px 2px 4px #0000004d;z-index:1}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.home-screen{padding:40px 20px;position:relative;z-index:1}.games-grid{display:flex;gap:30px;justify-content:center;margin-top:40px}.game-card{background:#102f4c;border:2px solid #4fc3f7;border-radius:20px;box-shadow:0 8px 25px #0000004d;color:#fff;cursor:pointer;min-width:220px;padding:40px 30px;text-align:center;transition:all .3s ease}.game-card:hover{background:#1e90ff;border-color:#4fc3f7;box-shadow:0 15px 35px #1e90ff66;transform:translateY(-8px) scale(1.05)}.game-icon{color:#4fc3f7;font-size:4rem;margin-bottom:15px}.game-card h3{color:#fff;font-weight:600;margin:10px 0}.game-card p{color:#b0c9e8;margin:0}.enter-name-screen{margin:0 auto;max-width:400px;padding:40px 20px;position:relative;z-index:1}.back-btn{background:none;border:none;color:#4fc3f7;cursor:pointer;font-size:1.1rem;margin-bottom:20px}.back-btn:hover{color:#1e90ff}.join-section,.name-input-section{margin:20px 0}.code-input,.name-input{background:#102f4c;border:2px solid #4fc3f7;border-radius:8px;color:#fff;font-size:1.1rem;margin-bottom:15px;padding:12px;width:100%}.code-input:focus,.name-input:focus{border-color:#1e90ff;box-shadow:0 0 10px #1e90ff4d;outline:none}.create-btn,.join-btn{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;padding:12px;transition:all .3s ease;width:100%}.create-btn{background:#1e90ff;box-shadow:0 4px 15px #1e90ff4d;color:#fff}.create-btn:hover{background:#4fc3f7;box-shadow:0 6px 20px #1e90ff66;transform:translateY(-2px)}.join-btn{background:#4fc3f7;box-shadow:0 4px 15px #4fc3f74d;color:#fff}.join-btn:hover{background:#1e90ff;box-shadow:0 6px 20px #4fc3f766;transform:translateY(-2px)}.divider{color:#b0c9e8;margin:30px 0}.divider,.error-message{font-weight:700;text-align:center}.error-message{color:#ff4c4c;margin-top:15px}.waiting-screen{margin:0 auto;max-width:500px;padding:40px 20px;position:relative;z-index:1}.game-code-display{background:#f8f9fa;border-radius:15px;margin:30px 0;padding:30px;text-align:center}.code{color:#2196f3}.players-list{margin:30px 0}.player-item{background:#102f4c;border-left:4px solid #32cd32;border-radius:8px;color:#fff;margin:10px 0;padding:15px}.waiting-indicator{margin-top:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2196f3;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.game-screen{align-items:flex-start;display:flex;gap:30px;margin:0 auto;max-width:1200px;padding:20px}.game-main{align-items:center;display:flex;flex:2 1;flex-direction:column}.game-side{flex:1 1;min-width:300px}.game-header{margin-bottom:30px;text-align:center}.game-info{gap:30px;margin-top:10px}.game-info,.players-display{display:flex;justify-content:center}.players-display{align-items:center;gap:20px;margin:30px 0}.player{background:#102f4c;border:2px solid #4fc3f7;border-radius:25px;color:#fff;font-weight:700;padding:15px 25px;transition:all .3s ease}.player.active{background:#1e90ff;border-color:#4fc3f7;color:#fff;transform:scale(1.1)}.vs{color:#666;font-weight:700}.current-turn{color:#4fc3f7;font-size:1.2rem;font-weight:700;margin:20px 0;text-align:center}.board{grid-gap:10px;display:grid;grid-template-columns:repeat(3,80px);margin:30px auto;width:260px}.cell{align-items:center;background:#102f4c;border:3px solid #4fc3f7;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:2.5rem;font-weight:700;height:80px;justify-content:center;text-align:center;transition:all .2s ease;width:80px}.cell.clickable:hover{background:#1e90ff;border-color:#1e90ff;color:#fff;transform:scale(1.05)}.cell.filled{background:#0a2a43}.cell:disabled{cursor:not-allowed}.cell:disabled:not(.filled){opacity:.5}.x-cell{color:#ff4c4c}.o-cell,.x-cell{background:#0a2a43}.o-cell{color:#4fc3f7}.winning-cell{animation:pulse 1s infinite;background:#32cd32!important;border-color:#32cd32!important;color:#fff!important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.game-result{margin:30px 0;text-align:center}.winner-message{animation:bounce 1s ease-in-out;color:#32cd32}.tie-message,.winner-message{font-size:2rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px #00000080}.tie-message{color:#b0c9e8}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.play-again-btn{background:#1e90ff;border:none;border-radius:25px;box-shadow:0 4px 15px #1e90ff4d;color:#fff;cursor:pointer;font-size:1.1rem;padding:15px 30px;transition:all .3s ease}.play-again-btn:hover{background:#4fc3f7;box-shadow:0 6px 20px #1e90ff66;transform:translateY(-2px)}.game-code-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#102f4c;border:2px solid #4fc3f7;box-shadow:0 8px 25px #0000004d}.code-container{align-items:center;display:flex;gap:15px;justify-content:center}.code{background:#0a2a43;border:2px solid #1e90ff;border-radius:10px;box-shadow:0 4px 8px #0000004d;color:#fff;font-family:monospace;font-size:3rem;font-weight:700;letter-spacing:5px;margin:15px 0;padding:15px 25px}.copy-btn{background:#4fc3f7;border:none;border-radius:8px;box-shadow:0 2px 5px #0000004d;color:#fff;cursor:pointer;font-size:1.2rem;padding:10px 15px;transition:all .3s ease}.copy-btn:hover{background:#1e90ff;box-shadow:0 4px 10px #1e90ff66;transform:translateY(-2px)}.copy-notification{animation:slideInOut 2s ease-in-out;background:#32cd32;border-radius:25px;box-shadow:0 4px 15px #32cd324d;color:#fff;font-weight:700;margin-top:15px;padding:10px 20px}@keyframes slideInOut{0%{opacity:0;transform:translateY(-10px)}20%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.otp-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.otp-input{background:#102f4c;border:2px solid #4fc3f7;border-radius:8px;color:#fff;font-size:1.5rem;font-weight:700;height:50px;text-align:center;transition:all .3s ease;width:50px}.otp-input:focus{border-color:#1e90ff;box-shadow:0 0 10px #1e90ff4d;outline:none;transform:scale(1.05)}.chat-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#102f4c;border:2px solid #4fc3f7;border-radius:15px;box-shadow:0 8px 25px #0000004d;height:-webkit-fit-content;height:fit-content;padding:20px}.chat-messages{background:#0a2a43;border:1px solid #4fc3f7;border-radius:8px;height:300px;margin-bottom:15px;overflow-y:auto;padding:10px}.chat-message{border-radius:12px;line-height:1.4;margin:8px 0;max-width:85%;padding:10px 14px;word-break:break-word}.own-message{background:#1e90ff;color:#fff;margin-left:auto;text-align:right}.other-message{background:#102f4c;border:1px solid #4fc3f7;color:#fff;margin-right:auto;text-align:left}.message-text{word-wrap:break-word;display:block;margin:0;white-space:pre-wrap}.chat-input-container{display:flex;gap:10px}.chat-input{background:#0a2a43;border:1px solid #4fc3f7;border-radius:20px;color:#fff;flex:1 1;padding:10px}.chat-input:focus{border-color:#1e90ff;box-shadow:0 0 10px #1e90ff4d;box-shadow:0 0 10px #3498db4d;outline:none}.send-btn{background:#4fc3f7;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 20px;transition:all .3s ease}.send-btn:hover:not(:disabled){background:#1e90ff;box-shadow:0 4px 10px #1e90ff4d;transform:translateY(-2px)}.send-btn:disabled{background:#666;cursor:not-allowed;opacity:.6}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dartboard-container{align-items:center;display:flex;flex-direction:column;gap:30px;margin:30px 0}.dartboard{background:#0a2a43;border:4px solid #4fc3f7;border-radius:50%;box-shadow:0 8px 25px #00000080;height:300px;position:relative;width:300px}.dartboard,.dartboard-ring{align-items:center;display:flex;justify-content:center}.dartboard-ring{border:2px solid #4fc3f74d;border-radius:50%;position:absolute}.dartboard-ring.bullseye{background:#ff4c4c;border-color:#ff4c4c;height:40px;width:40px;z-index:5}.dartboard-ring.inner-bull{background:#32cd32;border-color:#32cd32;height:80px;width:80px;z-index:4}.dartboard-ring.triple{background:#1e90ff4d;height:140px;width:140px;z-index:3}.dartboard-ring.outer{background:#4fc3f733;height:200px;width:200px;z-index:2}.dartboard-ring.double{background:#1e90ff1a;height:260px;width:260px;z-index:1}.ring-label{color:#fff;font-size:.9rem;font-weight:700;text-shadow:1px 1px 2px #000c;z-index:10}.throw-dart-btn{background:#1e90ff;border:none;border-radius:30px;box-shadow:0 4px 15px #1e90ff4d;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;padding:20px 40px;transition:all .3s ease}.throw-dart-btn.active:hover{background:#4fc3f7;box-shadow:0 6px 20px #1e90ff80;transform:translateY(-2px) scale(1.05)}.throw-dart-btn:disabled{background:#666;cursor:not-allowed;opacity:.6}.dart-score-display{align-items:center;display:flex;gap:30px;justify-content:center;margin:30px 0;width:100%}.dart-player-score{background:#102f4c;border:2px solid #4fc3f7;border-radius:20px;min-width:180px;padding:20px 30px;text-align:center;transition:all .3s ease}.dart-player-score.active{background:#1e90ff;border-color:#32cd32;box-shadow:0 8px 20px #1e90ff66;transform:scale(1.1)}.dart-player-score .player-name{color:#b0c9e8;font-size:1rem;font-weight:600;margin-bottom:10px}.dart-player-score.active .player-name{color:#fff}.dart-player-score .score{color:#4fc3f7;font-family:Courier New,monospace;font-size:3rem;font-weight:700}.dart-player-score.active .score{color:#32cd32}.vs-divider{color:#666;font-size:1.5rem;font-weight:700}.dart-turn-indicator{background:#102f4c99;border:2px solid #4fc3f7;border-radius:15px;margin:20px 0;padding:15px;text-align:center}.dart-turn-indicator .turn-text{color:#4fc3f7;font-size:1.3rem;font-weight:700;margin-bottom:8px}.dart-turn-indicator .throws-left{color:#b0c9e8;font-size:1rem}.dart-turn-indicator .throws-left strong{color:#32cd32;font-size:1.2rem}
/*# sourceMappingURL=main.c782796e.css.map*/