.codex-calculator.svelte-l8w5v6{width:100%;container-type:inline-size}.mode-toggle.svelte-l8w5v6{display:flex;gap:4px;padding:3px;background:var(--border-color);border-radius:6px;width:fit-content;margin-bottom:12px}.mode-toggle.svelte-l8w5v6 .toggle-btn:where(.svelte-l8w5v6){padding:4px 12px;font-size:12px;font-weight:600;background:transparent;color:var(--text-muted);border:none;border-radius:4px;cursor:pointer}.mode-toggle.svelte-l8w5v6 .toggle-btn.active:where(.svelte-l8w5v6){background:var(--bg-primary);color:var(--text-primary)}.meta-note.svelte-l8w5v6{font-size:11px;color:var(--text-muted);max-width:180px;line-height:1.4}.meta-placeholder.svelte-l8w5v6{font-size:13px;color:var(--text-muted);padding:16px;text-align:center;font-style:italic}.rank-btn.meta-empty.svelte-l8w5v6{opacity:.55}.calculator-layout.svelte-l8w5v6{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}.rank-section.svelte-l8w5v6{display:flex;flex-direction:column;gap:12px}.section-header.svelte-l8w5v6{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.rank-grid.svelte-l8w5v6{display:flex;flex-direction:column;gap:3px;background:var(--border-color);padding:3px;border-radius:8px}.rank-row.svelte-l8w5v6{display:flex;gap:3px}.rank-btn.svelte-l8w5v6{width:72px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease;background-color:var(--hover-color);color:var(--text-color)}.rank-btn.cat-cat1.svelte-l8w5v6{background-color:var(--cat1-bg, rgba(100, 149, 237, .3))}.rank-btn.cat-cat2.svelte-l8w5v6{background-color:var(--cat2-bg, rgba(147, 112, 219, .3))}.rank-btn.cat-cat3.svelte-l8w5v6{background-color:var(--cat3-bg, rgba(60, 179, 113, .3))}.rank-btn.cat-fish.svelte-l8w5v6{background-color:var(--cat-fish-bg, rgba(56, 189, 248, .25))}.rank-btn.cat4-bonus.svelte-l8w5v6{position:relative;box-shadow:inset 0 0 0 2px var(--warning-color)}.rank-btn.svelte-l8w5v6:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.rank-btn.selected.svelte-l8w5v6{border-color:var(--accent-color);background-color:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.rank-btn.selected.svelte-l8w5v6 .rank-number:where(.svelte-l8w5v6),.rank-btn.selected.svelte-l8w5v6 .rank-cost:where(.svelte-l8w5v6),.rank-btn.selected.svelte-l8w5v6 .rank-unit:where(.svelte-l8w5v6){color:#fff}.rank-number.svelte-l8w5v6{font-size:10px;font-weight:600;color:var(--text-muted)}.rank-cost.svelte-l8w5v6{font-size:14px;font-weight:700;color:var(--text-color);line-height:1}.rank-unit.svelte-l8w5v6{font-size:9px;font-weight:500;color:var(--text-muted)}.view-toggle.svelte-l8w5v6{display:flex;gap:2px;background:var(--border-color);padding:2px;border-radius:6px}.toggle-btn.svelte-l8w5v6{flex:1;padding:6px 12px;font-size:12px;font-weight:500;border:none;border-radius:4px;cursor:pointer;background:transparent;color:var(--text-muted);transition:all .15s ease}.toggle-btn.svelte-l8w5v6:hover{color:var(--text-color)}.toggle-btn.active.svelte-l8w5v6{background:var(--accent-color);color:#fff}.legend.svelte-l8w5v6{display:flex;gap:12px;flex-wrap:wrap}.legend-item.svelte-l8w5v6{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.legend-swatch.svelte-l8w5v6{width:16px;height:16px;border-radius:4px;border:1px solid var(--border-color)}.legend-swatch.cat-cat1.svelte-l8w5v6{background-color:var(--cat1-bg, rgba(100, 149, 237, .3))}.legend-swatch.cat-cat2.svelte-l8w5v6{background-color:var(--cat2-bg, rgba(147, 112, 219, .3))}.legend-swatch.cat-cat3.svelte-l8w5v6{background-color:var(--cat3-bg, rgba(60, 179, 113, .3))}.legend-swatch.cat4-bonus.svelte-l8w5v6{background-color:var(--hover-color);box-shadow:inset 0 0 0 2px var(--warning-color)}.rewards-panel.svelte-l8w5v6{min-width:320px;display:flex;flex-direction:column;background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.rewards-header.svelte-l8w5v6{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--hover-color);border-bottom:1px solid var(--border-color);flex-shrink:0}.rewards-title.svelte-l8w5v6{display:flex;align-items:center;gap:10px}.rank-label.svelte-l8w5v6{font-size:18px;font-weight:700;color:var(--text-color)}.category-badge.svelte-l8w5v6{font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase}.category-badge.cat-cat1.svelte-l8w5v6{background-color:var(--cat1-bg, rgba(100, 149, 237, .3));color:var(--text-color)}.category-badge.cat-cat2.svelte-l8w5v6{background-color:var(--cat2-bg, rgba(147, 112, 219, .3));color:var(--text-color)}.category-badge.cat-cat3.svelte-l8w5v6{background-color:var(--cat3-bg, rgba(60, 179, 113, .3));color:var(--text-color)}.category-badge.cat-fish.svelte-l8w5v6{background-color:var(--cat-fish-bg, rgba(56, 189, 248, .25));color:var(--text-color)}.cost-display.svelte-l8w5v6{text-align:right}.cost-label.svelte-l8w5v6{display:block;font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase}.cost-value.svelte-l8w5v6{font-size:22px;font-weight:700;color:var(--accent-color)}.cost-unit.svelte-l8w5v6{font-size:11px;font-weight:500;color:var(--text-muted);margin-left:2px}.skills-section.svelte-l8w5v6{flex:1;padding:12px 16px;min-height:0}.skills-header.svelte-l8w5v6{display:grid;grid-template-columns:1fr 60px 80px;gap:8px;font-weight:600;color:var(--text-muted);font-size:10px;text-transform:uppercase;padding-bottom:8px;border-bottom:1px solid var(--border-color);margin-bottom:6px}.header-skill.svelte-l8w5v6{text-align:left}.header-contrib.svelte-l8w5v6{text-align:center}.header-gain.svelte-l8w5v6{text-align:right}.skills-list.svelte-l8w5v6{display:flex;flex-direction:column}.skill-row.svelte-l8w5v6{display:grid;grid-template-columns:1fr 60px 80px;gap:8px;align-items:center;padding:4px 0;border-bottom:1px solid var(--border-color)}.skill-row.svelte-l8w5v6:last-child{border-bottom:none}.skill-row.has-badge.svelte-l8w5v6{background-color:#4ade800d}.skill-name.svelte-l8w5v6{font-size:12px;color:var(--text-color)}.skill-name.skill-link.svelte-l8w5v6{color:var(--accent-color, #4a9eff);text-decoration:none;transition:color .15s}.skill-name.skill-link.svelte-l8w5v6:hover{text-decoration:underline;color:var(--accent-color-hover, #3a8eef)}.skill-badges.svelte-l8w5v6{display:flex;gap:4px;justify-content:center}.skill-badge.svelte-l8w5v6{font-size:9px;font-weight:600;padding:2px 5px;border-radius:3px;text-transform:uppercase}.skill-badge.fish-mult.svelte-l8w5v6{background-color:var(--cat-fish-bg, rgba(56, 189, 248, .25));color:var(--text-color)}.skill-badge.hp.high.svelte-l8w5v6,.skill-badge.hp.medium.svelte-l8w5v6{background-color:var(--success-color);color:#fff}.skill-badge.hp.low.svelte-l8w5v6,.skill-badge.hp.ineffective.svelte-l8w5v6{background-color:#16a34a33;color:var(--success-color);border:1px solid var(--success-color)}.skill-badge.loot.high.svelte-l8w5v6{background-color:var(--warning-color);color:#000}.skill-badge.loot.medium.svelte-l8w5v6{background-color:var(--warning-bg);color:var(--warning-color);border:1px solid var(--warning-color)}.skill-badge.loot.low.svelte-l8w5v6{background-color:transparent;color:var(--warning-color);border:1px solid var(--warning-color);opacity:.7}.skill-badge.defense.high.svelte-l8w5v6{background-color:var(--accent-color);color:#fff}.skill-badge.defense.medium.svelte-l8w5v6{background-color:#4a9eff26;color:var(--accent-color);border:1px solid var(--accent-color)}.skill-badge.defense.low.svelte-l8w5v6{background-color:transparent;color:var(--accent-color);border:1px solid var(--accent-color);opacity:.7}.skill-value.svelte-l8w5v6{font-size:12px;font-weight:600;color:var(--accent-color);font-variant-numeric:tabular-nums;text-align:right}.cat4-section.svelte-l8w5v6{border-top:1px solid var(--border-color);padding:12px 16px;background:var(--warning-bg);flex-shrink:0}.cat4-header.svelte-l8w5v6{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;font-size:12px;color:var(--warning-color)}.cat4-badge.svelte-l8w5v6{font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--warning-color);color:#fff;text-transform:uppercase}.skills-list.cat4.svelte-l8w5v6 .skill-row:where(.svelte-l8w5v6){border-color:#0000001a;padding:4px 0}.skills-list.cat4.svelte-l8w5v6 .skill-value:where(.svelte-l8w5v6){color:var(--warning-color)}.rank-btn.fish-bonus.svelte-l8w5v6{position:relative;box-shadow:inset 0 0 0 2px var(--info-color, #38bdf8)}.fish-bonus-section.svelte-l8w5v6{border-top:1px solid var(--border-color);padding:12px 16px;background:var(--cat-fish-bonus-bg, rgba(56, 189, 248, .08));flex-shrink:0}.fish-bonus-header.svelte-l8w5v6{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;font-size:12px;color:var(--info-color, #38bdf8)}.fish-bonus-badge.svelte-l8w5v6{font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--info-color, #38bdf8);color:#fff;text-transform:uppercase}.skills-list.fish-bonus.svelte-l8w5v6 .skill-row:where(.svelte-l8w5v6){border-color:#0000001a;padding:4px 0}.skills-list.fish-bonus.svelte-l8w5v6 .skill-value:where(.svelte-l8w5v6){color:var(--info-color, #38bdf8)}.summary-item.cat-fish-bonus.svelte-l8w5v6{background-color:var(--cat-fish-bonus-bg, rgba(56, 189, 248, .1))}.legend-swatch.fish-bonus.svelte-l8w5v6{background-color:var(--cat-fish-bg, rgba(56, 189, 248, .25));box-shadow:inset 0 0 0 2px var(--info-color, #38bdf8)}.cumulative-summary.svelte-l8w5v6{padding:12px 16px;background:var(--hover-color);border-top:1px solid var(--border-color);flex-shrink:0}.summary-title.svelte-l8w5v6{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.summary-grid.svelte-l8w5v6{display:flex;gap:8px}.summary-item.svelte-l8w5v6{flex:1;padding:8px;border-radius:6px;text-align:center}.summary-item.cat-cat1.svelte-l8w5v6{background-color:var(--cat1-bg, rgba(100, 149, 237, .3))}.summary-item.cat-cat2.svelte-l8w5v6{background-color:var(--cat2-bg, rgba(147, 112, 219, .3))}.summary-item.cat-cat3.svelte-l8w5v6{background-color:var(--cat3-bg, rgba(60, 179, 113, .3))}.summary-item.cat-fish.svelte-l8w5v6{background-color:var(--cat-fish-bg, rgba(56, 189, 248, .25))}.summary-grid.fish-summary.svelte-l8w5v6{flex-direction:column;gap:4px}.fish-summary.svelte-l8w5v6 .summary-item:where(.svelte-l8w5v6){display:flex;justify-content:space-between;align-items:center;padding:6px 10px}.fish-summary.svelte-l8w5v6 .summary-label:where(.svelte-l8w5v6){margin-bottom:0}.summary-label.svelte-l8w5v6{display:block;font-size:10px;font-weight:600;color:var(--text-muted);margin-bottom:2px}.summary-value.svelte-l8w5v6{font-size:11px;font-weight:700;color:var(--text-color)}.codex-footer.svelte-l8w5v6{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color);font-size:12px;color:var(--text-muted)}.codex-type.svelte-l8w5v6 strong:where(.svelte-l8w5v6){color:var(--text-color)}.cat4-note.svelte-l8w5v6{font-size:11px;padding:4px 8px;background:var(--warning-bg);color:var(--warning-color);border-radius:4px}.no-data.svelte-l8w5v6{color:var(--text-muted);font-style:italic;padding:32px;text-align:center;background:var(--hover-color);border-radius:8px;border:1px dashed var(--border-color)}@media(min-width:768px)and (max-width:899px){.calculator-layout.svelte-l8w5v6{grid-template-columns:1fr;gap:16px}.rank-section.svelte-l8w5v6{max-width:100%}.rank-grid.svelte-l8w5v6{width:fit-content;margin:0 auto}.rewards-panel.svelte-l8w5v6{min-width:0;width:100%}.skills-section.svelte-l8w5v6{max-height:280px;overflow-y:auto}.skills-header.svelte-l8w5v6,.skill-row.svelte-l8w5v6{grid-template-columns:1fr 50px 70px}}@container (max-width: 900px){.calculator-layout.svelte-l8w5v6{grid-template-columns:1fr;gap:16px}.rank-section.svelte-l8w5v6{max-width:100%}.rank-grid.svelte-l8w5v6{width:fit-content;margin:0 auto}.rewards-panel.svelte-l8w5v6{min-width:0;width:100%}.skills-section.svelte-l8w5v6{max-height:280px;overflow-y:auto}.skills-header.svelte-l8w5v6,.skill-row.svelte-l8w5v6{grid-template-columns:1fr 50px 70px}}@media(max-width:899px){.calculator-layout.svelte-l8w5v6{grid-template-columns:1fr;gap:16px}.rank-section.svelte-l8w5v6{width:100%}.rank-grid.svelte-l8w5v6{width:fit-content;margin:0 auto}.view-toggle.svelte-l8w5v6{max-width:380px;margin:0 auto}.legend.svelte-l8w5v6{justify-content:center}.rewards-panel.svelte-l8w5v6{height:auto}.skills-section.svelte-l8w5v6{max-height:280px;overflow-y:auto}}@media(max-width:500px){.rank-btn.svelte-l8w5v6{width:56px;height:50px}.rank-cost.svelte-l8w5v6{font-size:11px}.rank-number.svelte-l8w5v6{font-size:9px}.rank-unit.svelte-l8w5v6{font-size:7px}.codex-footer.svelte-l8w5v6{flex-direction:column;align-items:flex-start;gap:8px}.summary-grid.svelte-l8w5v6{flex-direction:column;gap:6px}.summary-item.svelte-l8w5v6{padding:6px 10px;display:flex;justify-content:space-between;align-items:center}.summary-label.svelte-l8w5v6{margin-bottom:0}.rewards-header.svelte-l8w5v6{flex-direction:column;gap:8px;align-items:flex-start}.cost-display.svelte-l8w5v6{text-align:left}}
