:root{--primary:#FF5FA2;--secondary:#4FD3C4;--accent:#FFD166;--correct:#7CFF6B;--incorrect:#FF6B6B;--background:#F0F9FF;--foreground:#333333;--card-bg:#FFFFFF;--card-shadow:0 8px 20px rgba(0,0,0,0.1);--level1:#92D5E6;--level2:#7BDFF2;--level3:#5BC6F0;--level4:#4AADD6;--level5:#369BC3;--primary-rgb:255,95,162;--correct-rgb:124,255,107;--incorrect-rgb:255,107,107}.game-container{max-width:800px;margin:0 auto;padding:20px;text-align:center;font-family:Rubik,Arial,sans-serif}.game-title{color:var(--primary);font-size:2.5rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.game-card{background-color:var(--card-bg);border-radius:20px;box-shadow:var(--card-shadow);padding:25px;margin-bottom:25px;border:3px solid var(--primary)}.btn{background-color:var(--primary);color:white;border:none;border-radius:12px;padding:14px 28px;font-size:1.3rem;cursor:pointer;transition:all .3s ease;font-weight:700;margin:10px;box-shadow:0 4px 0 rgba(0,0,0,.1)}.btn:hover{transform:translateY(-4px);box-shadow:0 8px 15px rgba(0,0,0,.15)}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.1)}.btn-secondary{background-color:var(--secondary)}.btn-level1{background-color:var(--level1)}.btn-level2{background-color:var(--level2)}.btn-level3{background-color:var(--level3)}.btn-level4{background-color:var(--level4)}.btn-level5{background-color:var(--level5)}.btn-disabled{background-color:#cccccc;cursor:not-allowed}.word-card{font-size:2.2rem;font-weight:700;margin:20px 0;background-color:var(--accent);color:white;padding:20px 30px;border-radius:15px;display:inline-block;box-shadow:0 6px 0 rgba(0,0,0,.1);text-shadow:1px 1px 2px rgba(0,0,0,.2)}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin:25px 0}.option-btn{background-color:var(--card-bg);border:3px solid var(--accent);border-radius:12px;font-size:1.3rem;box-shadow:0 4px 0 rgba(0,0,0,.1)}.option-btn:hover{background-color:var(--accent);color:white;transform:translateY(-3px);box-shadow:0 7px 10px rgba(0,0,0,.1)}.option-btn:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.1)}.correct{background-color:var(--correct);color:white;border-color:var(--correct)}.incorrect{background-color:var(--incorrect);color:white;border-color:var(--incorrect)}.score-display{font-size:1.5rem;margin:20px 0;font-weight:700;color:var(--primary)}.progress-bar{width:100%;height:24px;background-color:#eee;border-radius:12px;margin:20px 0;overflow:hidden;border:2px solid var(--secondary)}.progress-fill{height:100%;background-color:var(--secondary);transition:width .3s ease}.level-indicator{display:flex;justify-content:center;gap:10px;margin:20px 0}.level-dot{width:20px;height:20px;border-radius:50%;background-color:#eee;transition:all .3s ease}.level-dot.active{background-color:var(--primary);transform:scale(1.2)}.level-dot.completed{background-color:var(--secondary)}.celebration{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);z-index:1000}.celebration-content{background-color:white;padding:40px;border-radius:20px;text-align:center;border:5px solid var(--primary);box-shadow:0 10px 30px rgba(0,0,0,.2)}.badge{width:150px;height:150px;margin:20px auto;background:linear-gradient(135deg,var(--primary),var(--secondary));font-size:3rem;font-weight:700;box-shadow:0 10px 20px rgba(0,0,0,.2)}@media (max-width:600px){.option-grid{grid-template-columns:1fr}.game-title{font-size:2rem}.word-card{font-size:1.8rem}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{animation:bounce 1s}.pulse{animation:pulse .5s infinite}.home-container{max-width:1200px;margin:0 auto;padding:2rem;text-align:center}.welcome-card{background-color:white;border-radius:12px;padding:2rem;box-shadow:0 8px 24px rgba(0,0,0,.1);margin:2rem auto;max-width:600px}.welcome-title{color:var(--primary);font-size:2.5rem;margin-bottom:1.5rem}.welcome-img{font-size:5rem;margin:1.5rem 0;animation:pulse 2s infinite}.welcome-text{font-size:1.5rem;margin-bottom:2rem;color:#555}.name-form{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem auto;max-width:400px}.name-form label{font-size:1.2rem;color:#333;margin-bottom:.5rem}.name-form input{padding:1rem;border-radius:8px;border:2px solid #ddd;font-size:1.2rem;width:100%;text-align:center;transition:border-color .3s}.name-form input:focus{border-color:var(--primary);outline:none}.start-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border:none;border-radius:8px;padding:1rem 2rem;font-size:1.2rem;cursor:pointer;margin-top:1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px rgba(0,0,0,.1)}.start-btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.15)}.games-selection{max-width:1200px;margin:0 auto}.selection-title{font-size:2.5rem;color:var(--primary);margin-bottom:1rem;text-align:center}.selection-greeting{font-size:1.5rem;color:#555;margin-bottom:2rem;text-align:center}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin:2rem 0}.game-card{background-color:white;border-radius:12px;padding:1.5rem;box-shadow:0 6px 16px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center}.game-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.12)}.game-icon{font-size:3.5rem;margin-bottom:1rem}.game-name{font-size:1.5rem;color:var(--primary);margin-bottom:1rem}.game-description{color:#666;margin-bottom:1.5rem;font-size:1rem;line-height:1.4}.game-select-btn{background-color:var(--primary);color:white;border:none;border-radius:6px;padding:.6rem 1.5rem;font-size:1rem;cursor:pointer;transition:background-color .2s}.game-select-btn:hover{background-color:var(--secondary)}.result-container{max-width:800px;margin:2rem auto;text-align:center}.result-card{background-color:white;border-radius:16px;padding:2.5rem;box-shadow:0 10px 30px rgba(0,0,0,.1);position:relative;overflow:hidden}.result-title{color:var(--primary);font-size:2.5rem;margin-bottom:1.5rem}.game-name{background-color:var(--secondary);color:white;display:inline-block;padding:.5rem 1.5rem;border-radius:30px;font-size:1.2rem}.final-score,.game-name,.player-info{margin-bottom:2rem}.final-score{display:flex;flex-direction:column;align-items:center}.score-number{font-size:4rem;font-weight:700;color:var(--primary)}.score-label{font-size:1.5rem;color:#777}.score-percentage{width:150px;height:150px;margin:0 auto 2rem}.score-circle{width:100%;height:100%}.score-circle-bg{fill:none;stroke:#eeeeee;stroke-width:3}.score-circle-fill{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dasharray 1s ease}.score-circle-text{font-size:10px;text-anchor:middle;fill:var(--primary);font-weight:700}.result-message{font-size:1.5rem;color:#333;margin:2rem 0;font-weight:700}.level-badges{margin:2.5rem 0}.badges-container{gap:1.5rem;margin-top:1.5rem}.badge,.badges-container{display:flex;justify-content:center}.badge{width:60px;height:60px;border-radius:50%;align-items:center;font-size:1.5rem;color:white;transition:transform .5s,opacity .5s;opacity:.4;transform:scale(.8)}.badge.completed{box-shadow:0 5px 15px rgba(0,0,0,.2);opacity:1}.badge.show{transform:scale(1)}.action-buttons{display:flex;gap:1.5rem;justify-content:center;margin-top:3rem}.action-buttons .btn{padding:.8rem 2rem;font-size:1.2rem;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.action-buttons .btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.15)}@keyframes fall{0%{transform:translateY(-20px) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(1turn);opacity:0}}.matching-game{width:100%;max-width:800px;margin:0 auto}.word-columns{display:flex;justify-content:space-between;gap:2rem;margin-bottom:2rem}.word-column{flex:1 1}.word-column h3{text-align:center;margin-bottom:1rem;color:var(--primary);font-size:1.5rem}.word-list{display:flex;flex-direction:column;gap:.8rem}.word-item{padding:1rem;background-color:#f5f5f5;text-align:center;transition:all .3s ease;border:2px solid transparent;font-size:1.2rem}.word-item:hover:not(.matched){transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.word-item.selected{border-color:var(--primary);background-color:rgba(var(--primary-rgb),.1);font-weight:700}.word-item.matched{background-color:var(--correct);color:white;cursor:default;animation:pulse 1s ease}.matching-info{text-align:center;margin-top:1.5rem;font-size:1.2rem;color:#555}.fill-blank-game{max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.word-hint{margin-bottom:2rem;text-align:center}.hint-label{font-size:1.2rem;color:#555;margin-bottom:.5rem}.hebrew-hint{font-size:2rem;font-weight:700;color:var(--primary);padding:1rem 2rem;background-color:rgba(var(--primary-rgb),.1);border-radius:8px;display:inline-block}.word-with-blanks{font-size:2.5rem;letter-spacing:.5rem;margin:1.5rem 0;direction:ltr;text-align:center}.blank-space{display:inline-block;width:1.5rem;border-bottom:3px solid var(--primary);margin:0 .2rem;position:relative;bottom:.5rem}.answer-form{display:flex;gap:1rem;margin:1.5rem 0;width:100%;max-width:500px}.answer-input{flex:1 1;padding:1rem;font-size:1.2rem;border:2px solid #ddd;border-radius:8px;text-align:center;transition:all .3s ease}.answer-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}.answer-input.correct{border-color:var(--correct);background-color:rgba(var(--correct-rgb),.1)}.answer-input.incorrect{border-color:var(--incorrect);background-color:rgba(var(--incorrect-rgb),.1)}.submit-btn{background-color:var(--primary);color:white;border:none;border-radius:8px;padding:0 1.5rem;font-size:1.2rem;cursor:pointer;transition:background-color .2s}.submit-btn:hover:not(:disabled){background-color:var(--secondary)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.feedback{margin-top:1.5rem;padding:1rem;border-radius:8px;text-align:center;font-weight:700;animation:fadeIn .5s ease}.feedback.correct{background-color:rgba(var(--correct-rgb),.1);color:var(--correct)}.feedback.incorrect{background-color:rgba(var(--incorrect-rgb),.1);color:var(--incorrect)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;position:relative}.exit-btn{background-color:var(--incorrect);color:white;border:none;border-radius:6px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:all .3s;position:absolute;top:0;left:0}.exit-btn:hover{background-color:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.exit-btn:active{transform:translateY(0)}.word-search-game{display:flex;flex-direction:column;align-items:center;gap:2rem;margin:1.5rem 0}@media (min-width:768px){.word-search-game{flex-direction:row;align-items:flex-start}}.word-search-grid{display:grid;grid-gap:4px;gap:4px;margin:0 auto;max-width:500px;width:100%;background-color:var(--card-bg);padding:1rem;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.grid-cell{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;background-color:#f0f0f0;border-radius:4px;cursor:pointer;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:500px){.grid-cell{font-size:.8rem}}.grid-cell:hover{background-color:#e0e0e0;transform:scale(1.05)}.grid-cell.selected{background-color:var(--accent);color:white;transform:scale(1.1);z-index:1}.grid-cell.found{background-color:var(--correct);color:white}.word-list{min-width:200px;padding:1rem;background-color:var(--card-bg);border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.word-list h3{text-align:center;margin-bottom:1rem;color:var(--primary)}.word-items{display:flex;flex-direction:column;gap:.5rem}.word-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-radius:4px;background-color:#f0f0f0;transition:all .3s}.word-item.found{background-color:var(--correct);color:white;text-decoration:line-through}.word-translation{color:#666;font-size:.9rem}.word-item.found .word-translation{color:rgba(255,255,255,.8)}.scramble-game{max-width:600px;margin:0 auto;flex-direction:column}.scramble-game,.solution-area{display:flex;align-items:center}.solution-area{gap:8px;margin:20px 0;padding:15px;border-radius:8px;background-color:rgba(0,0,0,.05);border:2px dashed var(--secondary);min-height:70px;justify-content:center;width:100%;flex-wrap:wrap}.solution-area.correct{background-color:rgba(124,255,107,.2);border-color:var(--correct)}.solution-area.incorrect{background-color:rgba(255,107,107,.2);border-color:var(--incorrect)}.letter-slot{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:var(--card-bg);font-size:1.5rem;font-weight:700;color:var(--foreground);border:2px solid transparent;box-shadow:0 2px 5px rgba(0,0,0,.1)}.letter-slot.filled{background-color:white;border-color:var(--primary);cursor:pointer}.letter-slot.empty{border:2px dashed #ccc}.scrambled-letters{flex-wrap:wrap;gap:10px;margin:20px 0}.letter-tile,.scrambled-letters{display:flex;justify-content:center}.letter-tile{width:50px;height:50px;align-items:center;border-radius:8px;background-color:var(--accent);color:white;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 3px 0 rgba(0,0,0,.1)}.letter-tile:hover{transform:translateY(-3px);box-shadow:0 6px 0 rgba(0,0,0,.1)}.letter-tile:active{transform:translateY(0);box-shadow:0 1px 0 rgba(0,0,0,.1)}.game-actions{display:flex;gap:15px;margin-top:20px}.hint-btn{background-color:var(--level3);color:white;border:none;border-radius:8px;padding:10px 20px;font-size:1.2rem;cursor:pointer;transition:all .3s}.hint-btn:hover:not(:disabled){background-color:var(--level4);transform:translateY(-3px);box-shadow:0 6px 10px rgba(0,0,0,.1)}.hint-btn:disabled{opacity:.5;cursor:not-allowed}.opposites-game,.synonyms-game{display:flex;flex-direction:column;align-items:center;gap:20px}.word-display{margin:20px 0;text-align:center}.main-word{font-size:2.5rem;font-weight:700;color:var(--foreground);padding:15px 30px;background-color:#f8f8f8;border-radius:15px;margin-bottom:10px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.hebrew-hint{font-size:1.2rem;color:#666;margin-top:5px}.options-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;gap:15px;width:100%;max-width:600px}.option-btn{padding:15px;font-size:1.2rem;background-color:white;border:2px solid var(--accent);border-radius:10px;cursor:pointer;transition:all .3s ease}.option-btn:hover:not(:disabled){background-color:var(--accent);color:white;transform:translateY(-3px)}.option-btn:disabled{cursor:not-allowed;opacity:.7}.option-btn.correct{background-color:var(--correct);color:white;border-color:var(--correct)}.option-btn.incorrect{background-color:var(--incorrect);color:white;border-color:var(--incorrect)}.categories-game{display:flex;flex-direction:column;gap:25px}.words-container{margin-bottom:20px}.unsorted-words{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;min-height:60px;padding:15px;background-color:#f8f8f8;border-radius:10px;border:2px dashed #ccc}.categories-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px}.category-drop-area{min-height:200px;padding:15px;border:2px solid var(--secondary);border-radius:10px;background-color:#f8f8f8}.category-drop-area h3{margin-top:0;color:var(--primary);font-size:1.3rem}.hebrew-category{font-size:.9rem;color:#666}.category-words{display:flex;flex-wrap:wrap;gap:10px;min-height:100px}.word-item{padding:10px 15px;background-color:white;border:2px solid var(--accent);border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.word-item:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(0,0,0,.1)}.word-item.correct{border-color:var(--correct);background-color:rgba(var(--correct-rgb),.2)}.word-item.incorrect{border-color:var(--incorrect);background-color:rgba(var(--incorrect-rgb),.2)}.round-complete{text-align:center;padding:20px;background-color:white;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1);animation:fadeIn .5s ease}.sentence-builder-game{display:flex;flex-direction:column;gap:20px;align-items:center}.translation{margin-bottom:20px;text-align:center}.hebrew-sentence{font-size:1.5rem;color:var(--foreground);padding:15px;background-color:#f8f8f8;border-radius:10px;max-width:600px;margin:0 auto}.sentence-area{min-height:70px;padding:20px;background-color:#f8f8f8;border:2px dashed #ccc;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;width:100%;margin-bottom:20px}.sentence-area.correct{border-color:var(--correct);background-color:rgba(var(--correct-rgb),.1)}.sentence-area.incorrect{border-color:var(--incorrect);background-color:rgba(var(--incorrect-rgb),.1)}.empty-sentence-placeholder{color:#999;font-style:italic}.word-selection-area{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.word-block{padding:12px 15px;background-color:white;border:2px solid var(--accent);border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:700}.word-block:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(0,0,0,.1);background-color:var(--accent);color:white}@media (max-width:600px){.categories-container,.options-container{grid-template-columns:1fr}.main-word{font-size:2rem}.hebrew-sentence{font-size:1.2rem}}.high-score{background-color:var(--accent);color:#333;padding:5px 10px;border-radius:12px;margin:10px 0;font-weight:700;font-size:.9rem}.high-score-display{margin:15px 0;padding:10px;border-radius:8px;background-color:rgba(var(--accent),.1);text-align:center}.high-score-label{font-size:1.2rem;font-weight:700;color:var(--primary);margin-bottom:5px}.new-record{color:var(--correct);font-weight:700;font-size:1.4rem;animation:pulse 1s infinite;margin:10px 0}.previous-record{color:#777;font-size:1rem}.total-score,.total-score-display{background-color:var(--accent);color:#333;padding:8px 15px;border-radius:12px;margin:15px auto;max-width:400px;font-weight:700}.total-score h3,.total-score-display h3{margin:0;font-size:1.2rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}