:root{--ref-white: #ffffff;--ref-slate-950: #0f172a;--ref-slate-800: #1f2937;--ref-slate-700: #334155;--ref-slate-600: #475569;--ref-slate-500: #64748b;--ref-slate-300: #cbd5e1;--ref-slate-200: #e2e8f0;--ref-slate-50: #f8fafc;--ref-blue-100: #dbeafe;--ref-teal-700: #0f766e;--ref-teal-50: #ecfdf5;--ref-amber-500: #f59e0b;--ref-red-700: #b91c1c;--ref-red-200: #fca5a5;--ref-red-50: #fef2f2;--ref-amber-800: #854d0e;--ref-amber-300: #fcd34d;--ref-amber-50: #fffbeb;--color-text-primary: var(--ref-slate-950);--color-text-default: var(--ref-slate-800);--color-text-secondary: var(--ref-slate-700);--color-text-muted: var(--ref-slate-500);--color-bg-app: var(--ref-slate-50);--color-surface-primary: var(--ref-white);--color-surface-secondary: var(--ref-slate-50);--color-border-default: var(--ref-slate-300);--color-border-muted: var(--ref-slate-200);--color-accent-primary: var(--ref-teal-700);--color-accent-surface: var(--ref-teal-50);--color-focus-ring: var(--ref-amber-500);--color-state-error-text: var(--ref-red-700);--color-state-error-border: var(--ref-red-200);--color-state-error-bg: var(--ref-red-50);--color-state-warning-text: var(--ref-amber-800);--color-state-warning-border: var(--ref-amber-300);--color-state-warning-bg: var(--ref-amber-50);--color-bg-accent-soft: var(--ref-blue-100);--shadow-surface-md: 0 6px 20px rgba(15, 23, 42, .05);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 14px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 15px;--motion-fast: .14s;--motion-medium: .22s;--easing-standard: cubic-bezier(.2, 0, .38, .9);font-family:Pretendard,Noto Sans KR,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text-default);background:var(--color-bg-app);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;scroll-behavior:auto}}.app-root{min-height:100vh;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--color-accent-surface) 45%,var(--color-bg-app)) 0%,var(--color-bg-app) 48%,color-mix(in srgb,var(--color-bg-app) 74%,var(--color-bg-accent-soft)) 100%)}.app-topbar{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;padding:var(--space-4) 18px;background:color-mix(in srgb,var(--color-bg-app) 94%,transparent);border-bottom:1px solid var(--color-border-default);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-topbar h1{margin:0;font-size:22px;color:var(--color-text-primary)}.app-topbar nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.app-nav-link{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;padding:6px 10px;border-radius:var(--radius-pill);color:var(--color-text-secondary);text-decoration:none;border:1px solid var(--color-border-default);background:var(--color-surface-primary);font-size:var(--font-size-md);transition:background-color var(--motion-fast) var(--easing-standard),border-color var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard),transform var(--motion-fast) var(--easing-standard)}.app-nav-link:hover{color:var(--color-text-primary);border-color:color-mix(in srgb,var(--color-accent-primary) 44%,var(--color-border-default));background:color-mix(in srgb,var(--color-accent-surface) 42%,var(--color-surface-primary))}.app-nav-link:active{transform:translateY(1px)}.app-nav-link-active{color:var(--color-text-primary);border-color:var(--color-accent-primary);background:color-mix(in srgb,var(--color-accent-surface) 72%,var(--color-surface-primary))}.analysis-layout{display:grid;grid-template-columns:minmax(250px,290px) minmax(0,1fr) minmax(250px,300px);gap:var(--space-4);padding:var(--space-4)}.panel{min-height:calc(100vh - 94px)}.panel-left,.panel-right{position:static;align-self:start}.panel-center{display:flex;flex-direction:column;gap:var(--space-4)}.filter-bar,.summary-panel{display:flex;flex-direction:column;gap:var(--space-3)}.panel-right .summary-panel-wave{max-height:none;overflow:visible;padding-inline-end:0}.summary-meta-row{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:start;gap:var(--space-3);margin:0;padding-bottom:6px;border-bottom:1px solid var(--color-border-muted)}.summary-meta-row:last-child{border-bottom:0;padding-bottom:0}.summary-meta-label{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500}.summary-meta-value{justify-self:end;text-align:end;color:var(--color-text-primary);font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.filter-bar label,.quality-controls label{display:flex;flex-direction:column;gap:6px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.filter-bar input,.filter-bar select,.quality-controls select{padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-primary)}.filter-bar input[type=range]{padding:0;border:0;accent-color:var(--color-accent-primary)}.weight-slider-field{gap:var(--space-2)}.weight-slider-label{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs)}.weight-default-button{margin-top:4px;min-block-size:44px;padding:var(--space-2) 10px;border-radius:var(--radius-md);border:1px solid var(--color-accent-primary);background:var(--color-accent-surface);color:var(--color-accent-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--motion-fast) var(--easing-standard),border-color var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard),transform var(--motion-fast) var(--easing-standard),box-shadow var(--motion-fast) var(--easing-standard)}.weight-default-button:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-surface) 62%,var(--color-surface-primary));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-primary) 22%,transparent)}.weight-default-button:active:not(:disabled){transform:translateY(1px)}.weight-default-button:disabled{opacity:.56;cursor:not-allowed}.weight-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.weight-preset-button{margin-top:0;padding:7px var(--space-2)}.filter-bar input:focus-visible,.filter-bar select:focus-visible,.quality-controls select:focus-visible,.app-nav-link:focus-visible,.compare-row:focus-visible,.weight-default-button:focus-visible,.timeline-wave-toggle:focus-visible,.timeline-fullscreen-button:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:1px}.ui-card{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-primary);box-shadow:var(--shadow-surface-md)}.ui-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-muted)}.ui-card-header h3{margin:0}.ui-card-body{padding:var(--space-4)}.summary-panel-wave .ui-card-body{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm);line-height:1.35}.warning-badge{border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.warning-badge-active{color:var(--color-state-warning-text);background:color-mix(in srgb,var(--color-state-warning-bg) 75%,var(--color-surface-primary));border-color:var(--color-focus-ring)}.state-text{padding:var(--space-3);border-radius:var(--radius-md);border:1px dashed var(--color-border-default);background:var(--color-surface-primary)}.state-block{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.state-block .weight-default-button{margin-top:0}.state-text-error{color:var(--color-state-error-text);border-color:var(--color-state-error-border);background:var(--color-state-error-bg)}.state-text-warning{color:var(--color-state-warning-text);border-color:var(--color-state-warning-border);background:var(--color-state-warning-bg)}.state-text-inline{width:100%;margin:0;padding:var(--space-2) 10px;font-size:var(--font-size-xs)}.table-wrap{overflow:auto}.data-quality-card{display:flex;flex-direction:column;gap:calc(var(--space-4) + var(--space-1));font-size:var(--font-size-sm);line-height:1.4}.data-quality-section{display:flex;flex-direction:column;gap:var(--space-2)}.data-quality-section-title{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.data-quality-table-wrap{border:1px solid var(--color-border-muted);border-radius:var(--radius-md)}.data-quality-table{font-size:var(--font-size-sm)}.data-quality-table th{color:var(--color-text-muted);font-weight:600}.data-quality-meta-table th{width:150px}.data-quality-meta-value{text-align:end;color:var(--color-text-primary);font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.data-quality-sheet-name{color:var(--color-text-secondary);font-weight:500}.data-quality-sheets-table th:last-child,.data-quality-sheet-count{text-align:end;font-variant-numeric:tabular-nums}.data-quality-sheet-count{color:var(--color-text-primary);font-weight:600}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}th,td{padding:var(--space-2);border-bottom:1px solid var(--color-border-muted);text-align:start}.quality-controls{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.rank-list{margin:0;padding-inline-start:18px}.summary-panel-wave .rank-list{list-style:none;padding-inline-start:0}.rank-list li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:0;padding:4px 0;border-bottom:1px solid var(--color-border-muted)}.summary-panel-wave .rank-list li:last-child{border-bottom:0}.summary-wave-label{color:var(--color-text-secondary);font-weight:500;overflow-wrap:anywhere}.summary-score{color:var(--color-text-primary);font-weight:700;font-variant-numeric:tabular-nums}.top-wave-item{display:flex;flex-direction:column;gap:6px;padding:var(--space-2) 0}.top-wave-head{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:var(--space-2)}.top-wave-head .summary-wave-label{justify-self:end}.top-wave-rank{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:22px;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-primary);background:var(--color-border-muted)}.top-wave-meter{width:100%;height:8px;border-radius:var(--radius-pill);background:var(--color-border-muted);overflow:hidden}.top-wave-meter-fill{display:block;height:100%;background:linear-gradient(90deg,#ef4444,#f97316)}.top-wave-meta-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--ref-slate-600)}.top-wave-dominant{font-weight:600;color:var(--color-text-secondary)}.top-wave-ratio{font-variant-numeric:tabular-nums}.top-wave-breakdown-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.top-wave-breakdown-grid span{border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);padding:5px 6px;font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center;font-variant-numeric:tabular-nums;background:var(--color-surface-secondary)}.top-skill-item .top-skill-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-skill-item{--tier-accent: #475569;--tier-soft-bg: #f1f5f9;padding:10px 8px}.top-skill-item .top-wave-rank{background:var(--tier-soft-bg);color:var(--tier-accent)}.top-skill-item .summary-score{color:var(--tier-accent)}.top-skill-item .top-skill-tier-badge{padding:2px 8px;border-radius:999px;border:1px solid var(--tier-accent);background:var(--tier-soft-bg);color:var(--tier-accent);font-weight:700}.top-skill-item .top-skill-meter-fill{background:linear-gradient(90deg,var(--tier-accent) 0%,var(--tier-accent) 100%)}.top-skill-item.tier-s{--tier-accent: #dc2626;--tier-soft-bg: #fee2e2}.top-skill-item.tier-a{--tier-accent: #ea580c;--tier-soft-bg: #ffedd5}.top-skill-item.tier-b{--tier-accent: #ca8a04;--tier-soft-bg: #fef9c3}.top-skill-item.tier-c{--tier-accent: #16a34a;--tier-soft-bg: #dcfce7}.top-skill-item.tier-d{--tier-accent: #2563eb;--tier-soft-bg: #dbeafe}.muted{color:var(--color-text-muted);font-size:var(--font-size-xs)}.empty-text{color:var(--color-text-muted)}.virtual-table{overflow:auto;border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.compare-header-row,.compare-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:center}.compare-header-row{padding:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.compare-row{width:100%;border:0;background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-muted);text-align:start;padding:9px var(--space-2);cursor:pointer;transition:background-color var(--motion-fast) var(--easing-standard),transform var(--motion-fast) var(--easing-standard)}.compare-row-active{background:var(--color-bg-accent-soft)}.compare-row:hover{background:color-mix(in srgb,var(--color-accent-surface) 48%,var(--color-surface-primary))}.compare-row:active{transform:translateY(1px)}@media(max-width:1200px){.analysis-layout{grid-template-columns:minmax(250px,280px) minmax(0,1fr)}.panel-right{grid-column:2 / 3;grid-row:2;position:static;min-height:auto}.panel-right .summary-panel-wave{max-height:none;overflow:visible;padding-inline-end:0}}@media(max-width:900px){.analysis-layout{grid-template-columns:1fr}.panel-left,.panel-right{position:static;min-height:auto}.panel-left,.panel-center,.panel-right{grid-column:1 / -1}.panel-right{grid-row:auto}.panel-right .summary-panel-wave{max-height:none;overflow:visible;padding-inline-end:0}.panel{min-height:auto}}.timeline-summary-grid{margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.timeline-wave-section,.timeline-wave-section-header{display:flex;flex-direction:column;gap:var(--space-3)}.timeline-wave-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-secondary);color:var(--color-text-primary);padding:var(--space-3) var(--space-3);font-size:var(--font-size-md);cursor:pointer;transition:background-color var(--motion-fast) var(--easing-standard),border-color var(--motion-fast) var(--easing-standard),transform var(--motion-fast) var(--easing-standard)}.timeline-wave-toggle:hover{border-color:color-mix(in srgb,var(--color-accent-primary) 42%,var(--color-border-default));background:color-mix(in srgb,var(--color-accent-surface) 38%,var(--color-surface-secondary))}.timeline-wave-toggle:active{transform:translateY(1px)}.timeline-wave-toggle strong{color:var(--color-accent-primary);font-size:var(--font-size-xs)}.timeline-wave-section-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.timeline-wave-section-meta span{border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);padding:6px var(--space-2);background:var(--color-surface-secondary);font-variant-numeric:tabular-nums}.timeline-wave-sequences{display:flex;flex-direction:row;gap:var(--space-3);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding-bottom:6px}.timeline-global-rail{display:flex;flex-direction:column;gap:var(--space-3);overflow:auto;max-height:85vh;padding-inline-end:4px}.timeline-fullscreen-button{border:1px solid var(--color-accent-primary);border-radius:var(--radius-pill);background:var(--color-accent-surface);color:var(--color-accent-primary);font-size:var(--font-size-xs);font-weight:600;padding:4px 10px;cursor:pointer;min-block-size:44px;transition:background-color var(--motion-fast) var(--easing-standard),border-color var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard),transform var(--motion-fast) var(--easing-standard)}.timeline-fullscreen-button:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-surface) 62%,var(--color-surface-primary))}.timeline-fullscreen-button:active:not(:disabled){transform:translateY(1px)}.timeline-fullscreen-button:disabled{opacity:.56;cursor:not-allowed}.timeline-fullscreen-card:fullscreen{background:var(--color-bg-app);box-sizing:border-box;padding:var(--space-3);overflow:hidden}.timeline-fullscreen-card:fullscreen .ui-card{height:calc(100vh - 24px);display:flex;flex-direction:column}.timeline-fullscreen-card:fullscreen .ui-card-body{display:flex;flex-direction:column;flex:1;min-height:0}.timeline-fullscreen-card:fullscreen .timeline-global-rail{flex:1;min-height:0;max-height:none}.timeline-wave-row{display:flex;flex-direction:column;gap:var(--space-2);min-width:max-content;flex-shrink:0}.timeline-wave-row+.timeline-wave-row{border-top:1px solid var(--color-border-default);padding-top:var(--space-3);margin-top:2px}.timeline-wave-row-track{display:flex;flex-direction:row;gap:var(--space-3);width:max-content}.drag-scroll-area{cursor:grab}.drag-scroll-area:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.drag-scroll-area.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.timeline-sequence-card{flex:0 0 auto;width:fit-content;max-width:100%;border:1px solid var(--color-border-muted);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);background:var(--color-surface-primary);scroll-snap-align:start}.timeline-sequence-header{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.timeline-sequence-header h4{margin:0;font-size:15px}.timeline-sequence-header p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.timeline-sequence-meta{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.timeline-sequence-meta span{border:1px solid var(--color-border-muted);border-radius:var(--radius-pill);padding:3px 8px;background:var(--color-surface-secondary);font-variant-numeric:tabular-nums}.timeline-sequence-meta-secondary{width:fit-content}.timeline-enemy-grid{display:grid;grid-template-columns:max-content;width:fit-content;justify-items:start;gap:8px}.timeline-enemy-chip{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;width:120px;height:120px;box-sizing:border-box;border:1px solid var(--color-border-muted);border-radius:var(--radius-md);background:var(--color-surface-secondary);padding:var(--space-3);overflow:hidden}.timeline-enemy-chip-boss{border-color:var(--color-state-error-text);background:color-mix(in srgb,var(--color-state-error-bg) 86%,var(--color-surface-primary))}.timeline-enemy-chip-background{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.timeline-enemy-chip-background img{width:100%;height:100%;object-fit:contain;object-position:center bottom;transform-origin:center bottom;transform:scale(1.85);opacity:1;filter:saturate(1.05)}.timeline-enemy-chip-text{position:relative;z-index:1;min-width:0;width:fit-content;max-width:100%;display:flex;flex-direction:column;gap:3px}.timeline-enemy-chip-name,.timeline-enemy-chip-count{margin:0;font-size:12px;line-height:1.25;-webkit-text-stroke:1.8px rgba(248,250,252,.98);paint-order:stroke fill;text-shadow:0 0 3px rgba(248,250,252,.98)}.timeline-enemy-chip-name{color:var(--color-text-primary);font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}.timeline-enemy-chip-count{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.timeline-enemy-chip-badge{align-self:flex-start;font-size:var(--font-size-xs);font-weight:700;color:var(--color-state-warning-text);background:color-mix(in srgb,var(--color-state-warning-bg) 76%,var(--color-surface-primary));border:1px solid var(--color-focus-ring);border-radius:var(--radius-pill);padding:2px 6px}@media(max-width:900px){.timeline-wave-section-meta{grid-template-columns:1fr}.timeline-sequence-card{flex-basis:min(78vw,240px)}.timeline-enemy-grid{grid-template-columns:1fr}}.timeline-wave-info-card{flex:0 0 200px;width:200px;min-height:188px;border-color:var(--color-accent-primary);background:color-mix(in srgb,var(--color-accent-surface) 46%,var(--color-surface-primary))}.timeline-wave-info-grid{display:flex;flex-direction:column;gap:var(--space-2)}.timeline-wave-info-grid span{border:1px solid color-mix(in srgb,var(--color-accent-primary) 24%,var(--color-border-default));border-radius:var(--radius-sm);padding:6px 8px;background:color-mix(in srgb,var(--color-accent-surface) 38%,var(--color-surface-primary));color:color-mix(in srgb,var(--color-accent-primary) 70%,var(--color-text-primary));font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}