body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;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}.container{margin:0 auto;max-width:1200px;padding:20px}.text-center{text-align:center}.mt-4{margin-top:1rem}.btn{background-color:#4299e1;display:inline-block;padding:8px 16px;text-decoration:none}.btn:hover{background-color:#2b6cb0}.btn-danger{background-color:#f56565}.btn-danger:hover{background-color:#c53030}.btn-success{background-color:#48bb78}.btn-success:hover{background-color:#2f855a}.home-container{margin:0 auto;max-width:1200px}.hero{background-color:#ebf8ff;border-radius:8px;margin-bottom:3rem;padding:3rem 1rem;text-align:center}.hero h1{color:#2c5282;font-size:2.5rem;margin-bottom:1rem}.hero-text{color:#4a5568;font-size:1.2rem;margin:0 auto 2rem;max-width:800px}.hero-button{background-color:#4299e1;border-radius:4px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.hero-button:hover{background-color:#3182ce;text-decoration:none;transform:translateY(-2px)}.features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.feature-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000000d;padding:2rem;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{color:#2d3748;margin-bottom:.5rem}.feature-card p{color:#718096}.how-to-play{background-color:#f7fafc;border-radius:8px;margin-bottom:3rem;padding:3rem}.how-to-play h2{color:#2c5282;margin-bottom:2rem;text-align:center}.rules{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.rule{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.rule h3{border-bottom:2px solid #bee3f8;color:#2c5282;margin-bottom:.5rem;padding-bottom:.5rem}.rule p{color:#4a5568}.start-button{background-color:#38a169;border-radius:4px;color:#fff;display:block;font-size:1.1rem;font-weight:600;margin:0 auto;max-width:200px;padding:.75rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}.start-button:hover{background-color:#2f855a;text-decoration:none;transform:translateY(-2px)}@media screen and (max-width:768px){.hero h1{font-size:2rem}.hero-text{font-size:1rem}.features{grid-template-columns:1fr}.how-to-play{padding:2rem 1rem}}.game-setup-container{margin:0 auto;max-width:800px;padding:2rem 1rem}.create-game-section,.join-game-section{background-color:#f7fafc;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.create-game-section h2,.join-game-section h2{border-bottom:1px solid #e2e8f0;color:#2c5282;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem}.join-form{display:flex;gap:.5rem}.game-input{border:1px solid #e2e8f0;border-radius:4px;flex:1 1;font-size:1rem;padding:.5rem}.settings-form{gap:1rem}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#4a5568;font-weight:500}.settings-input,.settings-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:1rem;padding:.5rem}.create-game-btn{background-color:#4299e1;margin-top:1rem}.create-game-btn:hover:not(:disabled){background-color:#3182ce}.error-message{background-color:#fff5f5;border-radius:4px;color:#c53030;margin-top:1rem;padding:1rem}@media (max-width:640px){.join-form{flex-direction:column}.create-game-btn,.join-form button{width:100%}}.game-container{margin:0 auto;max-width:1000px}.game-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.game-header h2{color:#2c5282;margin:0}.notification{background-color:#bee3f8;border-radius:4px;color:#2c5282;margin-bottom:1rem;padding:.75rem;text-align:center}.turn-indicator{margin-bottom:1.5rem;text-align:center}.turn{border-radius:4px;display:inline-block;font-weight:700;padding:.5rem 1rem}.turn.left{background-color:#bee3f8;color:#2c5282}.turn.right{background-color:#fed7d7;color:#c53030}.game-result{border-radius:4px;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding:1rem;text-align:center}.left-won{background-color:#bee3f8;color:#2c5282}.right-won{background-color:#fed7d7;color:#c53030}.player-selection{background-color:#f7fafc;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.player-buttons{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem}.left-btn{background-color:#4299e1}.right-btn{background-color:#f56565}.board-container{background-color:#f7fafc;border-radius:8px;margin-bottom:1.5rem;overflow-x:auto;padding:1rem}.game-board{flex-direction:row;font-size:clamp(12px,2.5vw,28px);justify-content:space-between;white-space:nowrap;width:95vw}.board-cell,.game-board{box-sizing:border-box;display:flex}.board-cell{align-items:center;aspect-ratio:1/1;aspect-ratio:2/3;background-color:#fff;border:1px solid #cbd5e0;flex:1 1;font-size:inherit;font-weight:700;justify-content:center;max-width:100%;min-width:0;overflow:hidden;position:relative;text-align:center}.board-cell.filled{background-color:#edf2f7}.board-cell.left-home{background-color:#2b6cb01a;border:2px solid #2b6cb0}.board-cell.right-home{background-color:#c530301a;border:2px solid #c53030}.board-cell.center-cell{background-color:#fefcbf;border:2px solid #d69e2e}.home-marker{bottom:2px;font-size:.85em;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.game-controls{background-color:#f7fafc;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.player-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.player-info h3{color:#2c5282;margin:0}.word-input-container{display:flex;gap:.5rem;margin-bottom:1rem}.word-input-container input{border:1px solid #e2e8f0;border-radius:4px;flex:1 1;font-size:1rem;padding:.5rem}.removal-controls{background-color:#fff5f5;border-radius:4px;margin-bottom:1rem;padding:1rem}.removal-input{display:flex;gap:.5rem;margin-top:.5rem}.removal-input input{border:1px solid #e2e8f0;border-radius:4px;font-size:1rem;padding:.5rem;width:60px}.turn-actions{display:flex;gap:.5rem;margin-bottom:1rem}.waiting-message{background-color:#f7fafc;border-radius:4px;margin-bottom:1rem;padding:1rem;text-align:center}.word-definition{background-color:#ebf4ff;border-radius:4px;margin-top:1rem;padding:1rem}.word-definition h4{color:#2b6cb0;margin-top:0}.game-instructions{background-color:#f7fafc;border-radius:8px;padding:1.5rem}.game-instructions h3{color:#2c5282;margin-top:0}.instructions-content{background-color:#fff;border-radius:4px;padding:1rem}.btn-danger{background-color:#e53e3e}.btn-danger:hover:not(:disabled){background-color:#c53030}.btn-success{background-color:#38a169}.btn-success:hover:not(:disabled){background-color:#2f855a}.btn-sm{font-size:.875rem;padding:.25rem .5rem}.loading{align-items:center;color:#4a5568;display:flex;font-size:1.5rem;height:200px;justify-content:center}.error-container{background-color:#fff5f5;border-radius:8px;color:#c53030;padding:2rem;text-align:center}.game-header h2{font-size:1.2rem}@media (max-width:768px){.player-info{align-items:flex-start;flex-direction:column}.game-id-container h2{font-size:1rem}.copy-btn{font-size:.75rem;padding:.4rem .6rem}.share-message{font-size:.75rem;line-height:1.2}.game-header{align-items:flex-start;flex-direction:column;gap:.25rem}.difficulty-info{margin-top:.5rem}.removal-input,.turn-actions,.word-input-container{flex-direction:column}.turn-actions button{width:100%}}.instructions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.instructions-content{overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.leave-button{background-color:#f44336;margin-left:10px}.leave-button:hover{background-color:#d32f2f}.player-difficulties{background-color:#f5f5f5;border-radius:5px;display:flex;justify-content:space-around;margin:10px 0 20px;padding:10px}.difficulty-selector{align-items:center;display:flex;margin:0 10px}.difficulty-selector label{font-weight:700;margin-right:10px}.difficulty-selector select{background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:5px}.difficulty-selector select:disabled{background-color:#e9e9e9;cursor:not-allowed}.finish-button{transition:all .3s ease}.disabled-button{cursor:not-allowed;opacity:.5}.ready-button{animation:pulse 1.5s infinite;font-weight:700}@keyframes pulse{0%{background-color:#4caf50;box-shadow:0 0 0 0 #008000b3}70%{background-color:#45a049;box-shadow:0 0 0 10px #00800000}to{background-color:#4caf50;box-shadow:0 0 0 0 #00800000}}.important-note{color:#d32f2f;font-weight:700;margin:10px 0}.finish-notification{background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:5px;margin:10px 0;padding:10px}.game-id-container{align-items:center;display:flex;gap:10px}.copy-btn{background-color:#4caf50;font-size:.9rem;padding:5px 10px}.copy-btn:hover{background-color:#45a049}.share-message{color:#666;font-style:italic;margin:5px 0 15px}.opponent-left-dialog{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.opponent-left-content{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px #0003;max-width:400px;padding:20px;text-align:center}.opponent-left-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#5a6268}.draw{background-color:#fff8e1;color:#ff8f00}.draw-dialog{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.draw-content{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px #0003;max-width:400px;padding:20px;text-align:center}.draw-actions{margin-top:20px}.board-wrapper,.draw-actions{display:flex;justify-content:center}.board-wrapper{box-sizing:border-box;padding:.5rem;width:100%}.board-container{display:flex;flex-direction:row;flex-wrap:nowrap;font-size:2.31707vw;justify-content:space-between;white-space:nowrap;width:95vw}.navbar{background-color:#2c5282;box-shadow:0 2px 4px #0000001a;height:70px;justify-content:center;position:sticky;top:0;z-index:999}.navbar,.navbar-container{align-items:center;display:flex}.navbar-container{justify-content:space-between;max-width:1200px;padding:0 1rem;width:100%}.navbar-logo{color:#fff;cursor:pointer;font-size:1.8rem;font-weight:700;letter-spacing:1px;text-decoration:none}.nav-menu{align-items:center;display:flex;gap:2rem}.nav-link{color:#fff;font-size:1.1rem;padding:.5rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{color:#bee3f8;transform:translateY(-2px)}@media screen and (max-width:768px){.navbar-logo{font-size:1.5rem}.nav-menu{gap:1rem}.nav-link{font-size:1rem}}.footer{background-color:#2d3748;color:#fff;margin-top:auto;padding:1.5rem 0}.footer-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.footer p{margin:0}.footer-links{display:flex;gap:1.5rem}.footer-link{color:#a0aec0;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#fff}@media screen and (max-width:640px){.footer-container{flex-direction:column;gap:1rem;text-align:center}}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body{background-color:#f8fafc;color:#1a202c;line-height:1.6}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding:2rem 1rem}.btn{background-color:#4a5568;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.btn:hover:not(:disabled){background-color:#2d3748}.btn:disabled{background-color:#cbd5e0;cursor:not-allowed}h1{margin-bottom:1.5rem}h1,h2{color:#2c5282}h2,p{margin-bottom:1rem}input,select,textarea{border:1px solid #e2e8f0;border-radius:4px;font-size:1rem;padding:.5rem}input:focus,select:focus,textarea:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;outline:none}a{color:#3182ce;text-decoration:none}a:hover{text-decoration:underline}.loading-spinner{display:inline-block;height:80px;position:relative;width:80px}.loading-spinner:after{animation:spin 1.2s infinite;border-color:#4a5568 #0000;border-radius:50%;border-style:solid;border-width:32px;box-sizing:border-box;content:" ";display:block;height:0;margin:8px;width:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.bd26fbd4.css.map*/