:root{--game-ink: #24436f;--game-paper: #fffaf3;--game-line: rgba(36, 67, 111, .16);--game-ok-bg: #dcf7e5;--game-ok-text: #1a7a3a;--game-ok-border: #a7e8bd;--game-bad-bg: #ffe3dc;--game-bad-text: #c0392b;--game-bad-border: #ffb4a2;--game-sky: #5ba4cf;--game-leaf: #4caf7d;--game-sun: #f1b451;--game-coral: #e85d4f;--game-font-main: "Alata", "Segoe UI", "Calibri", "Futura", Verdana, sans-serif;--game-font-display: "Saira Stencil One", cursive;--game-shell-max-width: 920px;--game-card-radius: 8px;--game-card-shadow: 8px 8px 0;--game-card-shadow-alpha: .08;--game-option-radius: 8px;--game-transition-speed: .2s;--game-breakpoint: 760px}@keyframes game-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes game-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes game-bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes game-fade-in{0%{opacity:0}to{opacity:1}}@keyframes game-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.game-root{min-height:calc(100vh - 4rem);padding:clamp(1rem,4vw,2rem);background:var(--game-paper);color:var(--game-ink);font-family:var(--game-font-main)}.game-shell{width:min(var(--game-shell-max-width),100%);margin:0 auto;display:grid;gap:1rem}.game-card{border:2px solid var(--game-line);border-radius:var(--game-card-radius);background:#ffffffe6;box-shadow:var(--game-card-shadow) rgba(36,67,111,var(--game-card-shadow-alpha));padding:1rem}.game-header h1{margin:0;font-size:clamp(2rem,9vw,4.5rem);line-height:1}.game-option{min-height:3.5rem;border:2px solid var(--game-ink);border-radius:var(--game-option-radius);background:#fff;color:var(--game-ink);cursor:pointer;font:inherit;font-size:1.1rem;font-weight:800;padding:.5rem 1rem;transition:transform var(--game-transition-speed),box-shadow var(--game-transition-speed)}.game-option:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px #24436f1f}.game-option:active:not(:disabled){transform:translateY(0);box-shadow:0 2px #24436f1f}.game-option:disabled{cursor:default;opacity:.45}.game-feedback{min-height:3rem;padding:.75rem 1rem;border-radius:var(--game-card-radius);text-align:center;font-weight:700;transition:background-color var(--game-transition-speed)}.game-feedback--ok{background:var(--game-ok-bg);color:var(--game-ok-text);border:2px solid var(--game-ok-border)}.game-feedback--bad{background:var(--game-bad-bg);color:var(--game-bad-text);border:2px solid var(--game-bad-border)}.game-option.is-correct{background:var(--game-ok-bg);border-color:var(--game-ok-border)}.game-option.is-wrong{background:var(--game-bad-bg);border-color:var(--game-bad-border)}.game-scorebar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}.game-action-btn{border:2px solid var(--game-ink);border-radius:var(--game-option-radius);background:var(--game-ink);color:var(--game-paper);font:inherit;font-weight:800;font-size:1rem;padding:.5rem 1.5rem;cursor:pointer;transition:opacity var(--game-transition-speed)}.game-action-btn:disabled{opacity:.45;cursor:default}.game-action-btn:hover:not(:disabled){opacity:.9}.game-hidden{display:none!important}@media (max-width: var(--game-breakpoint)){.game-shell{gap:.75rem}.game-option{min-height:2.75rem;font-size:1rem}}.mecanito-progress-dot{width:14px;height:14px;border-radius:50%;background-color:#ddd;display:inline-block;margin:0 4px;transition:all .3s ease}.mecanito-progress-dot.is-active{background-color:var(--game-ink, var(--turquesa));transform:scale(1.2)}.mecanito-progress-dot.is-done{background-color:var(--naranja-melon)}.mecanito-progress-dot.is-error{background-color:#ff5964}:where(.acertijo-game,.clasifica-game,.memory-game,.nota-game,.nubes-game,.word-game,.clock-game,.sequence-game,.silaba-game,.sumas-game){--game-ink: #202040;--game-paper: #fffdf5;--game-line: rgba(32, 32, 64, .16);--game-rose: #ffbcbc;--game-mint: #b7efcd;--game-teal: #4cd3c2;--game-melon: #ffbd69;--game-soft-blue: #dff6f2;--game-card-shadow: 0 12px 28px;--game-card-shadow-alpha: .08;background:linear-gradient(90deg,rgba(76,211,194,.22),transparent 52%),linear-gradient(160deg,rgba(255,188,188,.16),transparent 42%),var(--game-paper);color:var(--game-ink);font-family:var(--game-font-main)}:where(.acertijo-game,.clasifica-game,.memory-game,.nota-game,.nubes-game,.word-game,.clock-game,.sequence-game,.silaba-game,.sumas-game) :where(h1,h2){font-family:var(--game-font-display);letter-spacing:0}:where(.acertijo-game,.clasifica-game,.memory-game,.nota-game,.nubes-game,.word-game,.clock-game,.sequence-game,.silaba-game,.sumas-game) :where(button,input,select,textarea){font-family:inherit}:where(.clasifica-game,.memory-game,.nota-game,.nubes-game,.word-game,.clock-game,.sequence-game,.silaba-game,.sumas-game) :where(.game-card,.panel-section,.keyboard-guide,.start-game,.win-message){border:2px solid var(--game-line);border-radius:var(--game-card-radius);background:#ffffffeb;box-shadow:var(--game-card-shadow) rgba(32,32,64,var(--game-card-shadow-alpha))}:where(.clasifica-game,.memory-game,.nota-game,.nubes-game,.word-game,.clock-game,.sequence-game,.silaba-game,.sumas-game) :where(.game-action-btn,.primary-button,.boton-accion,.nota-start-btn){border:2px solid var(--game-ink);border-radius:var(--game-option-radius);background:var(--game-melon);color:var(--game-ink);font-weight:800;box-shadow:0 6px #2020401f}:where(.clasifica-game,.memory-game,.nota-game,.nubes-game,.word-game,.clock-game,.sequence-game,.silaba-game,.sumas-game) :where(.game-action-btn,.primary-button,.boton-accion,.nota-start-btn):hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px #2020401a}:where(.clasifica-game,.memory-game,.nota-game,.nubes-game,.word-game,.clock-game,.sequence-game,.silaba-game,.sumas-game) :where(.game-option,.touch-btn){border-color:var(--game-ink);border-radius:var(--game-option-radius);color:var(--game-ink)}.silaba-game{--game-ink: #363636;--game-paper: #fffdf5;--game-line: rgba(54, 54, 54, .12);--game-ok-bg: #dcf7e5;--game-ok-text: #16a34a;--game-ok-border: #4ade80;--game-bad-bg: #fee2e2;--game-bad-text: #dc2626;--game-bad-border: #f87171;--silaba-rosa: #ffbcbc;--silaba-turquesa: #4cd3c2;--silaba-menta: #b7efcd;--silaba-naranja: #ffbd69;--silaba-azul-oscuro: #202040;display:flex;flex-direction:column}.silaba-game *{margin:0;padding:0;box-sizing:border-box}.silaba-hidden{display:none}.silaba-welcome{text-align:center;max-width:600px;margin:0 auto;padding:2rem 1rem}.silaba-welcome-title{font-family:Saira Stencil One,cursive;letter-spacing:2px;font-size:2.2rem;color:var(--game-ink);margin-bottom:.75rem}.silaba-welcome-text{font-size:1.15rem;margin-bottom:2rem;color:var(--game-ink);line-height:1.5}.silaba-difficulty{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--game-card-shadow) rgba(32,32,64,var(--game-card-shadow-alpha))}.silaba-difficulty-title{font-family:Saira Stencil One,cursive;font-size:1.2rem;margin-bottom:1rem;color:var(--silaba-azul-oscuro)}.silaba-slider-container{margin:1.5rem 0 1rem;position:relative;padding:0 10px}.silaba-slider{-webkit-appearance:none;appearance:none;width:100%;height:14px;border-radius:7px;background:var(--silaba-rosa);outline:none;cursor:pointer;transition:background .3s ease}.silaba-slider:hover{background:#ffa8a8}.silaba-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;border-radius:50%;background:var(--silaba-naranja);border:3px solid var(--silaba-azul-oscuro);cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background-color .2s;box-shadow:0 4px 10px #20204040;margin-top:-9px}.silaba-slider::-webkit-slider-thumb:hover{transform:scale(1.25);background:#ffab3d}.silaba-slider::-webkit-slider-runnable-track{width:100%;height:14px;cursor:pointer;border-radius:7px}.silaba-slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--silaba-naranja);border:3px solid var(--silaba-azul-oscuro);cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background-color .2s;box-shadow:0 4px 10px #20204040}.silaba-slider::-moz-range-thumb:hover{transform:scale(1.25);background:#ffab3d}.silaba-slider-labels{display:flex;justify-content:space-between;padding:0 5px;margin-top:.75rem}.silaba-slider-labels span{font-family:Saira Stencil One,cursive;font-size:1.1rem;color:#36363666;cursor:pointer;transition:all .25s cubic-bezier(.175,.885,.32,1.275);user-select:none}.silaba-slider-labels span:hover{color:var(--silaba-azul-oscuro);transform:scale(1.2)}.silaba-slider-labels span.active{color:var(--silaba-azul-oscuro);transform:scale(1.35);text-shadow:0 2px 4px rgba(0,0,0,.1)}.silaba-difficulty-desc{font-size:.9rem;color:var(--game-ink);line-height:1.4}.silaba-play{width:100%;max-width:640px;margin:0 auto;text-align:center;padding:0 1rem 2rem}.silaba-board{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:var(--game-card-shadow) rgba(32,32,64,var(--game-card-shadow-alpha))}.silaba-progress-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.silaba-counter{font-size:.85rem;font-weight:700;color:var(--game-ink);min-width:3rem}.silaba-progress-track{flex:1;height:8px;background-color:var(--silaba-rosa);border-radius:4px;overflow:hidden}.silaba-progress-bar{height:100%;background-color:var(--silaba-turquesa);border-radius:4px;width:0%;transition:width .4s ease}.silaba-scores{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.silaba-score-item{display:flex;flex-direction:column;align-items:center;padding:.4rem 1rem;border-radius:8px}.silaba-score-item--points{background-color:var(--silaba-naranja)}.silaba-score-item--streak{background-color:var(--silaba-menta)}.silaba-score-label{font-size:.75rem;color:var(--silaba-azul-oscuro);text-transform:uppercase;letter-spacing:.05em}.silaba-score-value{font-family:Saira Stencil One,cursive;font-size:1.4rem;color:var(--silaba-azul-oscuro)}.silaba-word-area{margin:1rem 0 1.5rem}.silaba-word{font-size:3rem;font-weight:700;color:var(--game-ink);font-family:Saira Stencil One,cursive;letter-spacing:0;background-color:var(--silaba-menta);padding:1rem 2rem;border:2px solid rgba(32,32,64,.12);border-radius:8px;display:inline-block}.silaba-options{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin:.5rem 0 1rem}.silaba-option{background-color:#fff;color:var(--game-ink);border:2px solid var(--game-ink);padding:.8rem 1.2rem;font-size:1.1rem;font-family:Alata,sans-serif;cursor:pointer;border-radius:8px;transition:all .3s ease;min-width:80px}.silaba-option:hover:not(:disabled){background-color:#4cd3c226;transform:translateY(-2px)}.silaba-option.is-correct{background-color:var(--game-ok-bg);color:var(--game-ok-text);transform:scale(1.08)}.silaba-option.is-wrong{background-color:var(--game-bad-bg);color:var(--game-bad-text)}.silaba-feedback{min-height:1.5rem;font-size:1.2rem;font-weight:700;margin:.5rem 0}.silaba-breakdown{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;min-height:0;margin:.5rem 0;transition:all .3s ease}.silaba-breakdown--visible{margin:.75rem 0}.silaba-chunk{display:inline-block;background-color:var(--silaba-turquesa);color:var(--silaba-azul-oscuro);padding:.4rem .8rem;border-radius:6px;font-family:Saira Stencil One,cursive;font-size:1.1rem;letter-spacing:1px;opacity:0;animation:silabaAppear .4s ease forwards}.silaba-end{width:100%;max-width:600px;margin:0 auto;padding:2rem 1rem}.silaba-summary{background:#fff;border-radius:8px;padding:2rem;box-shadow:var(--game-card-shadow) rgba(32,32,64,var(--game-card-shadow-alpha));text-align:center}.silaba-summary-title{font-family:Saira Stencil One,cursive;font-size:2rem;color:var(--silaba-azul-oscuro);margin-bottom:.5rem;letter-spacing:2px}.silaba-summary-msg{font-size:1.1rem;color:var(--game-ink);margin-bottom:1.5rem}.silaba-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.silaba-stat{display:flex;flex-direction:column;align-items:center;padding:.75rem;border-radius:8px}.silaba-stat--hits{background-color:var(--silaba-menta)}.silaba-stat--misses{background-color:var(--silaba-rosa)}.silaba-stat--percent{background-color:var(--silaba-naranja)}.silaba-stat--streak{background-color:var(--silaba-turquesa)}.silaba-stat--points{background-color:var(--silaba-menta)}.silaba-stat-value{font-family:Saira Stencil One,cursive;font-size:1.6rem;color:var(--silaba-azul-oscuro)}.silaba-stat-label{font-size:.8rem;color:var(--silaba-azul-oscuro);text-transform:uppercase;letter-spacing:.05em}.silaba-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center}.silaba-action-btn{background-color:var(--silaba-naranja);color:var(--silaba-azul-oscuro);padding:1rem 2.5rem}.silaba-action-btn--secondary{background-color:var(--silaba-turquesa);color:var(--game-ink);border-color:var(--silaba-turquesa)}.silaba-action-btn--secondary:hover{background-color:#3bc1b2}@keyframes silabaAppear{0%{opacity:0;transform:translateY(8px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.silaba-word--enter{animation:game-slide-up .35s ease-out}.silaba-word--correct{animation:game-pop .4s ease}.silaba-word--wrong{animation:game-shake .4s ease}.silaba-feedback--animate{animation:game-pop .4s ease}@media(prefers-reduced-motion:reduce){.silaba-word--enter,.silaba-word--correct,.silaba-word--wrong,.silaba-feedback--animate,.silaba-chunk{animation:none}.silaba-chunk{opacity:1}.silaba-option,.silaba-action-btn,.silaba-difficulty-btn,.silaba-progress-bar{transition:none}}@media(max-width:768px){.silaba-welcome-title{font-size:1.8rem}.silaba-word{font-size:2.5rem;padding:.75rem 1.5rem}.silaba-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.silaba-welcome,.silaba-play,.silaba-end{padding:1rem .5rem}.silaba-board,.silaba-summary{padding:1.25rem}.silaba-word{font-size:2rem;padding:.6rem 1.2rem;letter-spacing:1px}.siliba-options{gap:.5rem}.silaba-option{padding:.7rem 1rem;font-size:1rem;min-width:70px}.silaba-welcome-title,.silaba-summary-title{font-size:1.5rem}.silaba-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.silaba-stat-value{font-size:1.3rem}}