.game{background:var(--accent-soft);border-radius:var(--radius-lg);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent), 0 .5rem 0 color-mix(in srgb, var(--accent) 35%, var(--color-shadow));flex-direction:column;min-height:34rem;padding:clamp(.9rem,2.5vw,1.5rem);display:flex;position:relative;overflow:hidden}.game-bar{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.g-progress{background:var(--color-surface);border-radius:var(--radius-full);--progress:0;flex:1;height:.9rem;overflow:hidden}.g-progress span{height:100%;width:calc(var(--progress) * 100%);background:var(--accent);border-radius:inherit;min-width:.9rem;transition:width .6s var(--spring);display:block}.g-score{font-family:var(--font-display);background:var(--color-surface);border-radius:var(--radius-full);text-align:center;min-width:4.2rem;padding:.2rem .85rem;font-size:1.15rem;font-weight:600}.g-icon-btn{background:var(--color-surface);cursor:pointer;width:2.6rem;height:2.6rem;box-shadow:var(--shadow-soft);transition:transform .25s var(--spring);border:0;border-radius:50%;font-size:1.15rem}.g-icon-btn:hover{transform:scale(1.08)}.stage{flex-direction:column;flex:1;align-items:center;gap:1.1rem;display:flex}.g-overlay{z-index:5;background:color-mix(in srgb, var(--accent-soft) 82%, transparent);backdrop-filter:blur(4px);place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.g-overlay[hidden]{display:none}.g-overlay-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard);text-align:center;width:100%;max-width:30rem;animation:g-pop-in .5s var(--spring);padding:2rem clamp(1.25rem,4vw,2.5rem)}.g-overlay-pic{background:var(--accent-soft);border-radius:2rem;place-items:center;margin-bottom:.75rem;padding:.5rem;animation:3s ease-in-out infinite g-float;display:inline-grid}.g-overlay-kicker{font-family:var(--font-display);color:var(--color-text-muted);margin:0;font-weight:500}.g-overlay-title{font-family:var(--font-display);margin:.15rem 0 1.1rem;font-size:clamp(1.6rem,4vw,2.1rem);font-weight:700;line-height:1.15}.g-play{padding:.9rem 2.2rem;font-size:1.35rem}.g-overlay-note{color:var(--color-text-muted);margin:1rem 0 0;font-size:.9rem}.g-overlay-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.g-stars{justify-content:center;gap:.4rem;margin-bottom:.5rem;font-size:3.2rem;line-height:1;display:flex}.g-star{color:var(--color-border);transition:transform .5s var(--spring), color .3s;transform:scale(.7)}.g-star.is-on{color:var(--sun);text-shadow:0 .2rem #e9a41c;transform:scale(1)}.g-star.is-on:nth-child(2){transition-delay:.15s;transform:scale(1.2)translateY(-.4rem)}.g-star.is-on:nth-child(3){transition-delay:.3s}.g-pic{object-fit:contain;user-select:none;-webkit-user-drag:none;place-items:center;width:100%;height:100%;display:grid}.g-emoji{font-size:clamp(2.6rem,9vw,4.2rem);line-height:1}.g-text{font-family:var(--font-display);text-align:center;color:var(--ink-on-color);overflow-wrap:anywhere;font-size:clamp(.95rem,3vw,1.35rem);font-weight:700;line-height:1.1}.g-hero-pic .g-text,.g-tf-card .g-text{font-size:clamp(1.5rem,5vw,2.2rem)}.g-swatch{background:var(--swatch);border-radius:42% 58% 55% 45%/50% 45% 55% 50%;width:78%;height:78%;margin:auto;box-shadow:inset 0 0 0 3px #2a234622}.g-prompt{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1rem;display:flex}.g-question{font-family:var(--font-display);width:100%;margin:0;font-size:clamp(1.1rem,2.6vw,1.35rem);font-weight:600}.g-speaker{cursor:pointer;font-family:var(--font-display);background:var(--sky);color:var(--ink-on-color);border-radius:var(--radius-full);box-shadow:0 .25rem 0 color-mix(in srgb, var(--sky) 60%, #2a2346);transition:transform .2s var(--spring);border:0;align-items:center;gap:.45rem;padding:.55rem 1.15rem;font-size:1.05rem;font-weight:600;display:inline-flex}.g-speaker:hover{transform:translateY(-2px)}.g-speaker:active{transform:translateY(2px)}.g-link-btn{background:var(--color-surface);color:var(--color-text);font-family:var(--font-display);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-soft);border:0;padding:.5rem 1rem;font-weight:600}.g-link-btn:disabled{opacity:.5;cursor:default}.g-toolbar{justify-content:center;align-self:stretch;display:flex}.g-counter{font-family:var(--font-display);background:var(--color-surface);border-radius:var(--radius-full);padding:.2rem .9rem;font-weight:600}.g-memory{grid-template-columns:repeat(4,1fr);gap:clamp(.45rem,1.5vw,.85rem);width:min(100%,36rem);display:grid}.g-card{aspect-ratio:1;cursor:pointer;perspective:800px;background:0 0;border:0;padding:0;position:relative}.g-card-back,.g-card-face{border-radius:var(--radius-md);backface-visibility:hidden;transition:transform .5s var(--spring);place-items:center;display:grid;position:absolute;inset:0;box-shadow:0 .3rem #2a234626}.g-card-back{background:radial-gradient(circle at 30% 30%, #ffffff40 0 18%, transparent 19%), radial-gradient(circle at 75% 70%, #fff3 0 14%, transparent 15%), var(--accent);color:#fff;font-family:var(--font-display);font-size:clamp(1.8rem,6vw,2.6rem);font-weight:700}.g-card-face{color:var(--ink-on-color);background:#fff;padding:12%;transform:rotateY(180deg)}.g-card.is-flipped .g-card-back{transform:rotateY(-180deg)}.g-card.is-flipped .g-card-face{transform:rotateY(0)}.g-card.is-matched .g-card-face{box-shadow:0 0 0 4px var(--mint), 0 .3rem 0 #2a234626}.g-card-word{font-family:var(--font-display);word-break:break-word;text-align:center;font-size:clamp(.85rem,3.2vw,1.35rem);font-weight:600}.g-options{grid-template-columns:repeat(3,1fr);gap:clamp(.6rem,2vw,1rem);width:min(100%,36rem);display:grid}.g-options-4{grid-template-columns:repeat(4,1fr)}.g-option{aspect-ratio:1;border-radius:var(--radius-md);color:var(--ink-on-color);cursor:pointer;transition:transform .25s var(--spring), box-shadow .25s;background:#fff;border:0;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:.2rem;padding:10%;display:grid;position:relative;box-shadow:0 .35rem #2a234626}.g-option:hover:not(:disabled){transform:translateY(-3px)}.g-option>.g-pic{width:100%;height:100%;min-height:0}.g-option>.g-swatch{aspect-ratio:1;width:auto;height:82%}.g-option-label{font-family:var(--font-display);opacity:0;font-size:1rem;font-weight:600;transition:opacity .3s}.g-options.is-solved .is-right .g-option-label{opacity:1}.g-option.is-right{box-shadow:0 0 0 4px var(--mint), 0 .35rem 0 #2a234626}.g-option.is-wrong{opacity:.4;box-shadow:0 0 0 4px var(--coral);cursor:default}.g-options.is-solved .g-option:not(.is-right){opacity:.35}.g-letter{font-family:var(--font-display);font-size:clamp(2.6rem,9vw,4rem);font-weight:700;line-height:1}.g-options-words{grid-template-columns:repeat(3,1fr)}.g-option-word{aspect-ratio:auto;font-family:var(--font-display);padding:1rem .5rem;font-size:clamp(1.2rem,3.5vw,1.6rem);font-weight:600}.g-count-field{background:var(--color-surface);border-radius:var(--radius-md);flex-wrap:wrap;place-content:center;gap:.4rem;width:min(100%,34rem);min-height:9rem;padding:.85rem;display:flex}.g-count-field.is-many{grid-template-columns:repeat(10,auto);justify-content:center;gap:.25rem;width:min(100%,38rem);display:grid}@media (width<=40rem){.g-count-field.is-many{grid-template-columns:repeat(5,auto)}}.g-count-field.is-many .g-count-pic{width:clamp(2.3rem,8vw,3.2rem);height:clamp(2.3rem,8vw,3.2rem);font-size:clamp(1.7rem,6vw,2.3rem)}.g-count-pic{width:clamp(3rem,12vw,4.6rem);height:clamp(3rem,12vw,4.6rem);animation:g-pop-in .45s var(--spring) backwards;animation-delay:calc(var(--i) * 60ms);font-size:clamp(2.2rem,8vw,3.2rem)}.g-hero-pic{justify-items:center;display:grid}.g-hero-pic .g-pic{border-radius:var(--radius-md);background:#fff;width:clamp(7rem,26vw,10rem);height:clamp(7rem,26vw,10rem);padding:.6rem;box-shadow:0 .3rem #2a234626}.g-hint-es{color:var(--color-text-muted);margin:.5rem 0 0;font-weight:700}.g-slots,.g-tray,.g-blanks{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.g-slot,.g-tile{width:clamp(2.4rem,8vw,3.2rem);height:clamp(2.8rem,9vw,3.6rem);font-family:var(--font-display);cursor:pointer;color:var(--ink-on-color);border:0;border-radius:.8rem;font-size:clamp(1.3rem,4vw,1.8rem);font-weight:700}.g-slot{background:color-mix(in srgb, var(--color-surface) 55%, transparent);box-shadow:inset 0 0 0 2.5px color-mix(in srgb, var(--accent) 70%, transparent);border-bottom:4px solid var(--accent)}.g-slot.is-filled{background:#fff}.g-slots.is-right .g-slot{background:var(--mint);box-shadow:none;border-color:color-mix(in srgb, var(--mint) 60%, #2a2346)}.g-tile{background:var(--sun);transition:transform .25s var(--spring), opacity .2s;box-shadow:0 .25rem #e9a41c}.g-tile:hover:not(:disabled){transform:translateY(-3px)rotate(-3deg)}.g-tile.is-used{opacity:.2;cursor:default;transform:scale(.85)}.g-drop-grid{grid-template-columns:repeat(4,1fr);gap:clamp(.5rem,2vw,1rem);width:min(100%,40rem);display:grid}.g-drop{aspect-ratio:.85;border-radius:var(--radius-md);color:var(--ink-on-color);cursor:default;transition:transform .25s var(--spring), border-color .2s;background:#fff;border:3px dashed #0000;grid-template-rows:1fr auto;place-items:center;gap:.3rem;padding:10% 8% .6rem;display:grid;box-shadow:0 .35rem #2a234626}.g-drop .g-pic{min-height:0}.g-drop-grid.is-armed .g-drop:not(.is-done){border-color:var(--accent);cursor:pointer}.g-drop.is-hover{border-color:var(--color-focus);transform:scale(1.06)}.g-drop-label{font-family:var(--font-display);min-height:1.6em;color:var(--color-text-muted);font-size:clamp(.95rem,2.6vw,1.2rem);font-weight:600}.g-drop.is-done{border:3px solid var(--mint)}.g-drop.is-done .g-drop-label{color:var(--ink-on-color)}.g-chips{flex-wrap:wrap;justify-content:center;gap:.6rem;min-height:3.5rem;display:flex}.g-chip{touch-action:none;user-select:none;cursor:grab;font-family:var(--font-display);border-radius:var(--radius-full);background:var(--sun);color:var(--ink-on-color);transition:transform .25s var(--spring);border:0;padding:.55rem 1.3rem;font-size:1.25rem;font-weight:600;box-shadow:0 .25rem #e9a41c}.g-chip.is-selected{box-shadow:0 0 0 3px var(--color-focus), 0 .3rem 0 #e9a41c;transform:translateY(-4px)scale(1.05)}.g-chip.is-dragging{opacity:.3}.g-ghost{z-index:300;pointer-events:none;opacity:.95;margin:0;position:fixed}.g-wordsearch{grid-template-columns:minmax(0,30rem) minmax(12rem,15rem);justify-content:center;align-items:start;gap:1.25rem;width:100%;display:grid}.g-board{grid-template-columns:repeat(var(--size), 1fr);background:var(--color-surface);border-radius:var(--radius-md);touch-action:none;user-select:none;gap:3px;padding:.6rem;display:grid;box-shadow:0 .3rem #2a234626}.g-cell{aspect-ratio:1;font-family:var(--font-display);cursor:pointer;transition:background-color .15s, transform .2s var(--spring);border-radius:.5rem;place-items:center;font-size:clamp(.95rem,3.6vw,1.4rem);font-weight:600;display:grid}.g-cell.is-selecting{background:var(--sun);color:var(--ink-on-color);transform:scale(1.08)}.g-cell.is-found{color:var(--ink-on-color)}.g-cell.hue-0{background:var(--coral)}.g-cell.hue-1{background:var(--mint)}.g-cell.hue-2{background:var(--sky)}.g-cell.hue-3{background:var(--lilac)}.g-cell.hue-4{background:var(--berry)}.g-cell.hue-5{background:#ffd978}.g-legend{grid-template-columns:1fr 1fr;gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.g-legend li{background:var(--color-surface);border-radius:var(--radius-sm);font-family:var(--font-display);align-items:center;gap:.4rem;padding:.3rem .5rem;font-size:.98rem;font-weight:600;display:flex}.g-legend .g-legend-pic{flex:none;width:2.2rem;height:2.2rem;font-size:1.6rem}.g-legend li.is-found{opacity:.55}.g-legend li.is-found span:last-child{text-decoration:line-through 3px var(--coral)}.g-hangman-top{justify-content:center;align-items:center;gap:clamp(1rem,5vw,3rem);display:flex}.g-mystery{border-radius:var(--radius-md);background:#fff;place-items:center;width:clamp(6rem,20vw,8rem);height:clamp(6rem,20vw,8rem);padding:.5rem;display:grid;box-shadow:0 .3rem #2a234626}.g-mystery-q{font-family:var(--font-display);color:var(--accent);font-size:3.5rem;font-weight:700}.g-balloons{grid-template-columns:repeat(3,2.4rem);gap:.6rem .5rem;display:grid}.g-balloon{background:var(--b);width:2.4rem;height:2.9rem;transition:transform .6s var(--ease), opacity .6s var(--ease);border-radius:50% 50% 48% 52%/55% 55% 45% 45%;animation:2.6s ease-in-out infinite g-float;position:relative;box-shadow:inset -.35rem -.35rem #2a23461f}.g-balloon:after{content:"";background:var(--color-text-muted);width:1.5px;height:1rem;position:absolute;top:100%;left:50%}.g-balloon:nth-child(2n){animation-delay:-1.2s}.g-balloon.is-gone{opacity:0;animation:none;transform:translateY(-3rem)scale(.4)}.b-coral{--b:var(--coral)}.b-sun{--b:var(--sun)}.b-mint{--b:var(--mint)}.b-sky{--b:var(--sky)}.b-lilac{--b:var(--lilac)}.b-berry{--b:var(--berry)}.g-blank{border-bottom:4px solid var(--color-text);width:clamp(2.2rem,8vw,3rem);height:clamp(2.6rem,9vw,3.4rem);font-family:var(--font-display);place-items:center;font-size:clamp(1.4rem,5vw,2rem);font-weight:700;display:grid}.g-blank.is-filled{color:var(--color-text)}.g-blank.is-missed{color:var(--coral)}.g-keyboard{grid-template-columns:repeat(10,1fr);gap:.35rem;width:min(100%,34rem);display:grid}.g-key{aspect-ratio:1/1.1;color:var(--ink-on-color);font-family:var(--font-display);cursor:pointer;background:#fff;border:0;border-radius:.6rem;font-size:clamp(.95rem,3vw,1.25rem);font-weight:600;box-shadow:0 .2rem #2a234626}.g-key.is-right{background:var(--mint)}.g-key.is-wrong{background:var(--color-border);opacity:.5}.g-tf-card{color:var(--ink-on-color);border-radius:var(--radius-lg);animation:g-pop-in .45s var(--spring);background:#fff;justify-items:center;gap:.4rem;padding:1.2rem 2.5rem 1rem;display:grid;box-shadow:0 .35rem #2a234626}.g-tf-card .g-pic{width:clamp(8rem,28vw,11rem);height:clamp(8rem,28vw,11rem)}.g-tf-word{font-family:var(--font-display);margin:0;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:700}.g-tf-card.is-right{box-shadow:0 0 0 5px var(--mint), 0 .35rem 0 #2a234626}.g-tf-card.is-wrong{box-shadow:0 0 0 5px var(--coral), 0 .35rem 0 #2a234626}.g-tf-buttons{gap:1rem;display:flex}.g-tf-btn{cursor:pointer;font-family:var(--font-display);border-radius:var(--radius-full);color:var(--ink-on-color);transition:transform .2s var(--spring);border:0;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1.25rem;font-weight:600;display:inline-flex}.g-tf-btn span{font-size:1.5rem}.g-tf-yes{background:var(--mint);box-shadow:0 .3rem 0 color-mix(in srgb, var(--mint) 60%, #2a2346)}.g-tf-no{background:var(--coral);box-shadow:0 .3rem 0 color-mix(in srgb, var(--coral) 60%, #2a2346)}.g-tf-btn:hover:not(:disabled){transform:translateY(-3px)}.g-tf-btn:disabled{cursor:default}.g-feedback{font-family:var(--font-display);text-align:center;min-height:1.6em;margin:0;font-size:1.15rem;font-weight:600}.g-ok{animation:g-ok .5s var(--spring)}.g-shake{animation:g-shake .45s var(--ease)}.g-bump{animation:g-ok .45s var(--spring)}@keyframes g-ok{40%{transform:scale(1.12)}}@keyframes g-shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes g-pop-in{0%{opacity:0;transform:scale(.6)}}@keyframes g-float{50%{transform:translateY(-6px)}}@media (width<=40rem){.game{border-radius:var(--radius-md);min-height:30rem;margin-inline:-.6rem}.g-wordsearch{grid-template-columns:1fr}.g-drop-grid{grid-template-columns:repeat(2,1fr)}.g-drop{aspect-ratio:1.1}.g-options-4{grid-template-columns:repeat(2,1fr)}.g-options-4 .g-option{aspect-ratio:1.4}.g-tf-btn{padding:.7rem 1.1rem;font-size:1.1rem}}.vocab[data-astro-cid-6ao62u7q]{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem;display:grid}.vocab-item[data-astro-cid-6ao62u7q]{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);align-items:center;gap:.85rem;padding:.6rem .75rem;display:flex}.vocab-item[data-astro-cid-6ao62u7q] .pic{background:#fff;border-radius:.9rem;padding:.2rem}.letter[data-astro-cid-6ao62u7q]{background:var(--mint-soft);width:3.5rem;height:3.5rem;font-family:var(--font-display);border-radius:.9rem;flex:none;place-items:center;font-size:1.9rem;font-weight:700;display:grid}.vocab-text[data-astro-cid-6ao62u7q]{flex:1;min-width:0;line-height:1.3;display:grid}.en[data-astro-cid-6ao62u7q]{font-family:var(--font-display);font-size:1.2rem;font-weight:600}.es[data-astro-cid-6ao62u7q]{color:var(--color-text-muted)}.pron[data-astro-cid-6ao62u7q]{color:var(--color-text-muted);font-size:.85rem}.say[data-astro-cid-6ao62u7q]{background:var(--sky);cursor:pointer;width:2.6rem;height:2.6rem;box-shadow:0 .2rem 0 color-mix(in srgb, var(--sky) 60%, #2a2346);transition:transform .2s var(--spring);border:0;border-radius:50%;flex:none;font-size:1.1rem}.say[data-astro-cid-6ao62u7q]:hover{transform:scale(1.1)}.intro[data-astro-cid-z7xolria]{text-align:center;padding-top:2rem}.intro[data-astro-cid-z7xolria] .breadcrumbs ol{justify-content:center}.lead[data-astro-cid-z7xolria]{max-width:46rem;color:var(--color-text-muted);margin-inline:auto;font-size:1.15rem}.chips[data-astro-cid-z7xolria]{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0 0 1.75rem;padding:0;list-style:none;display:flex}.chips[data-astro-cid-z7xolria] .chip[data-astro-cid-z7xolria]{background:var(--accent-soft);color:var(--color-text)}.play[data-astro-cid-z7xolria]{max-width:60rem}.section-sm[data-astro-cid-z7xolria]{padding-top:clamp(2.5rem,6vw,4rem)}.steps[data-astro-cid-z7xolria]{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.steps[data-astro-cid-z7xolria] li[data-astro-cid-z7xolria]{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-hard);align-items:flex-start;gap:.9rem;padding:1.1rem 1.2rem;display:flex}.steps[data-astro-cid-z7xolria] p[data-astro-cid-z7xolria]{margin:0}.step-n[data-astro-cid-z7xolria]{background:var(--accent);width:2.4rem;height:2.4rem;color:var(--ink-on-color);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:1.2rem;font-weight:700;display:grid}.muted[data-astro-cid-z7xolria]{color:var(--color-text-muted)}.prose-wrap[data-astro-cid-z7xolria]{justify-content:center;display:flex}.prose[data-astro-cid-z7xolria] h2:first-child{margin-top:0}.center[data-astro-cid-z7xolria]{text-align:center}.related-head[data-astro-cid-z7xolria]{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:1.25rem;display:flex}.related-head[data-astro-cid-z7xolria] h2[data-astro-cid-z7xolria]{margin:0}.related-head[data-astro-cid-z7xolria] a[data-astro-cid-z7xolria]{font-family:var(--font-display);font-weight:600}.related[data-astro-cid-z7xolria]{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.25rem;display:grid}
