.playstyle-badge.svelte-107sr2l{background:color-mix(in srgb, var(--ps-color) 18%, var(--bg-card));border:1px solid var(--ps-color);border-radius:var(--radius-xs);font-size:var(--fs-sm);align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.375rem .75rem;display:inline-flex}.ps-label.svelte-107sr2l{color:var(--ps-color);font-weight:600}.ps-detail.svelte-107sr2l{color:#cbd5e1;font-size:var(--fs-sm)}.phase-summaries.svelte-107sr2l{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.phase-summary.svelte-107sr2l{border-radius:var(--radius-md);background:color-mix(in srgb, var(--phase-color) 8%, transparent);border:1px solid color-mix(in srgb, var(--phase-color) 25%, transparent);padding:.875rem 1.125rem}.phase-summary-label.svelte-107sr2l{align-items:center;gap:.5rem;margin-bottom:.625rem;display:flex}.phase-badge.svelte-107sr2l{border-radius:var(--radius-xs);font-size:var(--fs-sm);color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--phase-color) 100%, #fff 0%), color-mix(in srgb, var(--phase-color) 75%, #000 25%));letter-spacing:.02em;text-shadow:0 1px 2px #0003;align-items:center;padding:.2rem .6rem;font-weight:700;display:inline-flex}.phase-summary-grid.svelte-107sr2l{grid-template-columns:repeat(auto-fill,minmax(4.375rem,1fr))}.phase-summary-grid.svelte-107sr2l .grid-arrow:where(.svelte-107sr2l){margin-top:calc(var(--icon-size) * 1.1 / 2 - .375rem)}.combo-patterns.svelte-107sr2l{border-radius:var(--radius-md);background:color-mix(in srgb, var(--phase-color) 8%, transparent);border:1px solid color-mix(in srgb, var(--phase-color) 25%, transparent);margin-bottom:1.25rem;padding:.875rem 1.125rem}.combo-patterns-top.svelte-107sr2l{flex-direction:column;gap:.5rem;display:flex}.combo-patterns-header.svelte-107sr2l{align-items:center;display:flex}.combo-total-count.svelte-107sr2l{font-size:var(--fs-xs);color:var(--text-muted);align-items:center;margin-left:.25rem;display:flex}.combo-empty.svelte-107sr2l{font-size:var(--fs-sm);color:var(--text-muted);margin:.75rem 0 0}.combo-patterns-body.svelte-107sr2l{flex-direction:column;gap:.875rem;max-height:20rem;margin-top:.75rem;padding-right:.25rem;display:flex;overflow-y:auto}.combo-patterns-body.svelte-107sr2l::-webkit-scrollbar{width:4px}.combo-patterns-body.svelte-107sr2l::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:2px}.combo-patterns-body.svelte-107sr2l::-webkit-scrollbar-track{background:0 0}.combo-pattern-row.svelte-107sr2l{flex-direction:column;gap:.5rem;display:flex}.combo-pattern-label.svelte-107sr2l{align-items:center;gap:.375rem;display:flex}.combo-pattern-name.svelte-107sr2l{border-radius:var(--radius-pill);font-size:var(--fs-sm);color:var(--phase-color);letter-spacing:.02em;background:#10b98114;border:1px solid #10b9814d;align-items:center;padding:.2rem .6rem;font-weight:700;display:inline-flex}.combo-stat-pill.svelte-107sr2l{border-radius:var(--radius-pill);font-size:var(--fs-xs);background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--line-2);letter-spacing:.01em;align-items:center;padding:.125rem .45rem;font-weight:600;display:inline-flex}.phase-empty-hint.svelte-107sr2l{font-size:var(--fs-sm);color:var(--text-muted);padding:.5rem 0;font-style:italic}.timeline-slider.svelte-107sr2l{border-radius:var(--radius-md);background:0 0;border:1px solid #94a3b826;margin-bottom:1.25rem;padding:.75rem 1.5rem .5rem}.timeline-header.svelte-107sr2l{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.timeline-title.svelte-107sr2l{font-size:var(--fs-md);align-items:center;gap:.5rem;padding-top:.25rem;font-weight:700;display:flex}.auto-badge.svelte-107sr2l{font-size:var(--fs-xs);color:var(--text-muted);background:color-mix(in srgb, var(--text-muted) 10%, transparent);border:1px solid color-mix(in srgb, var(--text-muted) 20%, transparent);border-radius:var(--radius-xs);white-space:nowrap;padding:1px .375rem;font-weight:400}.time-inputs.svelte-107sr2l{align-items:center;gap:.5rem;display:flex}.time-field.svelte-107sr2l{align-items:center;display:flex}.time-part.svelte-107sr2l{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;text-align:center;color:var(--text-secondary);border-radius:var(--radius-xs);background:#0f0f1999;border:1px solid #94a3b840;outline:none;padding:.1875rem .125rem;font-family:Menlo,Consolas,monospace;font-weight:700}.time-min.svelte-107sr2l{width:1.375rem}.time-sec.svelte-107sr2l{width:1.625rem}.time-part.svelte-107sr2l:focus{color:#e2e8f0;border-color:#94a3b880}.time-colon.svelte-107sr2l{color:var(--text-secondary);font-size:var(--fs-sm);-webkit-user-select:none;user-select:none;margin:0 1px;font-family:Menlo,Consolas,monospace;font-weight:700}.time-sep.svelte-107sr2l{color:var(--text-muted);font-size:var(--fs-sm);-webkit-user-select:none;user-select:none}.slider-track-wrapper.svelte-107sr2l{cursor:pointer;height:6.25rem;margin-bottom:.25rem;position:relative;overflow:visible}.tick-line.svelte-107sr2l{background:#666;width:1px;height:.375rem;position:absolute;top:4.4375rem}.tick-30s.svelte-107sr2l{background:#888;height:.5rem}.tick-minute.svelte-107sr2l{background:#999;width:2px;height:.625rem}.tick-label.svelte-107sr2l{font-size:var(--fs-xs);color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:.1875rem;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tick-label-minute.svelte-107sr2l{font-size:var(--fs-xs);font-weight:600}.dps-curve-panel.svelte-107sr2l{background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--radius-xs);height:3.5rem;margin-top:.5rem;position:relative;overflow:hidden}.dps-curve.svelte-107sr2l{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.dps-curve.svelte-107sr2l path:where(.svelte-107sr2l){fill:color-mix(in srgb, var(--accent) 22%, transparent);stroke:color-mix(in srgb, var(--accent) 70%, transparent);stroke-width:.6px;vector-effect:non-scaling-stroke}.phase-marker.svelte-107sr2l{border-radius:var(--radius-xs);z-index:1;box-sizing:border-box;border:1px solid #0000;height:2.1875rem;position:absolute;top:2.25rem}.phase-origin.svelte-107sr2l{background:linear-gradient(#f59e0bd9 0%,#c87800b3 100%);border-color:#ffb428cc;box-shadow:0 0 10px #f59e0b66,inset 0 1px #ffdc784d}.phase-burst.svelte-107sr2l{background:linear-gradient(#ef4444cc 0%,#b42828a6 100%);border-color:#ff6464b3;box-shadow:inset 0 1px #ffa0a040}.phase-semi.svelte-107sr2l{background:linear-gradient(#a78bfabf 0%,#785adc99 100%);border-color:#b4a0ffa6;box-shadow:inset 0 1px #d2c3ff33}.phase-link.svelte-107sr2l{z-index:2;background:linear-gradient(#ec4899f2 0%,#be286ed9 100%);border:0;border-radius:2px;margin-left:-1.5px;box-shadow:0 0 6px #ec489980;width:3px!important}.phase-link.svelte-107sr2l .phase-marker-label:where(.svelte-107sr2l){white-space:nowrap}.phase-marker-label.svelte-107sr2l{font-size:var(--fs-xs);white-space:nowrap;color:inherit;margin-bottom:.25rem;font-weight:700;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.phase-label-dim.svelte-107sr2l{opacity:.25}.range-dim.svelte-107sr2l{z-index:2;pointer-events:none;background:#0009;height:2.1875rem;position:absolute;top:2.25rem}.range-dim-left.svelte-107sr2l{left:0}.handle-guide-start.svelte-107sr2l,.handle-guide-end.svelte-107sr2l{z-index:5;pointer-events:none;width:.875rem;height:2.1875rem;position:absolute;top:2.25rem;overflow:visible}.handle-guide-start.svelte-107sr2l:before,.handle-guide-start.svelte-107sr2l:after,.handle-guide-end.svelte-107sr2l:before,.handle-guide-end.svelte-107sr2l:after{content:"";background:#cbd5e1;width:.4375rem;height:.1875rem;position:absolute}.handle-guide-start.svelte-107sr2l:before{top:0;right:-.4375rem}.handle-guide-start.svelte-107sr2l:after{bottom:0;right:-.4375rem}.handle-guide-end.svelte-107sr2l:before{top:0;left:0}.handle-guide-end.svelte-107sr2l:after{bottom:0;left:0}.handle-grip.svelte-107sr2l{z-index:5;pointer-events:none;background:#9aa5b4;width:2px;height:.8125rem;margin-top:.6875rem;position:absolute;top:2.25rem}.range-border.svelte-107sr2l{z-index:2;pointer-events:none;box-sizing:border-box;border-top:1.5px solid #94a3b8;border-bottom:1.5px solid #94a3b8;height:2.1875rem;position:absolute;top:2.25rem}.slider-input.svelte-107sr2l{appearance:none;cursor:pointer;z-index:3;pointer-events:none;background:0 0;height:2.9375rem;margin:0;position:absolute;top:1.875rem}.slider-start.svelte-107sr2l{width:calc(100% + .875rem);left:-.875rem}.slider-end.svelte-107sr2l{width:calc(100% + .875rem);left:0}.slider-input.svelte-107sr2l::-webkit-slider-runnable-track{background:0 0;border-radius:0;height:2.1875rem}.slider-start.svelte-107sr2l::-webkit-slider-runnable-track{background:0 0}.slider-input.svelte-107sr2l::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;border:none;border-radius:0;width:.875rem;height:2.1875rem;margin-top:0;transition:box-shadow .15s}.slider-start.svelte-107sr2l::-webkit-slider-thumb{background:#cbd5e1;border-radius:.1875rem 0 0 .1875rem}.slider-start.svelte-107sr2l:hover::-webkit-slider-thumb{background:#e2e8f0}.slider-end.svelte-107sr2l::-webkit-slider-thumb{background:#cbd5e1;border-radius:0 .1875rem .1875rem 0}.slider-end.svelte-107sr2l:hover::-webkit-slider-thumb{background:#e2e8f0}.slider-input.svelte-107sr2l::-moz-range-track{background:0 0;border:none;border-radius:0;height:2.1875rem}.slider-start.svelte-107sr2l::-moz-range-track{background:0 0}.slider-input.svelte-107sr2l::-moz-range-thumb{pointer-events:all;border:none;border-radius:0;width:.875rem;height:2.1875rem}.slider-start.svelte-107sr2l::-moz-range-thumb{background:#cbd5e1;border-radius:.1875rem 0 0 .1875rem}.slider-end.svelte-107sr2l::-moz-range-thumb{background:#cbd5e1;border-radius:0 .1875rem .1875rem 0}.skill-grid.svelte-107sr2l{grid-template-columns:repeat(10,1fr);gap:1rem 0;display:grid}@media (width<=1023px){.skill-grid.svelte-107sr2l{grid-template-columns:repeat(6,1fr)}}@media (width<=767px){.skill-grid.svelte-107sr2l{grid-template-columns:repeat(4,1fr)}}.grid-cell.svelte-107sr2l{border:2px solid #0000;align-items:flex-start;display:flex}.grid-cell.svelte-107sr2l>.skill-icon-chip{flex:1;min-width:0}.grid-arrow.svelte-107sr2l{color:var(--text-muted);font-size:var(--fs-sm);-webkit-user-select:none;user-select:none;opacity:.8;margin-top:calc(.875rem + .25rem + var(--icon-size) * 1.1 / 2 - .375rem);flex-shrink:0;line-height:1}.grid-cell.svelte-107sr2l:last-child .grid-arrow:where(.svelte-107sr2l){display:none}.skill-icon-chip.svelte-107sr2l{flex-direction:column;align-items:center;gap:.25rem;display:flex}.time-label.svelte-107sr2l{--time-color:#c6cdd8;font-size:var(--fs-xs);color:var(--time-color);font-variant-numeric:tabular-nums;white-space:nowrap;background:color-mix(in srgb, var(--time-color) 12%, transparent);border:1px solid color-mix(in srgb, var(--time-color) 30%, transparent);border-radius:var(--radius-xs);min-height:.875rem;padding:1px .3125rem;font-weight:700;line-height:1.3}.icon-card.svelte-107sr2l{--card-size:calc(var(--icon-size) * 1.1);width:var(--card-size);height:var(--card-size);border-radius:var(--radius-md);background:var(--bg-card-hover);border:1px solid var(--border-strong);justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.icon-card.hexa-origin.svelte-107sr2l{border-color:#f59e0b;box-shadow:0 0 8px #f59e0b47}.icon-card.hexa-ascent.svelte-107sr2l{border-color:#06b6d4;box-shadow:0 0 8px #06b6d447}.icon-badge.svelte-107sr2l{font-size:var(--fs-xs);background:var(--bg-elevated);color:#e0e0f0;border-radius:var(--radius-xs);-webkit-user-select:none;user-select:none;pointer-events:none;border:1px solid #3a3a4e;padding:1px .25rem;font-weight:700;line-height:1.3;position:absolute;bottom:-.125rem;right:-.125rem}.icon-missing.svelte-107sr2l:after{content:"?";font-size:var(--fs-lg);color:var(--text-muted);font-weight:700}.icon-missing-inline.svelte-107sr2l{font-size:var(--fs-lg);color:var(--text-muted);font-weight:700}.icon-img.svelte-107sr2l{width:var(--icon-size);height:var(--icon-size);object-fit:contain;border-radius:var(--radius-sm);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.hexa-badge.svelte-107sr2l{font-size:var(--fs-xs);border-radius:var(--radius-xs);z-index:2;-webkit-user-select:none;user-select:none;pointer-events:none;padding:1px .25rem;font-weight:800;line-height:1.3;position:absolute;top:.125rem;left:.125rem}.hexa-badge.origin.svelte-107sr2l{color:#f59e0b;background:#0f0f14e6;border:1.5px solid #f59e0b}.hexa-badge.ascent.svelte-107sr2l{color:#06b6d4;background:#0f0f14e6;border:1.5px solid #06b6d4}.seq-btn.svelte-107sr2l{width:calc(var(--icon-size) * 1.1);height:calc(var(--icon-size) * 1.1);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(#d4548a,#b8407a);border:1.5px solid #e06898;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #fff3,0 2px 4px #0000004d}.seq-btn.svelte-107sr2l:hover{transform:translateY(-.125rem);box-shadow:inset 0 1px #fff3,0 4px 12px #d4548a66}.loop-btn.svelte-107sr2l{cursor:default;background:linear-gradient(#5bb8e8,#4098d0);border-color:#6dc8f0}.loop-btn.svelte-107sr2l:hover{transform:none;box-shadow:inset 0 1px #fff3,0 2px 4px #0000004d}.filler-chip.svelte-107sr2l{cursor:pointer}.svelte-107sr2l:not(.filler-cell)>.filler-chip:where(.svelte-107sr2l):not(:has(.time-label)){margin-top:calc(1.125rem + 2px)}.filler-btn.svelte-107sr2l{width:calc(var(--icon-size) * 1.1);height:calc(var(--icon-size) * 1.1);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(#4a90e2,#3b82f6);border:1.5px solid #5b9cf0;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;box-shadow:inset 0 1px #fff3,0 2px 4px #0000004d}.filler-btn.svelte-107sr2l:hover{transform:translateY(-.125rem);box-shadow:inset 0 1px #ffffff26,0 4px 12px #6464644d}.filler-btn-text.svelte-107sr2l{font-size:var(--fs-md);color:#fff;text-align:center;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px #0003;font-weight:300;line-height:1.3}.filler-cell.svelte-107sr2l{z-index:1;background:#3b82f614;position:relative;overflow:visible}.filler-cell.svelte-107sr2l:before{content:"";height:var(--gap-h,0px);border-left:2px dashed var(--bl,transparent);border-right:2px dashed var(--br,transparent);pointer-events:none;background:#3b82f614;position:absolute;top:calc(100% + 2px);left:-2px;right:-2px}.seq-btn-text.svelte-107sr2l{font-size:var(--fs-md);color:#fff;text-align:center;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px #0003;font-weight:300;line-height:1.3}.icon-label.svelte-107sr2l{font-size:var(--fs-xs);color:var(--text-muted);text-align:center;word-break:keep-all;-webkit-line-clamp:2;-webkit-user-select:text;user-select:text;-webkit-box-orient:vertical;width:100%;height:2.4em;font-weight:300;line-height:1.2;display:-webkit-box;overflow:hidden}.icon-label.origin-text.svelte-107sr2l{color:#f59e0b}.icon-label.ascent-text.svelte-107sr2l{color:#06b6d4}.empty.svelte-107sr2l{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--border) 30%, transparent);border:1px dashed var(--border);text-align:center;padding:1.25rem}.empty-text.svelte-107sr2l{font-size:var(--fs-sm);color:var(--text-muted)}.seq-chip-wrapper.svelte-107sr2l{position:relative;overflow:visible}.seq-card-float.svelte-107sr2l{border-radius:var(--radius-md);background:linear-gradient(to bottom, var(--bg-elevated), var(--bg-surface));border:1.5px solid var(--border-strong);z-index:20;flex-direction:column;gap:.625rem;width:max-content;min-width:13.75rem;max-width:30rem;padding:.875rem 1rem .75rem;display:flex;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0009}.seq-card-float.seq-card-below.svelte-107sr2l{top:calc(100% + .5rem);bottom:auto}.seq-card-close.svelte-107sr2l{font-size:var(--fs-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);position:absolute;top:.5rem;right:.875rem}.seq-card-close.svelte-107sr2l:hover{color:var(--text-primary)}.seq-card-header.svelte-107sr2l{font-size:var(--fs-sm);color:#fbbf24;letter-spacing:.05em;font-style:italic;font-weight:800}.seq-card-name.svelte-107sr2l{text-align:center;font-size:var(--fs-sm);color:#c0c0d8;border-radius:var(--radius-xs);background:var(--surface-2);border:1px solid var(--line-2);padding:.375rem .875rem;font-weight:600}.seq-card-icons.svelte-107sr2l{border-radius:var(--radius-xs);background:var(--surface-2);flex-wrap:wrap;gap:.25rem;padding:.375rem .25rem;display:flex}.seq-card-icon.svelte-107sr2l{border-radius:var(--radius-xs);background:var(--surface-3);border:1px solid var(--line-2);justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex;position:relative;overflow:hidden}@media (width<=600px){.seq-card-float.svelte-107sr2l{z-index:100;width:auto;min-width:0;max-width:none;position:fixed;top:50%;bottom:auto;right:1rem;left:1rem!important;transform:translateY(-50%)!important}.seq-card-float.seq-card-below.svelte-107sr2l{top:50%;bottom:auto;transform:translateY(-50%)!important}}.seq-card-icon.svelte-107sr2l img:where(.svelte-107sr2l){object-fit:contain;width:100%;height:100%}.overlay.svelte-1sy1p5t{z-index:100;background:#000000b3;justify-content:center;align-items:flex-start;padding:0;display:flex;position:fixed;inset:0;overflow-y:auto}.modal.svelte-1sy1p5t{background:var(--bg-surface);border:1px solid var(--line-1);border-radius:0;flex-direction:column;width:100%;max-width:100%;height:100dvh;margin:0;display:flex;overflow:hidden}@media (width>=768px){.overlay.svelte-1sy1p5t{padding:var(--modal-padding)}.modal.svelte-1sy1p5t{border-radius:var(--radius-lg);max-width:85rem;height:90vh;margin:auto}.modal-body.svelte-1sy1p5t{padding:0 max(0px,50% - 37.5rem)}}.modal-header.svelte-1sy1p5t{border-bottom:1px solid var(--line-1);background:var(--bg-elevated);justify-content:space-between;align-items:center;height:5.5rem;padding:0 2rem;display:flex}.header-left.svelte-1sy1p5t{align-items:center;gap:.875rem;display:flex}.header-image.svelte-1sy1p5t{border-radius:var(--radius-md);object-fit:cover;background:linear-gradient(135deg, color-mix(in srgb, var(--group-color) 40%, var(--bg-elevated)), color-mix(in srgb, var(--group-color) 15%, var(--bg-elevated)));width:3.5rem;height:3.5rem}.header-top-row.svelte-1sy1p5t{align-items:center;gap:.625rem;display:flex}.header-title.svelte-1sy1p5t{font-size:var(--fs-xl);color:#f0f0f5;margin:0;font-weight:700}.header-divider.svelte-1sy1p5t{color:#444460;font-size:var(--fs-md)}.header-count.svelte-1sy1p5t{font-size:var(--fs-sm);color:var(--text-secondary)}.header-tag.svelte-1sy1p5t{font-size:var(--fs-sm);color:var(--group-color);background:color-mix(in srgb, var(--group-color) 13%, transparent);border-radius:var(--radius-sm);padding:.25rem .75rem;font-weight:500}.close-btn.svelte-1sy1p5t{font-size:var(--fs-lg);color:var(--text-muted);transition:color var(--transition-fast)}.close-btn.svelte-1sy1p5t:hover{color:var(--text-primary)}.modal-body.svelte-1sy1p5t{-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow-y:auto}.loading.svelte-1sy1p5t,.empty.svelte-1sy1p5t{text-align:center;color:var(--text-muted);padding:3rem 0}.spinner.svelte-1sy1p5t{border:3px solid var(--line-3);border-top-color:#888;border-radius:50%;width:40px;height:40px;animation:.6s linear infinite svelte-1sy1p5t-spin;display:inline-block}@keyframes svelte-1sy1p5t-spin{to{transform:rotate(360deg)}}.filter-bar.svelte-1sy1p5t{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.625rem;padding:.75rem 2rem;display:flex}.filter-pills.svelte-1sy1p5t{flex-wrap:wrap;gap:.625rem;display:flex}.filter-cdr.svelte-1sy1p5t{flex-wrap:wrap;gap:.375rem;display:flex}.filter-pill.svelte-1sy1p5t{border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.5rem 1rem;font-weight:500}.filter-pill.svelte-1sy1p5t:hover{background:var(--surface-2);color:#c0c0d0}.filter-pill.active.svelte-1sy1p5t{background:linear-gradient(180deg, var(--accent), var(--accent-dim));color:#fff;font-weight:600}.filter-chip.svelte-1sy1p5t{border-radius:var(--radius-sm);border:1px solid var(--line-2);color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:.375rem .75rem;font-weight:500}.filter-chip.svelte-1sy1p5t:hover{color:var(--text-secondary);border-color:#ffffff26}.filter-chip.active.svelte-1sy1p5t{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.ranker-section.svelte-1sy1p5t{flex-direction:column;flex:1;min-height:0;margin-bottom:0;display:flex}.table-wrap.svelte-1sy1p5t{flex-direction:column;flex:1;min-height:0;padding:0 2rem;display:flex}.table-header.svelte-1sy1p5t{border-bottom:1px solid var(--line-1);flex-shrink:0;align-items:center;height:2.5rem;padding:0 1rem;display:flex}.th.svelte-1sy1p5t{font-size:var(--fs-sm);color:var(--text-secondary);flex-shrink:0;font-weight:600}.table-row.svelte-1sy1p5t{border:none;border-bottom:1px solid var(--line-1);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;flex:1;align-items:center;width:100%;padding:0 1rem;display:flex}.table-row.alt.svelte-1sy1p5t{background:var(--surface-1)}.table-row.svelte-1sy1p5t:hover{background:var(--surface-2)}.table-row.selected.svelte-1sy1p5t{background:color-mix(in srgb, var(--accent) 8%, transparent)}.table-row.placeholder.svelte-1sy1p5t{pointer-events:none;border-bottom:none}.td.svelte-1sy1p5t{font-size:var(--fs-md);flex-shrink:0}.th-name.svelte-1sy1p5t,.td-name.svelte-1sy1p5t{flex:1.5;min-width:7rem}.th-rank.svelte-1sy1p5t,.td-rank.svelte-1sy1p5t{flex:1.5;min-width:9rem}.th-cdr.svelte-1sy1p5t,.td-cdr.svelte-1sy1p5t{flex:.8;min-width:3.75rem}.th-power.svelte-1sy1p5t,.td-power.svelte-1sy1p5t{flex:1.2;min-width:5.5rem}.th-dps.svelte-1sy1p5t,.td-dps.svelte-1sy1p5t{flex:1.3;min-width:6.25rem}.th-date.svelte-1sy1p5t,.td-date.svelte-1sy1p5t,.th-collected.svelte-1sy1p5t,.td-collected.svelte-1sy1p5t{flex:1;min-width:5rem}.th-collected.svelte-1sy1p5t{cursor:help;align-items:center;gap:.25rem;display:flex}.info-icon.svelte-1sy1p5t{width:.875rem;height:.875rem;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;margin-right:.125rem;display:inline-flex}.th-patch.svelte-1sy1p5t,.td-patch.svelte-1sy1p5t{flex:.8;min-width:3.5rem}.td-name.svelte-1sy1p5t{align-items:center;gap:.625rem;display:flex;overflow:hidden}.char-thumb-wrap.svelte-1sy1p5t{aspect-ratio:1;border-radius:var(--radius-xs);border:1px solid var(--line-2);flex-shrink:0;width:80%;max-width:3.5rem;overflow:hidden}.char-thumb.svelte-1sy1p5t{object-fit:cover;transform-origin:48%;width:100%;height:100%;transform:scale(6)}.char-nick.svelte-1sy1p5t{font-weight:500;font-size:var(--fs-md);color:#f0f0f5}.like-badge.svelte-1sy1p5t svg:where(.svelte-1sy1p5t){width:.85em;height:.85em;color:var(--accent)}.like-badge.svelte-1sy1p5t{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-secondary);font-size:var(--fs-xs);white-space:nowrap;flex-shrink:0;align-items:center;gap:.25rem;margin-left:.4rem;padding:.05rem .4rem;font-weight:600;display:inline-flex}.td-rank.svelte-1sy1p5t,.td-cdr.svelte-1sy1p5t,.td-power.svelte-1sy1p5t{color:var(--text-secondary)}.td-dps.svelte-1sy1p5t{color:var(--accent);font-weight:600}.td-date.svelte-1sy1p5t,.td-collected.svelte-1sy1p5t{color:var(--text-muted);font-size:var(--fs-sm)}.td-patch.svelte-1sy1p5t{color:var(--text-secondary);font-size:var(--fs-sm)}.pagination.svelte-1sy1p5t{border-top:1px solid var(--line-1);background:var(--bg-surface);flex-shrink:0;justify-content:center;align-items:center;height:6rem;display:flex}.pagination-buttons.svelte-1sy1p5t{align-items:center;gap:.5rem;display:flex}.page-btn.svelte-1sy1p5t{border-radius:var(--radius-sm);background:var(--surface-1);width:2.25rem;height:2.25rem;color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.page-btn.svelte-1sy1p5t:disabled{opacity:.3;cursor:default}.page-btn.svelte-1sy1p5t:hover:not(:disabled){background:var(--surface-2)}.page-btn.active.svelte-1sy1p5t{background:linear-gradient(180deg, var(--accent), var(--accent-dim));color:#fff;font-weight:600}.char-row.svelte-1sy1p5t{justify-content:space-between;align-items:center;margin-top:1.75rem;margin-bottom:1rem;padding:0 2rem;display:flex}.char-left.svelte-1sy1p5t{align-items:center;gap:1.25rem;display:flex}.char-icon.svelte-1sy1p5t{border-radius:var(--radius-lg);border:1px solid var(--line-2);flex-shrink:0;width:4.5rem;height:4.5rem;overflow:hidden}.char-icon-img.svelte-1sy1p5t{object-fit:cover;transform-origin:48%;width:100%;height:100%;transform:scale(6)}.class-art.svelte-1sy1p5t{object-fit:cover;object-position:50% 20%;width:100%;height:100%}.char-name.svelte-1sy1p5t{color:#f0f0f5;font-size:2rem;font-weight:800}.char-rank-badge.svelte-1sy1p5t{font-size:var(--fs-sm);color:var(--accent);border-radius:var(--radius-sm);background:#ff8c001a;border:1px solid #ff8c0040;align-self:center;padding:.2rem .5rem;font-weight:600}.back-btn-detail.svelte-1sy1p5t{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-strong);color:#c8b8e8;font-size:var(--fs-md);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:background .15s;display:flex}.back-btn-detail.svelte-1sy1p5t:hover{background:var(--bg-card-hover)}.back-arrow.svelte-1sy1p5t{font-size:var(--fs-lg)}.info-bar.svelte-1sy1p5t{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--line-1);align-items:center;gap:1.25rem;margin:0 2rem 1.75rem;padding:1rem 1.75rem;display:flex}.info-item.svelte-1sy1p5t{font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap}.info-patch.svelte-1sy1p5t{color:#60a5fa}.info-toggle.svelte-1sy1p5t{background:var(--bg-elevated);border-radius:var(--radius-pill);padding:.2rem;display:flex}.info-tab.svelte-1sy1p5t{border-radius:var(--radius-pill);font-size:var(--fs-sm);cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.375rem 1rem;font-weight:600;transition:all .2s}.info-tab.active.svelte-1sy1p5t{color:#fff;background:linear-gradient(90deg, var(--chart), var(--chart-dim))}.info-tab.svelte-1sy1p5t:hover:not(.active){color:var(--text-secondary);background:var(--surface-2)}.info-divider.svelte-1sy1p5t{background:var(--surface-2);flex-shrink:0;width:1px;height:1.5rem}.detail-section.svelte-1sy1p5t{margin:0 2rem 2rem}.data-section.svelte-1sy1p5t{flex-direction:column;gap:1.5rem;display:flex}.data-card.svelte-1sy1p5t{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--line-1);padding:1.5rem 1.75rem}.mix-legend.svelte-1sy1p5t{font-size:var(--fs-sm);color:var(--text-secondary);flex-wrap:wrap;gap:.4rem 1.25rem;margin-top:.75rem;display:flex}.mix-item.svelte-1sy1p5t{align-items:center;gap:.4rem;display:inline-flex}.mix-item.svelte-1sy1p5t i:where(.svelte-1sy1p5t){border-radius:2px;width:.75rem;height:.75rem}.mix-item.svelte-1sy1p5t strong:where(.svelte-1sy1p5t){color:var(--text-primary);font-variant-numeric:tabular-nums}.mix-note.svelte-1sy1p5t{font-size:var(--fs-xs);color:var(--text-muted);margin:.75rem 0 0}.mix-note.svelte-1sy1p5t a:where(.svelte-1sy1p5t){color:var(--text-secondary)}.data-title.svelte-1sy1p5t{font-size:var(--fs-md);color:#d0d0e0;margin-bottom:1.25rem;font-weight:700}.skill-chart.svelte-1sy1p5t{flex-direction:column;gap:.625rem;display:flex}.chart-row.svelte-1sy1p5t{align-items:center;gap:.75rem;display:flex}.chart-label.svelte-1sy1p5t{width:10rem;min-width:10rem;font-size:var(--fs-sm);color:#c0c0d0;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.375rem;display:flex;overflow:hidden}.chart-bar-wrap.svelte-1sy1p5t{background:var(--surface-1);border-radius:var(--radius-xs);flex:1;height:1.25rem;overflow:hidden}.chart-bar.svelte-1sy1p5t{background:linear-gradient(90deg, var(--accent), var(--accent-dim));border-radius:var(--radius-xs);min-width:.125rem;height:100%;transition:width .3s}.chart-value.svelte-1sy1p5t{width:8.75rem;min-width:8.75rem;font-size:var(--fs-sm);color:var(--text-secondary);text-align:right}.chart-empty.svelte-1sy1p5t{font-size:var(--fs-sm);color:var(--text-muted);text-align:center;padding:1.5rem 0}.timeline-text-wrap.svelte-1sy1p5t{flex-direction:column;gap:.125rem;max-height:25rem;display:flex;overflow-y:auto}.timeline-text-row.svelte-1sy1p5t{border-radius:var(--radius-xs);align-items:center;gap:.75rem;padding:.375rem .75rem;display:flex}.timeline-text-row.svelte-1sy1p5t:nth-child(odd){background:var(--surface-1)}.timeline-time.svelte-1sy1p5t{width:3.125rem;min-width:3.125rem;font-size:var(--fs-sm);color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}.timeline-skill.svelte-1sy1p5t{font-size:var(--fs-sm);color:#d0d0e0;flex:1}@media (width<=767px){.modal-header.svelte-1sy1p5t{height:4.5rem;padding:0 1rem}.header-left.svelte-1sy1p5t{gap:.625rem}.header-image.svelte-1sy1p5t{width:1.75rem;height:1.75rem}.header-title.svelte-1sy1p5t{font-size:var(--fs-lg)}.header-tag.svelte-1sy1p5t{font-size:var(--fs-xs);padding:.2rem .5rem}.filter-bar.svelte-1sy1p5t{padding:.75rem 1rem}.table-wrap.svelte-1sy1p5t{padding:0 1rem}.table-header.svelte-1sy1p5t,.table-row.svelte-1sy1p5t{padding:0 .5rem}.th-rank.svelte-1sy1p5t,.td-rank.svelte-1sy1p5t,.th-power.svelte-1sy1p5t,.td-power.svelte-1sy1p5t,.th-collected.svelte-1sy1p5t,.td-collected.svelte-1sy1p5t{display:none}.td.svelte-1sy1p5t,.th.svelte-1sy1p5t{flex-shrink:1}.th-name.svelte-1sy1p5t,.td-name.svelte-1sy1p5t{flex:3;min-width:0}.th-cdr.svelte-1sy1p5t,.td-cdr.svelte-1sy1p5t{flex:1;min-width:0}.th-dps.svelte-1sy1p5t,.td-dps.svelte-1sy1p5t,.th-date.svelte-1sy1p5t,.td-date.svelte-1sy1p5t{flex:1.5;min-width:0}.th-patch.svelte-1sy1p5t,.td-patch.svelte-1sy1p5t{flex:1;min-width:0}.td.svelte-1sy1p5t,.th.svelte-1sy1p5t{font-size:var(--fs-sm)}.char-row.svelte-1sy1p5t{margin-top:1rem;margin-bottom:.75rem;padding:0 1rem}.char-icon.svelte-1sy1p5t{border-radius:var(--radius-md);width:3rem;height:3rem}.char-left.svelte-1sy1p5t{gap:.75rem}.char-rank-badge.svelte-1sy1p5t{display:none}.char-name.svelte-1sy1p5t{font-size:var(--fs-lg)}.info-bar.svelte-1sy1p5t{flex-wrap:wrap;gap:.75rem;margin:0 1rem 1rem;padding:.75rem 1rem}.info-item.svelte-1sy1p5t{font-size:var(--fs-sm)}.detail-section.svelte-1sy1p5t{margin:0 1rem 1.5rem}.pagination.svelte-1sy1p5t{gap:.25rem}.page-btn.svelte-1sy1p5t{width:2rem;height:2rem;font-size:var(--fs-sm)}}.avg-row.svelte-1sy1p5t{border-left:3px solid var(--accent);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 7%, transparent), color-mix(in srgb, var(--accent) 3%, transparent))!important}.avg-row.svelte-1sy1p5t:hover:not(:disabled){background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 11%, transparent), color-mix(in srgb, var(--accent) 5%, transparent))!important}.avg-row-disabled.svelte-1sy1p5t{opacity:.4;cursor:not-allowed;border-left-color:#555}.avg-cdr-select.svelte-1sy1p5t{background:var(--surface-3);color:#ccc;border:1px solid var(--line-3);border-radius:var(--radius-xs);font-size:var(--fs-sm);cursor:pointer;outline:none;padding:.35rem .6rem}.avg-cdr-select.svelte-1sy1p5t:focus{border-color:var(--accent)}.avg-right-info.svelte-1sy1p5t{align-items:center;gap:.5rem;display:flex}.avg-cdr-detail.svelte-1sy1p5t{font-size:var(--fs-md);padding:.3rem .6rem;font-weight:600}.avg-thumb.svelte-1sy1p5t{aspect-ratio:1;border-radius:var(--radius-xs);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 15%, transparent), color-mix(in srgb, var(--accent) 8%, transparent));flex-shrink:0;justify-content:center;align-items:center;width:80%;max-width:3.5rem;display:flex;overflow:hidden}.avg-thumb-img.svelte-1sy1p5t{object-fit:cover;width:100%;height:100%}.avg-nick.svelte-1sy1p5t{color:var(--accent)!important;font-weight:700!important}.avg-label.svelte-1sy1p5t{color:var(--text-secondary);font-style:italic}.avg-click-hint.svelte-1sy1p5t{font-size:var(--fs-sm);color:var(--accent);cursor:pointer}.scroll-top-btn.svelte-1sy1p5t{display:none}@media (width<=600px){.scroll-top-btn.svelte-1sy1p5t{border:1px solid var(--line-3);color:#ccc;width:3.25rem;height:3.25rem;font-size:var(--fs-xl);cursor:pointer;z-index:90;background:#202024e6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:3.5rem;right:1.5rem;box-shadow:0 2px 8px #0006}.scroll-top-btn.svelte-1sy1p5t:active{background:var(--surface-4)}}