.lessonShell{align-content:start;gap:22px;width:min(1180px,100% - 48px);margin:0 auto;padding:28px 0;display:grid}.lessonHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.lessonHeaderText{gap:6px;display:grid}.lessonHeaderText h1{font-size:clamp(32px,4vw,44px)}.lessonHeaderText p{color:var(--muted);max-width:60ch}.lessonModeToggle{border-radius:var(--r-pill);background:var(--sunken);border:1px solid var(--border);gap:4px;padding:4px;display:inline-flex}.lessonModeToggle button{border-radius:var(--r-pill);min-height:36px;color:var(--muted);transition:background var(--t) var(--ease), color var(--t) var(--ease);background:0 0;border:none;padding:0 18px;font-size:14px;font-weight:700}.lessonModeToggle button.active{background:var(--primary);color:var(--on-primary);box-shadow:0 4px 12px #16b78347}.lessonHeaderControls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lessonVoicePicker{gap:4px;display:inline-grid}.lessonVoicePicker span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px;font-weight:700}.lessonVoicePicker select{min-width:150px;min-height:40px}.lessonIconBtn{border-radius:var(--r-btn);background:var(--card);border:1px solid var(--border-strong);width:44px;height:44px;color:var(--ink);transition:background var(--t) var(--ease), transform var(--t) var(--ease);place-items:center;display:inline-grid}.lessonIconBtn:hover{background:var(--sunken);transform:translateY(-1px)}.lessonIconBtn:disabled{opacity:.5;cursor:not-allowed}.lessonLayout{grid-template-columns:1fr 300px;align-items:start;gap:22px;display:grid}.lessonBoardCard{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card);gap:18px;padding:18px;display:grid}.lessonScoreboard{border-radius:var(--r-panel);background:var(--grad-hero);box-shadow:var(--shadow-hero);grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:16px 22px;display:grid;position:relative;overflow:hidden}.lessonScoreSide{gap:2px;display:grid}.lessonScoreSide.right{text-align:right;justify-items:end}.lessonScoreSide span{text-transform:uppercase;letter-spacing:.1em;color:#e9efe9b3;font-size:11px;font-weight:700}.lessonScoreSide strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1}.lessonScoreSide.score strong{color:var(--primary-bright)}.lessonScoreSide.right strong{color:#e9efe9d9}.lessonTurnLabel{text-align:center;justify-items:center;gap:4px;display:grid}.lessonTurnLabel small{text-transform:uppercase;letter-spacing:.12em;color:#e9efe999;font-size:10px;font-weight:700}.lessonProgressPill{border-radius:var(--r-pill);color:var(--primary-bright);background:#3ddc972e;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:800;display:inline-flex}.lessonBoard{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.lessonTile{aspect-ratio:1.25;background:var(--grad-gold);transition:transform var(--t) var(--ease), box-shadow var(--t) var(--ease);border:none;border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 12px #9a72122e}.lessonTile:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.lessonTileIndex{font-family:var(--font-mono);color:#9a7212a6;font-size:11px;font-weight:700;position:absolute;top:8px;left:12px}.lessonTilePoints{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--gold-text);font-size:30px;font-weight:700}.lessonTileOverlay{color:#fff;animation:lessonTileReveal .22s var(--ease);place-items:center;display:grid;position:absolute;inset:0}.lessonTileOverlay.correct{background:var(--primary)}.lessonTileOverlay.wrong{background:var(--live-red)}@keyframes lessonTileReveal{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.lessonVocabStrip{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.lessonVocabStrip article{border-radius:var(--r-chip);background:var(--sunken);border:1px solid var(--border);gap:2px;padding:10px 12px;display:grid}.lessonVocabStrip strong{color:var(--ink);font-size:14px}.lessonVocabStrip span{color:var(--muted);font-size:13px}.lessonSidebar{align-content:start;gap:14px;display:grid}.lessonStatGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lessonStatTile{border-radius:var(--r-card);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);gap:4px;padding:14px;display:grid}.lessonStatTile span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:700}.lessonStatTile strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);font-size:26px}.lessonStatTile.accent strong{color:var(--primary-700)}.lessonAudioRow{border-radius:var(--r-card);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);align-items:center;gap:12px;padding:14px;display:flex}.lessonAudioBtn{border-radius:var(--r-pill);background:var(--primary);width:44px;height:44px;color:var(--on-primary);box-shadow:var(--cta-glow);transition:background var(--t) var(--ease), transform var(--t) var(--ease);border:none;flex:none;place-items:center;display:inline-grid}.lessonAudioBtn:hover{background:var(--primary-700);transform:translateY(-1px)}.lessonAudioBtn:disabled{opacity:.6;cursor:not-allowed}.lessonAudioMeta{gap:2px;display:grid}.lessonAudioMeta strong{color:var(--ink);font-size:14px}.lessonAudioMeta span{color:var(--muted);font-size:12px}.lessonSourceCard{border-radius:var(--r-card);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);gap:8px;padding:14px;display:grid}.lessonSourceCard>span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:700}.lessonSourceCard a{border-radius:var(--r-chip);background:var(--sunken);gap:1px;padding:8px 10px;display:grid}.lessonSourceCard a:hover{background:var(--muted-surface)}.lessonSourceCard a strong{color:var(--ink);font-size:13px}.lessonSourceCard a span{color:var(--muted);font-size:11px}.lessonTipCard{border-radius:var(--r-card);background:var(--grad-hero);box-shadow:var(--shadow-hero);color:#e9efe9;gap:8px;padding:18px;display:grid;position:relative;overflow:hidden}.lessonTipCard .lessonTipHead{color:var(--gold);align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.lessonTipCard h3{color:#fff;font-size:18px}.lessonTipCard p{color:#e9efe9d1;font-size:13px;line-height:1.55}.lessonResultBar{border-radius:var(--r-card);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.lessonResultBar span{color:var(--muted);font-size:14px;font-weight:600}.lessonResultBar strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--primary-700);font-size:18px}.lessonCompletion{border-radius:var(--r-card);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);gap:12px;padding:22px;display:grid}.lessonCompletion p{color:var(--muted)}.lessonSaveState{border-radius:var(--r-chip);background:var(--sunken);gap:2px;padding:12px 14px;display:grid}.lessonSaveState strong{color:var(--ink);font-size:13px}.lessonSaveState span{color:var(--muted);font-size:13px}.lessonSaveState.saved{background:var(--primary-tint)}.lessonSaveState.saved strong{color:var(--primary-700)}.lessonSaveState.error{background:var(--danger-tint)}.lessonSaveState.error strong{color:var(--red-text)}.lessonCompletionStats{flex-wrap:wrap;gap:14px;display:flex}.lessonCompletionStats span{color:var(--muted);font-size:13px}.lessonCompletionStats strong{font-family:var(--font-mono);color:var(--ink)}.lessonModalScrim{z-index:60;-webkit-backdrop-filter:blur(8px);animation:lessonScrimIn .16s var(--ease);background:#0c14108c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}@keyframes lessonScrimIn{0%{opacity:0}to{opacity:1}}.lessonModal{border-radius:var(--r-panel);background:var(--card);width:min(520px,100%);max-height:90vh;box-shadow:var(--shadow-hero);animation:lessonModalIn .18s var(--ease);gap:16px;padding:22px;display:grid;overflow-y:auto}@keyframes lessonModalIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.lessonModalHead{align-items:center;gap:12px;display:flex}.lessonPointBadge{border-radius:var(--r-chip);background:var(--grad-gold);min-width:44px;height:36px;font-family:var(--font-mono);color:var(--gold-text);place-items:center;padding:0 10px;font-weight:700;display:inline-grid}.lessonModalHead .lessonModalTitle{color:var(--ink);flex:1;font-size:15px;font-weight:800}.lessonModalClose{border-radius:var(--r-btn);background:var(--sunken);border:1px solid var(--border);width:36px;height:36px;color:var(--ink);place-items:center;display:inline-grid}.lessonModalClose:hover{background:var(--muted-surface)}.lessonPrompt{font-family:var(--font-ui);color:var(--ink);font-size:19px;font-weight:800;line-height:1.35}.lessonOptions{gap:10px;display:grid}.lessonOption{text-align:left;border-radius:var(--r-btn);background:var(--card);border:1px solid var(--border-strong);width:100%;color:var(--ink);transition:border-color var(--t) var(--ease), background var(--t) var(--ease);align-items:center;gap:12px;padding:12px 14px;font-weight:600;display:flex}.lessonOption:hover:not(:disabled){border-color:var(--primary);background:var(--primary-tint)}.lessonOption:disabled{cursor:default}.lessonOptionBadge{background:var(--sunken);width:28px;height:28px;font-family:var(--font-mono);color:var(--muted);border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:700;display:inline-grid}.lessonOption.selected{border-color:var(--primary);background:var(--primary-tint)}.lessonOption.selected .lessonOptionBadge{background:var(--primary);color:var(--on-primary)}.lessonOption.correct{border-color:var(--primary);background:var(--primary-tint)}.lessonOption.correct .lessonOptionBadge{background:var(--primary);color:var(--on-primary)}.lessonOption.wrong{border-color:var(--live-red);background:var(--danger-tint)}.lessonOption.wrong .lessonOptionBadge{background:var(--live-red);color:#fff}.lessonOptionText{flex:1}.lessonOptionMark{flex:none}.lessonHint{color:var(--faint);font-size:13px}.lessonFeedback{border-radius:var(--r-card);gap:8px;padding:14px;display:grid}.lessonFeedback.good{background:var(--primary-tint)}.lessonFeedback.bad{background:var(--danger-tint)}.lessonFeedbackTitle{align-items:center;gap:8px;font-weight:800;display:inline-flex}.lessonFeedback.good .lessonFeedbackTitle{color:var(--primary-700)}.lessonFeedback.bad .lessonFeedbackTitle{color:var(--red-text)}.lessonExplainLink{color:var(--primary-700);text-underline-offset:3px;background:0 0;border:none;justify-self:start;padding:0;font-size:13px;font-weight:700;text-decoration:underline}.lessonExplainLink:disabled{opacity:.6;cursor:default;text-decoration:none}.lessonExplanation{border-radius:var(--r-chip);background:var(--card);border:1px solid var(--border);gap:6px;padding:12px;display:grid}.lessonExplanation p{color:var(--body);font-size:14px;line-height:1.55}.lessonExplanation small{color:var(--muted);font-size:12px}.lessonExplanation.error p{color:var(--red-text)}.lessonReportBtn{color:var(--muted);background:0 0;border:none;justify-self:start;padding:0;font-size:12px;font-weight:600;text-decoration:underline}.lessonReportBtn:disabled{opacity:.6;cursor:default}.lessonModalFooter{justify-content:flex-end;display:flex}.lessonNotice{border-radius:var(--r-chip);background:var(--sunken);color:var(--muted);padding:12px 14px;font-weight:600}.lessonTeamShell{gap:22px;display:grid}.lessonTeamHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.lessonTeamHeader .lessonHeaderText p{color:var(--muted)}.lessonTeamCard{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card);gap:18px;padding:18px;display:grid}.lessonTeamScoreboard{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lessonTeamScoreBtn{border-radius:var(--r-card);border:1px solid var(--border);background:var(--sunken);text-align:left;gap:4px;padding:14px 18px;display:grid}.lessonTeamScoreBtn span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:700}.lessonTeamScoreBtn strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:34px;line-height:1}.lessonTeamScoreBtn.red strong{color:var(--red-text)}.lessonTeamScoreBtn.blue strong{color:var(--primary-700)}.lessonTeamScoreBtn.active.red{border-color:var(--live-red);box-shadow:0 0 0 1px var(--live-red) inset;background:var(--danger-tint)}.lessonTeamScoreBtn.active.blue{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset;background:var(--primary-tint)}.lessonTeamQuestion{border-radius:var(--r-card);background:var(--sunken);border:1px solid var(--border);gap:14px;padding:18px;display:grid}.lessonTeamQuestion>span{color:var(--muted);font-size:12px;font-weight:700}.lessonTeamQuestion h2{font-size:clamp(20px,3vw,26px)}.lessonTeamAnswer{border-radius:var(--r-chip);background:var(--primary-tint);gap:6px;padding:14px;display:grid}.lessonTeamAnswer strong{color:var(--primary-700);font-size:16px}.lessonTeamAnswer p{color:var(--body);font-size:14px}.lessonTeamActions{flex-wrap:wrap;gap:10px;display:flex}.lessonTeamResult{border-radius:var(--r-card);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);text-align:center;justify-items:center;gap:10px;padding:22px;display:grid}.lessonTeamResult p{color:var(--muted);font-family:var(--font-mono)}@media (max-width:900px){.lessonLayout{grid-template-columns:1fr}.lessonHeader{align-items:flex-start}}@media (max-width:560px){.lessonStatGrid{grid-template-columns:1fr 1fr}.lessonScoreSide strong{font-size:32px}.lessonTeamScoreboard{grid-template-columns:1fr}}