.games-page{padding:2.5rem 0 5rem;min-height:80vh}.page-header{text-align:center;margin-bottom:2rem}.page-eyebrow{display:inline-block;background:color-mix(in srgb,var(--color-accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-accent);font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.3rem 1rem;border-radius:100px;margin-bottom:.75rem}.page-title{font-size:clamp(2rem,5vw,3rem);font-family:var(--font-serif);font-weight:800;color:var(--color-text);margin:.4rem 0 .6rem}.page-sub{color:var(--color-text-muted);font-size:1.1rem;max-width:500px;margin:0 auto 1.25rem;line-height:1.6}.scoreboard{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:100px;font-size:1.1rem}.star-ico{font-size:1.5rem}.star-count{font-size:1.8rem;font-weight:800;color:var(--color-accent);font-family:var(--font-serif);min-width:2rem;text-align:center;transition:transform .25s}.star-count.bump{animation:bump .3s ease}@keyframes bump{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.star-label{font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.tab-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem}.tab-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.85rem .5rem;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all .18s;color:var(--color-text-muted)}.tab-btn:hover{border-color:color-mix(in srgb,var(--color-accent) 60%,transparent);color:var(--color-text)}.tab-btn.active{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent)}.tab-ico{font-size:2rem}.tab-lbl{font-size:.78rem;font-weight:700;text-align:center;line-height:1.3;text-transform:uppercase;letter-spacing:.03em}.tab-btn--lesson{border-color:color-mix(in srgb,#f59e0b 60%,transparent);color:#f59e0b}.tab-btn--lesson.active{background:color-mix(in srgb,#f59e0b 12%,transparent);border-color:#f59e0b;color:#f59e0b}.game-panel{display:none;flex-direction:column;align-items:center;gap:1.5rem;max-width:660px;margin:0 auto;padding:0 .5rem}.game-panel.active{display:flex}.game-intro{text-align:center;width:100%}.game-intro h2{font-size:1.6rem;font-weight:800;color:var(--color-text);margin:0 0 .4rem}.game-intro p{font-size:1rem;color:var(--color-text-muted);margin:0 0 .75rem;line-height:1.5}.score-bar{display:inline-block;font-size:1.3rem;font-weight:700;color:var(--color-accent);background:var(--color-bg-card);border:1px solid var(--color-border);padding:.35rem 1.25rem;border-radius:100px}.big-question{font-size:clamp(3rem,10vw,5rem);font-weight:900;text-align:center;width:100%;padding:1.25rem;background:var(--color-bg-card);border:3px dashed var(--color-border);border-radius:var(--radius);color:var(--color-accent);font-family:var(--font-serif);min-height:120px;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1.1}.big-question-sm{font-size:1.4rem;font-weight:700;text-align:center;color:var(--color-text);min-height:1.8rem}.emoji-box{font-size:clamp(2rem,6vw,3rem);text-align:center;width:100%;padding:1.25rem;background:var(--color-bg-card);border:3px dashed var(--color-border);border-radius:var(--radius);min-height:110px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;line-height:1.6;letter-spacing:.15em;transition:all .2s}.number-row{font-size:clamp(2rem,7vw,3.5rem);font-weight:900;text-align:center;width:100%;padding:1.25rem;background:var(--color-bg-card);border:3px dashed var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-serif);min-height:110px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem;letter-spacing:.1em}.num-blank{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;background:color-mix(in srgb,var(--color-accent) 18%,transparent);border:3px solid var(--color-accent);border-radius:10px;color:var(--color-accent);font-size:1.8rem;font-weight:900}.word-emoji-big{font-size:5rem;text-align:center;min-height:5.5rem;display:flex;align-items:center;justify-content:center}.big-choices{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;width:100%}.color-choices{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.color-btn{padding:2rem 1rem;border:4px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all .15s;min-height:100px;font-size:1.2rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.color-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #0003}.color-btn.correct{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e;animation:pop .35s ease}.color-btn.wrong{border-color:#ef4444;animation:shake .35s ease;opacity:.6}.choice-btn{padding:1.25rem .5rem;border:none;border-radius:22px;color:#fff;font-size:clamp(3rem,13vw,5.5rem);font-weight:900;font-family:var(--font-serif);cursor:pointer;transition:transform .15s,box-shadow .15s,filter .15s;text-align:center;min-height:180px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;text-shadow:0 3px 6px rgba(0,0,0,.25);background:linear-gradient(145deg,#6ee7b7,#34d399);box-shadow:0 7px #059669,0 12px 28px #10b98159}.choice-btn:nth-child(1){background:linear-gradient(145deg,#fde68a,#f59e0b);box-shadow:0 7px #b45309,0 12px 28px #f59e0b66}.choice-btn:nth-child(2){background:linear-gradient(145deg,#93c5fd,#3b82f6);box-shadow:0 7px #1d4ed8,0 12px 28px #3b82f666}.choice-btn:nth-child(3){background:linear-gradient(145deg,#f9a8d4,#ec4899);box-shadow:0 7px #be185d,0 12px 28px #ec489966}.choice-btn:nth-child(4){background:linear-gradient(145deg,#86efac,#22c55e);box-shadow:0 7px #15803d,0 12px 28px #22c55e66}.choice-btn:hover:not(:disabled){transform:translateY(-6px) scale(1.05);filter:brightness(1.1)}.choice-btn:active:not(:disabled){transform:translateY(3px) scale(.96);box-shadow:0 2px #0000004d}.choice-btn:disabled{cursor:default}.choice-btn.correct{animation:pop .4s ease;filter:brightness(1.18);outline:6px solid #fff;outline-offset:3px}.choice-btn.wrong{animation:shake .4s ease;filter:grayscale(.55) brightness(.82);opacity:.65}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.big-feedback{text-align:center;font-size:1.3rem;font-weight:700;min-height:2rem;transition:all .2s}.big-feedback.correct{color:#22c55e}.big-feedback.wrong{color:#ef4444}.game-actions{display:flex;justify-content:center;gap:1rem}.btn-start{padding:1rem 3rem;background:var(--color-accent);color:var(--color-bg);font-weight:800;font-size:1.2rem;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s;letter-spacing:.02em}.btn-start:hover{background:color-mix(in srgb,var(--color-accent) 80%,black);transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--color-accent) 35%,transparent)}.ebook-link{width:100%;text-align:center;padding:1.5rem;background:color-mix(in srgb,var(--color-accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 25%,transparent);border-radius:var(--radius);animation:fadeIn .4s ease}.ebook-link p{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 1rem;line-height:1.5}.ebook-btns{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.btn-ebook{display:inline-block;padding:.7rem 1.4rem;background:var(--color-accent);color:var(--color-bg);font-weight:700;font-size:.95rem;border-radius:var(--radius);text-decoration:none;transition:all .18s}.btn-ebook:hover{background:color-mix(in srgb,var(--color-accent) 80%,black);transform:translateY(-2px)}.lesson-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.lesson-tab{padding:.55rem 1rem;border:2px solid var(--color-border);border-radius:100px;background:var(--color-bg-card);color:var(--color-text-muted);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .16s}.lesson-tab:hover{border-color:var(--color-accent);color:var(--color-accent)}.lesson-tab.active{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}.flashcard{width:100%;min-height:200px;background:var(--color-bg-card);border:3px solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;text-align:center;transition:all .25s;animation:fadeIn .3s ease}.flashcard-emoji{font-size:clamp(3.5rem,12vw,5rem);line-height:1}.flashcard-word{font-size:clamp(1.8rem,6vw,3rem);font-weight:900;font-family:var(--font-serif);color:var(--color-accent);line-height:1.1}.flashcard-hint{font-size:1rem;color:var(--color-text-muted)}.flashcard-nav{display:flex;align-items:center;gap:1rem;width:100%;justify-content:center}.fc-nav-btn{padding:.8rem 1.8rem;border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-card);color:var(--color-text);font-weight:700;font-size:1rem;cursor:pointer;transition:all .15s}.fc-nav-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.fc-counter{font-size:1rem;font-weight:700;color:var(--color-text-muted);min-width:60px;text-align:center}.maze-btn{width:72px;height:72px;font-size:2rem;border:3px solid var(--color-border);border-radius:12px;background:var(--color-bg-card);color:var(--color-text);cursor:pointer;transition:background .1s,transform .1s;display:flex;align-items:center;justify-content:center}.maze-btn:active{transform:scale(.9);background:var(--color-accent)}.maze-themes{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:.5rem}.maze-theme-btn{padding:.45rem 1rem;border:2px solid var(--color-border);border-radius:100px;background:var(--color-bg-card);color:var(--color-text-muted);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s}.maze-theme-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.maze-theme-btn.active{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}@media(max-width:640px){.tab-nav{grid-template-columns:repeat(4,1fr)}.big-choices,.color-choices{gap:.75rem}.choice-btn{min-height:150px;padding:1rem .4rem;font-size:clamp(2.5rem,13vw,4rem)}.btn-start{padding:.9rem 2rem;font-size:1.1rem}.ebook-btns{flex-direction:column;align-items:center}}