.training-page{display:flex;flex-direction:column;gap:var(--sp-5)}.training-title{font-family:var(--font-heading);font-style:italic;font-size:var(--text-3xl);color:var(--gold-light);letter-spacing:-.02em;line-height:1;margin:0;text-align:center}.training-subtitle{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;margin:0;letter-spacing:.12em;text-transform:uppercase}.training-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap}.training-level{font-size:var(--text-sm);color:var(--gold);font-weight:600;text-transform:uppercase;letter-spacing:.12em}.back-btn{background:none;border:1px solid var(--border-accent-medium);border-radius:var(--radius-sm);color:var(--gold);font-size:var(--text-lg);cursor:pointer;padding:var(--sp-2) var(--sp-3);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.level-select{display:flex;flex-direction:column;gap:var(--sp-3)}.level-card{cursor:pointer;padding:var(--sp-4) var(--sp-5);transition:all var(--transition-fast)}.level-card-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-1)}.level-number{font-size:var(--text-xs);color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.12em}.level-name{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary)}.level-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.question-transition{animation:questionIn .3s ease}@keyframes questionIn{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}.question-area{text-align:center;padding:var(--sp-6) 0}.question-text{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);margin:0 0 var(--sp-5)}.replay-slot{position:relative;margin:var(--sp-4) auto 0}.replay-slot .replay-btn{margin:0}.play-modes{display:flex;justify-content:center;gap:var(--sp-2);margin-bottom:var(--sp-4)}.choices-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.choices-grid.exploring .btn-choice{opacity:.5}.explore-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin:0}.feedback-area{text-align:center;padding:var(--sp-5) 0;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast)}.feedback-area.active{opacity:1;visibility:visible}.feedback-area.wrong{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--sp-5);border:1px solid var(--error-glow)}.replay-btn.hidden{visibility:hidden}.feedback-text{font-size:var(--text-sm);font-weight:600;margin:0 0 var(--sp-4);letter-spacing:.1em;text-transform:uppercase}.feedback-text.correct{color:var(--success)}.feedback-reveal{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--sp-3)}.feedback-reveal strong{color:var(--gold);font-size:var(--text-xl)}.feedback-encourage{font-size:var(--text-xs);color:var(--text-muted);margin:0 0 var(--sp-4);letter-spacing:.06em}.answer-mode-toggle{display:flex;gap:var(--sp-2);justify-content:center;margin-bottom:var(--sp-3)}.toggle-btn{padding:var(--sp-2) var(--sp-4);border:1px solid var(--border-accent-strong);border-radius:var(--radius-md);background:none;color:var(--text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.toggle-btn:hover{color:var(--text-secondary);border-color:var(--border-accent-vivid)}.toggle-btn-active{color:var(--gold);border-color:var(--gold);background:var(--bg-accent-subtle)}.results-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);padding:var(--sp-8)}.results-msg{font-size:var(--text-base);color:var(--text-secondary);margin:0}.results-actions{gap:var(--sp-3)}.mode-toggle,.results-actions{display:flex;justify-content:center}.mode-toggle{gap:var(--sp-2);margin-bottom:var(--sp-3)}.mode-toggle-desc{text-align:center;font-size:var(--text-xs);color:var(--text-muted);margin:0 0 var(--sp-3)}.speed-timer{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--gold);text-align:center;font-weight:700;margin-bottom:var(--sp-2)}.speed-timer.urgent{color:var(--error);animation:pulse 1s infinite}.streak-counter{font-size:var(--text-sm);color:var(--gold);font-weight:600;white-space:nowrap}.streak-counter.streak-hidden{visibility:hidden}.streak-counter.hot{animation:glow 2s infinite}@keyframes glow{50%{text-shadow:0 0 8px var(--gold)}}.focus-badge{font-size:var(--text-xs);color:var(--gold);border:1px solid var(--border-accent-heavy);border-radius:var(--radius-pill,999px);padding:2px 8px}.focus-areas{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center}.focus-section{text-align:center}.focus-section-title{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin:0 0 var(--sp-2)}.best-streak{font-size:var(--text-sm);color:var(--gold);margin:0}.share-section{display:flex;flex-direction:column;gap:var(--sp-4);align-items:center}.share-heading{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;margin:0}.share-social{gap:var(--sp-3)}.share-icon-btn,.share-social{display:flex;justify-content:center}.share-icon-btn{width:36px;height:36px;border:1px solid var(--border-accent-medium);border-radius:var(--radius-md);background:none;color:var(--gold-dim);cursor:pointer;align-items:center;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.share-icon-btn:hover{color:var(--gold);background:var(--bg-accent-subtle);border-color:var(--border-accent-intense)}.share-icon-btn:active{background:var(--bg-accent-soft)}.share-icon-btn.copied{color:var(--success);border-color:rgba(74,158,110,.4)}.share-download-link{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) 0;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}.share-download-link:hover{color:var(--gold)}.setup-section-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;text-align:center;margin:0}.level-card-start{display:flex;align-items:center;gap:var(--sp-3)}.level-card-start .level-card-body{flex:1 1;min-width:0}.level-card-start:active,.level-card-start:hover{border-color:var(--gold);box-shadow:var(--shadow-gold)}.level-card-arrow{font-size:var(--text-xl);color:var(--gold-dim);transition:color var(--transition-fast),transform var(--transition-fast);flex-shrink:0;line-height:1}.level-card-start:hover .level-card-arrow{color:var(--gold);transform:translateX(2px)}