:root{--background-color: #f0f4f8;--primary-color: #4a90e2;--primary-dark-color: #357abd;--secondary-color: #50e3c2;--accent-color: #f5a623;--text-color: #333;--light-text-color: #ffffff;--container-bg-color: #ffffff;--grid-border-color: #dce1e6;--found-color: #d4edda;--selected-color: #bde0fe;--error-color: #f8d7da;--error-border-color: #f5c6cb;--font-family: "Nunito", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);min-height:100vh}#root{width:100%}:focus-visible{outline:3px solid var(--primary-dark-color);outline-offset:2px;border-radius:4px}.navbar{background-color:var(--container-bg-color);padding:0 2rem;box-shadow:0 4px 12px #0000000d;position:sticky;top:0;z-index:1000;width:100%}.nav-container{display:flex;justify-content:space-between;align-items:center;height:70px;max-width:1200px;margin:0 auto}.nav-logo{color:var(--primary-color);font-size:1.8rem;font-weight:700;cursor:pointer}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-color);text-decoration:none;font-size:1.1rem;font-weight:700;padding:.5rem 0;position:relative;transition:color .3s ease}.nav-links a:hover{color:var(--primary-color)}.nav-links a:after{content:"";position:absolute;width:0;height:3px;bottom:-5px;left:50%;transform:translate(-50%);background-color:var(--primary-color);transition:width .3s ease}.nav-links a.active:after{width:100%}.menu-icon{display:none;cursor:pointer;z-index:1001}.hamburger{width:30px;height:3px;background-color:var(--text-color);position:relative;transition:all .3s ease-in-out}.hamburger:before,.hamburger:after{content:"";position:absolute;width:30px;height:3px;background-color:var(--text-color);transition:all .3s ease-in-out}.hamburger:before{transform:translateY(-10px)}.hamburger:after{transform:translateY(10px)}.hamburger.open{background-color:transparent}.hamburger.open:before{transform:rotate(45deg)}.hamburger.open:after{transform:rotate(-45deg)}@media (max-width: 960px){.nav-links{position:fixed;top:0;left:-100%;width:100%;height:100vh;flex-direction:column;justify-content:center;gap:3rem;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:left .3s ease-in-out}.nav-links.open{left:0}.nav-links a{font-size:2rem}.menu-icon{display:block}}.container{text-align:center;background-color:var(--container-bg-color);padding:1.5rem 2rem;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin:2rem auto;max-width:1000px}h1{color:var(--primary-color);margin-bottom:.5rem}h2{color:var(--text-color);margin-bottom:1.5rem;font-weight:400}.loading{font-size:1.5rem;padding:4rem 0;color:var(--primary-color)}.menu-screen{padding:2rem 0}.menu-screen h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary-color)}.button-group{display:flex;justify-content:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.game-selector-container{padding:2rem 0}.game-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.game-card{background-color:#fff;border:2px solid var(--grid-border-color);border-radius:12px;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative}.game-card:hover,.game-card:focus-visible{transform:translateY(-5px);box-shadow:0 12px 24px #00000014;border-color:var(--primary-color)}.game-card.completed{border-color:var(--secondary-color)}.completed-badge{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background-color:var(--secondary-color);color:var(--light-text-color);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;box-shadow:0 2px 5px #00000026;z-index:1}.game-card .logo-container{margin-bottom:1.5rem}.game-card svg{height:60px;width:60px;color:var(--primary-color)}.game-card h3{font-size:1.5rem;color:var(--primary-dark-color);margin-bottom:.5rem}.game-card p{font-size:1rem;color:#666;min-height:4rem}.theme-selector{margin-bottom:2rem}.theme-selector h3{font-size:1.2rem;margin-bottom:1rem;color:var(--text-color)}.theme-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.theme-button{padding:.6rem 1.2rem;font-size:.9rem;font-family:var(--font-family);font-weight:700;color:var(--primary-color);background-color:var(--container-bg-color);border:2px solid var(--primary-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.theme-button:hover{background-color:#e9f2fc}.theme-button.selected{background-color:var(--primary-color);color:var(--light-text-color)}.word-quest-game-area{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin-top:1.5rem}.word-quest-grid{display:grid;background-color:var(--container-bg-color);-webkit-user-select:none;user-select:none;touch-action:none;aspect-ratio:1 / 1;max-width:500px;width:100%;border-radius:8px;overflow:hidden}.word-quest-sidebar{text-align:left;min-width:200px}.word-quest-list{list-style:none;padding:0;font-size:1.2rem}.word-quest-list li{padding:.25rem 0;transition:all .3s ease}.word-quest-list li.found{text-decoration:line-through;color:#a0a0a0;transform:translate(10px)}.found-words-history{margin-top:2rem}.found-words-history h3{font-size:1.2rem;margin-bottom:.75rem;color:var(--primary-dark-color)}.found-words-history ul{list-style:none;padding:.5rem;background-color:var(--background-color);border-radius:8px;max-height:150px;overflow-y:auto;text-align:left}.found-words-history li{padding:.25rem .5rem;font-size:1rem}.hint-area{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--grid-border-color);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.hint-area .button-group{display:flex;flex-direction:column;gap:.75rem;align-items:stretch;width:100%;margin-top:0}.hint-area span{font-weight:700;font-size:1rem;color:var(--text-color)}.word-matrix-game-area{display:flex;gap:2rem;justify-content:center}.word-matrix-main{display:flex;flex-direction:column;align-items:center}.word-matrix-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;max-width:400px;aspect-ratio:1 / 1}.current-word-display{height:60px;font-size:2rem;font-weight:700;letter-spacing:4px;margin:1rem 0;padding:.5rem 1rem;border-radius:8px;background-color:var(--background-color);border:2px solid var(--grid-border-color);min-width:300px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease}.current-word-display.invalid{background-color:var(--error-color);border-color:var(--error-border-color);animation:shake .5s}.current-word-display.valid{background-color:var(--found-color)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.word-matrix-sidebar{text-align:left;min-width:220px}.game-stats{display:flex;justify-content:space-around;width:100%;margin-bottom:1rem;font-size:1.5rem}.game-stats div{font-weight:700;color:var(--primary-color)}.game-stats span{font-weight:400;color:var(--text-color)}.found-words-list{height:300px;overflow-y:auto;background:var(--background-color);padding:.5rem 1rem;border-radius:8px}.found-words-list h4{margin-bottom:.5rem}.found-words-list ul{list-style:none}.idiom-crossword-game-area{display:flex;gap:2rem;justify-content:center}.crossword-grid-container{position:relative;width:100%;max-width:500px;aspect-ratio:1 / 1}.crossword-grid{display:grid;width:100%;height:100%;border:2px solid var(--text-color)}.crossword-timer{font-size:1.5rem;color:var(--primary-dark-color);font-weight:700;margin-bottom:1rem;padding:.5rem;background-color:var(--background-color);border-radius:8px;display:inline-block}.crossword-cell{position:relative;border:1px solid var(--grid-border-color);background-color:var(--text-color)}.crossword-cell.active{background-color:#fff}.crossword-cell.highlight{background-color:var(--selected-color)}.crossword-cell input{width:100%;height:100%;text-align:center;font-size:clamp(1rem,4vw,1.5rem);font-weight:700;text-transform:uppercase;border:none;background-color:transparent;padding:0;color:var(--text-color);caret-color:var(--primary-color);outline:none}.crossword-cell input:focus-visible{outline:2px solid var(--primary-color);z-index:2;position:relative}.crossword-cell .number{position:absolute;top:1px;left:2px;font-size:clamp(.5rem,2vw,.75rem);font-weight:400;color:var(--text-color)}.crossword-clues{display:flex;gap:2rem;text-align:left}.clue-list h3{color:var(--primary-color);border-bottom:2px solid var(--primary-color);padding-bottom:.5rem;margin-bottom:.5rem}.clue-list ul{list-style:none}.clue-list li{padding:.25rem 0;cursor:pointer;transition:color .2s ease;border-radius:4px}.clue-list li:hover,.clue-list li:focus-visible{color:var(--primary-color);background-color:#f0f4f8}.clue-list li.active{font-weight:700;color:var(--primary-dark-color)}.clue-list li.correct{text-decoration:line-through;color:#a0a0a0}.word-less-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.word-ladder-display{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;border-radius:8px;background-color:var(--background-color)}.word-ladder-display p{font-size:1.2rem}.word-ladder-display .word{font-size:2rem;font-weight:700;letter-spacing:4px;color:var(--primary-color);background:#fff;padding:.5rem 1.5rem;border-radius:8px;border:2px solid var(--grid-border-color)}.word-ladder-display .arrow{font-size:2rem;color:var(--grid-border-color)}.ladder-inputs{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:300px}.ladder-input{padding:.75rem;font-size:1.5rem;text-align:center;text-transform:uppercase;letter-spacing:4px;border:2px solid var(--grid-border-color);border-radius:8px;font-family:var(--font-family);font-weight:700}.ladder-input:focus{border-color:var(--primary-color)}.ladder-input.invalid{border-color:#f5c6cb;background-color:var(--error-color)}.ladder-input-container{position:relative}.ladder-input-container .spinner{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:3px solid rgba(0,0,0,.1);border-left-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.validation-message{margin-top:1rem;font-size:1.1rem;font-weight:700;min-height:2rem}.validation-message.success{color:var(--secondary-color)}.validation-message.error{color:var(--error-color)}.stats-container{padding:1rem 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:#f8f9fa;padding:1.5rem;border-radius:12px;border:1px solid var(--grid-border-color)}.stat-card h3{display:flex;align-items:center;gap:.75rem;color:var(--primary-dark-color);margin-bottom:1.5rem;font-size:1.5rem}.stat-card h3 svg{height:30px;width:30px}.stat-card ul{list-style:none;padding:0;text-align:left}.stat-card li{display:flex;justify-content:space-between;padding:.75rem 0;font-size:1.1rem;border-bottom:1px solid var(--grid-border-color)}.stat-card li:last-child{border-bottom:none}.stat-card .stat-value{font-weight:700;color:var(--primary-color)}.contact-container{text-align:left;max-width:700px;margin:2rem auto}.contact-container h2{text-align:center;color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.contact-container p{text-align:center;font-size:1.1rem;margin-bottom:2.5rem;color:#666}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:700;color:var(--text-color)}.form-group input,.form-group textarea{padding:.75rem;font-size:1rem;font-family:var(--font-family);border:2px solid var(--grid-border-color);border-radius:8px;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-success-message{background-color:var(--found-color);color:#155724;padding:1rem;border-radius:8px;margin-bottom:2rem;text-align:center;font-weight:700}.footer{width:100%;padding:2rem;text-align:center;color:#888;background-color:var(--background-color);margin-top:2rem}.grid-cell{display:flex;justify-content:center;align-items:center;font-size:clamp(1rem,4vw,1.5rem);font-weight:700;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,transform .1s ease;border-radius:4px}.word-quest-grid .grid-cell{border-right:1px solid var(--grid-border-color);border-bottom:1px solid var(--grid-border-color);border-radius:0}.word-quest-grid .grid-cell.selected{background-color:var(--selected-color)}.word-quest-grid .grid-cell.found{background-color:var(--secondary-color);color:var(--light-text-color)}.word-quest-grid .grid-cell.hinted{background-color:var(--accent-color);color:var(--light-text-color);animation:pulse .8s infinite alternate}.word-quest-grid .grid-cell.revealed{box-shadow:inset 0 0 0 3px var(--accent-color)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.word-matrix-grid .grid-cell{background-color:#fff;border:2px solid var(--grid-border-color)}.word-matrix-grid .grid-cell:hover{background-color:#e9f2fc}.word-matrix-grid .grid-cell.adjacent{border-color:var(--accent-color);background-color:#fef8e7}.word-matrix-grid .grid-cell.selected{background-color:var(--selected-color);border-color:var(--primary-color);transform:scale(.95)}.word-matrix-grid .grid-cell.hinted{background-color:var(--accent-color);color:var(--light-text-color);animation:pulse .8s infinite alternate}button{padding:.75rem 1.5rem;font-size:1rem;font-family:var(--font-family);font-weight:700;color:var(--light-text-color);background-color:var(--primary-color);border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}button.secondary{background-color:#fff;color:var(--primary-color);border:2px solid var(--primary-color)}button.danger{background-color:#fddede;color:#721c24;border:2px solid #f5c6cb}button.danger:hover{background-color:#f8d7da}button:hover{background-color:var(--primary-dark-color);color:var(--light-text-color)}button:active{transform:scale(.98)}button:disabled{background-color:#a0c3e8;border-color:#a0c3e8;cursor:not-allowed}.game-over-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-over-modal-content{background-color:var(--container-bg-color);padding:2.5rem 3rem;border-radius:16px;box-shadow:0 10px 40px #0003;text-align:center;max-width:500px;width:90%;animation:modal-fade-in .4s cubic-bezier(.25,.46,.45,.94);position:relative;border-top:5px solid var(--primary-color)}.game-over-modal-content.win{border-top-color:var(--secondary-color)}.game-over-modal-content.info{border-top-color:var(--accent-color)}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.game-over-modal-content h3{font-size:2.2rem;margin-bottom:1rem;color:var(--primary-dark-color)}.game-over-modal-content.win h3{color:#155724}.game-over-modal-content.info h3{color:#856404}.game-over-message{font-size:1.1rem;color:#555;margin-top:-.5rem;margin-bottom:1.5rem;max-width:90%;margin-left:auto;margin-right:auto}.game-over-stats{margin:2rem 0;list-style:none;padding:0}.game-over-stats li{display:flex;justify-content:space-between;font-size:1.2rem;padding:.75rem 0;border-bottom:1px solid var(--grid-border-color)}.game-over-stats li:last-child{border-bottom:none}.game-over-stats .stat-label{color:#666}.game-over-stats .stat-value{font-weight:700;color:var(--text-color)}@media (max-width: 850px){.word-quest-game-area,.word-matrix-game-area,.idiom-crossword-game-area{flex-direction:column;align-items:center}.word-quest-sidebar,.word-matrix-sidebar{width:100%;margin-top:2rem;text-align:center}.word-quest-list{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:center}.word-quest-grid{order:2;width:100%;max-width:100%}.word-quest-sidebar{order:1;margin-top:0}.crossword-clues{flex-direction:column;width:100%;margin-top:2rem}}@media (max-width: 768px){.container{padding:1rem;margin:1rem}}