.lingo-game-wrapper{margin-block:var(--lesson-section-gap,2rem);padding:var(--lesson-section-padding,1rem);border:1px solid var(--lesson-border-color,var(--border-color-light));border-radius:calc(var(--radius-lg) + var(--spacing-sm));background:var(--bg-card);min-height:300px;box-shadow:var(--shadow-surface);margin-inline:0;position:relative;overflow:visible}.game-loading{justify-content:center;align-items:center;gap:var(--spacing-sm);min-block-size:12rem;padding:var(--spacing-xl);color:var(--text-meta);font-weight:var(--font-semibold);line-height:var(--leading-normal);text-align:center;display:flex}.game-loading:before{content:"";border:2px solid color-mix(in srgb, var(--primary-color) 22%, transparent);border-block-start-color:var(--primary-color);border-radius:var(--radius-circle);flex:0 0 1.15rem;block-size:1.15rem;inline-size:1.15rem;animation:.8s linear infinite lesson-game-loading}@keyframes lesson-game-loading{to{transform:rotate(1turn)}}.lesson-games{isolation:isolate;margin-block:var(--lesson-section-gap,clamp(1.5rem, 3vw, 2.35rem));padding:var(--lesson-section-padding,clamp(.9rem, 2.2vw, 1.4rem));border:1px solid var(--lesson-border-color,var(--border-color-light));border-radius:calc(var(--radius-lg) + var(--spacing-sm));background:linear-gradient(145deg, var(--lesson-surface-soft,var(--bg-card)), var(--bg-card) 72%);box-shadow:var(--shadow-surface);margin-inline:0;position:relative}.lesson-games-title{color:var(--text-main);font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:var(--font-bold);line-height:var(--leading-snug);text-align:center;text-wrap:balance;margin-block:0 1rem;margin-inline:0}.lesson-games-toolbar{justify-content:center;align-items:center;gap:var(--lesson-control-gap,clamp(.45rem, 1vw, .7rem));border:1px solid var(--border-color-light);border-radius:calc(var(--radius-full) + .42rem);background:color-mix(in srgb, var(--bg-card) 84%, var(--bg-elevated) 16%);width:fit-content;max-width:100%;box-shadow:var(--shadow-soft-press);flex-wrap:wrap;margin-block:0 1rem;margin-inline:auto;padding:.42rem;display:flex}.lesson-game-pill{min-inline-size:3rem;min-block-size:var(--control-size-touch);border:1px solid color-mix(in srgb, var(--primary-color) 24%, var(--border-color-light) 76%);border-radius:var(--radius-full);background:var(--bg-card);max-inline-size:11rem;color:var(--primary-color-dark);cursor:pointer;box-sizing:border-box;box-shadow:var(--shadow-sm);transition:background-color var(--transition-ui), color var(--transition-ui), border-color var(--transition-ui), box-shadow var(--transition-ui), transform var(--transition-fast);justify-content:center;align-items:center;gap:.42rem;padding-block:.48rem;padding-inline:.76rem;display:inline-flex}.lesson-game-pill .lingo-icon{width:22px;height:22px;font-size:22px}.lesson-game-pill-label{font-size:.88rem;font-weight:var(--font-semibold);text-align:center;white-space:normal;overflow-wrap:anywhere;align-items:center;line-height:1.15;display:inline-flex}@media (hover:hover) and (pointer:fine){.lesson-game-pill:hover{border-color:color-mix(in srgb, var(--primary-color) 46%, var(--border-color-light) 54%);background:var(--lesson-primary-soft,color-mix(in srgb, var(--primary-color) 6%, var(--bg-card) 94%));color:var(--primary-color-dark);box-shadow:var(--shadow-soft-press);transform:translateY(var(--lift-sm))}}.lesson-game-pill:is(.is-active,[aria-selected=true]){background:var(--primary-color);border-color:var(--primary-color);color:var(--color-white);box-shadow:var(--lesson-brand-shadow,var(--shadow-btn-brand-hover));transform:translateY(-1px)}.lesson-game-pill:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:var(--lesson-focus-ring,var(--shadow-focus-ring))}.lesson-game-pill:active{transform:scale(.96)}.lesson-games-grid{gap:var(--spacing-md);grid-template-columns:1fr;min-inline-size:0;display:grid}.lesson-game-item{inline-size:100%;min-inline-size:0;max-inline-size:100%;display:none}.lesson-game-item.is-active{display:block}.lesson-game-item[hidden]{display:none}.lesson-game-item-title{color:var(--text-meta);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-snug);text-align:center;text-wrap:balance;margin-block:0 .7rem;margin-inline:0}.lesson-game-item .lingo-game-wrapper{inline-size:100%;min-inline-size:0;max-inline-size:100%;border-color:var(--border-color-light);border-radius:var(--radius-lg);background:var(--bg-card);min-height:220px;box-shadow:var(--shadow-soft-press);margin:0;padding:clamp(.8rem,2vw,1.25rem)}.lesson-game-item .lesson-quiz-box{border-radius:var(--radius-md);box-shadow:none;background:0 0;border:0;padding:clamp(.95rem,2.2vw,1.35rem);position:relative;overflow:clip}.lesson-game-item .game-card-head{justify-content:space-between;align-items:center;gap:var(--spacing-sm);border-block-end:1px solid var(--border-color-light);margin-block:0 1rem;margin-inline:0;padding-block-end:.75rem;display:flex}.game-counter{border:1px solid var(--border-color-light);border-radius:var(--radius-full);background:var(--bg-card);color:var(--text-meta);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);white-space:nowrap;flex:none;padding-block:.3rem;padding-inline:.52rem;line-height:1;position:static}.lesson-game-item .lesson-quiz-box h3{min-width:0;color:var(--text-main);text-align:start;border:0;justify-content:flex-start;align-items:center;gap:.45rem;margin:0;padding:0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.25;display:inline-flex}.lesson-game-item .lesson-quiz-box h3 .lingo-icon{color:var(--primary-color);flex:none}.game-card-title-text{overflow-wrap:anywhere;min-width:0}.lesson-game-item .quiz-question{font-size:1.1rem;font-weight:var(--font-semibold);line-height:var(--leading-normal);text-align:center;text-wrap:pretty;margin-block:0 .75rem;margin-inline:0}.lesson-game-item .quiz-options{gap:var(--lesson-control-gap,.55rem);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:stretch;margin-block:.8rem;margin-inline:0;display:grid}.lesson-game-item .quiz-opt-btn{border:1px solid var(--border-color-light);background:var(--bg-card);color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;min-width:0;min-height:var(--control-size-touch);text-align:center;white-space:normal;overflow-wrap:anywhere;box-shadow:var(--shadow-sm);transition:background-color var(--transition-ui), border-color var(--transition-ui), color var(--transition-ui), box-shadow var(--transition-ui), transform var(--transition-fast);line-height:1.45;font-weight:var(--font-semibold);padding:.68rem .95rem}.lesson-game-item .quiz-opt-btn:focus-visible{border-color:var(--primary-color);outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:var(--lesson-focus-ring,var(--shadow-focus-ring))}@media (hover:hover) and (pointer:fine){.lesson-game-item .quiz-opt-btn:not(:disabled):hover{border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color-light) 60%);background:var(--lesson-primary-soft,color-mix(in srgb, var(--primary-color) 6%, var(--bg-card) 94%));box-shadow:var(--shadow-soft-press)}}.lesson-game-item .quiz-opt-btn:not(:disabled):active{transform:scale(.96)}.lesson-game-item .quiz-opt-btn.correct{background:var(--surface-quiz-pass);border-color:var(--border-quiz-pass);color:var(--text-quiz-pass)}.lesson-game-item .quiz-opt-btn.wrong{background:var(--surface-quiz-fail);border-color:var(--border-quiz-fail);color:var(--text-quiz-fail)}.lesson-game-item .quiz-opt-btn:disabled{cursor:not-allowed;opacity:1;color:var(--text-main);-webkit-text-fill-color:currentcolor}.lesson-game-item .quiz-feedback{text-align:center;min-height:1.4rem;font-weight:var(--font-bold);margin-block-start:.35rem}.vc-stage{border:1px solid var(--border-color-light);border-radius:var(--radius-lg);background:linear-gradient(145deg, var(--bg-card), color-mix(in srgb, var(--bg-card) 92%, var(--bg-elevated) 8%));min-height:290px;padding-block:1.1rem 3.4rem;padding-inline:3.5rem;position:relative;overflow:clip}.vc-counter{border:1px solid var(--border-color-light);border-radius:var(--radius-full);background:var(--bg-card);color:var(--text-meta);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);padding-block:.28rem;padding-inline:.5rem;line-height:1;position:absolute;inset-block-start:.65rem;inset-inline-end:.85rem}.vc-card{appearance:none;border:1px solid var(--border-color-light);background:var(--bg-card);border-radius:var(--radius-card);text-align:center;cursor:pointer;overflow-wrap:anywhere;width:min(360px,100% - 120px);min-height:230px;box-shadow:var(--shadow-surface);transition:border-color var(--transition-ui), box-shadow var(--transition-ui), transform var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:.65rem;margin-inline:auto;padding:.75rem;display:flex}.vc-card:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:var(--lesson-focus-ring,var(--shadow-focus-ring))}@media (hover:hover) and (pointer:fine){.vc-card:hover{border-color:color-mix(in srgb, var(--primary-color) 36%, var(--border-color-light) 64%);box-shadow:var(--shadow-soft);transform:translateY(var(--lift-sm))}}.vc-card:active{transform:scale(.96)}@media (width<768px){.lesson-games-toolbar{border-radius:calc(var(--radius-lg) + .5rem);grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%;padding:.5rem;display:grid}.lesson-game-pill{width:100%;min-width:0;min-height:var(--control-size-touch);border-radius:var(--radius-md);justify-content:flex-start;max-width:none;height:auto;padding-block:.5rem;padding-inline:.58rem}.lesson-game-pill .lingo-icon{flex:0 0 20px;width:20px;height:20px;font-size:20px}.lesson-game-pill-label{font-size:var(--text-sm);text-align:start;line-height:1.35;display:inline-flex}.lesson-game-item .lingo-game-wrapper{padding:.75rem}.lesson-game-item .lesson-quiz-box{padding:.9rem}.lesson-game-item .game-card-head{align-items:flex-start;gap:.55rem}.lesson-game-item .lesson-quiz-box h3{font-size:1.05rem}.game-counter{font-size:.86rem}.lesson-game-item .quiz-options{grid-template-columns:1fr}.vc-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;min-height:0;padding:.85rem;display:grid}.vc-counter{order:1;grid-column:1/-1;justify-self:end;font-size:.86rem;position:static}.vc-card{order:2;grid-column:1/-1;width:100%;min-height:170px;padding:1rem}.vc-stage .vc-nav{width:var(--control-size-touch);height:var(--control-size-touch);order:3;position:static;transform:none}.vc-stage .vc-nav:active{transform:scale(.96)}.vc-stage .vc-nav-prev{grid-column:1;justify-self:end}.vc-stage .vc-nav-next{grid-column:2;justify-self:start}.vc-stage .vc-controls{order:4;grid-column:1/-1;margin-top:2px;padding-top:10px;position:static}}@media (width<=480px){.lesson-games-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.lesson-game-pill{min-height:var(--control-size-touch);padding-inline:.55rem}.lesson-game-pill .lingo-icon{flex-basis:19px;width:19px;height:19px;font-size:19px}}.vc-word{font-size:clamp(1.8rem,4vw,2.3rem);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--text-main);text-wrap:balance}.vc-trans{font-size:clamp(1.4rem,3.6vw,2rem);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--primary-color);text-wrap:balance}.vc-nav{border:1px solid var(--primary-color);border-radius:var(--radius-circle);background:var(--primary-color);width:3.25rem;height:3.25rem;color:var(--color-white);cursor:pointer;box-shadow:var(--lesson-brand-shadow,var(--shadow-btn-brand-hover));transition:background-color var(--transition-ui), border-color var(--transition-ui), box-shadow var(--transition-ui), transform var(--transition-fast);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.vc-nav .lingo-icon{width:28px;height:28px;font-size:28px}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .vc-nav-prev .lingo-icon{transform:scaleX(-1)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .vc-nav-next .lingo-icon{transform:scaleX(-1)}.vc-nav-prev{inset-inline-start:8px}.vc-nav-next{inset-inline-end:8px}.vc-controls{border-block-start:1px solid var(--border-color-light);justify-content:space-between;align-items:center;padding-block-start:8px;display:flex;position:absolute;inset-block-end:10px;inset-inline:12px}.vc-mini-btn{color:var(--text-meta);width:var(--control-size-touch);height:var(--control-size-touch);border-radius:var(--radius-circle);cursor:pointer;transition:background-color var(--transition-ui), border-color var(--transition-ui), color var(--transition-ui), transform var(--transition-fast);background:0 0;border:1px solid transparent;justify-content:center;align-items:center;display:inline-flex}.vc-mini-btn .lingo-icon{width:24px;height:24px;font-size:24px}.vc-mini-btn:focus-visible{background:var(--bg-card);border-color:var(--border-color-light)}@media (hover:hover) and (pointer:fine){.vc-mini-btn:hover{border-color:var(--border-color-light);background:var(--bg-card);color:var(--primary-color)}}.vc-nav:active{transform:translateY(-50%)scale(.96)}.vc-mini-btn:active{transform:scale(.96)}.flashcard-container{perspective:1000px;cursor:pointer;width:min(100%,340px);height:clamp(200px,32vw,224px);margin-inline:auto}.flashcard{width:100%;height:100%;transform-style:preserve-3d;box-shadow:var(--shadow-soft);border-radius:var(--radius-card);transition:transform .42s cubic-bezier(.2,0,0,1);position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;width:100%;height:100%;padding:var(--spacing-md);font-size:1.5rem;font-weight:var(--font-bold);border:1px solid color-mix(in srgb, var(--primary-color) 42%, var(--border-color-light) 58%);border-radius:var(--radius-card);background:var(--bg-card);text-align:center;overflow-wrap:anywhere;justify-content:center;align-items:center;display:flex;position:absolute}.flashcard-back{background:var(--primary-color);color:var(--color-white);transform:rotateY(180deg)}.flashcard-controls{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.game-btn{background:var(--primary-color);color:var(--color-white);border:1px solid var(--primary-color);min-height:var(--control-size-touch);border-radius:var(--radius-full);cursor:pointer;font-weight:var(--font-semibold);box-shadow:var(--shadow-sm);transition:background-color var(--transition-ui), border-color var(--transition-ui), box-shadow var(--transition-ui), transform var(--transition-fast);justify-content:center;align-items:center;padding-block:.5rem;padding-inline:1rem;display:inline-flex}@media (hover:hover) and (pointer:fine){.game-btn:hover,.vc-nav:hover{background:var(--primary-color-dark);border-color:var(--primary-color-dark);box-shadow:var(--lesson-brand-shadow,var(--shadow-brand-hover))}}.game-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:var(--lesson-focus-ring,var(--shadow-focus-ring))}.vc-nav:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:var(--lesson-focus-ring,var(--shadow-focus-ring))}.vc-mini-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:var(--lesson-focus-ring,var(--shadow-focus-ring))}.game-btn:active{transform:scale(.96)}.game-btn .lingo-icon{width:22px;height:22px;font-size:22px}.game-btn--round{width:var(--control-size-touch);height:var(--control-size-touch);border-radius:var(--radius-circle);padding:0}.game-btn--chip{min-width:78px}.game-hint{background:var(--lesson-surface-soft,var(--bg-card));border:1px solid var(--border-color-light);border-radius:var(--radius-sm);color:var(--text-main);text-align:center;overflow-wrap:anywhere;margin-block:.6rem;margin-inline:0;padding-block:.65rem;padding-inline:.8rem;line-height:1.55}@media (prefers-reduced-motion:reduce){.game-loading:before{animation:none!important}.flashcard,.lesson-game-pill,.lesson-game-item .quiz-opt-btn,.vc-card,.vc-nav,.vc-mini-btn,.game-btn{transition:none!important}}