@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;900&display=swap");:root{--primary-color:#6441a5;--secondary-color:#9146ff;--accent-color:#b9a3e3;--bg-dark:#121212;--bg-dark-secondary:#1e1e1e;--bg-dark-tertiary:#2d2d2d;--text-primary:#fff;--text-secondary:#b3b3b3;--text-tertiary:grey;--game-red:#ff5252;--game-yellow:#ffc107;--game-green:#4caf50;--gold:gold;--gold-light:#ffe566;--game-blue:#4285f4;--success:#2ecc71;--success-light:rgba(46,204,113,.2);--danger:#e74c3c;--primary:#3498db;--primary-light:rgba(52,152,219,.2);--word-league-color:#2196f3;--word-league-color-dark:#1976d2;--echo-code-color:#9b59b6;--echo-code-color-dark:#8e44ad;--fastest-fingers-color:#2ecc71;--fastest-fingers-color-dark:#27ae60;--border-radius:8px;--box-shadow:0 4px 6px rgba(0,0,0,.1)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;direction:rtl;font-family:Tajawal,sans-serif;background-color:var(--bg-dark);color:var(--text-primary)}a{color:inherit;text-decoration:none}button{font-family:Tajawal,sans-serif;cursor:pointer}.game-card{background-color:var(--bg-dark-secondary);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--box-shadow);margin-bottom:1rem}.guess-far{color:var(--game-red)}.guess-medium{color:var(--game-yellow)}.guess-close{color:var(--game-green)}.btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);padding:.5rem 1rem;font-weight:500;transition:background-color .3s ease}.btn:hover{background-color:var(--secondary-color)}.btn-secondary{background-color:var(--bg-dark-tertiary)}.btn-secondary:hover{background-color:var(--bg-dark-secondary)}button:hover .button-shine{transform:translateX(100%)!important}.fastest-fingers-page button{transition:all .3s ease}.fastest-fingers-page button:hover{transform:translateY(-3px);box-shadow:0 7px 14px rgba(0,0,0,.15)}.fastest-fingers-page button:active{transform:translateY(-1px)}:root{--wheel-of-countries-color:#2196f3;--wheel-of-countries-color-dark:#1976d2;--kaf-bekaf-color:#e74c3c;--kaf-bekaf-color-dark:#c0392b;--guess-far:#ff5252;--guess-medium:#ffc107;--guess-close:#4caf50}.game-card{background:var(--background-secondary);border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.game-card__image{height:180px;background-size:cover;background-position:50%;position:relative}.game-card__icon{position:absolute;top:1rem;right:1rem;width:50px;height:50px;border-radius:50%;background:var(--background);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.game-card__content{padding:1.5rem;flex:1 1;display:flex;flex-direction:column}.game-card__title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text)}.game-card__description{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.5rem;flex:1 1}.game-card__link{display:inline-block;padding:.8rem 1.5rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;text-align:center;transition:background .3s ease}.game-card__link:hover{background:var(--primary-dark)}.game-header{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.game-icon{font-size:3rem;margin-left:1rem}.game-title{font-size:2.5rem;font-weight:700;color:var(--text)}.game-description{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);text-align:center;margin-bottom:3rem}.settings-form{background:var(--background-secondary);border-radius:16px;padding:2rem;margin-bottom:3rem}.settings-title{font-size:1.5rem;font-weight:600;color:var(--text);text-align:center}.settings-group,.settings-title{margin-bottom:1.5rem}.settings-label{display:block;font-weight:500;margin-bottom:.5rem}.settings-input,.settings-label{font-size:1rem;color:var(--text)}.settings-input{width:100%;padding:.8rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--background-tertiary);transition:border-color .3s ease}.settings-input:focus{outline:none;border-color:var(--primary)}.start-button{width:100%;padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s ease,transform .3s ease}.start-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px)}.start-button:disabled{background:var(--background-tertiary);cursor:not-allowed}.how-to-play{background:var(--background-secondary);border-radius:16px;padding:2rem}.how-to-play-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text);text-align:center}.how-to-play-steps{display:flex;flex-direction:column;gap:1rem}.how-to-play-step,.step-number{display:flex;align-items:center}.step-number{width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;justify-content:center;font-weight:700;margin-left:1rem;flex-shrink:0}.step-text{font-size:1rem;color:var(--text-secondary);flex:1 1}.game-info{display:flex;justify-content:space-between;background:var(--background-secondary);border-radius:16px;padding:1rem;margin-bottom:2rem}.info-block{text-align:center}.info-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:.3rem}.info-value{font-size:1.2rem;font-weight:600;color:var(--text)}.time-value{color:var(--primary)}.guess-form{display:flex;margin-bottom:1.5rem}.guess-input{flex:1 1;padding:.8rem 1rem;border:1px solid var(--border);border-radius:8px 0 0 8px;background:var(--background-tertiary);color:var(--text);font-size:1rem}.guess-input:focus{outline:none;border-color:var(--primary)}.guess-button{padding:.8rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:0 8px 8px 0;font-weight:600;cursor:pointer;transition:background .3s ease}.guess-button:hover{background:var(--primary-dark)}.guesses-list{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.guess-item{display:flex;align-items:center;padding:.8rem 1rem;background:var(--background-tertiary);border-radius:8px}.guess-username{font-weight:600;color:var(--primary);margin-left:.5rem}.guess-text{color:var(--text);flex:1 1}.guess-far{border-right:4px solid var(--guess-far);background:rgba(231,76,60,.1)}.guess-medium{border-right:4px solid var(--guess-medium);background:rgba(243,156,18,.1)}.guess-close{background:rgba(46,204,113,.1)}.guess-close,.guess-correct{border-right:4px solid var(--guess-close)}.guess-correct{background:rgba(46,204,113,.2)}.correct-badge{background:var(--guess-close);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.twitch-chat-container{background:var(--background-secondary);border-radius:16px;display:flex;flex-direction:column;height:100%}.twitch-chat-header{display:flex;align-items:center;padding:1rem;border-bottom:1px solid var(--border)}.twitch-icon{font-size:1.2rem;margin-left:.5rem}.twitch-chat-title{font-size:1.1rem;font-weight:600;color:var(--text)}.twitch-chat-messages{flex:1 1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.twitch-chat-message{display:flex;margin-bottom:.5rem}.twitch-chat-username{font-weight:600;color:var(--primary);margin-left:.5rem}.twitch-chat-text{color:var(--text);word-break:break-word}.no-messages-text{text-align:center;padding:2rem;color:var(--text-secondary)}.results-container{background:var(--background-secondary);border-radius:16px;padding:2rem;text-align:center}.results-title{font-size:2rem;font-weight:700}.results-subtitle,.results-title{margin-bottom:1.5rem;color:var(--text)}.results-subtitle{font-size:1.5rem;font-weight:600}.winners-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.winner-item{padding:1rem;background:var(--background-tertiary);border-radius:8px}.winner-item,.winner-rank{display:flex;align-items:center}.winner-rank{width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;justify-content:center;font-weight:700;margin-left:1rem}.winner-name{font-weight:600;color:var(--text);flex:1 1}.winner-round{font-size:.9rem;color:var(--text-secondary);margin:0 1rem}.winner-points{font-weight:600;color:var(--primary)}.no-winners-message{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}.restart-button{padding:1rem 2rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s ease,transform .3s ease}.restart-button:hover{background:var(--primary-dark);transform:translateY(-2px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh}.loading-spinner{width:40px;height:40px;border-top:4px solid var(--background-tertiary);border:4px solid var(--background-tertiary);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{font-size:1rem;color:var(--text-secondary)}@media (max-width:768px){.game-info{flex-direction:column;gap:1rem}.game-container{grid-template-columns:1fr}.game-title{font-size:2rem}.game-description{font-size:1rem}}