.timeline-container{max-width:720px;margin:0 auto;padding-top:28px;padding-bottom:60px}.tl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tl-round-info{flex-direction:column;align-items:center;gap:2px;display:flex}.tl-mode-tag{color:#eab308;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:800}.tl-round-count{color:var(--text-muted);font-size:.8rem}.tl-score-display{color:var(--text-secondary);align-items:center;gap:6px;font-weight:700;display:flex}.tl-progress-track{background:var(--bg-surface-elevated);border-radius:5px;height:5px;margin-bottom:24px;overflow:hidden}.tl-progress-fill{background:linear-gradient(90deg,#eab308,#f97316);border-radius:5px;height:100%;transition:width .5s}.tl-instruction-card{align-items:center;gap:16px;margin-bottom:28px;padding:16px 20px;display:flex}.tl-instruction-card h2{margin-bottom:2px;font-size:1rem;font-weight:700}.tl-instruction-card p{color:var(--text-muted);font-size:.82rem}.tl-position-labels{color:var(--text-muted);letter-spacing:.05em;justify-content:space-between;margin-bottom:12px;font-size:.75rem;font-weight:600;display:flex}.tl-sortable-list{flex-direction:column;gap:10px;display:flex}.tl-card{border-radius:var(--radius-md);border:2px solid var(--border-color);background:var(--bg-surface);align-items:center;gap:14px;padding:14px 18px;transition:all .25s;display:flex}.tl-card-draggable{cursor:grab}.tl-card-draggable:hover{border-color:var(--accent-color);background:#6366f10d;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.tl-card-correct{border-color:var(--color-success);background:var(--color-success-bg);animation:.25s slide-up}.tl-card-wrong{border-color:var(--color-error);background:var(--color-error-bg);animation:.4s shake}.tl-card-position{background:var(--bg-surface-elevated);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:800;display:flex}.tl-card-icon{flex-shrink:0}.tl-card-info{flex:1}.tl-card-name{font-size:.9rem;font-weight:700;display:block}.tl-card-year{font-family:var(--font-mono);margin-top:2px;font-size:.95rem;font-weight:700;display:block}.tl-move-buttons{flex-direction:column;gap:4px;margin-left:auto;display:flex}.tl-move-btn{background:var(--bg-surface-elevated);border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;display:flex}.tl-move-btn:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.tl-move-btn:disabled{opacity:.3;cursor:not-allowed}.tl-result-banner{border-radius:var(--radius-md);align-items:flex-start;gap:12px;margin-top:16px;padding:16px 18px;font-size:.9rem;font-weight:600;display:flex}.result-correct{background:var(--color-success-bg);color:var(--color-success);border:1px solid #10b9814d}.result-wrong{background:var(--color-error-bg);color:var(--text-secondary);border:1px solid #ef44444d}.result-icon{flex-shrink:0;margin-top:1px}.result-text{line-height:1.5}.tl-action-row{justify-content:center;margin-top:28px;display:flex}.timeline-complete{flex-direction:column;align-items:center;gap:16px;max-width:460px;margin:80px auto 0;padding:48px 40px;display:flex}.timeline-complete-icon{background:#eab3081a;border:1px solid #eab3084d;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:8px;display:flex}.tl-xp-badge{color:#eab308;background:#eab3081f;border:1px solid #eab30840;border-radius:100px;align-items:center;gap:8px;padding:8px 20px;font-size:.9rem;font-weight:700;display:flex}.tl-complete-btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}@media (max-width:640px){.tl-card{gap:10px;padding:12px 14px}.tl-instruction-card h2{font-size:.9rem}}