@import url(https://fonts.googleapis.com/css2?family=ADLaM+Display&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ADLaM Display;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#fff1e8;font-family:ADLaM Display,sans-serif}.home-container{max-width:800px;padding:1rem;text-align:left}.home-container h1{color:#3171a6;font-family:Rubik Mono One;font-size:90px;margin-bottom:1rem;margin-top:0}.home-container h2{border-left:10px solid #3171a6;border-radius:10px;color:#3171a6;font-family:ADLaM Display;font-size:25px;line-height:1.5;margin-bottom:1rem;max-height:466px;max-width:900px;padding:1rem;text-align:justify}.home-options{display:flex;font-family:ADLaM Display;gap:4rem;padding:1rem 7rem 1rem 5rem}.create-home-button,.join-home-button{border:none;border-radius:20px;cursor:pointer;font-family:ADLaM Display,sans-serif;font-size:30px;padding:1rem}.create-home-button{background-color:#d9d9d9;color:#3171a6;font-family:ADLaM Display}.create-home-button:not(:disabled):hover{background-color:#d9d9d9;transform:translateY(-2px)}.join-home-button{background-color:#d9d9d9;color:#3171a6;font-family:ADLaM Display;gap:5rem}.join-home-button:not(:disabled):hover{background-color:#d9d9d9;transform:translateY(-2px)}@media (min-width:768px){.home-options{flex-direction:row;max-width:500px}.home-wrapper{align-items:center;display:flex;gap:2rem;justify-content:space-between;padding:2rem}.home-image img{height:auto;max-width:700px}@media (max-width:768px){.home-wrapper{align-items:center;flex-direction:column}.home-image img{max-width:80%}}}.create-game-container,body{font-family:ADLaM Display}.left-section{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:0}.create-game-container{margin:40px auto;max-width:800px;padding:20px;text-align:center}.create-game-title{color:#3171a6;margin-bottom:30px}.input-container,.word-form{margin-bottom:20px}.input-container{align-items:flex-start;display:flex;font-family:ADLaM Display;gap:60px;justify-content:flex-start}.word-input{border:2px solid #fff2e1;border-radius:5px;color:#3171a6;font-family:ADLaM Display;font-size:20px;letter-spacing:1px;min-width:400px;padding:16px 20px;text-align:left;width:100%}.word-input:focus{border-color:#3171a6;outline:none}.actions-container{display:flex;flex-direction:column;min-width:200px}.action-button,.add-word-button,.custom-file-upload,.settings-button{font-size:18px;min-width:160px;padding:16px 30px}.add-word-button{border:none;border-radius:5px;color:#fff2e1;cursor:pointer;font-family:ADLaM Display;margin-bottom:24px;margin-top:5px}.add-word-button,.add-word-button:hover,.custom-file-upload{background-color:#3171a6}.custom-file-upload{border-radius:5px;color:#fff2e1;cursor:pointer;display:inline-block;font-family:ADLaM Display;margin-bottom:12px;text-align:center}.custom-file-upload input{display:none}.action-button,.custom-file-upload:hover{background-color:#3171a6}.action-button{border:none;border-radius:5px;color:#fff2e1;cursor:pointer;font-family:ADLaM Display;margin-bottom:8px}.action-button:hover{background-color:#3171a6}.settings-button{background-color:#d9d9d9;border:none;border-radius:5px;color:#3171a6;cursor:pointer;font-family:ADLaM Display;margin-bottom:10px}.settings-button:hover{background-color:#d9d9d9!important}.words-section{margin-bottom:20px}.words-title{color:#3171a6;margin-bottom:0}.words-list{color:#3171a6;font-family:ADLaM Display;gap:15px;justify-content:flex-start;list-style:none;padding:0}.word-tag{background-color:#f0f0f0;border-radius:20px;color:#3171a6;font-size:18px;padding:12px 24px}.start-game-button{background-color:#3171a6;border:none;border-radius:5px;color:#fff2e1;cursor:pointer;font-family:ADLaM Display;font-size:16px;margin-right:40px;margin-top:40px;padding:20px 10px;width:50%}.start-game-button:disabled{background-color:#ccc;cursor:not-allowed}.start-game-button:not(:disabled):hover{background-color:#1976d2}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.modal{background-color:#d9d9d9;border-radius:12px;font-family:ADLaM Display;padding:30px 40px 25px;position:relative;width:600px}.modal-close{background:none;border:none;color:#3171a6;cursor:pointer;font-size:28px;left:10px;position:absolute;top:16px;z-index:1001}.modal-close:focus,.modal-close:hover{background:none!important;box-shadow:none;outline:none}.modal-content{color:#3171a6;display:flex;flex-direction:column;font-size:20px;gap:20px;margin:40px auto 0;padding-top:10px}.setting-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.setting-row label{flex:6.5 1;font-weight:700;text-align:left}.row-right{align-items:center;display:flex;gap:8px}.setting-row .row-right{align-items:center;display:flex;flex:2 1;gap:10px;justify-content:flex-start}.setting-row .row-right input{border:1px solid #ccc;border-radius:6px;color:#3171a6;font-family:ADLaM Display;font-size:16px;height:32px;text-align:center;width:60px}.row-right span{color:#3171a6;font-size:16px}.modal-save-button{border:none;border-radius:6px;color:#fff2e1;cursor:pointer;font-family:ADLaM Display;font-size:18px;margin-top:10px;padding:12px;transition:background-color .2s ease;width:100%}.modal-save-button,.modal-save-button:hover{background-color:#3171a6}.time-unit{align-items:center;display:flex;gap:10px}.deckSelect{border:1px solid #000;border-radius:6px;cursor:pointer;font-family:ADLaM Display;margin-bottom:10px;padding:10px;width:100%}.join-game-container{font-family:ADLaM Display;margin:0 auto;max-width:500px;padding:2rem}.join-game-container h1{color:#3171a6;font-family:ADLaM Display;font-size:3.5rem;margin-bottom:3rem;text-align:center}.join-form{border-radius:10px;font-family:ADLaM Display;padding:1rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#3171a6;display:block;font-family:ADLaM Display;font-size:1.5rem;margin-bottom:.5rem}.form-group input{border:2px solid #d9d9d9;border-radius:20px;font-family:ADLaM Display;font-size:1.2rem;padding:1rem .6rem;transition:border-color .2s;width:95%}.form-group input:focus{border-color:#d9d9d9;outline:none}.form-group input::placeholder{color:#d9d9d9}.join-button{background-color:#3171a6;border:none;border-radius:20px;color:#d6e9f7;cursor:pointer;display:block;font-family:ADLaM Display;font-size:1.5rem;margin:0 auto;padding:1.2rem;transition:background-color .2s,transform .2s}.join-button:hover{background-color:#3171a6;transform:translateY(-2px)}.join-button.disabled{background-color:#d9d9d9;color:#3171a6}.join-button:active{background-color:#3171a6;color:#fff2e1;transform:translateY(0)}@media (max-width:600px){.join-game-container{padding:1rem}.join-form{padding:1.5rem}}.quiz-container{font-family:Arial,sans-serif;margin:10rem auto 0;max-width:600px;padding:20px}.quiz-header{align-items:center;background-color:#f5f5f5;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px}.progress,.score,.timer{color:#333;font-size:18px;font-weight:700}.question-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:30px;text-align:center}.question-card h2{color:#3171a6;margin-bottom:20px}.master-view,.player-view{text-align:center}.game-info{background-color:#f5f5f5;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px}.remaining-words,.timer{color:#3171a6;font-size:1.1rem;font-weight:700}.current-word{align-items:center;background-color:#f8f9fa;border-radius:8px;color:#3171a6;display:flex;font-size:2.5rem;font-weight:700;justify-content:center;margin:30px 0;min-height:100px;padding:20px}.instructions{color:#666;font-size:16px;margin-top:20px}.guess-form{display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:400px}.guess-input{border:2px solid #ddd;border-radius:6px;font-size:18px;padding:12px;transition:border-color .2s;width:100%}.guess-input:focus{border-color:#2196f3;outline:none}.guess-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;padding:12px 24px;transition:background-color .2s}.guess-button,.guess-button:hover{background-color:#3171a6}.message{border-radius:6px;font-weight:700;margin-top:15px;padding:10px}.message.correct{background-color:#dff0d8;color:#3c763d}.message.incorrect{background-color:#f2dede;color:#a94442}.words-progress{margin-top:30px}.words-progress h3{color:#333;margin-bottom:15px;text-align:center}.words-list{flex-wrap:wrap;gap:10px}.word-item,.words-list{display:flex;justify-content:center}.word-item{align-items:center;background-color:#f0f0f0;border-radius:50%;color:#666;font-weight:700;height:40px;transition:all .3s;width:40px}.word-item.current{background-color:#3171a6;color:#fff;transform:scale(1.1)}.word-item.guessed{background-color:#4caf50;color:#fff}.options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.option{background-color:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:1.1rem;padding:1rem;transition:all .2s}.option:hover:not(:disabled){background-color:#f0f0f0;border-color:#3171a6}.option:disabled{cursor:default}.option.correct{background-color:#4caf50;border-color:#4caf50;color:#fff}.option.incorrect{background-color:#f44336;border-color:#f44336;color:#fff}.next-button-container{margin-top:2rem;text-align:center}.next-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;transition:background-color .2s}.next-button,.next-button:hover,.skip-button{background-color:#3171a6}.skip-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:15px 30px;transition:background-color .2s}.skip-button:hover{background-color:#2c5d8f}.error-message{border-radius:8px}.back-button{background-color:#3171a6;border:none;border-radius:8px;color:#fff;display:block;margin:20px auto}.back-button:hover{background-color:#2c5d8f}@media (min-width:768px){.options-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.quiz-container{margin-top:5rem;padding:10px}.current-word{font-size:2rem;padding:15px}.game-info{flex-direction:column;gap:10px}}.game-container{align-items:flex-start;background-color:#ffefe3;display:flex;font-family:ADLaM Display;gap:60px;justify-content:center;min-height:100vh;padding:40px}.entered-words{background-color:#d9d9d9;border-radius:10px;font-size:20px;min-height:600px;padding:10px;width:600px}.entered-words h4{border-bottom:4px solid #3171a6;color:#3171a6;font-size:32px;margin-bottom:10px;margin-top:10px}.entered-words ul{border:none;color:#3171a6;list-style:none;margin:0;padding:0}.game-main{flex-direction:column}.game-main,.top-bar{align-items:center;display:flex;width:100%}.top-bar{gap:350px;justify-content:center;margin-bottom:30px;margin-top:150px}.score,.top-bar h2{color:#3171a6;font-weight:700}.word-form{align-items:center;display:flex;flex-direction:column;gap:15px}.word-form input{background-color:#d9d9d9;border-radius:20px;color:#3171a6;font-size:16px;margin-top:30px;padding:22px 20px;width:700px}.word-form button,.word-form input{border:none;font-family:ADLaM Display}.word-form button{background-color:#3171a6;border-radius:10px;color:#fff1e8;cursor:pointer;font-size:20px;padding:10px 30px}.word-form button:hover{background-color:#317ba6}.word-form button:disabled{background-color:#ccc}.results-container{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;padding:20px}.results-container h1{color:#333;font-size:2.5rem;margin-bottom:30px;text-align:center}.results-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;max-width:600px;padding:30px;width:100%}.top-players{margin-bottom:40px}.player-result{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;margin-bottom:15px;padding:15px;transition:transform .2s}.player-result:hover{transform:translateY(-2px)}.player-result.rank-1{background-color:#fff3e0;border:2px solid #ffb74d}.player-result.rank-2{background-color:#f5f5f5;border:2px solid #bdbdbd}.player-result.rank-3{background-color:#fff8e1;border:2px solid #ffd54f}.rank{color:#666;font-size:1.5rem;font-weight:700;margin-right:20px;min-width:30px}.player-info{flex-grow:1}.player-name{color:#333;font-size:1.2rem;margin-bottom:5px}.player-score{color:#666}.all-players{margin-top:30px}.all-players h2{color:#333;font-size:1.5rem;margin-bottom:20px}.players-list{display:flex;flex-direction:column;gap:10px}.player-row{align-items:center;background-color:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:12px 15px;transition:background-color .2s}.player-row:hover{background-color:#e9ecef}.player-rank{color:#666;font-weight:700;min-width:40px}.results-actions{display:flex;gap:15px;margin-top:20px}.play-again-button,.share-button{border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;padding:12px 30px;transition:background-color .2s}.play-again-button{background-color:#4caf50;color:#fff}.play-again-button:hover{background-color:#43a047}.share-button{background-color:#2196f3;color:#fff}.share-button:hover{background-color:#1976d2}.error-message{background-color:#ffebee;border-radius:6px;color:#c62828;margin-bottom:20px;padding:15px;text-align:center}.back-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;padding:10px 20px;transition:background-color .2s}.back-button:hover{background-color:#e0e0e0}.loading{align-items:center;animation:pulse 1.5s infinite;color:#666;display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width:768px){.top-players{align-items:center;flex-direction:column}.player-result{max-width:300px;width:100%}}.lobby-container{align-items:center;background-color:#ffefe3;box-sizing:border-box;color:#3171a6;display:flex;flex-direction:column;font-family:ADLaM Display;margin-top:10px;min-height:200vh;padding:40px 20px}.content-wrapper{align-items:flex-start;display:flex;gap:75px;justify-content:center;margin-bottom:40px;max-width:500px;width:100%}.players-section{color:#3171a6}.players-list{background-color:#d9d9d9;border-radius:10px;height:480px;margin-top:10px;overflow-y:auto;padding:10px;width:460px}.player-item{color:#3171a6;font-size:16px;padding:6px 0}.right-section{display:flex;flex-direction:column;gap:20px}.code-box,.url-box{background-color:#d9d9d9;border-radius:20px;color:#3171a6;font-size:16px;min-width:100px;word-break:break-word}.url-box{min-width:300px;padding:10px 40px;text-align:left;white-space:nowrap}.code-box{max-width:80px;min-width:90px;padding:10px 5px;text-align:center}.qr-section{text-align:left}.qr-section h3{color:#3171a6}.qr-section img{background-color:#d9d9d9;border-radius:20px;height:310px;width:310px}.create-button{background-color:#3171a6;border:none;border-radius:20px;color:#fff1e8;cursor:pointer;font-family:ADLaM Display;font-size:30px;margin-right:30px;margin-top:-100px;padding:10px 30px;transition:background-color .3s;width:300px}.create-button:hover{background-color:#317ba6}.leaderboard-container{align-items:center;background-color:#ffefe3;display:flex;flex-direction:column;font-family:ADLaM Display;min-height:100vh;padding:40px 20px}.leaderboard-title{color:#3171a6;margin-bottom:20px}.leaderboard-table{background-color:#d9d9d9;border-radius:10px;display:flex;flex-direction:column;gap:10px;margin-bottom:30px;max-height:400px;max-width:800px;overflow-y:auto;padding:10px;width:100%}.leaderboard-row{align-items:center;background-color:#bfbfbf;border-radius:8px;display:flex;justify-content:space-between;padding:10px 20px}.leaderboard-name,.leaderboard-rank,.leaderboard-score{color:#3171a6;font-size:16px;font-weight:700}.leaderboard-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.button{border:none;border-radius:8px;cursor:pointer;font-family:ADLaM Display;font-size:30px;padding:10px 20px}.button.primary{background-color:#3171a6;color:#fff1e8}.button.light{background-color:#d9d9d9;color:#3171a6}