.boss-attack-timeline[data-v-7269941c]{max-width:1400px;margin:0 auto;padding:2rem;background:linear-gradient(180deg,#0f172af5,#080b13fa);min-height:100vh}.timeline-header[data-v-7269941c]{text-align:center;margin-bottom:3rem}.timeline-header h1[data-v-7269941c]{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-v-7269941c]{font-size:1.1rem;color:var(--color-text-secondary);max-width:700px;margin:0 auto}.timeline-controls[data-v-7269941c]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.5rem;background:var(--color-bg-elevated);border-radius:var(--radius-md);margin-bottom:2rem;border:1px solid var(--color-border)}.control-btn[data-v-7269941c]{padding:.75rem 1.5rem;border:2px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.control-btn[data-v-7269941c]:hover{background:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.play-btn.playing[data-v-7269941c]{background:var(--color-primary);color:#fff}.playback-speed[data-v-7269941c],.phase-selector[data-v-7269941c]{display:flex;align-items:center;gap:.5rem}.playback-speed label[data-v-7269941c],.phase-selector label[data-v-7269941c]{color:var(--color-text-secondary);font-weight:500}.playback-speed select[data-v-7269941c]{padding:.5rem 1rem;background:var(--color-bg-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.phase-btn[data-v-7269941c]{padding:.5rem 1rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-base)}.phase-btn[data-v-7269941c]:hover,.phase-btn.active[data-v-7269941c]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.current-status[data-v-7269941c]{display:flex;justify-content:space-around;padding:1.5rem;background:var(--color-bg-elevated);border-radius:var(--radius-md);margin-bottom:2rem;border:1px solid var(--color-border)}.time-display[data-v-7269941c],.phase-display[data-v-7269941c]{text-align:center}.current-status .label[data-v-7269941c]{display:block;font-size:.9rem;color:var(--color-text-muted);margin-bottom:.5rem}.current-status .value[data-v-7269941c]{display:block;font-size:1.5rem;font-weight:700;color:var(--color-text)}.phase-name[data-v-7269941c]{color:var(--color-primary-light)}.health-container[data-v-7269941c]{margin-bottom:2rem}.health-label[data-v-7269941c]{font-size:1rem;color:var(--color-text-secondary);margin-bottom:.5rem;font-weight:600}.health-bar[data-v-7269941c]{position:relative;height:40px;background:#ef444433;border-radius:20px;overflow:hidden;border:2px solid var(--color-border)}.health-fill[data-v-7269941c]{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b);transition:width .3s ease}.health-text[data-v-7269941c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;color:var(--color-text);text-shadow:0 2px 4px rgba(0,0,0,.8)}.timeline-visualization[data-v-7269941c]{background:var(--color-bg-elevated);border-radius:var(--radius-md);padding:2rem;margin-bottom:2rem;border:1px solid var(--color-border)}.timeline-container[data-v-7269941c]{position:relative;height:300px;background:var(--color-bg-surface);border-radius:var(--radius-sm);overflow:hidden}.time-scale[data-v-7269941c]{position:absolute;top:0;width:100%;height:30px;border-bottom:1px solid var(--color-border);z-index:10}.time-tick[data-v-7269941c]{position:absolute;transform:translate(-50%);text-align:center}.tick-mark[data-v-7269941c]{width:2px;height:8px;background:var(--color-border-light);margin:0 auto 2px}.tick-label[data-v-7269941c]{font-size:.75rem;color:var(--color-text-muted)}.phases-layer[data-v-7269941c]{position:absolute;top:35px;width:100%;height:50px;z-index:1}.phase-block[data-v-7269941c]{position:absolute;height:100%;display:flex;align-items:center;justify-content:center;border-right:2px solid var(--color-border)}.phase-1[data-v-7269941c]{background:#6366f133}.phase-2[data-v-7269941c]{background:#fbbf2433}.phase-3[data-v-7269941c]{background:#ef444433}.phase-label[data-v-7269941c]{font-size:.85rem;font-weight:600;color:var(--color-text)}.attacks-layer[data-v-7269941c]{position:absolute;top:90px;width:100%;height:130px;z-index:2}.attack-bar[data-v-7269941c]{position:absolute;height:40px;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;padding:0 8px;overflow:hidden;box-shadow:0 2px 4px #0000004d}.attack-bar[data-v-7269941c]:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0006;z-index:10}.attack-type-melee[data-v-7269941c]{background:linear-gradient(135deg,#f59e0b,#f97316)}.attack-type-ranged[data-v-7269941c]{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.attack-type-aoe[data-v-7269941c]{background:linear-gradient(135deg,#ef4444,#f87171)}.attack-type-combo[data-v-7269941c]{background:linear-gradient(135deg,#ec4899,#f472b6)}.attack-type-idle[data-v-7269941c]{background:linear-gradient(135deg,#10b981,#34d399)}.attack-bar.one-shot[data-v-7269941c]{border:3px solid #dc2626;box-shadow:0 0 16px #dc262699}.attack-bar.attack-window[data-v-7269941c]{border:2px solid #10b981}.attack-name[data-v-7269941c]{font-size:.75rem;font-weight:700;color:#fff;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.8)}.dodge-window[data-v-7269941c]{position:absolute;top:0;height:100%;background:#ffffff4d;border:2px dashed rgba(255,255,255,.8);pointer-events:none}.time-indicator[data-v-7269941c]{position:absolute;top:0;bottom:0;width:3px;transform:translate(-50%);z-index:100;pointer-events:none}.indicator-line[data-v-7269941c]{width:100%;height:100%;background:var(--color-accent-pink);box-shadow:0 0 8px var(--color-accent-pink)}.indicator-handle[data-v-7269941c]{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:16px;height:16px;background:var(--color-accent-pink);border:3px solid white;border-radius:50%;box-shadow:0 0 8px var(--color-accent-pink)}.attack-details-panel[data-v-7269941c]{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);padding:2rem;margin-bottom:2rem}.panel-header[data-v-7269941c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.panel-header h3[data-v-7269941c]{font-size:1.75rem;color:var(--color-text)}.attack-type-badge[data-v-7269941c]{padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;color:#fff}.type-melee[data-v-7269941c]{background:#f59e0b}.type-ranged[data-v-7269941c]{background:#8b5cf6}.type-aoe[data-v-7269941c]{background:#ef4444}.type-combo[data-v-7269941c]{background:#ec4899}.type-idle[data-v-7269941c]{background:#10b981}.attack-stats[data-v-7269941c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.stat[data-v-7269941c]{padding:1rem;background:var(--color-bg-surface);border-radius:var(--radius-sm)}.stat-label[data-v-7269941c]{display:block;font-size:.875rem;color:var(--color-text-muted);margin-bottom:.5rem}.stat-value[data-v-7269941c]{display:block;font-size:1.25rem;font-weight:700;color:var(--color-text)}.damage-value[data-v-7269941c]{color:var(--color-accent-pink)}.telegraph-section[data-v-7269941c],.dodge-section[data-v-7269941c],.punish-section[data-v-7269941c],.opportunity-section[data-v-7269941c]{margin-top:1.5rem;padding:1.5rem;border-radius:var(--radius-sm)}.telegraph-section[data-v-7269941c]{background:#fbbf241a;border-left:4px solid #fbbf24}.dodge-section[data-v-7269941c]{background:#6366f11a;border-left:4px solid var(--color-primary)}.punish-section[data-v-7269941c]{background:#ec48991a;border-left:4px solid var(--color-accent-pink)}.opportunity-section[data-v-7269941c]{background:#10b9811a;border-left:4px solid var(--color-accent-green)}.telegraph-section h4[data-v-7269941c],.dodge-section h4[data-v-7269941c],.punish-section h4[data-v-7269941c],.opportunity-section h4[data-v-7269941c]{font-size:1.1rem;margin-bottom:1rem;color:var(--color-text)}.visual-cue[data-v-7269941c]{margin-top:.75rem;padding:.75rem;background:#fbbf2433;border-radius:var(--radius-sm);font-size:.95rem;color:var(--color-text-secondary)}.dodge-info p[data-v-7269941c]{margin:.5rem 0;color:var(--color-text-secondary)}.dodge-directions[data-v-7269941c]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.direction-tag[data-v-7269941c]{padding:.35rem .75rem;background:var(--color-primary);color:#fff;border-radius:999px;font-size:.875rem;font-weight:600}.one-shot-warning[data-v-7269941c]{margin-top:1rem;padding:1rem;background:#ef444433;border:2px solid #ef4444;border-radius:var(--radius-sm);font-weight:700;color:#ef4444;text-align:center}.critical-badge[data-v-7269941c]{margin-top:.75rem;padding:.75rem;background:#fbbf2433;border:2px solid #fbbf24;border-radius:var(--radius-sm);font-weight:700;color:#fbbf24;text-align:center}.weak-points-section[data-v-7269941c]{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2rem;margin-bottom:2rem}.weak-points-section h2[data-v-7269941c]{font-size:1.75rem;margin-bottom:1.5rem;color:var(--color-text)}.weak-points-grid[data-v-7269941c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.weak-point-card[data-v-7269941c]{padding:1.5rem;background:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);opacity:.5;transition:all var(--transition-base)}.weak-point-card.active[data-v-7269941c]{opacity:1;border-color:var(--color-accent-pink);background:linear-gradient(135deg,#ec48991a,#ec48990d)}.weak-point-card h4[data-v-7269941c]{font-size:1.25rem;margin-bottom:.75rem;color:var(--color-text)}.multiplier[data-v-7269941c]{font-size:1.5rem;font-weight:700;color:var(--color-accent-pink);margin-bottom:1rem}.weak-point-card p[data-v-7269941c]{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1rem}.phases-visible[data-v-7269941c]{font-size:.9rem;color:var(--color-text-muted)}.usage-guide-section[data-v-7269941c]{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2.5rem;margin-bottom:2rem}.usage-guide-section .section-icon[data-v-7269941c]{font-size:2.5rem;margin-bottom:1rem}.usage-guide-section h2[data-v-7269941c]{font-size:1.75rem;margin-bottom:1.5rem;color:var(--color-text)}.usage-guide-section h3[data-v-7269941c]{font-size:1.4rem;margin:2rem 0 1rem;color:var(--color-primary-light)}.usage-guide-section h4[data-v-7269941c]{font-size:1.1rem;margin-bottom:.75rem;color:var(--color-text)}.guide-intro[data-v-7269941c]{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#6366f11a,#06b6d40d);border-left:4px solid var(--color-primary);border-radius:var(--radius-sm)}.guide-intro p[data-v-7269941c]{font-size:1.1rem;line-height:1.8;color:var(--color-text-secondary);margin:0}.feature-grid[data-v-7269941c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.feature-card[data-v-7269941c]{padding:1.5rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-base)}.feature-card[data-v-7269941c]:hover{transform:translateY(-4px);border-color:var(--color-primary-light);box-shadow:0 8px 24px #6366f133}.feature-icon[data-v-7269941c]{font-size:2rem;margin-bottom:.75rem}.feature-card h4[data-v-7269941c]{margin-bottom:.75rem;color:var(--color-primary-light)}.feature-card p[data-v-7269941c]{font-size:.95rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.analysis-sections[data-v-7269941c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.analysis-card[data-v-7269941c]{padding:1.5rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-accent-pink);border-radius:var(--radius-sm)}.analysis-card h4[data-v-7269941c]{margin-bottom:1rem;color:var(--color-text)}.analysis-card ul[data-v-7269941c]{list-style:none;padding:0;margin:0}.analysis-card li[data-v-7269941c]{margin-bottom:.75rem;padding-left:1.5rem;position:relative;line-height:1.6;color:var(--color-text-secondary)}.analysis-card li[data-v-7269941c]:before{content:"▸";position:absolute;left:0;color:var(--color-primary-light);font-weight:700}.analysis-card strong[data-v-7269941c]{color:var(--color-text);font-weight:600}.practice-tips[data-v-7269941c]{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#10b9811a,#06b6d40d);border-radius:var(--radius-md);border:1px solid var(--color-accent-green)}.practice-steps[data-v-7269941c]{margin:1.5rem 0 0;padding:0 0 0 1.5rem;counter-reset:step-counter}.practice-steps li[data-v-7269941c]{counter-increment:step-counter;margin-bottom:1.5rem;padding-left:1rem;position:relative}.practice-steps li[data-v-7269941c]::marker{content:counter(step-counter) ". ";color:var(--color-accent-green);font-weight:700;font-size:1.1rem}.practice-steps strong[data-v-7269941c]{display:block;font-size:1.05rem;color:var(--color-text);margin-bottom:.5rem}.practice-steps p[data-v-7269941c]{color:var(--color-text-secondary);line-height:1.6;margin:0}.success-metrics[data-v-7269941c]{margin-top:2rem;padding:2rem;background:var(--color-bg-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.metrics-grid[data-v-7269941c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.metric-card[data-v-7269941c]{padding:1.5rem;border-radius:var(--radius-sm);border:2px solid}.metric-beginner[data-v-7269941c]{background:#10b9811a;border-color:var(--color-accent-green)}.metric-intermediate[data-v-7269941c]{background:#fbbf241a;border-color:#fbbf24}.metric-expert[data-v-7269941c]{background:#ec48991a;border-color:var(--color-accent-pink)}.metric-card h4[data-v-7269941c]{margin-bottom:1rem;font-size:1.15rem}.metric-beginner h4[data-v-7269941c]{color:var(--color-accent-green)}.metric-intermediate h4[data-v-7269941c]{color:#fbbf24}.metric-expert h4[data-v-7269941c]{color:var(--color-accent-pink)}.metric-card ul[data-v-7269941c]{list-style:none;padding:0;margin:0}.metric-card li[data-v-7269941c]{padding:.5rem 0;color:var(--color-text-secondary);line-height:1.5}.tips-section[data-v-7269941c]{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2rem}.tips-section h2[data-v-7269941c]{font-size:1.75rem;margin-bottom:1.5rem;color:var(--color-text)}.tips-list[data-v-7269941c]{list-style:none;padding:0}.tips-list li[data-v-7269941c]{padding:1rem;margin-bottom:.75rem;background:var(--color-bg-surface);border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text-secondary);line-height:1.6}.tips-list li[data-v-7269941c]:before{content:"✓ ";color:var(--color-accent-green);font-weight:700;margin-right:.5rem}.attack-tooltip[data-v-7269941c]{position:fixed;background:#0f172afa;color:#fff;padding:1rem;border-radius:var(--radius-sm);max-width:300px;pointer-events:none;z-index:9999;border:1px solid var(--color-border-light);box-shadow:0 8px 24px #0009}.attack-tooltip h4[data-v-7269941c]{margin:0 0 .5rem;font-size:1rem;color:var(--color-primary-light)}.attack-tooltip p[data-v-7269941c]{margin:.25rem 0;font-size:.875rem;color:var(--color-text-secondary)}@media(max-width:768px){.boss-attack-timeline[data-v-7269941c]{padding:1rem}.timeline-header h1[data-v-7269941c]{font-size:1.75rem}.timeline-controls[data-v-7269941c]{flex-direction:column;align-items:stretch}.current-status[data-v-7269941c]{flex-direction:column;gap:1.5rem}.timeline-container[data-v-7269941c]{height:250px}.attack-stats[data-v-7269941c]{grid-template-columns:1fr 1fr}.weak-points-grid[data-v-7269941c]{grid-template-columns:1fr}}