繝昴こ繝｢繝ｳ繝√Ε繝ｳ繝斐が繝ｳ繧ｺ繝繝｡繝ｼ繧ｸ險育ｮ・/title> <style> :root { color-scheme: light; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #1f2933; background: #eef2f7; --panel: #ffffff; --line: #d9dee7; --muted: #6b7280; --accent: #6d5dfc; --accent-soft: #f1efff; --danger: #ef4444; --good: #14794e; --warn: #b54708; --attack: #f97316; --attack-deep: #ea580c; --attack-soft: #fff4e8; --defense: #2563eb; --defense-deep: #1d4ed8; --defense-soft: #eef5ff; } * { box-sizing: border-box; } [hidden] { display: none !important; } body { margin: 0; min-height: 100vh; background: #eef2f7; } main { width: min(960px, 100%); margin: 0 auto; padding: 8px; } header { display: none; margin-bottom: 8px; } h1 { margin: 0 0 6px; font-size: 18px; line-height: 1.15; } .lead { display: none; margin: 0; color: #526070; line-height: 1.6; } .layout { display: flex; flex-direction: column; gap: 10px; } .top-shell { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; align-items: start; } section { background: var(--panel); border: 1px solid var(--line); border-radius: 2px; padding: 8px; box-shadow: none; } h2 { margin: 0 0 8px; font-size: 14px; } .matchup-strip { display: none; grid-template-columns: 1fr auto 1fr; gap: 8px; align-items: center; margin: 10px 0 0; padding: 10px; border: 1px solid var(--line); border-radius: 2px; background: var(--panel); box-shadow: none; } .matchup-side { min-width: 0; } .matchup-label { margin: 0 0 2px; color: var(--muted); font-size: 12px; font-weight: 800; } .matchup-name { margin: 0; font-size: 15px; font-weight: 900; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .matchup-arrow { color: var(--accent); font-weight: 900; } .input-groups { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "attacker defender"; gap: 10px; align-items: start; } .input-group[data-group="attacker"] { grid-area: attacker; } .input-group[data-group="move"] { grid-area: move; } .input-group[data-group="defender"] { grid-area: defender; } .input-group[data-group="field"] { grid-area: field; } .input-group[data-group="attacker"], .input-group[data-group="move"], .input-group[data-group="field"] { grid-column: 1; } .input-group[data-group="defender"] { grid-column: 2; grid-row: 1; } .input-group[data-group="field"] { display: none; } #inputSection { background: transparent; border: 0; padding: 0; box-shadow: none; } #inputSection > h2 { display: none; } details.input-group { border: 0; border-radius: 12px; background: #ffffff; overflow: hidden; box-shadow: 0 1px 2px rgb(15 23 42 / 6%); } details.input-group[open] > summary.input-group-title { border-bottom: 0; } details.input-group[open] { background: var(--panel); } summary.input-group-title { min-height: 30px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 2px 6px; font-size: 23px; font-weight: 500; letter-spacing: 0; cursor: default; list-style: none; user-select: none; } .input-group[data-group="attacker"] summary.input-group-title, .input-group[data-group="defender"] summary.input-group-title { background: #eef2f7; } .input-group[data-group="attacker"] summary.input-group-title::before, .input-group[data-group="defender"] summary.input-group-title::before { content: ""; width: 10px; height: 19px; display: inline-block; margin-right: -2px; clip-path: polygon(58% 0, 16% 44%, 48% 44%, 29% 100%, 84% 35%, 52% 35%); background: var(--danger); } .input-group[data-group="defender"] summary.input-group-title::before { border-radius: 9px 9px 3px 3px; clip-path: none; background: var(--accent); } .input-group[data-group="move"] summary.input-group-title { background: #f5f5f5; } .input-group[data-group="field"] summary.input-group-title { background: #f5f5f5; } summary.input-group-title::-webkit-details-marker { display: none; } summary.input-group-title::after { content: "+"; width: 22px; height: 22px; display: inline-grid; place-items: center; border-radius: 999px; background: transparent; color: #6b7280; font-weight: 900; flex: 0 0 auto; display: none; } details.input-group[open] summary.input-group-title::after { content: "-"; } .input-group-body { padding: 8px 10px 12px; border-top: 0; } .calc-card-head { display: grid; grid-template-columns: 48px minmax(0, 1fr) 24px; gap: 8px; align-items: center; margin: -2px 0 8px; padding: 6px; border-bottom: 0; border-radius: 8px; background: #f8fafc; } .calc-card-icon { width: 48px; aspect-ratio: 1; display: grid; place-items: center; border: 0; border-radius: 7px; background: #ffffff; color: #46515f; font-size: 22px; font-weight: 900; overflow: hidden; } .calc-card-icon img { width: 100%; height: 100%; object-fit: contain; image-rendering: auto; } .calc-card-title { margin: 0 0 4px; font-size: 13px; font-weight: 900; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .calc-card-sub { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.5; } .calc-card-stats { margin: 2px 0 0; color: #374151; font-size: 9px; font-weight: 700; line-height: 1.4; } .stat-mini-table { display: none; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-bottom: 8px; border: 1px solid var(--line); border-right: 0; border-bottom: 0; background: #ffffff; } .stat-mini-cell { min-height: 34px; display: grid; place-items: center; gap: 1px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 4px 2px; font-size: 11px; line-height: 1.15; } .stat-mini-label { color: var(--muted); font-weight: 800; } .stat-mini-value { color: #111827; font-size: 14px; font-weight: 900; } .move-card-head { display: grid; gap: 4px; margin: -2px 0 8px; padding: 0 4px 8px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; } .move-card-title { display: none; } .move-card-sub { margin: 0; color: #111827; font-size: 13px; font-weight: 800; } .move-slots { display: none; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-bottom: 8px; } .move-slot { min-height: 34px; border: 1px solid var(--line); border-radius: 2px; background: #ffffff; color: #1f2933; font-size: 12px; font-weight: 800; text-align: left; padding: 6px 7px; cursor: pointer; } .move-slot[aria-current="true"] { border-color: #2f6fbc; background: #eef4fb; } .section-divider { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; margin: 10px 0 2px; color: #111827; font-size: 12px; font-weight: 900; } .section-divider::before, .section-divider::after { content: ""; height: 1px; background: var(--line); } .quick-row { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; } .quick-button { min-height: 30px; border: 1px solid #d7dce5; border-radius: 999px; background: #ffffff; color: #1f2933; font-size: 12px; font-weight: 800; cursor: pointer; } .sp-panel { grid-column: 1 / -1; display: grid; gap: 12px; padding: 0; border: 0; border-radius: 0; background: #ffffff; } .sp-panel-title { margin: 6px 0 0; color: #1f2933; font-size: 13px; font-weight: 900; } .sp-presets { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; padding-bottom: 8px; border-bottom: 1px solid var(--line); } .stat-tuner { display: grid; gap: 10px; padding: 12px 0; border-top: 1px solid var(--line); } .stat-tuner:first-of-type { border-top: 0; padding-top: 0; } .stat-tuner-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 96px; gap: 8px; align-items: end; } .stat-readout-label { margin: 0 0 4px; color: #475569; font-size: 10px; font-weight: 800; } .stat-readout-value { margin: 0; color: #0f172a; font-size: 22px; font-weight: 950; line-height: 1; } .stat-readout-value.small { font-size: 18px; } .sp-range-row, .rank-range-row { display: grid; grid-template-columns: minmax(0, 1fr) 28px 28px; gap: 10px; align-items: center; touch-action: none; user-select: none; padding: 0 4px; } input[type="range"].sp-range, input[type="range"].rank-range { width: 100%; height: 34px; touch-action: none; accent-color: var(--danger); cursor: pointer; -webkit-appearance: none; appearance: none; background: transparent; } .rank-range { accent-color: #2f6fbc; } input[type="range"].sp-range::-webkit-slider-runnable-track, input[type="range"].rank-range::-webkit-slider-runnable-track { height: 8px; border-radius: 999px; background: #e5e7eb; } input[type="range"].sp-range::-webkit-slider-thumb, input[type="range"].rank-range::-webkit-slider-thumb { width: 28px; height: 28px; margin-top: -10px; border: 3px solid #ffffff; border-radius: 999px; background: var(--danger); box-shadow: 0 2px 8px rgb(15 23 42 / 24%); -webkit-appearance: none; appearance: none; } input[type="range"].rank-range::-webkit-slider-thumb { background: #2f6fbc; } input[type="range"].sp-range::-moz-range-track, input[type="range"].rank-range::-moz-range-track { height: 8px; border-radius: 999px; background: #e5e7eb; } input[type="range"].sp-range::-moz-range-thumb, input[type="range"].rank-range::-moz-range-thumb { width: 28px; height: 28px; border: 3px solid #ffffff; border-radius: 999px; background: var(--danger); box-shadow: 0 2px 8px rgb(15 23 42 / 24%); } input[type="range"].rank-range::-moz-range-thumb { background: #2f6fbc; } .native-range { position: absolute; width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; } .range-control { position: relative; height: 34px; display: grid; align-items: center; cursor: pointer; touch-action: none; margin: 0 14px; } .range-control::before { content: ""; display: block; height: 8px; border-radius: 999px; background: #e5e7eb; } .range-control span { position: absolute; left: 0; top: 50%; width: 0%; height: 8px; border-radius: 999px; background: var(--danger); transform: translateY(-50%); } .range-control span::after { content: ""; position: absolute; right: -14px; top: 50%; width: 28px; height: 28px; border: 3px solid #ffffff; border-radius: 999px; background: var(--danger); box-shadow: 0 2px 8px rgb(15 23 42 / 24%); transform: translateY(-50%); } .input-group[data-group="attacker"] .range-control span, .input-group[data-group="attacker"] .range-control span::after { background: var(--attack); } .input-group[data-group="defender"] .range-control span, .input-group[data-group="defender"] .range-control span::after { background: var(--defense); } .step-button { width: 24px; height: 24px; border: 0; border-radius: 999px; background: transparent; color: #475569; font-size: 18px; font-weight: 800; line-height: 1; cursor: pointer; } .nature-chip-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid #d7d7d7; border-radius: 999px; background: #fff; } .nature-chip { min-height: 34px; border: 0; border-right: 1px solid #d7d7d7; background: #fff; color: #64748b; font-size: 15px; font-weight: 900; cursor: pointer; } .nature-chip:last-child { border-right: 0; } .nature-chip[aria-pressed="true"] { background: #eeeeee; color: #111827; } .tuner-subgrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; } .sp-note { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; } .field-grid { display: grid; grid-template-columns: 1fr; gap: 8px; } .input-group[data-group="attacker"] .field-grid, .input-group[data-group="move"] .field-grid, .input-group[data-group="defender"] .field-grid { grid-template-columns: 1fr; } .input-group[data-group="move"] .field:has(#movePreset), .input-group[data-group="attacker"] .field:has(#attackerPreset), .input-group[data-group="defender"] .field:has(#defenderPreset) { grid-column: 1 / -1; } .input-group[data-group="attacker"] .field:has(#movePreset) { grid-column: 1 / -1; } .input-group[data-group="attacker"] .field:has(#attack), .input-group[data-group="attacker"] .field:has(#attackStage), .input-group[data-group="move"] .field:has(#level), .input-group[data-group="move"] .field:has(#power), .input-group[data-group="move"] .field:has(#moveType), .input-group[data-group="move"] .field:has(#moveCategory), .input-group[data-group="move"] .field:has(#stab), .input-group[data-group="move"] .field:has(#typeEffectiveness) { display: none; } .input-group[data-group="attacker"] .field:has(#level), .input-group[data-group="attacker"] .field:has(#power), .input-group[data-group="attacker"] .field:has(#moveType), .input-group[data-group="attacker"] .field:has(#moveCategory), .input-group[data-group="attacker"] .field:has(#stab), .input-group[data-group="attacker"] .field:has(#typeEffectiveness) { display: none; } .input-group[data-group="defender"] .field:has(#hp), .input-group[data-group="defender"] .field:has(#defense), .input-group[data-group="defender"] .field:has(#defenseStage) { display: grid; } .input-group[data-group="attacker"] .field:has(#attackerSp), .input-group[data-group="attacker"] .field:has(#attackerNature), .input-group[data-group="attacker"] .field:has(#attackStage), .input-group[data-group="defender"] .field:has(#defenderNature), .input-group[data-group="defender"] .field:has(#defenderHpSp), .input-group[data-group="defender"] .field:has(#defenderDefenseSp), .input-group[data-group="defender"] .field:has(#defenseStage), .input-group[data-group="defender"] .field:has(#hp), .input-group[data-group="defender"] .field:has(#defense) { display: none; } .input-group[data-group="attacker"], .input-group[data-group="defender"] { border-color: #bfd2ea; } .input-group[data-group="move"] { border-color: #c8decf; } .input-group[data-group="field"] { border-color: #ddd2bf; } .field { display: grid; gap: 3px; margin-bottom: 0; } label { color: #6b7280; font-size: 10px; font-weight: 700; } input, select { min-height: 42px; border: 1px solid #d7dce5; border-radius: 10px; background: #ffffff; color: #111827; padding: 0 12px; font-size: 13px; font-weight: 500; } input[type="checkbox"] { min-height: 0; width: 16px; height: 16px; accent-color: var(--accent); padding: 0; } .checkbox-row { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; min-height: 32px; } .checkbox-control { display: inline-flex; gap: 5px; align-items: center; color: #374151; font-size: 12px; font-weight: 700; } .field.has-checkbox-select > select { display: none; } .select-search { min-height: 34px; border-color: #bdbdbd; background: #fff; font-weight: 600; font-size: 14px; } .select-search::placeholder { color: #8a96a8; font-weight: 500; } .search-hit { min-height: 22px; margin: -2px 0 0; color: var(--muted); font-size: 12px; line-height: 1.4; } .field:has(.select-search) select { min-height: 30px; color: #526070; background: #f7f9fc; font-size: 12px; } .field:has(.picker-button) select, .field:has(.picker-button) .select-search, .field:has(.picker-button) .search-hit { display: none; } .picker-button { width: 100%; min-height: 42px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; border: 1px solid #d7dce5; border-radius: 10px; padding: 7px 12px; background: #ffffff; color: #1f2933; font: inherit; font-weight: 700; text-align: left; cursor: pointer; } .picker-button::after { content: "竚・; color: #64748b; font-size: 16px; font-weight: 800; } .picker-button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .picker-overlay { position: fixed; inset: 0; z-index: 100; display: none; background: rgba(17, 24, 39, 0.32); padding: 12px; } .picker-overlay[aria-hidden="false"] { display: grid; place-items: start center; } .picker-dialog { width: min(620px, 100%); max-height: min(680px, calc(100vh - 24px)); display: grid; grid-template-rows: auto auto minmax(0, 1fr); border: 1px solid #bfc7d2; border-radius: 3px; background: #ffffff; box-shadow: 0 18px 50px rgba(15, 23, 42, 0.24); overflow: hidden; } .picker-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px; border-bottom: 1px solid var(--line); background: #f5f5f5; } .picker-title { margin: 0; font-size: 15px; font-weight: 900; } .picker-close { width: 34px; min-height: 30px; padding: 0; border: 1px solid #cfcfcf; background: #ffffff; color: #1f2933; } .picker-search-wrap { padding: 10px; border-bottom: 1px solid var(--line); } .picker-search { width: 100%; min-height: 42px; font-size: 16px; } .picker-list { overflow: auto; padding: 6px; background: #ffffff; } .picker-option { width: 100%; min-height: 42px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; border: 0; border-radius: 2px; padding: 7px 8px; background: #ffffff; color: #1f2933; text-align: left; cursor: pointer; } .picker-option:hover, .picker-option:focus { outline: none; background: #eef4fb; } .picker-option-name { font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .picker-option-meta { color: var(--muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } label { font-weight: 700; color: #344055; font-size: 11px; } input, select { width: 100%; min-height: 32px; border: 1px solid #cfcfcf; border-radius: 2px; padding: 5px 7px; font: inherit; background: #ffffff; font-size: 13px; } select { max-width: 100%; } input:focus, select:focus { outline: 2px solid #b9d8ff; border-color: var(--accent); } button { width: 100%; min-height: 46px; border: 0; border-radius: 2px; background: var(--accent); color: #ffffff; font: inherit; font-weight: 800; cursor: pointer; } button:active { transform: translateY(1px); } .result-main { display: grid; gap: 6px; } .result-box { border: 1px solid var(--line); border-radius: 2px; padding: 7px 8px; background: #ffffff; } .result-label { margin: 0 0 4px; color: var(--muted); font-size: 13px; font-weight: 700; } .result-value { margin: 0; font-size: 18px; font-weight: 900; } .history-panel { margin-top: 18px; border: 1px solid var(--line); border-radius: 18px; background: #ffffff; padding: 16px; box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06); } .history-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; } .history-header h3 { margin: 0; font-size: 17px; color: #0f172a; } .history-actions { display: flex; flex-wrap: wrap; gap: 8px; } .history-button { min-height: 38px; border: 1px solid var(--line); border-radius: 999px; background: #ffffff; color: #0f172a; font-size: 13px; font-weight: 700; padding: 0 14px; cursor: pointer; } .history-button.primary { border-color: #fb923c; background: #fff7ed; color: #c2410c; } .history-button.danger { border-color: #fecaca; background: #fef2f2; color: #b91c1c; } .history-button[hidden] { display: none !important; } .history-note { margin: 0 0 12px; color: var(--muted); font-size: 13px; line-height: 1.6; } .history-list { display: grid; gap: 10px; } .history-item { border: 1px solid #e2e8f0; border-radius: 14px; padding: 12px; background: #f8fafc; } .history-item.is-active { border-color: #fb923c; background: #fff7ed; } .history-item-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 6px; } .history-item-title { margin: 0; font-size: 14px; font-weight: 700; color: #0f172a; } .history-item-date { white-space: nowrap; font-size: 12px; color: #64748b; } .history-item-meta { margin: 0; color: #334155; font-size: 13px; line-height: 1.45; } .history-item-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; } #damageRange { color: var(--accent); } #koSummary { color: var(--good); } .rolls { margin: 0; line-height: 1.7; overflow-wrap: anywhere; } .note { margin: 6px 0 0; color: var(--muted); font-size: 11px; line-height: 1.6; } .field .note { margin-top: 0; } .actions { margin-top: 12px; } .result-summary { display: grid; grid-template-columns: 1fr; gap: 6px; } .mobile-result-meter { display: none; } .mobile-damage-summary { display: none; } .calc-status { margin: 0 0 6px; color: var(--muted); font-size: 12px; font-weight: 800; } .calc-status[data-status="ok"] { color: var(--good); } .calc-status[data-status="error"] { color: var(--danger); } .result-summary .result-box { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 8px; align-items: baseline; } .result-summary .result-label { margin: 0; } .result-summary .result-box:first-child { background: #ffffff; border-color: #cfcfcf; } .result-section { position: static; z-index: 8; } .actions { display: none; } .mobile-tabs { display: none; } @media (max-width: 760px) { body { padding-bottom: 150px; } main { padding: 58px 10px 10px; } .mobile-tabs { position: fixed; top: 0; left: 0; right: 0; z-index: 60; display: grid; grid-template-columns: 1fr 44px 1fr; min-height: 54px; background: #ffffff; border-bottom: 1px solid var(--line); } .mobile-tab { border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: #ffffff; color: #7a7f86; font-size: 16px; font-weight: 900; cursor: pointer; } .mobile-tab[aria-selected="true"] { color: #111827; border-bottom-color: var(--danger); } .mobile-tab[data-mobile-tab-target="attack"][aria-selected="true"] { color: var(--attack-deep); border-bottom-color: var(--attack); background: var(--attack-soft); } .mobile-tab[data-mobile-tab-target="defense"][aria-selected="true"] { color: var(--defense-deep); border-bottom-color: var(--defense); background: var(--defense-soft); } .mobile-tab-icon { border: 0; border-radius: 0; background: #ffffff; display: grid; place-items: center; color: #737373; font-size: 24px; font-weight: 900; cursor: pointer; } .mobile-tab-icon:active { color: #111827; background: #f3f4f6; } .layout { display: flex; flex-direction: column; } header { margin-bottom: 12px; } h1 { font-size: 21px; } .lead { font-size: 14px; } section { padding: 12px; } .field-grid, .result-summary, .input-groups { grid-template-columns: 1fr; } .input-groups { grid-template-areas: "attacker" "defender"; gap: 10px; } .input-group[data-group="attacker"], .input-group[data-group="move"], .input-group[data-group="field"], .input-group[data-group="defender"] { grid-column: auto; grid-row: auto; } .input-group[data-group="attacker"], .input-group[data-group="defender"] { order: 0; } .input-group[data-group="attacker"] { order: 1; } .input-group[data-group="defender"] { order: 2; } body[data-mobile-tab="attack"] .input-group[data-group="defender"] { display: none; } body[data-mobile-tab="defense"] .input-group[data-group="attacker"] { display: none; } .matchup-strip { grid-template-columns: 1fr; } .matchup-arrow { display: none; } input, select { min-height: 46px; font-size: 16px; } .result-section { position: fixed; left: max(8px, env(safe-area-inset-left)); right: max(8px, env(safe-area-inset-right)); bottom: max(8px, env(safe-area-inset-bottom)); z-index: 80; order: 4; width: min(520px, calc(100% - 16px)); margin: 0 auto; padding: 12px 18px 10px; border: 0; border-radius: 0; background: #ffffff; box-shadow: 0 -8px 22px rgb(15 23 42 / 12%); display: block; } .result-section h2, .result-section details { display: none; } .calc-status { display: none; } .result-summary { grid-template-columns: 1fr; gap: 4px; } .mobile-result-meter { display: block; height: 16px; overflow: hidden; border-radius: 999px; background: #eceff1; } .mobile-result-meter span { display: block; width: 100%; height: 100%; border-radius: 999px; --hp-low: 0%; --hp-high: 0%; --hp-main: #f97316; --hp-range: rgba(249, 115, 22, 0.25); background: linear-gradient( 90deg, var(--hp-main) 0 var(--hp-low), var(--hp-range) var(--hp-low) var(--hp-high), transparent var(--hp-high) 100% ); transition: background 0.16s ease; } .mobile-result-meter span[data-hp-color="low"] { --hp-main: #f97316; --hp-range: rgba(249, 115, 22, 0.25); } .mobile-result-meter span[data-hp-color="mid"] { --hp-main: #f97316; --hp-range: rgba(249, 115, 22, 0.25); } .mobile-result-meter span[data-hp-color="high"] { --hp-main: #f97316; --hp-range: rgba(249, 115, 22, 0.25); } .mobile-damage-summary { display: block; margin: 0; color: #111827; font-size: 17px; font-weight: 500; line-height: 1.25; } .result-summary .result-box { display: none; min-height: 0; padding: 0; border: 0; grid-template-columns: 1fr; background: transparent; } .result-summary .mobile-result-meter, .result-summary .mobile-damage-summary { display: block; } .result-label { display: none; } .result-main { max-height: none; overflow: auto; padding-right: 2px; } .result-value { font-size: 17px; font-weight: 500; color: #111827; } .stat-tuner-head { grid-template-columns: 1fr 1fr 72px; } .stat-readout-value { font-size: 24px; } .sp-range-row, .rank-range-row { grid-template-columns: minmax(0, 1fr) 38px 38px; } } </style> </head> <body> <nav class="mobile-tabs" aria-label="繧ｹ繝槭・陦ｨ遉ｺ蛻・ｊ譖ｿ縺・> <button class="mobile-tab" type="button" data-mobile-tab-target="attack" aria-selected="true">笞｡謾ｻ謦・/button> <button class="mobile-tab-icon" type="button" id="swapSidesButton" aria-label="謾ｻ螳医ｒ蜈･繧梧崛縺・>竊・/button> <button class="mobile-tab" type="button" data-mobile-tab-target="defense" aria-selected="false">孱髦ｲ蠕｡</button> </nav> <main> <header> <h1>繝昴こ繝｢繝ｳ繝√Ε繝ｳ繝斐が繝ｳ繧ｺ繝繝｡繝ｼ繧ｸ險育ｮ・/h1> <p class="lead">Champions縺ｮSP繝ｻ繝｡繧ｬ繧ｷ繝ｳ繧ｫ繝ｻ謚陬懈ｭ｣縺ｫ蜷医ｏ縺帙◆繝繝｡繝ｼ繧ｸ險育ｮ励〒縺吶・/p> <p id="dataStatus" class="note">繝・・繧ｿ隱ｭ縺ｿ霎ｼ縺ｿ荳ｭ...</p> <div class="matchup-strip" aria-live="polite"> <div class="matchup-side"> <p class="matchup-label">謾ｻ謦・・</p> <p id="attackerSummary" class="matchup-name">-</p> </div> <div class="matchup-arrow">竊・/div> <div class="matchup-side"> <p class="matchup-label">謚 / 髦ｲ蠕｡蛛ｴ</p> <p id="defenderSummary" class="matchup-name">-</p> </div> </div> </header> <div class="layout"> <section id="inputSection"> <h2>蜈･蜉・/h2> <div class="field"> <label for="attackerPreset">謾ｻ謦・・繝昴こ繝｢繝ｳ</label> <select id="attackerPreset"></select> </div> <div class="field"> <label for="attackerMega">謾ｻ謦・・繝｡繧ｬ繧ｷ繝ｳ繧ｫ</label> <select id="attackerMega"></select> <p id="attackerMegaStatus" class="note">-</p> </div> <div class="field" hidden> <label for="attackerBattleForm">Battle Switch</label> <select id="attackerBattleForm"> <option value="blade">Blade</option> <option value="shield">Shield</option> </select> </div> <div class="field"> <label for="attackerNature">謾ｻ謦・・諤ｧ譬ｼ</label> <select id="attackerNature"></select> </div> <div class="field"> <label for="attackerSp">謾ｻ謦・・SP</label> <input id="attackerSp" type="number" min="0" max="32" value="32"> </div> <div class="field"> <label for="movePreset">謾ｻ謦・橿</label> <select id="movePreset"></select> </div> <div class="field"> <label for="defenderPreset">髦ｲ蠕｡蛛ｴ繝昴こ繝｢繝ｳ</label> <select id="defenderPreset"></select> </div> <div class="field"> <label for="defenderMega">髦ｲ蠕｡蛛ｴ繝｡繧ｬ繧ｷ繝ｳ繧ｫ</label> <select id="defenderMega"></select> <p id="defenderMegaStatus" class="note">-</p> </div> <div class="field" hidden> <label for="defenderBattleForm">Battle Switch</label> <select id="defenderBattleForm"> <option value="shield">Shield</option> <option value="blade">Blade</option> </select> </div> <div class="field"> <label for="defenderNature">髦ｲ蠕｡蛛ｴ諤ｧ譬ｼ</label> <select id="defenderNature"></select> </div> <div class="field"> <label for="defenderHpSp">髦ｲ蠕｡蛛ｴHP SP</label> <input id="defenderHpSp" type="number" min="0" max="32" value="32"> </div> <div class="field"> <label for="defenderDefenseSp">髦ｲ蠕｡蛛ｴ髦ｲ蠕｡/迚ｹ髦ｲ SP</label> <input id="defenderDefenseSp" type="number" min="0" max="32" value="0"> </div> <div class="field"> <label for="level">謾ｻ謦・・繝ｬ繝吶Ν</label> <input id="level" type="number" min="1" value="50"> </div> <div class="field"> <label for="power">謚縺ｮ螽∝鴨</label> <input id="power" type="number" min="1" value="100"> </div> <div class="field"> <label for="attack">謾ｻ謦・/ 迚ｹ謾ｻ</label> <input id="attack" type="number" min="1" value="182"> </div> <div class="field"> <label for="defense">髦ｲ蠕｡ / 迚ｹ髦ｲ</label> <input id="defense" type="number" min="1" value="189"> </div> <div class="field"> <label for="attackStage">謾ｻ謦・・繝ｩ繝ｳ繧ｯ</label> <select id="attackStage"></select> </div> <div class="field"> <label for="defenseStage">髦ｲ蠕｡蛛ｴ繝ｩ繝ｳ繧ｯ</label> <select id="defenseStage"></select> </div> <div class="field"> <label for="hp">髦ｲ蠕｡蛛ｴHP</label> <input id="hp" type="number" min="1" value="227"> </div> <div class="field"> <label for="stab">繧ｿ繧､繝嶺ｸ閾ｴ</label> <select id="stab"> <option value="1">縺ｪ縺・1蛟・/option> <option value="1.5" selected>縺ゅｊ 1.5蛟・/option> <option value="2">縺ｦ縺阪♀縺・ｊ繧・￥ 2蛟・/option> </select> </div> <div class="field"> <label for="typeEffectiveness">繧ｿ繧､繝礼嶌諤ｧ</label> <select id="typeEffectiveness"> <option value="0">辟｡蜉ｹ 0蛟・/option> <option value="0.25">0.25蛟・/option> <option value="0.5">縺・∪縺ｲ縺ｨ縺､ 0.5蛟・/option> <option value="1" selected>遲牙・1蛟・/option> <option value="2">縺ｰ縺､縺舌ｓ 2蛟・/option> <option value="4">4蛟榊ｼｱ轤ｹ</option> </select> </div> <div class="field"> <label for="moveType">謚繧ｿ繧､繝・/label> <select id="moveType"> <option value="normal">繝弱・繝槭Ν</option> <option value="fire" selected>縺ｻ縺ｮ縺・/option> <option value="water">縺ｿ縺・/option> <option value="grass">縺上＆</option> <option value="electric">縺ｧ繧薙″</option> <option value="ice">縺薙♀繧・/option> <option value="fighting">縺九￥縺ｨ縺・/option> <option value="poison">縺ｩ縺・/option> <option value="ground">縺倥ａ繧・/option> <option value="flying">縺ｲ縺薙≧</option> <option value="psychic">繧ｨ繧ｹ繝代・</option> <option value="bug">繧縺・/option> <option value="rock">縺・ｏ</option> <option value="ghost">繧ｴ繝ｼ繧ｹ繝・/option> <option value="dragon">繝峨Λ繧ｴ繝ｳ</option> <option value="dark">縺ゅ￥</option> <option value="steel">縺ｯ縺後・</option> <option value="fairy">繝輔ぉ繧｢繝ｪ繝ｼ</option> </select> </div> <div class="field"> <label for="moveCategory">謚蛻・｡・/label> <select id="moveCategory"> <option value="physical" selected>迚ｩ逅・/option> <option value="special">迚ｹ谿・/option> </select> </div> <div class="field"> <label for="ability">謾ｻ謦・・迚ｹ諤ｧ</label> <select id="ability"> <option value="none" selected>縺ｪ縺・/option> <option value="hugePower">縺｡縺九ｉ繧ゅ■ / 繝ｨ繧ｬ繝代Ρ繝ｼ</option> <option value="guts">縺薙ｓ縺倥ｇ縺・/option> <option value="blaze">繧ゅ≧縺・/option> <option value="torrent">縺偵″繧翫ｅ縺・/option> <option value="overgrow">縺励ｓ繧翫ｇ縺・/option> <option value="swarm">繧縺励・縺励ｉ縺・/option> <option value="adaptability">縺ｦ縺阪♀縺・ｊ繧・￥</option> <option value="pixilate">繝輔ぉ繧｢繝ｪ繝ｼ繧ｹ繧ｭ繝ｳ</option> <option value="aerilate">繧ｹ繧ｫ繧､繧ｹ繧ｭ繝ｳ</option> <option value="refrigerate">繝輔Μ繝ｼ繧ｺ繧ｹ繧ｭ繝ｳ</option> <option value="galvanize">繧ｨ繝ｬ繧ｭ繧ｹ繧ｭ繝ｳ</option> <option value="toughClaws">縺九◆縺・ヤ繝｡</option> <option value="strongJaw">縺後ｓ縺倥ｇ縺・≠縺・/option> </select> <select id="abilityActivated" hidden> <option value="false" selected>false</option> <option value="true">true</option> </select> <p id="attackerAbilityStatus" class="note">-</p> </div> <div class="field"> <label for="item">謾ｻ謦・・驕灘・</label> <select id="item"> <option value="none" selected>縺ｪ縺・/option> <option value="choiceBand">縺薙□繧上ｊ繝上メ繝槭く</option> <option value="choiceSpecs">縺薙□繧上ｊ繝｡繧ｬ繝・/option> <option value="lifeOrb">縺・・縺｡縺ｮ縺溘∪</option> <option value="expertBelt">縺溘▽縺倥ｓ縺ｮ縺翫・</option> <option value="typeBoost">繧ｿ繧､繝怜ｼｷ蛹悶い繧､繝・Β</option> <option value="muscleBand">縺｡縺九ｉ縺ｮ繝上メ繝槭く</option> <option value="wiseGlasses">繧ゅ・縺励ｊ繝｡繧ｬ繝・/option> </select> </div> <div class="field"> <label for="defenderAbility">髦ｲ蠕｡蛛ｴ迚ｹ諤ｧ</label> <select id="defenderAbility"> <option value="none" selected>縺ｪ縺・/option> <option value="thickFat">縺ゅ▽縺・＠縺ｼ縺・/option> <option value="furCoat">繝輔ぃ繝ｼ繧ｳ繝ｼ繝・/option> <option value="fluffy">繧ゅ・繧ゅ・</option> <option value="multiscale">繝槭Ν繝√せ繧ｱ繧､繝ｫ / 繝輔ぃ繝ｳ繝医Β繧ｬ繝ｼ繝・/option> </select> <select id="defenderAbilityActivated" hidden> <option value="false">false</option> <option value="true" selected>true</option> </select> <p id="defenderAbilityStatus" class="note">-</p> </div> <div class="field"> <label for="defenderItem">髦ｲ蠕｡蛛ｴ驕灘・</label> <select id="defenderItem"> <option value="none" selected>縺ｪ縺・/option> <option value="eviolite">縺励ｓ縺九・縺阪○縺・/option> <option value="assaultVest">縺ｨ縺､縺偵″繝√Ι繝・く</option> <option value="resistBerry">蜊頑ｸ帙″縺ｮ縺ｿ</option> </select> </div> <div class="field"> <label for="hpCondition">HP譚｡莉ｶ</label> <select id="hpCondition"> <option value="normal" selected>騾壼ｸｸ</option> <option value="low">謾ｻ謦・・HP 1/3莉･荳・/option> </select> </div> <div class="field"> <label for="critical">諤･謇</label> <select id="critical"> <option value="false" selected>縺ｪ縺・/option> <option value="true">縺ゅｊ</option> </select> </div> <div class="field"> <label for="burn">繧・￠縺ｩ</label> <select id="burn"> <option value="false" selected>縺ｪ縺・/option> <option value="true">縺ゅｊ</option> </select> </div> <div class="field" hidden> <label for="defenderStatus">髦ｲ蠕｡蛛ｴ迥ｶ諷・/label> <select id="defenderStatus"> <option value="none" selected>縺ｪ縺・/option> <option value="status">迥ｶ諷狗焚蟶ｸ</option> </select> </div> <div class="field"> <label for="weather">螟ｩ蛟・/label> <select id="weather"> <option value="none" selected>縺ｪ縺・/option> <option value="sun">譎ｴ繧・/option> <option value="rain">髮ｨ</option> <option value="sand">遐ょｵ・/option> <option value="snow">髮ｪ</option> </select> </div> <div class="field"> <label for="terrain">繝輔ぅ繝ｼ繝ｫ繝・/label> <select id="terrain"> <option value="none" selected>縺ｪ縺・/option> <option value="electric">繧ｨ繝ｬ繧ｭ繝輔ぅ繝ｼ繝ｫ繝・/option> <option value="grassy">繧ｰ繝ｩ繧ｹ繝輔ぅ繝ｼ繝ｫ繝・/option> <option value="psychic">繧ｵ繧､繧ｳ繝輔ぅ繝ｼ繝ｫ繝・/option> <option value="misty">繝溘せ繝医ヵ繧｣繝ｼ繝ｫ繝・/option> </select> </div> <div class="field"> <label for="screen">螢・/label> <select id="screen"> <option value="none" selected>縺ｪ縺・/option> <option value="reflect">繝ｪ繝輔Ξ繧ｯ繧ｿ繝ｼ</option> <option value="lightScreen">縺ｲ縺九ｊ縺ｮ縺九∋</option> <option value="auroraVeil">繧ｪ繝ｼ繝ｭ繝ｩ繝吶・繝ｫ</option> </select> </div> <div class="field"> <label for="battleFormat">蟇ｾ謌ｦ蠖｢蠑・/label> <select id="battleFormat"> <option value="single" selected>繧ｷ繝ｳ繧ｰ繝ｫ</option> <option value="double">繝繝悶Ν</option> </select> </div> <div class="field"> <label for="spreadMove">蜈ｨ菴捺橿</label> <select id="spreadMove"> <option value="false" selected>縺ｪ縺・/option> <option value="true">縺ゅｊ</option> </select> </div> <div class="field"> <label for="helpingHand">縺ｦ縺縺吶￠</label> <select id="helpingHand"> <option value="false" selected>縺ｪ縺・/option> <option value="true">縺ゅｊ</option> </select> </div> <div class="field"> <label for="battleModifier">蝣ｴ縺ｮ陬懈ｭ｣</label> <select id="battleModifier"> <option value="1" selected>縺ｪ縺・/option> <option value="0.75">莉ｻ諢・0.75蛟・/option> <option value="0.5">螢√↑縺ｩ 0.5蛟・/option> </select> </div> <div class="actions"> <button id="calculateButton" type="button">險育ｮ・/button> </div> </section> <section class="result-section"> <h2>邨先棡</h2> <p id="calcStatus" class="calc-status" data-status="idle">險育ｮ怜ｾ・ｩ滉ｸｭ</p> <div class="result-main"> <div class="result-summary"> <div class="mobile-result-meter" aria-hidden="true"> <span id="mobileDamageMeter"></span> </div> <p id="mobileDamageSummary" class="mobile-damage-summary">-</p> <div class="result-box damage-result-box"> <p class="result-label">繝繝｡繝ｼ繧ｸ</p> <p id="damageRange" class="result-value">-</p> </div> <div class="result-box percent-result-box"> <p class="result-label">谿九ｊHP</p> <p id="percentRange" class="result-value">-</p> </div> <div class="result-box ko-result-box"> <p class="result-label">KO逶ｮ螳・/p> <p id="koSummary" class="result-value">-</p> </div> </div> <details class="input-group"> <summary class="input-group-title">隧ｳ邏ｰ</summary> <div class="input-group-body"> <div class="result-main"> <div class="result-box"> <p class="result-label">荵ｱ謨ｰ16騾壹ｊ</p> <p id="rolls" class="rolls">-</p> </div> <div class="result-box"> <p class="result-label">驕ｩ逕ｨ陬懈ｭ｣</p> <p id="appliedRules" class="rolls">-</p> </div> <div class="result-box"> <p class="result-label">繧ｿ繧､繝礼嶌諤ｧ</p> <p id="typeMatchup" class="rolls">-</p> </div> </div> </div> </details> <section class="history-panel" aria-labelledby="historyPanelTitle"> <div class="history-header"> <h3 id="historyPanelTitle">直近履歴</h3> <div class="history-actions"> <button id="saveHistoryButton" class="history-button primary" type="button">履歴に保存</button> <button id="updateHistoryButton" class="history-button" type="button" hidden>選択中履歴を更新</button> </div> </div> <p id="historyStatus" class="history-note">螻･豁ｴ繧定ｪｭ縺ｿ霎ｼ縺ｿ荳ｭ...</p> <div id="historyList" class="history-list"></div> </section> </div> </section> </div> </main> <div id="pickerOverlay" class="picker-overlay" aria-hidden="true"> <div class="picker-dialog" role="dialog" aria-modal="true" aria-labelledby="pickerTitle"> <div class="picker-head"> <p id="pickerTitle" class="picker-title">驕ｸ謚・/p> <button id="pickerClose" class="picker-close" type="button">ﾃ・/button> </div> <div class="picker-search-wrap"> <input id="pickerSearch" class="picker-search" type="search" placeholder="讀懃ｴ｢" autocomplete="off"> </div> <div id="pickerList" class="picker-list"></div> </div> </div> <script> let pokemonData = [ { id: "custom", name: "謇句・蜉・, types: [], stats: { hp: 227, attack: 182, defense: 189, spAttack: 120, spDefense: 120 }, abilities: ["none"], }, { id: "garchomp", name: "繧ｬ繝悶Μ繧｢繧ｹ", types: ["dragon", "ground"], stats: { hp: 183, attack: 182, defense: 115, spAttack: 90, spDefense: 105 }, abilities: ["none"], }, { id: "charizard", name: "繝ｪ繧ｶ繝ｼ繝峨Φ", types: ["fire", "flying"], stats: { hp: 153, attack: 104, defense: 98, spAttack: 177, spDefense: 105 }, abilities: ["blaze"], }, { id: "azumarill", name: "繝槭Μ繝ｫ繝ｪ", types: ["water", "fairy"], stats: { hp: 207, attack: 112, defense: 100, spAttack: 72, spDefense: 100 }, abilities: ["hugePower"], }, { id: "cresselia", name: "繧ｯ繝ｬ繧ｻ繝ｪ繧｢", types: ["psychic"], stats: { hp: 227, attack: 81, defense: 189, spAttack: 95, spDefense: 150 }, abilities: ["none"], }, ]; let moveData = [ { id: "custom", name: "謇句・蜉・, type: "fire", category: "physical", power: 100 }, { id: "stone-edge", name: "繧ｹ繝医・繝ｳ繧ｨ繝・ず", type: "rock", category: "physical", power: 100 }, { id: "earthquake", name: "縺倥＠繧・, type: "ground", category: "physical", power: 100 }, { id: "flare-blitz", name: "繝輔Ξ繧｢繝峨Λ繧､繝・, type: "fire", category: "physical", power: 120 }, { id: "flamethrower", name: "縺九∴繧薙⊇縺・＠繧・, type: "fire", category: "special", power: 90 }, { id: "play-rough", name: "縺倥ｃ繧後▽縺・, type: "fairy", category: "physical", power: 90 }, { id: "hydro-pump", name: "繝上う繝峨Ο繝昴Φ繝・, type: "water", category: "special", power: 110 }, { id: "psychic", name: "繧ｵ繧､繧ｳ繧ｭ繝阪す繧ｹ", type: "psychic", category: "special", power: 90 }, ]; let abilityOptions = [ { value: "none", label: "縺ｪ縺・ }, { value: "hugePower", label: "縺｡縺九ｉ繧ゅ■ / 繝ｨ繧ｬ繝代Ρ繝ｼ" }, { value: "guts", label: "縺薙ｓ縺倥ｇ縺・ }, { value: "blaze", label: "繧ゅ≧縺・ }, { value: "torrent", label: "縺偵″繧翫ｅ縺・ }, { value: "overgrow", label: "縺励ｓ繧翫ｇ縺・ }, { value: "swarm", label: "繧縺励・縺励ｉ縺・ }, { value: "adaptability", label: "縺ｦ縺阪♀縺・ｊ繧・￥" }, { value: "pixilate", label: "繝輔ぉ繧｢繝ｪ繝ｼ繧ｹ繧ｭ繝ｳ" }, { value: "aerilate", label: "繧ｹ繧ｫ繧､繧ｹ繧ｭ繝ｳ" }, { value: "refrigerate", label: "繝輔Μ繝ｼ繧ｺ繧ｹ繧ｭ繝ｳ" }, { value: "galvanize", label: "繧ｨ繝ｬ繧ｭ繧ｹ繧ｭ繝ｳ" }, { value: "toughClaws", label: "縺九◆縺・ヤ繝｡" }, { value: "strongJaw", label: "縺後ｓ縺倥ｇ縺・≠縺・ }, ]; let defenderAbilityOptions = [ { value: "none", label: "縺ｪ縺・ }, { value: "thickFat", label: "縺ゅ▽縺・＠縺ｼ縺・ }, { value: "furCoat", label: "繝輔ぃ繝ｼ繧ｳ繝ｼ繝・ }, { value: "fluffy", label: "繧ゅ・繧ゅ・" }, { value: "multiscale", label: "繝槭Ν繝√せ繧ｱ繧､繝ｫ / 繝輔ぃ繝ｳ繝医Β繧ｬ繝ｼ繝・ }, ]; let itemOptions = [ { value: "none", label: "縺ｪ縺・ }, { value: "choiceBand", label: "縺薙□繧上ｊ繝上メ繝槭く" }, { value: "choiceSpecs", label: "縺薙□繧上ｊ繝｡繧ｬ繝・ }, { value: "lifeOrb", label: "縺・・縺｡縺ｮ縺溘∪" }, { value: "expertBelt", label: "縺溘▽縺倥ｓ縺ｮ縺翫・" }, { value: "typeBoost", label: "繧ｿ繧､繝怜ｼｷ蛹悶い繧､繝・Β" }, { value: "muscleBand", label: "縺｡縺九ｉ縺ｮ繝上メ繝槭く" }, { value: "wiseGlasses", label: "繧ゅ・縺励ｊ繝｡繧ｬ繝・ }, ]; let defenderItemOptions = [ { value: "none", label: "縺ｪ縺・ }, { value: "eviolite", label: "縺励ｓ縺九・縺阪○縺・ }, { value: "assaultVest", label: "縺ｨ縺､縺偵″繝√Ι繝・く" }, { value: "resistBerry", label: "蜊頑ｸ帙″縺ｮ縺ｿ" }, ]; let natureOptions = [ { value: "neutral", label: "縺ｾ縺倥ａ邉ｻ", up: null, down: null }, { value: "adamant", label: "縺・§縺｣縺ｱ繧・, up: "attack", down: "spAttack" }, { value: "modest", label: "縺ｲ縺九∴繧・, up: "spAttack", down: "attack" }, { value: "bold", label: "縺壹・縺ｨ縺・, up: "defense", down: "attack" }, { value: "calm", label: "縺翫□繧・°", up: "spDefense", down: "attack" }, ]; let megaData = [ { id: "none", name: "縺ｪ縺・, basePokemonId: null, types: [], stats: null, ability: "none" }, ]; let usageData = { pokemon: [], moves: [], }; let rankingData = []; let pokemonUsageRankMap = new Map(); let rankingEntryMap = new Map(); let rankingMoveMap = new WeakMap(); let rankingAbilityMap = new WeakMap(); let unsupportedAbilityCount = 0; let unsupportedItemCount = 0; let historyItems = []; let selectedHistoryId = null; let lastCalculationSnapshot = null; const HISTORY_FIELD_IDS = [ "attackerPreset", "attackerMega", "attackerBattleForm", "attackerNature", "attackerSp", "movePreset", "moveType", "moveCategory", "power", "stab", "typeEffectiveness", "defenderPreset", "defenderMega", "defenderBattleForm", "defenderNature", "defenderHpSp", "defenderDefenseSp", "level", "attack", "defense", "attackStage", "defenseStage", "hp", "ability", "abilityActivated", "item", "defenderAbility", "defenderAbilityActivated", "defenderItem", "critical", "burn", "defenderStatus", "weather", "terrain", "screen", "battleFormat", "spreadMove", "helpingHand", "battleModifier", "hpCondition", ]; const typeNames = { normal: "繝弱・繝槭Ν", fire: "縺ｻ縺ｮ縺・, water: "縺ｿ縺・, grass: "縺上＆", electric: "縺ｧ繧薙″", ice: "縺薙♀繧・, fighting: "縺九￥縺ｨ縺・, poison: "縺ｩ縺・, ground: "縺倥ａ繧・, flying: "縺ｲ縺薙≧", psychic: "繧ｨ繧ｹ繝代・", bug: "繧縺・, rock: "縺・ｏ", ghost: "繧ｴ繝ｼ繧ｹ繝・, dragon: "繝峨Λ繧ｴ繝ｳ", dark: "縺ゅ￥", steel: "縺ｯ縺後・", fairy: "繝輔ぉ繧｢繝ｪ繝ｼ", }; const typeChart = { normal: { rock: 0.5, ghost: 0, steel: 0.5 }, fire: { fire: 0.5, water: 0.5, grass: 2, ice: 2, bug: 2, rock: 0.5, dragon: 0.5, steel: 2 }, water: { fire: 2, water: 0.5, grass: 0.5, ground: 2, rock: 2, dragon: 0.5 }, grass: { fire: 0.5, water: 2, grass: 0.5, poison: 0.5, ground: 2, flying: 0.5, bug: 0.5, rock: 2, dragon: 0.5, steel: 0.5 }, electric: { water: 2, grass: 0.5, electric: 0.5, ground: 0, flying: 2, dragon: 0.5 }, ice: { fire: 0.5, water: 0.5, grass: 2, ice: 0.5, ground: 2, flying: 2, dragon: 2, steel: 0.5 }, fighting: { normal: 2, ice: 2, poison: 0.5, flying: 0.5, psychic: 0.5, bug: 0.5, rock: 2, ghost: 0, dark: 2, steel: 2, fairy: 0.5 }, poison: { grass: 2, poison: 0.5, ground: 0.5, rock: 0.5, ghost: 0.5, steel: 0, fairy: 2 }, ground: { fire: 2, grass: 0.5, electric: 2, poison: 2, flying: 0, bug: 0.5, rock: 2, steel: 2 }, flying: { grass: 2, electric: 0.5, fighting: 2, bug: 2, rock: 0.5, steel: 0.5 }, psychic: { fighting: 2, poison: 2, psychic: 0.5, dark: 0, steel: 0.5 }, bug: { fire: 0.5, grass: 2, fighting: 0.5, poison: 0.5, flying: 0.5, psychic: 2, ghost: 0.5, dark: 2, steel: 0.5, fairy: 0.5 }, rock: { fire: 2, ice: 2, fighting: 0.5, ground: 0.5, flying: 2, bug: 2, steel: 0.5 }, ghost: { normal: 0, psychic: 2, ghost: 2, dark: 0.5 }, dragon: { dragon: 2, steel: 0.5, fairy: 0 }, dark: { fighting: 0.5, psychic: 2, ghost: 2, dark: 0.5, fairy: 0.5 }, steel: { fire: 0.5, water: 0.5, electric: 0.5, ice: 2, rock: 2, steel: 0.5, fairy: 2 }, fairy: { fire: 0.5, fighting: 2, poison: 0.5, dragon: 2, dark: 2, steel: 0.5 }, }; const randoms = [ 0.85, 0.86, 0.87, 0.88, 0.89, 0.90, 0.91, 0.92, 0.93, 0.94, 0.95, 0.96, 0.97, 0.98, 0.99, 1.00, ]; const jpTypeToId = { "繝弱・繝槭Ν": "normal", "縺ｻ縺ｮ縺・: "fire", "縺ｿ縺・: "water", "縺上＆": "grass", "縺ｧ繧薙″": "electric", "縺薙♀繧・: "ice", "縺九￥縺ｨ縺・: "fighting", "縺ｩ縺・: "poison", "縺倥ａ繧・: "ground", "縺ｲ縺薙≧": "flying", "繧ｨ繧ｹ繝代・": "psychic", "繧縺・: "bug", "縺・ｏ": "rock", "繧ｴ繝ｼ繧ｹ繝・: "ghost", "繝峨Λ繧ｴ繝ｳ": "dragon", "縺ゅ￥": "dark", "縺ｯ縺後・": "steel", "繝輔ぉ繧｢繝ｪ繝ｼ": "fairy", }; const jpAbilityToRule = { "縺｡縺九ｉ繧ゅ■": "hugePower", "繝ｨ繧ｬ繝代Ρ繝ｼ": "hugePower", "縺薙ｓ縺倥ｇ縺・: "guts", "縺ｯ繧翫″繧・: "hustle", "繧ゅ≧縺・: "blaze", "縺偵″繧翫ｅ縺・: "torrent", "縺励ｓ繧翫ｇ縺・: "overgrow", "繧縺励・縺励ｉ縺・: "swarm", "縺ｦ縺阪♀縺・ｊ繧・￥": "adaptability", "繝輔ぉ繧｢繝ｪ繝ｼ繧ｹ繧ｭ繝ｳ": "pixilate", "繧ｹ繧ｫ繧､繧ｹ繧ｭ繝ｳ": "aerilate", "繝輔Μ繝ｼ繧ｺ繧ｹ繧ｭ繝ｳ": "refrigerate", "繧ｨ繝ｬ繧ｭ繧ｹ繧ｭ繝ｳ": "galvanize", "縺九◆縺・ヤ繝｡": "toughClaws", "縺後ｓ縺倥ｇ縺・≠縺・: "strongJaw", "縺吶※縺ｿ": "reckless", "縺ｦ繧薙・繧・: "unaware", "縺九◆繧・・繧・: "moldBreaker", "繧ｿ繝ｼ繝懊ヶ繝ｬ繧､繧ｺ": "moldBreaker", "繝・Λ繝懊Ν繝・・繧ｸ": "moldBreaker", "繝輔ぉ繧｢繝ｪ繝ｼ繧ｪ繝ｼ繝ｩ": "fairyAura", }; jpAbilityToRule["\u30d0\u30c8\u30eb\u30b9\u30a4\u30c3\u30c1"] = "stanceChange"; const abilityTagToRule = { "none": "none", "adaptability": "adaptability", "huge-power": "hugePower", "pure-power": "hugePower", "guts": "guts", "hustle": "hustle", "blaze": "blaze", "torrent": "torrent", "overgrow": "overgrow", "swarm": "swarm", "pixilate": "pixilate", "aerilate": "aerilate", "refrigerate": "refrigerate", "galvanize": "galvanize", "tough-claws": "toughClaws", "strong-jaw": "strongJaw", "reckless": "reckless", "unaware": "unaware", "mold-breaker": "moldBreaker", "turboblaze": "moldBreaker", "teravolt": "moldBreaker", "fairy-aura": "fairyAura", "stance-change": "stanceChange", "thick-fat": "thickFat", "fur-coat": "furCoat", "fluffy": "fluffy", "multiscale": "multiscale", "shadow-shield": "multiscale", "phantom-guard": "multiscale", "filter": "filter", "solid-rock": "filter", "technician": "technician", "tinted-lens": "tintedLens", "iron-fist": "ironFist", "sand-force": "sandForce", "solar-power": "solarPower", "drought": "drought", "drizzle": "drizzle", "sand-stream": "sandStream", "snow-warning": "snowWarning", "mega-launcher": "megaLauncher", "punk-rock": "punkRock", "rocky-payload": "rockyPayload", "sharpness": "sharpness", "ice-scales": "iceScales", "dragon's-maw": "dragonsMaw", "transistor": "transistor", "steelworker": "steelworker", "well-baked-body": "wellBakedBody", "purifying-salt": "purifyingSalt", "earth-eater": "earthEater", "water-absorb": "waterAbsorb", "volt-absorb": "voltAbsorb", "motor-drive": "voltAbsorb", "storm-drain": "stormDrain", "dry-skin": "drySkin", "levitate": "levitate", "wonder-guard": "wonderGuard", "grass-pelt": "grassPelt", "tablets-of-ruin": "tabletsOfRuin", "sword-of-ruin": "swordOfRuin", "beads-of-ruin": "beadsOfRuin", "vessel-of-ruin": "vesselOfRuin", "orichalcum-pulse": "orichalcumPulse", "hadron-engine": "hadronEngine", }; const itemTagToRule = { "none": "none", "life-orb": "lifeOrb", "choice-band": "choiceBand", "choice-specs": "choiceSpecs", "assault-vest": "assaultVest", "expert-belt": "expertBelt", "muscle-band": "muscleBand", "wise-glasses": "wiseGlasses", "eviolite": "eviolite", }; const typeBoostItemTags = { "silk-scarf": "normal", "charcoal": "fire", "mystic-water": "water", "magnet": "electric", "miracle-seed": "grass", "never-melt-ice": "ice", "black-belt": "fighting", "poison-barb": "poison", "soft-sand": "ground", "sharp-beak": "flying", "twisted-spoon": "psychic", "silver-powder": "bug", "hard-stone": "rock", "spell-tag": "ghost", "dragon-fang": "dragon", "black-glasses": "dark", "metal-coat": "steel", "fairy-feather": "fairy", }; const resistBerryTags = { "occa-berry": "fire", "passho-berry": "water", "wacan-berry": "electric", "rindo-berry": "grass", "yache-berry": "ice", "chople-berry": "fighting", "kebia-berry": "poison", "shuca-berry": "ground", "coba-berry": "flying", "payapa-berry": "psychic", "tanga-berry": "bug", "charti-berry": "rock", "kasib-berry": "ghost", "haban-berry": "dragon", "colbur-berry": "dark", "babiri-berry": "steel", "roseli-berry": "fairy", "chilan-berry": "normal", }; function getNumber(id) { return Number(document.getElementById(id).value); } function getPokemon(id) { return pokemonData.find((pokemon) => pokemon.id === id) || pokemonData[0]; } function getMove(id) { return moveData.find((move) => move.id === id) || moveData[0]; } function getMega(id) { return megaData.find((mega) => mega.id === id) || megaData[0]; } function isAegislash(pokemon) { return String(pokemon?.sourceId) === "681" || String(pokemon?.name || "").includes("繧ｮ繝ｫ繧ｬ繝ｫ繝・); } function applyBattleSwitchForm(pokemon, battleForm) { if (!isAegislash(pokemon)) { return pokemon; } const baseStats = battleForm === "blade" ? { hp: 60, atk: 140, def: 50, spa: 140, spd: 50, spe: 60 } : { hp: 60, atk: 50, def: 140, spa: 50, spd: 140, spe: 60 }; return { ...pokemon, name: battleForm === "blade" ? `${pokemon.name} Blade` : `${pokemon.name} Shield`, baseStats, stats: calcLevel50Stats(baseStats, { hp: 0, attack: 0, defense: 0, spAttack: 0, spDefense: 0 }, natureOptions[0]), }; } function getBattleForm(side) { return document.getElementById(`${side}BattleForm`)?.value || (side === "attacker" ? "blade" : "shield"); } function getActivePokemon(pokemonId, megaId, battleForm = "shield") { const pokemon = getPokemon(pokemonId); const mega = getMega(megaId); if (mega.id !== "none" && String(pokemon.sourceId) === String(mega.basePokemonId)) { return { ...pokemon, name: mega.name, types: mega.types, baseStats: mega.baseStats, stats: mega.stats, abilityNames: [mega.abilityName || mega.name], abilities: [mega.ability], }; } return applyBattleSwitchForm(pokemon, battleForm); } function normalizeId(value) { return String(value) .toLowerCase() .replace(/[^a-z0-9縺・繧薙ぃ-繝ｳ荳-鮴･繝ｼ]+/g, "-") .replace(/^-+|-+$/g, ""); } function normalizeUsageKey(value) { return normalizeSearchText(String(value || "")); } function getUsageRankValue(row) { const value = Number(row?.rank ?? row?.usageRank ?? row?.order ?? row?.鬆・ｽ・; return Number.isFinite(value) ? value : Number.POSITIVE_INFINITY; } function getUsageKeys(row) { return [ row?.pokemonId, row?.id, row?.sourceId, row?.imgId, row?.dexNo, row?.pokemon, row?.name, row?.nameJa, row?.pokemonName, row?.slug, row?.繝昴こ繝｢繝ｳ, row?.蜷榊燕, ] .filter((value) => value !== undefined && value !== null && value !== "") .map((value) => normalizeUsageKey(value)); } function buildRankingIndexes() { pokemonUsageRankMap = new Map(); rankingEntryMap = new Map(); rankingMoveMap = new WeakMap(); rankingAbilityMap = new WeakMap(); for (const row of rankingData) { const rank = getUsageRankValue(row); const keys = getUsageKeys(row); for (const key of keys) { if (!rankingEntryMap.has(key)) { rankingEntryMap.set(key, row); } const currentRank = pokemonUsageRankMap.get(key); if (currentRank === undefined || rank < currentRank) { pokemonUsageRankMap.set(key, rank); } } const moveMap = new Map(); for (const move of Array.isArray(row?.moves) ? row.moves : []) { moveMap.set(normalizeSearchText(move?.name), Number(move?.percentage) || 0); } rankingMoveMap.set(row, moveMap); const abilityMap = new Map(); for (const ability of Array.isArray(row?.abilities) ? row.abilities : []) { abilityMap.set(normalizeSearchText(ability?.name), Number(ability?.percentage) || 0); } rankingAbilityMap.set(row, abilityMap); } } function getPokemonUsageRank(pokemon) { if (!pokemon || !usageData?.pokemon?.length) { return Number.POSITIVE_INFINITY; } const candidateKeys = [pokemon.id, pokemon.sourceId, pokemon.name] .filter((value) => value !== undefined && value !== null && value !== "") .map((value) => normalizeUsageKey(value)); const ranks = candidateKeys .map((key) => pokemonUsageRankMap.get(key)) .filter((value) => value !== undefined); return ranks.length ? Math.min(...ranks) : Number.POSITIVE_INFINITY; } function getRankingEntryForPokemon(pokemon) { if (!pokemon || !rankingData.length) { return null; } const candidateKeys = [pokemon.id, pokemon.sourceId, pokemon.name, normalizeId(pokemon.name)] .filter((value) => value !== undefined && value !== null && value !== "") .map((value) => normalizeUsageKey(value)); for (const key of candidateKeys) { const row = rankingEntryMap.get(key); if (row) { return row; } } return null; } function getRankingPercentage(entry, kind, name) { if (!entry || !name) { return 0; } const key = normalizeSearchText(name); const sourceMap = kind === "abilities" ? rankingAbilityMap.get(entry) : rankingMoveMap.get(entry); return Number(sourceMap?.get(key)) || 0; } function findMoveByUsageName(name) { const key = normalizeSearchText(name); return moveData.find((move) => normalizeSearchText(move.name) === key || normalizeSearchText(move.nameEn) === key) || null; } function getTopUsageMoveForPokemon(pokemon) { const rankingEntry = getRankingEntryForPokemon(pokemon); const moves = Array.isArray(rankingEntry?.moves) ? rankingEntry.moves : []; const sortedMoves = [...moves].sort((a, b) => (Number(b?.percentage) || 0) - (Number(a?.percentage) || 0)); for (const row of sortedMoves) { const move = findMoveByUsageName(row?.name); if (move && move.id !== "custom") { return move; } } return null; } function sortPokemonRowsByUsage(rows) { return [...rows].sort((a, b) => { if (a.id === "custom") return -1; if (b.id === "custom") return 1; const rankA = getPokemonUsageRank(a); const rankB = getPokemonUsageRank(b); if (rankA !== rankB) { return rankA - rankB; } return String(a.name || "").localeCompare(String(b.name || ""), "ja"); }); } function calcDefaultLevel50Stats(baseStats) { return calcLevel50Stats(baseStats, { hp: 0, attack: 0, defense: 0, spAttack: 0, spDefense: 0, }, natureOptions[0]); } const SP_MAX_STAT = 32; const SP_MAX_TOTAL = 66; function clampSp(value) { return Math.max(0, Math.min(SP_MAX_STAT, Number(value) || 0)); } function getNature(id) { return natureOptions.find((nature) => nature.value === id) || natureOptions[0]; } function getNatureMultiplier(nature, statName) { if (nature.up === statName) { return 1.1; } if (nature.down === statName) { return 0.9; } return 1; } function calcLevel50Stats(baseStats, sp, nature) { const hp = Math.floor((baseStats.hp * 2 + 31 + clampSp(sp.hp) * 2) * 50 / 100) + 60; const other = (base, statName, spValue) => { const raw = Math.floor((base * 2 + 31 + clampSp(spValue) * 2) * 50 / 100) + 5; return Math.floor(raw * getNatureMultiplier(nature, statName)); }; return { hp, attack: other(baseStats.atk, "attack", sp.attack), defense: other(baseStats.def, "defense", sp.defense), spAttack: other(baseStats.spa, "spAttack", sp.spAttack), spDefense: other(baseStats.spd, "spDefense", sp.spDefense), }; } function convertReferencePokemon(row) { return { id: `ref-${row.id}`, sourceId: row.id, name: row.name, types: row.types.map((type) => jpTypeToId[type]).filter(Boolean), baseStats: row.baseStats, weight: row.weight || 0, stats: calcDefaultLevel50Stats(row.baseStats), abilityNames: row.abilities, abilities: row.abilities.map((ability) => jpAbilityToRule[ability] || `unsupported:${normalizeId(ability)}`), }; } function convertNatureOption(row) { const statMap = { atk: "attack", def: "defense", spa: "spAttack", spd: "spDefense", spe: "speed", }; return { value: normalizeId(row.nameEn || row.name), label: row.name, up: row.up ? statMap[row.up] : null, down: row.down ? statMap[row.down] : null, }; } function convertMegaPokemon(row) { return { id: row.key, name: row.name, basePokemonId: row.basePokemonId, types: row.types.map((type) => jpTypeToId[type]).filter(Boolean), baseStats: row.baseStats, weight: row.weight || 0, stats: calcDefaultLevel50Stats(row.baseStats), abilityName: row.ability, ability: jpAbilityToRule[row.ability] || abilityTagToRule[normalizeId(row.ability)] || `unsupported:${normalizeId(row.ability)}`, }; } function convertReferenceMove(row, index) { const type = jpTypeToId[row.type]; const category = row.category === "迚ｹ谿・ ? "special" : "physical"; const power = Number(row.power || 0); return { id: `ref-move-${normalizeId(row.nameEn || row.name || index)}`, name: row.name, type: type || "normal", category, power, flags: row.flags || {}, special: row.special || null, powerOptions: row.powerOptions || null, multiHit: row.multiHit || null, }; } function convertAbilityOption(row) { return { value: abilityTagToRule[row.calcTag] || `unsupported:${row.calcTag}`, label: row.name, }; } function convertItemOption(row) { if (typeBoostItemTags[row.calcTag]) { return { value: `typeBoost:${typeBoostItemTags[row.calcTag]}`, label: row.name, }; } if (resistBerryTags[row.calcTag]) { return { value: `resistBerry:${resistBerryTags[row.calcTag]}`, label: row.name, }; } return { value: itemTagToRule[row.calcTag] || `unsupported:${row.calcTag}`, label: row.name, }; } function uniqueOptions(options) { const seen = new Set(); return options.filter((option) => { const key = `${option.value}:${option.label}`; if (seen.has(key)) { return false; } seen.add(key); return true; }); } async function loadReferenceDataIfAvailable() { if (location.protocol === "file:") { return false; } try { const [pokemonResponse, movesResponse, abilitiesResponse, itemsResponse, naturesResponse, megaResponse, usageResponse, rankingResponse] = await Promise.all([ fetch("./data/champions-pokemon-source.json"), fetch("./data/champions-moves-source.json"), fetch("./data/champions-abilities-source.json"), fetch("./data/champions-items-source.json"), fetch("./data/champions-natures-source.json"), fetch("./data/champions-mega-source.json"), fetch("./data/champions-usage-source.json").catch(() => null), fetch("./pokemon_ranking_detailed.json").catch(() => null), ]); if (!pokemonResponse.ok || !movesResponse.ok || !abilitiesResponse.ok || !itemsResponse.ok || !naturesResponse.ok || !megaResponse.ok) { return false; } const [referencePokemon, referenceMoves, referenceAbilities, referenceItems, referenceNatures, referenceMega, referenceUsage, referenceRanking] = await Promise.all([ pokemonResponse.json(), movesResponse.json(), abilitiesResponse.json(), itemsResponse.json(), naturesResponse.json(), megaResponse.json(), usageResponse?.ok ? usageResponse.json() : Promise.resolve({ pokemon: [], moves: [] }), rankingResponse?.ok ? rankingResponse.json() : Promise.resolve([]), ]); const convertedPokemon = referencePokemon.map(convertReferencePokemon); const convertedMoves = referenceMoves .map(convertReferenceMove) .filter((move) => move.power > 0); const convertedAbilities = uniqueOptions([ { value: "none", label: "縺ｪ縺・ }, ...referenceAbilities.map(convertAbilityOption), ]); const convertedItems = uniqueOptions([ { value: "none", label: "縺ｪ縺・ }, ...referenceItems.map(convertItemOption), ]); const convertedNatures = referenceNatures.map(convertNatureOption); const convertedMega = [ { id: "none", name: "縺ｪ縺・, basePokemonId: null, types: [], stats: null, ability: "none" }, ...referenceMega.map(convertMegaPokemon), ]; if (convertedPokemon.length && convertedMoves.length) { pokemonData = [pokemonData[0], ...convertedPokemon]; moveData = [moveData[0], ...convertedMoves]; abilityOptions = convertedAbilities; defenderAbilityOptions = convertedAbilities; itemOptions = convertedItems; defenderItemOptions = convertedItems; unsupportedAbilityCount = convertedAbilities.filter((option) => String(option.value).startsWith("unsupported:")).length; unsupportedItemCount = convertedItems.filter((option) => String(option.value).startsWith("unsupported:")).length; natureOptions = convertedNatures; megaData = convertedMega; rankingData = Array.isArray(referenceRanking) ? referenceRanking : []; buildRankingIndexes(); usageData = { pokemon: rankingData.length ? rankingData : (Array.isArray(referenceUsage?.pokemon) ? referenceUsage.pokemon : []), moves: Array.isArray(referenceUsage?.moves) ? referenceUsage.moves : [], }; return true; } } catch (error) { console.warn("Reference data could not be loaded.", error); } return false; } function setValue(id, value) { document.getElementById(id).value = String(value); } function dispatchInputChange(element) { element.dispatchEvent(new Event("input", { bubbles: true })); element.dispatchEvent(new Event("change", { bubbles: true })); } function enhanceCheckboxControls() { const booleanControls = [ { id: "critical", label: "諤･謇" }, { id: "burn", label: "繧・￠縺ｩ" }, { id: "helpingHand", label: "縺ｦ縺縺吶￠" }, { id: "spreadMove", label: "蜈ｨ菴捺橿" }, ]; for (const control of booleanControls) { const select = document.getElementById(control.id); if (!select || select.dataset.enhanced === "true") continue; const field = select.closest(".field"); const row = document.createElement("div"); const checkboxId = `${control.id}Checkbox`; row.className = "checkbox-row"; row.innerHTML = ` <label class="checkbox-control" for="${checkboxId}"> <input id="${checkboxId}" type="checkbox" ${select.value === "true" ? "checked" : ""}> <span>${control.label}</span> </label> `; field.classList.add("has-checkbox-select"); field.insertBefore(row, select); select.dataset.enhanced = "true"; row.querySelector("input").addEventListener("change", (event) => { select.value = event.target.checked ? (control.trueValue || "true") : (control.falseValue || "false"); dispatchInputChange(select); }); } const choiceControls = [ { id: "screen", options: [ ["reflect", "繝ｪ繝輔Ξ繧ｯ繧ｿ繝ｼ"], ["lightScreen", "縺ｲ縺九ｊ縺ｮ縺九∋"], ["auroraVeil", "繧ｪ繝ｼ繝ｭ繝ｩ繝吶・繝ｫ"], ], }, ]; for (const control of choiceControls) { const select = document.getElementById(control.id); if (!select || select.dataset.enhanced === "true") continue; const field = select.closest(".field"); const row = document.createElement("div"); row.className = "checkbox-row"; row.innerHTML = control.options.map(([value, label]) => ` <label class="checkbox-control"> <input type="checkbox" value="${value}" ${select.value === value ? "checked" : ""}> <span>${label}</span> </label> `).join(""); field.classList.add("has-checkbox-select"); field.insertBefore(row, select); select.dataset.enhanced = "true"; row.addEventListener("change", (event) => { if (event.target.type !== "checkbox") return; const nextValue = event.target.checked ? event.target.value : "none"; select.value = nextValue; for (const input of row.querySelectorAll("input")) { input.checked = input.value === nextValue; } dispatchInputChange(select); }); } } const ACTIVATABLE_ABILITIES = { blaze: "HP1/3莉･荳・, torrent: "HP1/3莉･荳・, overgrow: "HP1/3莉･荳・, swarm: "HP1/3莉･荳・, multiscale: "HP貅繧ｿ繝ｳ", }; const INITIALLY_ACTIVATED_ABILITIES = new Set([ "multiscale", ]); function syncAbilityActivationControl(selectId) { const abilitySelect = document.getElementById(selectId); const field = abilitySelect?.closest(".field"); const toggleId = selectId === "ability" ? "abilityActivated" : "defenderAbilityActivated"; const toggleSelect = document.getElementById(toggleId); if (!abilitySelect || !field || !toggleSelect) { return; } let row = field.querySelector(".ability-activation-row"); const label = ACTIVATABLE_ABILITIES[abilitySelect.value]; if (!label) { row?.remove(); return; } if (!row) { row = document.createElement("div"); row.className = "checkbox-row ability-activation-row"; row.innerHTML = ` <label class="checkbox-control"> <input type="checkbox"> <span></span> </label> `; const note = field.querySelector(".note"); field.insertBefore(row, note); row.querySelector("input").addEventListener("change", (event) => { toggleSelect.value = event.target.checked ? "true" : "false"; dispatchInputChange(toggleSelect); }); } const defaultActive = INITIALLY_ACTIVATED_ABILITIES.has(abilitySelect.value); if (!["true", "false"].includes(toggleSelect.value)) { toggleSelect.value = defaultActive ? "true" : "false"; } if (toggleSelect.dataset.ability !== abilitySelect.value) { toggleSelect.value = defaultActive ? "true" : "false"; toggleSelect.dataset.ability = abilitySelect.value; } row.querySelector("span").textContent = label; row.querySelector("input").checked = toggleSelect.value === "true"; } function setMobileTab(tabName) { const nextTab = tabName === "defense" ? "defense" : "attack"; document.body.dataset.mobileTab = nextTab; for (const button of document.querySelectorAll("[data-mobile-tab-target]")) { button.setAttribute("aria-selected", button.dataset.mobileTabTarget === nextTab ? "true" : "false"); } } function setupMobileTabs() { setMobileTab("attack"); for (const button of document.querySelectorAll("[data-mobile-tab-target]")) { button.addEventListener("click", () => { setMobileTab(button.dataset.mobileTabTarget); window.scrollTo({ top: 0, behavior: "smooth" }); }); } document.getElementById("swapSidesButton")?.addEventListener("click", () => { swapBattleSides(); window.scrollTo({ top: 0, behavior: "smooth" }); }); } function optionExists(selectId, value) { const select = document.getElementById(selectId); return Boolean(select && [...select.options].some((option) => option.value === String(value))); } function setValueIfOptionExists(selectId, value, fallback = "none") { setValue(selectId, optionExists(selectId, value) ? value : fallback); } function getSelectedLabel(id) { const element = document.getElementById(id); if (!element) return ""; const option = element.options?.[element.selectedIndex]; return option?.textContent?.trim() || ""; } function getFieldValues() { const values = {}; for (const id of HISTORY_FIELD_IDS) { const element = document.getElementById(id); if (!element) continue; values[id] = element.value; } return values; } function getCurrentHistoryTitle() { const attacker = getSelectedLabel("attackerPreset") || document.getElementById("attackerSummary")?.textContent?.trim() || "謾ｻ謦・・"; const move = getSelectedLabel("movePreset") || "謚"; const defender = getSelectedLabel("defenderPreset") || "髦ｲ蠕｡蛛ｴ"; return `${attacker} / ${move} / ${defender}`; } function collectHistoryPayload(title) { const formState = getFieldValues(); return { title: String(title || getCurrentHistoryTitle()).trim(), attacker: { pokemon_id: formState.attackerPreset, pokemon_label: getSelectedLabel("attackerPreset"), mega_id: formState.attackerMega, mega_label: getSelectedLabel("attackerMega"), battle_form: formState.attackerBattleForm, nature: formState.attackerNature, sp: formState.attackerSp, real_stat: formState.attack, rank: formState.attackStage, ability: formState.ability, ability_label: getSelectedLabel("ability"), ability_activated: formState.abilityActivated, item: formState.item, item_label: getSelectedLabel("item"), burned: formState.burn, critical: formState.critical, }, defender: { pokemon_id: formState.defenderPreset, pokemon_label: getSelectedLabel("defenderPreset"), mega_id: formState.defenderMega, mega_label: getSelectedLabel("defenderMega"), battle_form: formState.defenderBattleForm, nature: formState.defenderNature, hp_sp: formState.defenderHpSp, defense_sp: formState.defenderDefenseSp, hp: formState.hp, real_stat: formState.defense, rank: formState.defenseStage, ability: formState.defenderAbility, ability_label: getSelectedLabel("defenderAbility"), ability_activated: formState.defenderAbilityActivated, item: formState.defenderItem, item_label: getSelectedLabel("defenderItem"), status: formState.defenderStatus, }, move: { move_id: formState.movePreset, move_label: getSelectedLabel("movePreset"), type: formState.moveType, category: formState.moveCategory, power: formState.power, stab: formState.stab, type_effectiveness: formState.typeEffectiveness, }, field: { weather: formState.weather, terrain: formState.terrain, screen: formState.screen, battle_format: formState.battleFormat, spread_move: formState.spreadMove, helping_hand: formState.helpingHand, battle_modifier: formState.battleModifier, hp_condition: formState.hpCondition, level: formState.level, }, modifiers: { formState, }, result: lastCalculationSnapshot || { damage_range: document.getElementById("damageRange")?.textContent?.trim() || "-", percent_range: document.getElementById("percentRange")?.textContent?.trim() || "-", ko_summary: document.getElementById("koSummary")?.textContent?.trim() || "-", rolls: document.getElementById("rolls")?.textContent?.trim() || "-", applied_rules: document.getElementById("appliedRules")?.textContent?.trim() || "-", }, }; } function setHistoryStatus(message) { const element = document.getElementById("historyStatus"); if (element) element.textContent = message; } function formatHistoryDate(value) { if (!value) return "-"; const date = new Date(value); return Number.isNaN(date.getTime()) ? value : date.toLocaleString("ja-JP"); } async function apiFetch(url, options = {}) { const response = await fetch(url, { credentials: "include", headers: { "Content-Type": "application/json", ...(options.headers || {}), }, ...options, }); const isJson = response.headers.get("Content-Type")?.includes("application/json"); const data = isJson ? await response.json() : null; return { response, data }; } async function ensureAuthenticated() { const password = window.prompt("履歴の保存・編集・削除用パスワード"); if (!password) return false; const { response, data } = await apiFetch("/api/session", { method: "POST", body: JSON.stringify({ password }), }); if (!response.ok) { throw new Error(data?.error || "認証に失敗しました"); } return true; } async function withHistoryAuth(task) { try { return await task(); } catch (error) { if (error?.message !== "__history_unauthorized__") { throw error; } } const ok = await ensureAuthenticated(); if (!ok) return null; return task(); } async function historyRequest(url, options = {}) { const { response, data } = await apiFetch(url, options); if (response.status === 401) { throw new Error("__history_unauthorized__"); } if (!response.ok) { throw new Error(data?.error || "履歴APIエラー"); } return data; } function setSelectedHistory(id) { selectedHistoryId = id; const button = document.getElementById("updateHistoryButton"); if (button) button.hidden = !id; renderHistoryList(); } function renderHistoryList() { const list = document.getElementById("historyList"); if (!list) return; if (!historyItems.length) { list.innerHTML = ""; setHistoryStatus("履歴はまだありません"); return; } list.innerHTML = historyItems.map((history) => { const attacker = history.attacker?.pokemon_label || history.attacker?.pokemon_id || "-"; const move = history.move?.move_label || history.move?.move_id || "-"; const defender = history.defender?.pokemon_label || history.defender?.pokemon_id || "-"; const activeClass = Number(history.id) === Number(selectedHistoryId) ? " is-active" : ""; return ` <article class="history-item${activeClass}" data-history-id="${history.id}"> <div class="history-item-head"> <p class="history-item-title">${history.title || "(untitled)"}</p> <span class="history-item-date">${formatHistoryDate(history.updated_at || history.last_used_at)}</span> </div> <p class="history-item-meta">${attacker} / ${move} / ${defender}</p> <div class="history-item-actions"> <button class="history-button" type="button" data-history-action="use" data-history-id="${history.id}">この条件を使う</button> <button class="history-button" type="button" data-history-action="edit" data-history-id="${history.id}">編集</button> <button class="history-button danger" type="button" data-history-action="delete" data-history-id="${history.id}">削除</button> </div> </article> `; }).join(""); } async function loadHistories() { setHistoryStatus("履歴を読み込み中..."); try { const data = await historyRequest("/api/calculation-histories"); historyItems = Array.isArray(data?.histories) ? data.histories : []; renderHistoryList(); if (historyItems.length) { setHistoryStatus("履歴を選ぶとフォームへ反映できます"); } } catch (error) { historyItems = []; renderHistoryList(); setHistoryStatus(error.message || "履歴の読み込みに失敗しました"); } } function applyHistoryFormState(formState) { const initialIds = [ "attackerPreset", "attackerMega", "attackerBattleForm", "attackerNature", "attackerSp", "movePreset", "defenderPreset", "defenderMega", "defenderBattleForm", "defenderNature", "defenderHpSp", "defenderDefenseSp", ]; for (const id of initialIds) { if (formState[id] == null) continue; if (document.getElementById(id)?.tagName === "SELECT") { setValueIfOptionExists(id, formState[id], document.getElementById(id).value); } else { setValue(id, formState[id]); } } applyAttackerPreset({ useTopMove: false }); applyMovePreset({ skipAttackerPreset: true }); applyDefenderPreset(); for (const id of HISTORY_FIELD_IDS) { if (formState[id] == null) continue; const element = document.getElementById(id); if (!element) continue; if (element.tagName === "SELECT") { setValueIfOptionExists(id, formState[id], element.value); } else { setValue(id, formState[id]); } } syncAbilityActivationControl("ability"); syncAbilityActivationControl("defenderAbility"); updateTypeEffectiveness(); calculate(); } async function applyHistory(historyId, markUsed = true) { const data = await historyRequest(`/api/calculation-histories/${historyId}`); const history = data?.history; if (!history) { throw new Error("履歴が見つかりません"); } const formState = history.modifiers?.formState || {}; applyHistoryFormState(formState); setSelectedHistory(history.id); setHistoryStatus(`選択中: ${history.title}`); if (markUsed) { const useData = await historyRequest(`/api/calculation-histories/${history.id}/use`, { method: "POST" }); const updated = useData?.history; if (updated) { historyItems = historyItems.map((item) => item.id === updated.id ? updated : item); historyItems.sort((a, b) => new Date(b.last_used_at || 0) - new Date(a.last_used_at || 0)); renderHistoryList(); } } } async function saveNewHistory() { const defaultTitle = getCurrentHistoryTitle(); const title = window.prompt("履歴タイトル", defaultTitle); if (!title) return; const payload = collectHistoryPayload(title); const data = await withHistoryAuth(() => historyRequest("/api/calculation-histories", { method: "POST", body: JSON.stringify(payload), })); if (!data?.history) return; selectedHistoryId = data.history.id; await loadHistories(); setHistoryStatus(`保存しました: ${data.history.title}`); } async function updateSelectedHistory() { if (!selectedHistoryId) return; const current = historyItems.find((item) => Number(item.id) === Number(selectedHistoryId)); const title = window.prompt("履歴タイトル", current?.title || getCurrentHistoryTitle()); if (!title) return; const payload = collectHistoryPayload(title); const data = await withHistoryAuth(() => historyRequest(`/api/calculation-histories/${selectedHistoryId}`, { method: "PUT", body: JSON.stringify(payload), })); if (!data?.history) return; await loadHistories(); setSelectedHistory(data.history.id); setHistoryStatus(`更新しました: ${data.history.title}`); } async function deleteHistory(historyId) { const history = historyItems.find((item) => Number(item.id) === Number(historyId)); if (!window.confirm(`「${history?.title || "この履歴"}」を削除しますか？`)) { return; } await withHistoryAuth(() => historyRequest(`/api/calculation-histories/${historyId}`, { method: "DELETE", })); if (Number(selectedHistoryId) === Number(historyId)) { setSelectedHistory(null); } await loadHistories(); setHistoryStatus("履歴を削除しました"); } function swapBattleSides() { const before = { attackerPreset: document.getElementById("attackerPreset").value, defenderPreset: document.getElementById("defenderPreset").value, attackerMega: document.getElementById("attackerMega").value, defenderMega: document.getElementById("defenderMega").value, attackerBattleForm: getBattleForm("attacker"), defenderBattleForm: getBattleForm("defender"), attackerNature: document.getElementById("attackerNature").value, defenderNature: document.getElementById("defenderNature").value, attackerSp: getNumber("attackerSp"), defenderDefenseSp: getNumber("defenderDefenseSp"), attackStage: getNumber("attackStage"), defenseStage: getNumber("defenseStage"), ability: document.getElementById("ability").value, defenderAbility: document.getElementById("defenderAbility").value, item: document.getElementById("item").value, defenderItem: document.getElementById("defenderItem").value, }; setValue("attackerPreset", before.defenderPreset); setValue("defenderPreset", before.attackerPreset); const nextAttacker = getPokemon(before.defenderPreset); const nextDefender = getPokemon(before.attackerPreset); fillMegaSelect("attackerMega", nextAttacker.sourceId); fillMegaSelect("defenderMega", nextDefender.sourceId); setValueIfOptionExists("attackerMega", before.defenderMega); setValueIfOptionExists("defenderMega", before.attackerMega); setValue("attackerBattleForm", before.defenderBattleForm === "shield" ? "blade" : before.defenderBattleForm); setValue("defenderBattleForm", before.attackerBattleForm === "blade" ? "shield" : before.attackerBattleForm); setValue("attackerNature", before.defenderNature); setValue("defenderNature", before.attackerNature); setValue("attackerSp", before.defenderDefenseSp); setValue("defenderDefenseSp", before.attackerSp); setValue("attackStage", before.defenseStage); setValue("defenseStage", before.attackStage); applyAttackerPreset(); applyDefenderPreset(); setValueIfOptionExists("ability", before.defenderAbility); setValueIfOptionExists("defenderAbility", before.ability); setValueIfOptionExists("item", before.defenderItem); setValueIfOptionExists("defenderItem", before.item); syncTunerControls(); updateTypeEffectiveness(); calculate(); } function getStageMultiplier(stage) { if (stage >= 0) { return (2 + stage) / 2; } return 2 / (2 + Math.abs(stage)); } function fillSelect(id, rows) { const select = document.getElementById(id); select.innerHTML = ""; for (const row of rows) { const option = document.createElement("option"); option.value = row.id; option.textContent = row.name; select.appendChild(option); } } function fillOptionSelect(id, options) { const select = document.getElementById(id); select.innerHTML = ""; for (const row of options) { const option = document.createElement("option"); option.value = row.value; option.textContent = row.label; if (String(row.value).startsWith("unsupported:")) { option.textContent = `${row.label}・域悴蟇ｾ蠢懶ｼ荏; } select.appendChild(option); } } function toHiragana(value) { return String(value || "").replace(/[繧｡-繝ｳ]/g, (char) => { return String.fromCharCode(char.charCodeAt(0) - 0x60); }); } function normalizeSearchText(value) { return toHiragana(value).toLowerCase().replace(/\s+/g, ""); } function addSelectSearch(selectId, placeholder) { const select = document.getElementById(selectId); const field = select?.closest(".field"); if (!select || !field || field.querySelector(".select-search")) { return; } const search = document.createElement("input"); search.type = "search"; search.className = "select-search"; search.placeholder = placeholder; search.autocomplete = "off"; const hit = document.createElement("p"); hit.className = "search-hit"; hit.textContent = "蜈･蜉帙☆繧九→蛟呵｣懊ｒ驕ｸ謚槭＠縺ｾ縺・; field.insertBefore(search, select); field.insertBefore(hit, select.nextSibling); const syncSearchText = () => { const selected = select.options[select.selectedIndex]; if (selected) { search.value = selected.textContent; hit.textContent = selected.textContent; } }; const chooseFirstMatch = () => { const query = normalizeSearchText(search.value); if (!query) { hit.textContent = "蜈･蜉帙☆繧九→蛟呵｣懊ｒ驕ｸ謚槭＠縺ｾ縺・; return; } const options = Array.from(select.options); const match = options.find((option) => normalizeSearchText(option.textContent).includes(query)); if (!match) { hit.textContent = "蛟呵｣懊↑縺・; return; } select.value = match.value; hit.textContent = match.textContent; select.dispatchEvent(new Event("change", { bubbles: true })); }; search.addEventListener("input", chooseFirstMatch); search.addEventListener("focus", () => search.select()); select.addEventListener("change", syncSearchText); syncSearchText(); } function attachSearchInputs() { addSelectSearch("attackerPreset", "謾ｻ謦・・繝昴こ繝｢繝ｳ繧呈､懃ｴ｢"); addSelectSearch("movePreset", "謚繧呈､懃ｴ｢"); addSelectSearch("defenderPreset", "髦ｲ蠕｡蛛ｴ繝昴こ繝｢繝ｳ繧呈､懃ｴ｢"); } const pickerState = { selectId: null, rows: [], title: "", }; function getPickerRows(selectId) { if (selectId === "movePreset") { const attacker = getActivePokemon( document.getElementById("attackerPreset").value, document.getElementById("attackerMega").value, getBattleForm("attacker") ); const attackerTypes = attacker.types || []; const rankingEntry = getRankingEntryForPokemon(attacker); return [...moveData].sort((a, b) => getMoveRecommendScore(b, attackerTypes, rankingEntry) - getMoveRecommendScore(a, attackerTypes, rankingEntry)).map((move) => ({ value: move.id, name: move.name, meta: `${getRankingPercentage(rankingEntry, "moves", move.name) ? `謗｡逕ｨ${getRankingPercentage(rankingEntry, "moves", move.name)}% / ` : ""}${attackerTypes.includes(move.type) ? "繧ｿ繧､繝嶺ｸ閾ｴ / " : ""}${typeNames[move.type] || move.type} / 螽∝鴨${move.power || "-"} / ${move.category === "special" ? "迚ｹ谿・ : "迚ｩ逅・}`, })); } const pokemonRows = sortPokemonRowsByUsage(pokemonData).map((pokemon) => ({ value: pokemon.id, name: pokemon.name, megaId: "none", meta: `${Number.isFinite(getPokemonUsageRank(pokemon)) ? `菴ｿ逕ｨ邇・{getPokemonUsageRank(pokemon)}菴・/ ` : ""}${formatTypes(pokemon.types || [])} ${formatBaseStats(pokemon.baseStats)}`, })); const megaRows = megaData .filter((mega) => mega.id !== "none") .map((mega) => { const base = pokemonData.find((pokemon) => String(pokemon.sourceId) === String(mega.basePokemonId)); return { value: base?.id || "custom", megaId: mega.id, name: mega.name, meta: `${Number.isFinite(getPokemonUsageRank(base)) ? `菴ｿ逕ｨ邇・{getPokemonUsageRank(base)}菴・/ ` : ""}繝｡繧ｬ / ${formatTypes(mega.types || [])} ${formatBaseStats(mega.baseStats)}`, }; }) .filter((row) => row.value !== "custom"); return [...pokemonRows, ...megaRows]; } function getMoveRecommendScore(move, attackerTypes, rankingEntry) { if (move.id === "custom") return 100000; let score = Number(move.power || 0); score += getRankingPercentage(rankingEntry, "moves", move.name) * 100; if (attackerTypes.includes(move.type)) score += 1000; if (move.category === "physical") score += 2; if (move.special) score += 1; return score; } function syncPickerButton(selectId) { const select = document.getElementById(selectId); const button = document.querySelector(`[data-picker-for="${selectId}"] span`); if (!select || !button) { return; } const selected = select.options[select.selectedIndex]; button.textContent = selected ? selected.textContent : "驕ｸ謚・; } function renderPickerList() { const list = document.getElementById("pickerList"); const query = normalizeSearchText(document.getElementById("pickerSearch").value); const rows = pickerState.rows .filter((row) => { const haystack = normalizeSearchText(`${row.name} ${row.meta}`); return !query || haystack.includes(query); }) .slice(0, 80); list.innerHTML = ""; if (!rows.length) { const empty = document.createElement("p"); empty.className = "note"; empty.textContent = "蛟呵｣懊↑縺・; list.appendChild(empty); return; } for (const row of rows) { const button = document.createElement("button"); button.type = "button"; button.className = "picker-option"; button.innerHTML = ` <span class="picker-option-name">${row.name}</span> <span class="picker-option-meta">${row.meta || ""}</span> `; button.addEventListener("click", () => { const select = document.getElementById(pickerState.selectId); select.value = row.value; if (row.megaId && row.megaId !== "none") { const megaSelectId = pickerState.selectId === "attackerPreset" ? "attackerMega" : "defenderMega"; const pokemon = getPokemon(row.value); fillMegaSelect(megaSelectId, pokemon.sourceId); setValue(megaSelectId, row.megaId); } select.dispatchEvent(new Event("change", { bubbles: true })); syncPickerButton(pickerState.selectId); closePicker(); }); list.appendChild(button); } } function openPicker(selectId, title) { pickerState.selectId = selectId; pickerState.rows = getPickerRows(selectId); pickerState.title = title; document.getElementById("pickerTitle").textContent = title; document.getElementById("pickerSearch").value = ""; document.getElementById("pickerOverlay").setAttribute("aria-hidden", "false"); renderPickerList(); setTimeout(() => document.getElementById("pickerSearch").focus(), 0); } function closePicker() { document.getElementById("pickerOverlay").setAttribute("aria-hidden", "true"); } function attachPicker(selectId, title) { const select = document.getElementById(selectId); const field = select?.closest(".field"); if (!select || !field || field.querySelector(".picker-button")) { return; } const button = document.createElement("button"); button.type = "button"; button.className = "picker-button"; button.dataset.pickerFor = selectId; button.innerHTML = "<span>驕ｸ謚・/span>"; button.addEventListener("click", () => openPicker(selectId, title)); field.insertBefore(button, select); select.addEventListener("change", () => syncPickerButton(selectId)); syncPickerButton(selectId); } function attachPickers() { attachPicker("attackerPreset", "謾ｻ謦・・繝昴こ繝｢繝ｳ"); attachPicker("movePreset", "謚"); attachPicker("defenderPreset", "髦ｲ蠕｡蛛ｴ繝昴こ繝｢繝ｳ"); for (const slot of document.querySelectorAll(".move-slot")) { slot.addEventListener("click", () => openPicker("movePreset", "謚")); } document.getElementById("pickerSearch").addEventListener("input", renderPickerList); document.getElementById("pickerClose").addEventListener("click", closePicker); document.getElementById("pickerOverlay").addEventListener("click", (event) => { if (event.target.id === "pickerOverlay") { closePicker(); } }); document.addEventListener("keydown", (event) => { if (event.key === "Escape") { closePicker(); } }); } function createInputGroup(title, fieldIds, open = false, groupKey = "") { const details = document.createElement("details"); details.className = "input-group"; details.open = open; if (groupKey) { details.dataset.group = groupKey; } const summary = document.createElement("summary"); summary.className = "input-group-title"; summary.textContent = title; const body = document.createElement("div"); body.className = "input-group-body"; if (groupKey === "attacker" || groupKey === "defender") { const head = document.createElement("div"); head.className = "calc-card-head"; head.innerHTML = ` <div id="${groupKey}CardIcon" class="calc-card-icon">?</div> <div> <p id="${groupKey}CardTitle" class="calc-card-title">-</p> <p id="${groupKey}CardSub" class="calc-card-sub">-</p> <p id="${groupKey}CardStats" class="calc-card-stats">-</p> </div> `; body.appendChild(head); const stats = document.createElement("div"); stats.id = `${groupKey}MiniStats`; stats.className = "stat-mini-table"; body.appendChild(stats); } if (groupKey === "move") { const head = document.createElement("div"); head.className = "move-card-head"; head.innerHTML = ` <p id="moveCardTitle" class="move-card-title">-</p> <p id="moveCardSub" class="move-card-sub">-</p> `; body.appendChild(head); const slots = document.createElement("div"); slots.className = "move-slots"; slots.innerHTML = ` <button class="move-slot" type="button" aria-current="true" data-slot="0">謾ｻ謦・橿</button> <button class="move-slot" type="button" data-slot="1">謾ｻ謦・橿</button> <button class="move-slot" type="button" data-slot="2">謾ｻ謦・橿</button> <button class="move-slot" type="button" data-slot="3">謾ｻ謦・橿</button> `; body.appendChild(slots); } const grid = document.createElement("div"); grid.className = "field-grid"; for (const id of fieldIds) { const spPanel = createSpPanel(groupKey, id); if (spPanel) { grid.appendChild(spPanel); } if (groupKey === "attacker" && id === "critical") { const moveMeta = document.createElement("div"); moveMeta.className = "move-card-head"; moveMeta.innerHTML = ` <p id="moveCardTitle" class="move-card-title">-</p> <p id="moveCardSub" class="move-card-sub">-</p> `; grid.appendChild(moveMeta); const moveOptions = document.createElement("div"); moveOptions.id = "moveExtraOptions"; moveOptions.className = "checkbox-row move-extra-options"; grid.appendChild(moveOptions); } const dividerLabel = getDividerLabel(groupKey, id); if (dividerLabel) { const divider = document.createElement("div"); divider.className = "section-divider"; divider.textContent = dividerLabel; grid.appendChild(divider); } const quickRow = createQuickRow(groupKey, id); if (quickRow) { grid.appendChild(quickRow); } const control = document.getElementById(id); const field = control?.closest(".field"); if (field) { grid.appendChild(field); } } body.appendChild(grid); details.appendChild(summary); details.appendChild(body); return details; } function formatTargetStatLabel(statName) { const labels = { hp: "HP", attack: "謾ｻ謦・, defense: "髦ｲ蠕｡", spAttack: "迚ｹ謾ｻ", spDefense: "迚ｹ髦ｲ", }; return labels[statName] || "閭ｽ蜉・; } function getAttackerTunedStat(move) { if (move.special === "body-press") { return "defense"; } return move.category === "special" ? "spAttack" : "attack"; } function getDefenderTunedStat(move) { return move.category === "special" && move.special !== "psyshock" ? "spDefense" : "defense"; } function clampStage(value) { return Math.max(-6, Math.min(6, Number(value) || 0)); } function syncTunerControls() { const syncIds = ["attackerSp", "defenderHpSp", "defenderDefenseSp", "attackStage", "defenseStage"]; for (const id of syncIds) { const source = document.getElementById(id); if (!source) continue; for (const range of document.querySelectorAll(`[data-range-sync="${id}"]`)) { range.value = source.value; } for (const slider of document.querySelectorAll(`[data-slider-sync="${id}"]`)) { const min = Number(slider.dataset.min || 0); const max = Number(slider.dataset.max || 100); const value = Number(source.value || 0); const ratio = max === min ? 0 : (value - min) / (max - min); const fill = slider.querySelector("span"); slider.setAttribute("aria-valuenow", String(value)); if (fill) fill.style.width = `${Math.max(0, Math.min(100, ratio * 100))}%`; } } const attackerSp = clampSp(getNumber("attackerSp")); const defenderHpSp = clampSp(getNumber("defenderHpSp")); const defenderDefenseSp = clampSp(getNumber("defenderDefenseSp")); const attackStage = clampStage(getNumber("attackStage")); const defenseStage = clampStage(getNumber("defenseStage")); const move = getMove(document.getElementById("movePreset").value); const attackerStatName = getAttackerTunedStat(move); const defenderStatName = getDefenderTunedStat(move); const attackerNature = getNature(document.getElementById("attackerNature").value); const defenderNature = getNature(document.getElementById("defenderNature").value); const textMap = { attackerSpValue: attackerSp, defenderHpSpValue: defenderHpSp, defenderDefenseSpValue: defenderDefenseSp, attackerStageValue: formatStage(attackStage), defenderStageValue: formatStage(defenseStage), }; for (const [id, value] of Object.entries(textMap)) { const element = document.getElementById(id); if (element) element.textContent = value; } const attackerLabel = document.querySelector("[data-attacker-real-label]"); if (attackerLabel) attackerLabel.textContent = `${formatTargetStatLabel(attackerStatName)}螳滓焚蛟､`; const defenderLabel = document.querySelector("[data-defender-real-label]"); if (defenderLabel) defenderLabel.textContent = `${formatTargetStatLabel(defenderStatName)}螳滓焚蛟､`; updateNatureChips("attacker", getNatureMultiplier(attackerNature, attackerStatName)); updateNatureChips("defender", getNatureMultiplier(defenderNature, defenderStatName)); const labelMap = { "[data-attacker-real-label]": `${formatTargetStatLabel(attackerStatName)}螳滓焚蛟､`, "[data-attacker-sp-label]": `${formatTargetStatLabel(attackerStatName)}SP`, "[data-defender-real-label]": `${formatTargetStatLabel(defenderStatName)}螳滓焚蛟､`, "[data-defender-defense-sp-label]": `${formatTargetStatLabel(defenderStatName)}SP`, "[data-defender-stage-label]": `${formatTargetStatLabel(defenderStatName)}繝ｩ繝ｳ繧ｯ`, }; for (const [selector, label] of Object.entries(labelMap)) { for (const element of document.querySelectorAll(selector)) { element.textContent = label; } } const attackerSlider = document.querySelector('[data-slider-sync="attackerSp"]'); if (attackerSlider) attackerSlider.setAttribute("aria-label", `謾ｻ謦・・${formatTargetStatLabel(attackerStatName)}SP`); const defenderSlider = document.querySelector('[data-slider-sync="defenderDefenseSp"]'); if (defenderSlider) defenderSlider.setAttribute("aria-label", `髦ｲ蠕｡蛛ｴ${formatTargetStatLabel(defenderStatName)}SP`); } function updateNatureChips(side, activeMultiplier) { for (const chip of document.querySelectorAll(`[data-nature-side="${side}"]`)) { chip.setAttribute("aria-pressed", Number(chip.dataset.natureMult) === activeMultiplier ? "true" : "false"); } } function setNatureForMultiplier(side, multiplier) { const move = getMove(document.getElementById("movePreset").value); const statName = side === "attacker" ? getAttackerTunedStat(move) : getDefenderTunedStat(move); const targetId = side === "attacker" ? "attackerNature" : "defenderNature"; const target = Number(multiplier); const nature = natureOptions.find((option) => getNatureMultiplier(option, statName) === target); if (!nature) return; setValue(targetId, nature.value); syncTunerControls(); if (side === "attacker") { applyAttackerPreset(); } else { applyDefenderPreset(); } } function handleTunerInput(event) { const targetId = event.target?.dataset?.rangeSync; if (!targetId) return; const rawValue = Number(event.target.value); const value = targetId.includes("Stage") ? clampStage(rawValue) : clampSp(rawValue); applyTunerValue(targetId, value); } function applyTunerValue(targetId, rawValue) { const value = targetId.includes("Stage") ? clampStage(rawValue) : clampSp(rawValue); setValue(targetId, value); syncTunerControls(); if (targetId.startsWith("attacker") || targetId === "attackStage") { applyAttackerPreset(); } else { applyDefenderPreset(); } } function setupRangeDragFallback() { let activeSlider = null; const sliderValueFromPoint = (slider, clientX) => { const rect = slider.getBoundingClientRect(); if (!rect.width) return Number(slider.getAttribute("aria-valuenow") || 0); const min = Number(slider.dataset.min || 0); const max = Number(slider.dataset.max || 100); const ratio = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width)); return Math.round(min + ratio * (max - min)); }; const updateSlider = (slider, clientX) => { const targetId = slider.dataset.sliderSync; if (!targetId) return; applyTunerValue(targetId, sliderValueFromPoint(slider, clientX)); }; for (const slider of document.querySelectorAll("[data-slider-sync]")) { slider.addEventListener("pointerdown", (event) => { event.preventDefault(); activeSlider = slider; slider.setPointerCapture?.(event.pointerId); updateSlider(slider, event.clientX); }); slider.addEventListener("pointermove", (event) => { if (activeSlider !== slider) return; event.preventDefault(); updateSlider(slider, event.clientX); }); slider.addEventListener("pointerup", () => { activeSlider = null; }); slider.addEventListener("pointercancel", () => { activeSlider = null; }); slider.addEventListener("touchstart", (event) => { const touch = event.touches?.[0]; if (!touch) return; event.preventDefault(); activeSlider = slider; updateSlider(slider, touch.clientX); }, { passive: false }); slider.addEventListener("touchmove", (event) => { if (activeSlider !== slider) return; const touch = event.touches?.[0]; if (!touch) return; event.preventDefault(); updateSlider(slider, touch.clientX); }, { passive: false }); slider.addEventListener("touchend", () => { activeSlider = null; }); slider.addEventListener("mousedown", (event) => { event.preventDefault(); activeSlider = slider; updateSlider(slider, event.clientX); }); } document.addEventListener("mousemove", (event) => { if (!activeSlider || event.buttons !== 1) return; event.preventDefault(); updateSlider(activeSlider, event.clientX); }, true); document.addEventListener("mouseup", () => { activeSlider = null; }, true); for (const range of document.querySelectorAll('input[type="range"][data-range-sync]')) { range.addEventListener("pointerdown", (event) => updateRangeFromPointer(range, event)); range.addEventListener("pointermove", (event) => { if (event.buttons !== 1 && event.pressure === 0) return; updateRangeFromPointer(range, event); }); range.addEventListener("touchstart", (event) => updateRangeFromTouch(range, event), { passive: false }); range.addEventListener("touchmove", (event) => updateRangeFromTouch(range, event), { passive: false }); range.addEventListener("mousedown", (event) => updateRangeFromPointer(range, event)); range.addEventListener("mousemove", (event) => { if (event.buttons !== 1) return; updateRangeFromPointer(range, event); }); } let activeRange = null; const rangeFromEvent = (event) => { const target = event.target; if (target?.closest?.(".step-button")) return null; const row = target?.closest?.(".sp-range-row, .rank-range-row"); return row?.querySelector?.('input[type="range"][data-range-sync]') || null; }; const touchPoint = (event) => event.touches?.[0] || event.changedTouches?.[0] || null; document.addEventListener("touchstart", (event) => { const range = rangeFromEvent(event); if (!range) return; activeRange = range; updateRangeFromTouch(activeRange, event); }, { passive: false, capture: true }); document.addEventListener("touchmove", (event) => { if (!activeRange || !touchPoint(event)) return; updateRangeFromTouch(activeRange, event); }, { passive: false, capture: true }); document.addEventListener("touchend", () => { activeRange = null; }, { capture: true }); document.addEventListener("mousedown", (event) => { const range = rangeFromEvent(event); if (!range) return; activeRange = range; updateRangeFromPointer(activeRange, event); }, true); document.addEventListener("mousemove", (event) => { if (!activeRange || event.buttons !== 1) return; updateRangeFromPointer(activeRange, event); }, true); document.addEventListener("mouseup", () => { activeRange = null; }, true); } function updateRangeFromPointer(range, event) { event.preventDefault(); const control = range.closest(".sp-range-row, .rank-range-row")?.querySelector(".range-control") || range; const rect = control.getBoundingClientRect(); if (!rect.width) return; const min = Number(range.min || 0); const max = Number(range.max || 100); const ratio = Math.max(0, Math.min(1, (event.clientX - rect.left) / rect.width)); const nextValue = String(Math.round(min + ratio * (max - min))); if (range.value === nextValue) return; range.value = nextValue; range.dispatchEvent(new Event("input", { bubbles: true })); range.dispatchEvent(new Event("change", { bubbles: true })); } function updateRangeFromTouch(range, event) { const touch = event.touches?.[0] || event.changedTouches?.[0]; if (!touch) return; updateRangeFromPointer(range, { clientX: touch.clientX, preventDefault: () => event.preventDefault(), }); } function handleTunerClick(event) { const target = event.target; if (!target?.dataset) return; if (target.dataset.stepTarget) { const targetId = target.dataset.stepTarget; const current = getNumber(targetId); const next = current + Number(target.dataset.step || 0); setValue(targetId, targetId.includes("Stage") ? clampStage(next) : clampSp(next)); syncTunerControls(); if (targetId.startsWith("attacker") || targetId === "attackStage") { applyAttackerPreset(); } else { applyDefenderPreset(); } } if (target.dataset.natureSide) { setNatureForMultiplier(target.dataset.natureSide, target.dataset.natureMult); } } function createSpPanel(groupKey, id) { if (groupKey === "attacker" && id === "attackerSp") { const panel = document.createElement("div"); panel.className = "sp-panel"; panel.innerHTML = ` <p class="sp-panel-title">Champions SP</p> <div class="stat-tuner" data-tuner="attacker"> <div class="stat-tuner-head"> <div> <p class="stat-readout-label" data-attacker-real-label>螳滓焚蛟､</p> <p id="attackerRealStat" class="stat-readout-value">-</p> </div> <div> <p class="stat-readout-label" data-attacker-sp-label>謾ｻ謦ゴP</p> <p id="attackerSpValue" class="stat-readout-value">0</p> </div> <div> <p class="stat-readout-label">蛟倶ｽ灘､</p> <p class="stat-readout-value small">31</p> </div> </div> <div class="sp-range-row"> <div class="range-control" role="slider" aria-label="謾ｻ謦・・SP" aria-valuemin="0" aria-valuemax="32" aria-valuenow="0" data-slider-sync="attackerSp" data-min="0" data-max="32"><span></span></div> <input class="sp-range native-range" type="range" min="0" max="32" value="0" data-range-sync="attackerSp" tabindex="-1"> <button class="step-button" type="button" data-step-target="attackerSp" data-step="-1">竏・/button> <button class="step-button" type="button" data-step-target="attackerSp" data-step="1">・・/button> </div> <div class="nature-chip-row" aria-label="謾ｻ謦・・諤ｧ譬ｼ陬懈ｭ｣"> <button class="nature-chip" type="button" data-nature-side="attacker" data-nature-mult="0.9">x0.9</button> <button class="nature-chip" type="button" data-nature-side="attacker" data-nature-mult="1">x1.0</button> <button class="nature-chip" type="button" data-nature-side="attacker" data-nature-mult="1.1">x1.1</button> </div> <div> <p class="stat-readout-label">謾ｻ謦・・繝ｩ繝ｳ繧ｯ <strong id="attackerStageValue">ﾂｱ0</strong></p> <div class="rank-range-row"> <div class="range-control rank-control" role="slider" aria-label="謾ｻ謦・・繝ｩ繝ｳ繧ｯ" aria-valuemin="-6" aria-valuemax="6" aria-valuenow="0" data-slider-sync="attackStage" data-min="-6" data-max="6"><span></span></div> <input class="rank-range native-range" type="range" min="-6" max="6" value="0" data-range-sync="attackStage" tabindex="-1"> <button class="step-button" type="button" data-step-target="attackStage" data-step="-1">竏・/button> <button class="step-button" type="button" data-step-target="attackStage" data-step="1">・・/button> </div> </div> </div> <div class="sp-presets"> <button class="quick-button" type="button" data-attacker-sp="0">SP0</button> <button class="quick-button" type="button" data-attacker-sp="11">SP11</button> <button class="quick-button" type="button" data-attacker-sp="24">SP24</button> <button class="quick-button" type="button" data-attacker-sp="32">SP32</button> </div> <p class="sp-note">迚ｩ逅・橿縺ｯ謾ｻ謦ゴP縲∫音谿頑橿縺ｯ迚ｹ謾ｻSP縺ｨ縺励※蜿肴丐縺励∪縺吶・閭ｽ蜉帶怙螟ｧ32縲∝粋險井ｸ企剞66縺ｧ縺吶・/p> `; panel.addEventListener("click", (event) => { const value = event.target?.dataset?.attackerSp; if (value === undefined) return; setValue("attackerSp", value); syncTunerControls(); applyAttackerPreset(); }); panel.addEventListener("input", handleTunerInput); panel.addEventListener("click", handleTunerClick); return panel; } if (groupKey === "defender" && id === "defenderHpSp") { const panel = document.createElement("div"); panel.className = "sp-panel"; panel.innerHTML = ` <p class="sp-panel-title">Champions SP</p> <div class="stat-tuner" data-tuner="defender-hp"> <div class="stat-tuner-head"> <div> <p class="stat-readout-label">HP螳滓焚蛟､</p> <p id="defenderHpRealStat" class="stat-readout-value">-</p> </div> <div> <p class="stat-readout-label">HP SP</p> <p id="defenderHpSpValue" class="stat-readout-value">0</p> </div> <div> <p class="stat-readout-label">蛟倶ｽ灘､</p> <p class="stat-readout-value small">31</p> </div> </div> <div class="sp-range-row"> <div class="range-control" role="slider" aria-label="髦ｲ蠕｡蛛ｴHP SP" aria-valuemin="0" aria-valuemax="32" aria-valuenow="0" data-slider-sync="defenderHpSp" data-min="0" data-max="32"><span></span></div> <input class="sp-range native-range" type="range" min="0" max="32" value="0" data-range-sync="defenderHpSp" tabindex="-1"> <button class="step-button" type="button" data-step-target="defenderHpSp" data-step="-1">竏・/button> <button class="step-button" type="button" data-step-target="defenderHpSp" data-step="1">・・/button> </div> </div> <div class="stat-tuner" data-tuner="defender-defense"> <div class="stat-tuner-head"> <div> <p class="stat-readout-label" data-defender-real-label>髦ｲ蠕｡螳滓焚蛟､</p> <p id="defenderDefenseRealStat" class="stat-readout-value">-</p> </div> <div> <p class="stat-readout-label" data-defender-defense-sp-label>髦ｲ蠕｡SP</p> <p id="defenderDefenseSpValue" class="stat-readout-value">0</p> </div> <div> <p class="stat-readout-label">蛟倶ｽ灘､</p> <p class="stat-readout-value small">31</p> </div> </div> <div class="sp-range-row"> <div class="range-control" role="slider" aria-label="髦ｲ蠕｡蛛ｴ髦ｲ蠕｡SP" aria-valuemin="0" aria-valuemax="32" aria-valuenow="0" data-slider-sync="defenderDefenseSp" data-min="0" data-max="32"><span></span></div> <input class="sp-range native-range" type="range" min="0" max="32" value="0" data-range-sync="defenderDefenseSp" tabindex="-1"> <button class="step-button" type="button" data-step-target="defenderDefenseSp" data-step="-1">竏・/button> <button class="step-button" type="button" data-step-target="defenderDefenseSp" data-step="1">・・/button> </div> <div class="nature-chip-row" aria-label="髦ｲ蠕｡蛛ｴ諤ｧ譬ｼ陬懈ｭ｣"> <button class="nature-chip" type="button" data-nature-side="defender" data-nature-mult="0.9">x0.9</button> <button class="nature-chip" type="button" data-nature-side="defender" data-nature-mult="1">x1.0</button> <button class="nature-chip" type="button" data-nature-side="defender" data-nature-mult="1.1">x1.1</button> </div> <div> <p class="stat-readout-label"><span data-defender-stage-label>髦ｲ蠕｡蛛ｴ繝ｩ繝ｳ繧ｯ</span> <strong id="defenderStageValue">ﾂｱ0</strong></p> <div class="rank-range-row"> <div class="range-control rank-control" role="slider" aria-label="髦ｲ蠕｡蛛ｴ繝ｩ繝ｳ繧ｯ" aria-valuemin="-6" aria-valuemax="6" aria-valuenow="0" data-slider-sync="defenseStage" data-min="-6" data-max="6"><span></span></div> <input class="rank-range native-range" type="range" min="-6" max="6" value="0" data-range-sync="defenseStage" tabindex="-1"> <button class="step-button" type="button" data-step-target="defenseStage" data-step="-1">竏・/button> <button class="step-button" type="button" data-step-target="defenseStage" data-step="1">・・/button> </div> </div> </div> <div class="sp-presets"> <button class="quick-button" type="button" data-def-hp="0" data-def-bd="0">SP0</button> <button class="quick-button" type="button" data-def-hp="32">HP32</button> <button class="quick-button" type="button" data-def-bd="32">B/D32</button> <button class="quick-button" type="button" data-def-hp="32" data-def-bd="32">H+B/D32</button> </div> <p class="sp-note">髦ｲ蠕｡蛛ｴSP縺ｯ縲∵橿蛻・｡槭↓蠢懊§縺ｦ髦ｲ蠕｡SP縺ｾ縺溘・迚ｹ髦ｲSP縺ｨ縺励※蜿肴丐縺励∪縺吶・閭ｽ蜉帶怙螟ｧ32縲∝粋險井ｸ企剞66縺ｧ縺吶・/p> `; panel.addEventListener("click", (event) => { const hp = event.target?.dataset?.defHp; const bd = event.target?.dataset?.defBd; if (hp !== undefined) setValue("defenderHpSp", hp); if (bd !== undefined) setValue("defenderDefenseSp", bd); syncTunerControls(); applyDefenderPreset(); }); panel.addEventListener("input", handleTunerInput); panel.addEventListener("click", handleTunerClick); return panel; } return null; } function getDividerLabel(groupKey, id) { const labels = { attacker: { attackerSp: "謾ｻ謦・, ability: "迚ｹ諤ｧ / 繧ゅ■繧ゅ・", weather: "迺ｰ蠅・/ 迥ｶ諷・, }, defender: { hp: "HP", defense: "髦ｲ蠕｡", defenderAbility: "迚ｹ諤ｧ / 繧ゅ■繧ゅ・", screen: "迺ｰ蠅・, }, }; return labels[groupKey]?.[id] || ""; } function createQuickRow(groupKey, id) { if (groupKey === "defender" && id === "hp") { const row = document.createElement("div"); row.className = "quick-row"; row.innerHTML = ` <button class="quick-button" type="button" data-preset="h32">HP SP32</button> <button class="quick-button" type="button" data-preset="b32">髦ｲ蠕｡SP32</button> <button class="quick-button" type="button" data-preset="reset">0</button> `; row.addEventListener("click", (event) => { const preset = event.target?.dataset?.preset; if (!preset) return; if (preset === "h32") setValue("defenderHpSp", SP_MAX_STAT); if (preset === "b32") setValue("defenderDefenseSp", SP_MAX_STAT); if (preset === "reset") { setValue("defenderHpSp", 0); setValue("defenderDefenseSp", 0); } applyDefenderPreset(); }); return row; } return null; } function organizeInputGroups() { const inputSection = document.getElementById("inputSection"); if (!inputSection || document.getElementById("inputGroups")) { return; } const groups = document.createElement("div"); groups.id = "inputGroups"; groups.className = "input-groups"; groups.appendChild(createInputGroup("Attacker", [ "attackerPreset", "attackerMega", "attackerBattleForm", "movePreset", "critical", "attackerNature", "attackerSp", "attackStage", "attack", "ability", "item", "burn", "helpingHand", "battleFormat", "spreadMove", "weather", "terrain", "hpCondition", "level", "power", "moveType", "moveCategory", "stab", "typeEffectiveness", ], true, "attacker")); groups.appendChild(createInputGroup("Defender", [ "defenderPreset", "defenderMega", "defenderBattleForm", "defenderNature", "defenderHpSp", "defenderDefenseSp", "defenseStage", "hp", "defense", "defenderAbility", "defenderItem", "screen", "battleModifier", ], true, "defender")); const actions = inputSection.querySelector(".actions"); inputSection.insertBefore(groups, actions); for (const summary of groups.querySelectorAll("summary")) { summary.addEventListener("click", (event) => event.preventDefault()); } } function makeAbilityOptionsForPokemon(pokemon) { const names = pokemon.abilityNames || []; const values = pokemon.abilities || []; const rankingEntry = getRankingEntryForPokemon(pokemon); const options = [{ value: "none", label: "縺ｪ縺・ }]; for (let index = 0; index < values.length; index += 1) { options.push({ value: values[index], label: names[index] || values[index], }); } const unique = uniqueOptions(options); const head = unique.slice(0, 1); const body = unique.slice(1).sort((a, b) => { return getRankingPercentage(rankingEntry, "abilities", b.label) - getRankingPercentage(rankingEntry, "abilities", a.label); }); return [...head, ...body]; } function setPokemonAbilitySelect(selectId, pokemon) { const select = document.getElementById(selectId); const status = document.getElementById(selectId === "ability" ? "attackerAbilityStatus" : "defenderAbilityStatus"); const currentValue = select.value; const options = pokemon.id === "custom" ? (selectId === "ability" ? abilityOptions : defenderAbilityOptions) : makeAbilityOptionsForPokemon(pokemon); fillOptionSelect(selectId, options); if (pokemon.id !== "custom" && (currentValue === "none" || !options.some((option) => option.value === currentValue))) { select.value = options[1]?.value || "none"; } else if (options.some((option) => option.value === currentValue)) { select.value = currentValue; } else if (pokemon.id !== "custom" && options.length > 1) { select.value = options[1].value; } else { select.value = "none"; } if (pokemon.id === "custom") { status.textContent = "謇句・蜉帑ｸｭ: 蜈ｨ迚ｹ諤ｧ縺九ｉ驕ｸ謚・; } else { const labels = options.slice(1).map((option) => option.label); status.textContent = labels.length ? `${pokemon.name}縺ｮ迚ｹ諤ｧ: ${labels.join(" / ")}` : `${pokemon.name}縺ｮ迚ｹ諤ｧ蛟呵｣懊↑縺輿; } syncAbilityActivationControl(selectId); } function fillMegaSelect(id, basePokemonId) { const select = document.getElementById(id); const status = document.getElementById(id === "attackerMega" ? "attackerMegaStatus" : "defenderMegaStatus"); const previousValue = select.value || "none"; const options = megaData.filter((mega) => mega.id === "none" || String(mega.basePokemonId) === String(basePokemonId)); select.innerHTML = ""; for (const row of options) { const option = document.createElement("option"); option.value = row.id; option.textContent = row.name; select.appendChild(option); } select.value = options.some((option) => option.id === previousValue) ? previousValue : "none"; const megaCount = options.length - 1; if (megaData.length <= 1) { status.textContent = "繝｡繧ｬ繝・・繧ｿ譛ｪ隱ｭ霎ｼ縺ｧ縺吶Ｐpen-app.bat 縺九ｉ髢九＞縺ｦ縺上□縺輔＞縲・; } else if (!basePokemonId) { status.textContent = "繝昴こ繝｢繝ｳ繧帝∈縺ｶ縺ｨ蛟呵｣懊′蜃ｺ縺ｾ縺吶・; } else if (megaCount > 0) { status.textContent = `蛟呵｣懊≠繧・ ${options.slice(1).map((option) => option.name).join(" / ")}`; } else { status.textContent = "縺薙・繝昴こ繝｢繝ｳ縺ｯ繝｡繧ｬ蛟呵｣懊↑縺励・; } } function syncBattleSwitchControl(side, pokemon) { const select = document.getElementById(`${side}BattleForm`); if (!select) return; const field = select.closest(".field"); const active = isAegislash(pokemon); if (field) field.hidden = !active; if (!active) { select.value = side === "attacker" ? "blade" : "shield"; } } function fillStageSelect(id) { const select = document.getElementById(id); select.innerHTML = ""; for (let stage = -6; stage <= 6; stage += 1) { const option = document.createElement("option"); option.value = String(stage); option.textContent = stage > 0 ? `+${stage}` : String(stage); if (stage === 0) { option.selected = true; } select.appendChild(option); } } function updateStabFromTypes() { const attacker = getActivePokemon( document.getElementById("attackerPreset").value, document.getElementById("attackerMega").value, getBattleForm("attacker") ); const moveType = document.getElementById("moveType").value; if (attacker.types.includes(moveType)) { setValue("stab", 1.5); } else if (attacker.id !== "custom") { setValue("stab", 1); } } function calcTypeEffectiveness(moveType, defenderTypes) { return defenderTypes.reduce((multiplier, defenderType) => { const typeModifier = typeChart[moveType]?.[defenderType] ?? 1; return multiplier * typeModifier; }, 1); } function formatTypes(types) { if (!types.length) { return "謇句・蜉・; } return types.map((type) => typeNames[type] || type).join(" / "); } function updateTypeEffectiveness() { const defender = getActivePokemon( document.getElementById("defenderPreset").value, document.getElementById("defenderMega").value, getBattleForm("defender") ); const moveType = document.getElementById("moveType").value; const effectiveness = defender.id === "custom" ? getNumber("typeEffectiveness") : calcTypeEffectiveness(moveType, defender.types); if (defender.id !== "custom") { setValue("typeEffectiveness", effectiveness); } document.getElementById("typeMatchup").textContent = `${typeNames[moveType] || moveType} -> ${formatTypes(defender.types)}: ${effectiveness}蛟港; } function setMoveFromUsageForPokemon(pokemon) { const move = getTopUsageMoveForPokemon(pokemon); if (!move) { return false; } setValue("movePreset", move.id); syncPickerButton("movePreset"); applyMovePreset({ skipAttackerPreset: true }); return true; } function applyAttackerPreset(options = {}) { const baseAttacker = getPokemon(document.getElementById("attackerPreset").value); fillMegaSelect("attackerMega", baseAttacker.sourceId); syncBattleSwitchControl("attacker", baseAttacker); const attacker = getActivePokemon( document.getElementById("attackerPreset").value, document.getElementById("attackerMega").value, getBattleForm("attacker") ); if (options.useTopMove) { setMoveFromUsageForPokemon(attacker); } const move = getMove(document.getElementById("movePreset").value); if (attacker.id !== "custom") { setPokemonAbilitySelect("ability", attacker); const nature = getNature(document.getElementById("attackerNature").value); const spValue = clampSp(getNumber("attackerSp")); const stats = attacker.baseStats ? calcLevel50Stats(attacker.baseStats, { hp: 0, attack: move.category === "physical" ? spValue : 0, defense: move.special === "body-press" ? spValue : 0, spAttack: move.category === "special" ? spValue : 0, spDefense: 0, }, nature) : attacker.stats; const attackingStat = move.special === "body-press" ? stats.defense : (move.category === "special" ? stats.spAttack : stats.attack); setValue("attack", attackingStat); } else { setPokemonAbilitySelect("ability", attacker); } updateStabFromTypes(); updateTypeEffectiveness(); calculate(); } function syncAttackerControls() { applyAttackerPreset(); } function applyMovePreset(options = {}) { const move = getMove(document.getElementById("movePreset").value); if (move.id !== "custom") { setValue("power", move.power); setValue("moveType", move.type); setValue("moveCategory", move.category); } if (!options.skipAttackerPreset) { applyAttackerPreset(); } applyDefenderPreset(); } function applyDefenderPreset() { const baseDefender = getPokemon(document.getElementById("defenderPreset").value); fillMegaSelect("defenderMega", baseDefender.sourceId); syncBattleSwitchControl("defender", baseDefender); const defender = getActivePokemon( document.getElementById("defenderPreset").value, document.getElementById("defenderMega").value, getBattleForm("defender") ); const move = getMove(document.getElementById("movePreset").value); if (defender.id !== "custom") { setPokemonAbilitySelect("defenderAbility", defender); const nature = getNature(document.getElementById("defenderNature").value); const hpSp = clampSp(getNumber("defenderHpSp")); const defenseSp = clampSp(getNumber("defenderDefenseSp")); const stats = defender.baseStats ? calcLevel50Stats(defender.baseStats, { hp: hpSp, attack: 0, defense: move.category === "physical" || move.special === "psyshock" ? defenseSp : 0, spAttack: 0, spDefense: move.category === "special" && move.special !== "psyshock" ? defenseSp : 0, }, nature) : defender.stats; const defendingStat = move.category === "special" && move.special !== "psyshock" ? stats.spDefense : stats.defense; setValue("hp", stats.hp); setValue("defense", defendingStat); } else { setPokemonAbilitySelect("defenderAbility", defender); } updateTypeEffectiveness(); calculate(); } function syncDefenderControls() { applyDefenderPreset(); } function buildModifiers(input) { const ctx = { moveType: input.moveType, moveCategory: input.moveCategory, typeEffectiveness: input.typeEffectiveness, isLowHp: input.hpCondition === "low", moveFlags: input.moveFlags || {}, defenderStatus: input.defenderStatus || "none", defenderAbilityActivated: input.defenderAbilityActivated, moveSpecial: input.moveSpecial || null, moveName: input.moveName || "", attackModifier: 1, defenseModifier: 1, powerModifier: 1, preRandomModifier: 1, postRandomModifier: input.battleModifier, stab: input.stab, basePower: input.power, weather: input.weather, terrain: input.terrain, notes: [], }; if (input.attackStage !== 0) { ctx.notes.push(`謾ｻ謦・・繝ｩ繝ｳ繧ｯ${formatStage(input.attackStage)}: x${getStageMultiplier(input.attackStage).toFixed(2)}`); } if (input.defenseStage !== 0) { ctx.notes.push(`髦ｲ蠕｡蛛ｴ繝ｩ繝ｳ繧ｯ${formatStage(input.defenseStage)}: x${getStageMultiplier(input.defenseStage).toFixed(2)}`); } if (String(input.ability).startsWith("unsupported:")) { ctx.notes.push("謾ｻ謦・・迚ｹ諤ｧ: 譛ｪ蟇ｾ蠢・); } if (String(input.defenderAbility).startsWith("unsupported:")) { ctx.notes.push("髦ｲ蠕｡蛛ｴ迚ｹ諤ｧ: 譛ｪ蟇ｾ蠢・); } if (String(input.item).startsWith("unsupported:")) { ctx.notes.push("謾ｻ謦・・驕灘・: 譛ｪ蟇ｾ蠢・); } if (String(input.defenderItem).startsWith("unsupported:")) { ctx.notes.push("髦ｲ蠕｡蛛ｴ驕灘・: 譛ｪ蟇ｾ蠢・); } if (input.isCritical) { ctx.preRandomModifier *= 1.5; ctx.notes.push("諤･謇: 譛邨ゅム繝｡繝ｼ繧ｸ1.5蛟・); } if (input.isBurned && input.moveCategory === "physical" && input.ability !== "guts" && !input.ignoreBurnAttackDrop) { ctx.postRandomModifier *= 0.5; ctx.notes.push("繧・￠縺ｩ: 迚ｩ逅・判謦・.5蛟・); } applyAbility(ctx, input.ability); if (input.defenderTypes.length > 0) { ctx.typeEffectiveness = calcTypeEffectiveness(ctx.moveType, input.defenderTypes); if (input.forceWaterSuperEffective && input.defenderTypes.includes("water")) { const otherTypes = input.defenderTypes.filter((type) => type !== "water"); ctx.typeEffectiveness = otherTypes.reduce((multiplier, type) => { return multiplier * (typeChart.ice?.[type] ?? 1); }, 2); } } applyWeather(ctx, input); applyTerrain(ctx, input); applyBattleRules(ctx, input); applyItem(ctx, input.item); if (input.ability !== "moldBreaker") { applyDefenderAbility(ctx, input.defenderAbility); } applyDefenderItem(ctx, input.defenderItem); return ctx; } function applyWeather(ctx, input) { if (ctx.weather === "sun" && ctx.moveType === "fire") { ctx.preRandomModifier *= 1.5; ctx.notes.push("譎ｴ繧・縺ｻ縺ｮ縺頑橿1.5蛟・); } if (ctx.weather === "sun" && ctx.moveType === "water") { ctx.preRandomModifier *= 0.5; ctx.notes.push("譎ｴ繧・縺ｿ縺壽橿0.5蛟・); } if (ctx.weather === "rain" && ctx.moveType === "water") { ctx.preRandomModifier *= 1.5; ctx.notes.push("髮ｨ: 縺ｿ縺壽橿1.5蛟・); } if (ctx.weather === "rain" && ctx.moveType === "fire") { ctx.preRandomModifier *= 0.5; ctx.notes.push("髮ｨ: 縺ｻ縺ｮ縺頑橿0.5蛟・); } if (ctx.weather === "sand" && input.moveCategory === "special" && input.defenderTypes.includes("rock")) { ctx.defenseModifier *= 1.5; ctx.notes.push("遐ょｵ・縺・ｏ繧ｿ繧､繝礼音髦ｲ1.5蛟・); } if (ctx.weather === "snow" && input.moveCategory === "physical" && input.defenderTypes.includes("ice")) { ctx.defenseModifier *= 1.5; ctx.notes.push("髮ｪ: 縺薙♀繧翫ち繧､繝鈴亟蠕｡1.5蛟・); } } function applyTerrain(ctx, input) { const terrain = ctx.terrain || input.terrain; if (terrain === "electric" && ctx.moveType === "electric") { ctx.preRandomModifier *= 1.3; ctx.notes.push("繧ｨ繝ｬ繧ｭ繝輔ぅ繝ｼ繝ｫ繝・縺ｧ繧薙″謚1.3蛟・); } if (terrain === "grassy" && ctx.moveType === "grass") { ctx.preRandomModifier *= 1.3; ctx.notes.push("繧ｰ繝ｩ繧ｹ繝輔ぅ繝ｼ繝ｫ繝・縺上＆謚1.3蛟・); } if (input.terrain === "grassy" && ["縺倥＠繧・, "縺倥↑繧峨＠", "繝槭げ繝九メ繝･繝ｼ繝・].includes(ctx.moveName)) { ctx.preRandomModifier *= 0.5; ctx.notes.push("繧ｰ繝ｩ繧ｹ繝輔ぅ繝ｼ繝ｫ繝・蝨ｰ髱｢蜈ｨ菴捺橿0.5蛟・); } if (terrain === "psychic" && ctx.moveType === "psychic") { ctx.preRandomModifier *= 1.3; ctx.notes.push("繧ｵ繧､繧ｳ繝輔ぅ繝ｼ繝ｫ繝・繧ｨ繧ｹ繝代・謚1.3蛟・); } if (terrain === "misty" && ctx.moveType === "dragon") { ctx.preRandomModifier *= 0.5; ctx.notes.push("繝溘せ繝医ヵ繧｣繝ｼ繝ｫ繝・繝峨Λ繧ｴ繝ｳ謚0.5蛟・); } } function applyBattleRules(ctx, input) { if (input.battleFormat === "double" && input.isSpreadMove) { ctx.postRandomModifier *= 0.75; ctx.notes.push("繝繝悶Ν蜈ｨ菴捺橿: 0.75蛟・); } if (input.isHelpingHand) { ctx.postRandomModifier *= 1.5; ctx.notes.push("縺ｦ縺縺吶￠: 1.5蛟・); } if (input.isCritical) { return; } const screenMultiplier = input.battleFormat === "double" ? 2 / 3 : 0.5; const screenText = input.battleFormat === "double" ? "邏・.67蛟・ : "0.5蛟・; if (input.screen === "reflect" && ctx.moveCategory === "physical") { ctx.postRandomModifier *= screenMultiplier; ctx.notes.push(`繝ｪ繝輔Ξ繧ｯ繧ｿ繝ｼ: ${screenText}`); } if (input.screen === "lightScreen" && ctx.moveCategory === "special") { ctx.postRandomModifier *= screenMultiplier; ctx.notes.push(`縺ｲ縺九ｊ縺ｮ縺九∋: ${screenText}`); } if (input.screen === "auroraVeil") { ctx.postRandomModifier *= screenMultiplier; ctx.notes.push(`繧ｪ繝ｼ繝ｭ繝ｩ繝吶・繝ｫ: ${screenText}`); } } function formatStage(stage) { return stage > 0 ? `+${stage}` : String(stage); } function applyAbility(ctx, ability) { if (ability === "hugePower" && ctx.moveCategory === "physical") { ctx.attackModifier *= 2; ctx.notes.push("縺｡縺九ｉ繧ゅ■/繝ｨ繧ｬ繝代Ρ繝ｼ: 謾ｻ謦・蛟・); } if (ability === "guts" && ctx.moveCategory === "physical") { ctx.attackModifier *= 1.5; ctx.notes.push("縺薙ｓ縺倥ｇ縺・謾ｻ謦・.5蛟・); } if (ability === "hustle" && ctx.moveCategory === "physical") { ctx.attackModifier *= 1.5; ctx.notes.push("縺ｯ繧翫″繧・謾ｻ謦・.5蛟・); } const lowHpBoosts = { blaze: ["fire", "繧ゅ≧縺・], torrent: ["water", "縺偵″繧翫ｅ縺・], overgrow: ["grass", "縺励ｓ繧翫ｇ縺・], swarm: ["bug", "繧縺励・縺励ｉ縺・], }; const lowHpBoost = lowHpBoosts[ability]; if (lowHpBoost && ctx.isLowHp && ctx.moveType === lowHpBoost[0]) { ctx.postRandomModifier *= 1.5; ctx.notes.push(`${lowHpBoost[1]}: 蟇ｾ蠢懊ち繧､繝・.5蛟港); } if (ability === "adaptability" && ctx.stab > 1) { ctx.stab = 2; ctx.notes.push("縺ｦ縺阪♀縺・ｊ繧・￥: 繧ｿ繧､繝嶺ｸ閾ｴ2蛟・); } const skinAbilities = { pixilate: ["fairy", "繝輔ぉ繧｢繝ｪ繝ｼ繧ｹ繧ｭ繝ｳ"], aerilate: ["flying", "繧ｹ繧ｫ繧､繧ｹ繧ｭ繝ｳ"], refrigerate: ["ice", "繝輔Μ繝ｼ繧ｺ繧ｹ繧ｭ繝ｳ"], galvanize: ["electric", "繧ｨ繝ｬ繧ｭ繧ｹ繧ｭ繝ｳ"], }; const skin = skinAbilities[ability]; if (skin && ctx.moveType === "normal") { ctx.moveType = skin[0]; ctx.powerModifier *= 1.2; ctx.notes.push(`${skin[1]}: 繝弱・繝槭Ν謚繧貞､牙喧縲∝ｨ∝鴨1.2蛟港); } if (ability === "drought") { ctx.weather = "sun"; ctx.notes.push("縺ｲ縺ｧ繧・譎ｴ繧梧桶縺・); } if (ability === "drizzle") { ctx.weather = "rain"; ctx.notes.push("縺ゅａ縺ｵ繧峨＠: 髮ｨ謇ｱ縺・); } if (ability === "sandStream") { ctx.weather = "sand"; ctx.notes.push("縺吶↑縺翫％縺・遐ょｵ先桶縺・); } if (ability === "snowWarning") { ctx.weather = "snow"; ctx.notes.push("繧・″縺ｵ繧峨＠: 髮ｪ謇ｱ縺・); } if (ability === "toughClaws" && ctx.moveFlags.contact) { ctx.postRandomModifier *= 1.3; ctx.notes.push("縺九◆縺・ヤ繝｡: 謗･隗ｦ謚1.3蛟・); } if (ability === "strongJaw" && ctx.moveFlags.bite) { ctx.postRandomModifier *= 1.5; ctx.notes.push("縺後ｓ縺倥ｇ縺・≠縺・縺九∩縺､縺肴橿1.5蛟・); } if (ability === "reckless" && ctx.moveFlags.recoil) { ctx.postRandomModifier *= 1.2; ctx.notes.push("縺吶※縺ｿ: 蜿榊虚謚1.2蛟・); } if (ability === "technician" && ctx.basePower <= 60) { ctx.postRandomModifier *= 1.5; ctx.notes.push("繝・け繝九す繝｣繝ｳ: 螽∝鴨60莉･荳・.5蛟・); } if (ability === "tintedLens" && ctx.typeEffectiveness > 0 && ctx.typeEffectiveness < 1) { ctx.postRandomModifier *= 2; ctx.notes.push("縺・ｍ繧√′縺ｭ: 縺・∪縺ｲ縺ｨ縺､2蛟・); } if (ability === "ironFist" && ctx.moveFlags.punch) { ctx.postRandomModifier *= 1.2; ctx.notes.push("縺ｦ縺､縺ｮ縺薙・縺・繝代Φ繝∵橿1.2蛟・); } if (ability === "sandForce" && ctx.weather === "sand" && ["rock", "ground", "steel"].includes(ctx.moveType)) { ctx.postRandomModifier *= 1.3; ctx.notes.push("縺吶↑縺ｮ縺｡縺九ｉ: 蟇ｾ蠢懈橿1.3蛟・); } if (ability === "solarPower" && ctx.weather === "sun" && ctx.moveCategory === "special") { ctx.attackModifier *= 1.5; ctx.notes.push("繧ｵ繝ｳ繝代Ρ繝ｼ: 迚ｹ謾ｻ1.5蛟・); } if (ability === "megaLauncher" && ctx.moveFlags.pulse) { ctx.postRandomModifier *= 1.5; ctx.notes.push("繝｡繧ｬ繝ｩ繝ｳ繝√Ε繝ｼ: 豕｢蜍墓橿1.5蛟・); } if (ability === "punkRock" && ctx.moveFlags.sound) { ctx.postRandomModifier *= 1.3; ctx.notes.push("繝代Φ繧ｯ繝ｭ繝・け: 髻ｳ謚1.3蛟・); } if (ability === "rockyPayload" && ctx.moveType === "rock") { ctx.postRandomModifier *= 1.5; ctx.notes.push("縺・ｏ縺ｯ縺薙・: 縺・ｏ謚1.5蛟・); } if (ability === "sharpness" && ctx.moveFlags.slice) { ctx.postRandomModifier *= 1.5; ctx.notes.push("縺阪ｌ縺ゅ§: 蛻・ｋ謚1.5蛟・); } if (ability === "fairyAura" && ctx.moveType === "fairy") { ctx.postRandomModifier *= 4 / 3; ctx.notes.push("繝輔ぉ繧｢繝ｪ繝ｼ繧ｪ繝ｼ繝ｩ: 繝輔ぉ繧｢繝ｪ繝ｼ謚1.33蛟・); } if (ability === "dragonsMaw" && ctx.moveType === "dragon") { ctx.postRandomModifier *= 1.5; ctx.notes.push("Dragon's Maw: dragon x1.5"); } if (ability === "transistor" && ctx.moveType === "electric") { ctx.postRandomModifier *= 1.5; ctx.notes.push("Transistor: electric x1.5"); } if (ability === "steelworker" && ctx.moveType === "steel") { ctx.postRandomModifier *= 1.5; ctx.notes.push("Steelworker: steel x1.5"); } if (ability === "orichalcumPulse") { ctx.weather = "sun"; if (ctx.moveCategory === "physical") ctx.attackModifier *= 4 / 3; ctx.notes.push("Orichalcum Pulse: sun / physical x1.33"); } if (ability === "hadronEngine") { ctx.terrain = "electric"; if (ctx.moveCategory === "special") ctx.attackModifier *= 4 / 3; ctx.notes.push("Hadron Engine: electric terrain / special x1.33"); } if (ability === "swordOfRuin" && ctx.moveCategory === "physical") { ctx.defenseModifier *= 0.75; ctx.notes.push("Sword of Ruin: defense x0.75"); } if (ability === "beadsOfRuin" && ctx.moveCategory === "special") { ctx.defenseModifier *= 0.75; ctx.notes.push("Beads of Ruin: special defense x0.75"); } } function applyItem(ctx, item) { if (item === "choiceBand" && ctx.moveCategory === "physical") { ctx.attackModifier *= 1.5; ctx.notes.push("縺薙□繧上ｊ繝上メ繝槭く: 謾ｻ謦・.5蛟・); } if (item === "choiceSpecs" && ctx.moveCategory === "special") { ctx.attackModifier *= 1.5; ctx.notes.push("縺薙□繧上ｊ繝｡繧ｬ繝・迚ｹ謾ｻ1.5蛟・); } if (item === "lifeOrb") { ctx.postRandomModifier *= 1.3; ctx.notes.push("縺・・縺｡縺ｮ縺溘∪: 譛邨ゅム繝｡繝ｼ繧ｸ1.3蛟・); } if (item === "expertBelt" && ctx.typeEffectiveness > 1) { ctx.postRandomModifier *= 1.2; ctx.notes.push("縺溘▽縺倥ｓ縺ｮ縺翫・: 蜉ｹ譫懈栢鄒､譎・.2蛟・); } if (item === "typeBoost" || item.startsWith("typeBoost:")) { const itemType = item.includes(":") ? item.split(":")[1] : ctx.moveType; if (itemType !== ctx.moveType) { return; } ctx.postRandomModifier *= 1.2; ctx.notes.push("繧ｿ繧､繝怜ｼｷ蛹悶い繧､繝・Β: 蟇ｾ蠢懈橿1.2蛟・); } if (item === "muscleBand" && ctx.moveCategory === "physical") { ctx.postRandomModifier *= 1.1; ctx.notes.push("縺｡縺九ｉ縺ｮ繝上メ繝槭く: 迚ｩ逅・橿1.1蛟・); } if (item === "wiseGlasses" && ctx.moveCategory === "special") { ctx.postRandomModifier *= 1.1; ctx.notes.push("繧ゅ・縺励ｊ繝｡繧ｬ繝・迚ｹ谿頑橿1.1蛟・); } } function applyDefenderAbility(ctx, ability) { if (ability === "thickFat" && (ctx.moveType === "fire" || ctx.moveType === "ice")) { ctx.postRandomModifier *= 0.5; ctx.notes.push("縺ゅ▽縺・＠縺ｼ縺・縺ｻ縺ｮ縺・縺薙♀繧頑橿0.5蛟・); } if (ability === "furCoat" && ctx.moveCategory === "physical") { ctx.defenseModifier *= 2; ctx.notes.push("繝輔ぃ繝ｼ繧ｳ繝ｼ繝・髦ｲ蠕｡2蛟・); } if (ability === "fluffy" && ctx.moveFlags.contact) { ctx.postRandomModifier *= 0.5; ctx.notes.push("繧ゅ・繧ゅ・: 謗･隗ｦ謚0.5蛟・); } if (ability === "fluffy" && ctx.moveType === "fire") { ctx.postRandomModifier *= 2; ctx.notes.push("繧ゅ・繧ゅ・: 縺ｻ縺ｮ縺頑橿2蛟・); } if (ability === "multiscale" && ctx.defenderAbilityActivated) { ctx.postRandomModifier *= 0.5; ctx.notes.push("繝槭Ν繝√せ繧ｱ繧､繝ｫ諠ｳ螳・ HP貅繧ｿ繝ｳ縺ｧ0.5蛟・); } if (ability === "filter" && ctx.typeEffectiveness > 1) { ctx.postRandomModifier *= 0.75; ctx.notes.push("繝輔ぅ繝ｫ繧ｿ繝ｼ/繝上・繝峨Ο繝・け: 謚懃ｾ､謚0.75蛟・); } if (ability === "punkRock" && ctx.moveFlags.sound) { ctx.postRandomModifier *= 0.5; ctx.notes.push("繝代Φ繧ｯ繝ｭ繝・け: 髻ｳ謚陲ｫ繝繝｡0.5蛟・); } if (ability === "fairyAura" && ctx.moveType === "fairy") { ctx.postRandomModifier *= 4 / 3; ctx.notes.push("繝輔ぉ繧｢繝ｪ繝ｼ繧ｪ繝ｼ繝ｩ: 繝輔ぉ繧｢繝ｪ繝ｼ謚1.33蛟・); } if (ability === "iceScales" && ctx.moveCategory === "special") { ctx.defenseModifier *= 2; ctx.notes.push("Ice Scales: special defense x2"); } if (ability === "purifyingSalt" && ctx.moveType === "ghost") { ctx.postRandomModifier *= 0.5; ctx.notes.push("Purifying Salt: ghost damage x0.5"); } if ( (ability === "wellBakedBody" && ctx.moveType === "fire") || (ability === "earthEater" && ctx.moveType === "ground") || (ability === "waterAbsorb" && ctx.moveType === "water") || (ability === "voltAbsorb" && ctx.moveType === "electric") || (ability === "stormDrain" && ctx.moveType === "water") || (ability === "levitate" && ctx.moveType === "ground") ) { ctx.typeEffectiveness = 0; ctx.notes.push("Ability immunity: damage 0"); } if (ability === "drySkin" && ctx.moveType === "water") { ctx.typeEffectiveness = 0; ctx.notes.push("Dry Skin: water immunity"); } if (ability === "drySkin" && ctx.moveType === "fire") { ctx.postRandomModifier *= 1.25; ctx.notes.push("Dry Skin: fire damage x1.25"); } if (ability === "wonderGuard" && ctx.typeEffectiveness <= 1) { ctx.typeEffectiveness = 0; ctx.notes.push("Wonder Guard: non-super-effective damage 0"); } if (ability === "grassPelt" && ctx.terrain === "grassy" && ctx.moveCategory === "physical") { ctx.defenseModifier *= 1.5; ctx.notes.push("Grass Pelt: defense x1.5"); } if (ability === "tabletsOfRuin" && ctx.moveCategory === "physical") { ctx.attackModifier *= 0.75; ctx.notes.push("Tablets of Ruin: attack x0.75"); } if (ability === "vesselOfRuin" && ctx.moveCategory === "special") { ctx.attackModifier *= 0.75; ctx.notes.push("Vessel of Ruin: special attack x0.75"); } } function applyDefenderItem(ctx, item) { if (item === "eviolite") { ctx.defenseModifier *= 1.5; ctx.notes.push("縺励ｓ縺九・縺阪○縺・髦ｲ蠕｡/迚ｹ髦ｲ1.5蛟・); } if (item === "assaultVest" && ctx.moveCategory === "special") { ctx.defenseModifier *= 1.5; ctx.notes.push("縺ｨ縺､縺偵″繝√Ι繝・く: 迚ｹ髦ｲ1.5蛟・); } if ((item === "resistBerry" || item.startsWith("resistBerry:")) && ctx.typeEffectiveness > 1) { const berryType = item.includes(":") ? item.split(":")[1] : ctx.moveType; if (berryType !== ctx.moveType) { return; } ctx.postRandomModifier *= 0.5; ctx.notes.push("蜊頑ｸ帙″縺ｮ縺ｿ: 蜉ｹ譫懈栢鄒､謚0.5蛟・); } if (item === "resistBerry:normal" && ctx.moveType === "normal") { ctx.postRandomModifier *= 0.5; ctx.notes.push("繝帙ぜ縺ｮ縺ｿ: 繝弱・繝槭Ν謚0.5蛟・); } } function resolveWeightPower(weight) { if (weight >= 200) return 120; if (weight >= 100) return 100; if (weight >= 50) return 80; if (weight >= 25) return 60; if (weight >= 10) return 40; return 20; } function resolveWeatherBallType(weather) { if (weather === "sun") return "fire"; if (weather === "rain") return "water"; if (weather === "sand") return "rock"; if (weather === "snow") return "ice"; return "normal"; } function abilityWeather(ability) { if (ability === "drought") return "sun"; if (ability === "drizzle") return "rain"; if (ability === "sandStream") return "sand"; if (ability === "snowWarning") return "snow"; return null; } function resolveSpecialInput(input) { const resolved = { ...input }; const effectiveWeather = abilityWeather(input.ability) || input.weather; if (input.moveSpecial === "weather-ball") { if (effectiveWeather !== "none") { resolved.power = 100; resolved.moveType = resolveWeatherBallType(effectiveWeather); resolved.notesFromSpecial = ["繧ｦ繧ｧ繧ｶ繝ｼ繝懊・繝ｫ: 螟ｩ蛟吶〒螽∝鴨100/繧ｿ繧､繝怜､牙喧"]; } } if (input.moveSpecial === "freeze-dry" && input.defenderTypes.includes("water")) { resolved.forceWaterSuperEffective = true; resolved.notesFromSpecial = [...(resolved.notesFromSpecial || []), "繝輔Μ繝ｼ繧ｺ繝峨Λ繧､: 縺ｿ縺壹ち繧､繝励↓謚懃ｾ､"]; } if (input.moveSpecial === "body-press") { resolved.attack = input.attackerDefenseStat || input.attack; resolved.notesFromSpecial = [...(resolved.notesFromSpecial || []), "繝懊ョ繧｣繝励Ξ繧ｹ: 謾ｻ謦・・髦ｲ蠕｡縺ｧ險育ｮ・]; } if (input.moveSpecial === "foul-play") { resolved.attack = input.defenderAttackStat || input.attack; resolved.notesFromSpecial = [...(resolved.notesFromSpecial || []), "繧､繧ｫ繧ｵ繝・髦ｲ蠕｡蛛ｴ謾ｻ謦・〒險育ｮ・]; } if (input.moveSpecial === "psyshock") { resolved.defense = input.defenderPhysicalDefenseStat || input.defense; resolved.notesFromSpecial = [...(resolved.notesFromSpecial || []), "繧ｵ繧､繧ｳ繧ｷ繝ｧ繝・け邉ｻ: 髦ｲ蠕｡縺ｧ險育ｮ・]; } if (input.moveSpecial === "grass-knot" || input.moveSpecial === "low-kick") { resolved.power = resolveWeightPower(input.defenderWeight || 0); resolved.notesFromSpecial = [...(resolved.notesFromSpecial || []), "菴馴㍾萓晏ｭ俶橿: 髦ｲ蠕｡蛛ｴ菴馴㍾縺ｧ螽∝鴨豎ｺ螳・]; } if (input.moveSpecial === "heavy-slam") { const attackerWeight = Math.max(1, input.attackerWeight || 1); const defenderWeight = Math.max(1, input.defenderWeight || 1); const ratio = attackerWeight / defenderWeight; if (ratio >= 5) resolved.power = 120; else if (ratio >= 4) resolved.power = 100; else if (ratio >= 3) resolved.power = 80; else if (ratio >= 2) resolved.power = 60; else resolved.power = 40; resolved.notesFromSpecial = [...(resolved.notesFromSpecial || []), "繝倥ン繝ｼ繝懊Φ繝舌・邉ｻ: 菴馴㍾豈斐〒螽∝鴨豎ｺ螳・]; } if (input.moveSpecial === "facade" && input.isBurned) { resolved.power = input.power * 2; resolved.ignoreBurnAttackDrop = true; resolved.notesFromSpecial = [...(resolved.notesFromSpecial || []), "縺九ｉ縺偵ｓ縺・迥ｶ諷狗焚蟶ｸ縺ｧ螽∝鴨2蛟・繧・￠縺ｩ蜊頑ｸ帙↑縺・]; } const hexLikeMove = input.moveSpecial === "hex" || ["縺溘◆繧翫ａ", "縺ｲ繧・▲縺阪ｄ縺薙≧"].includes(input.moveName); if (hexLikeMove && input.defenderStatus !== "none") { resolved.power = input.power * 2; resolved.notesFromSpecial = [...(resolved.notesFromSpecial || []), `${input.moveName}: 髦ｲ蠕｡蛛ｴ迥ｶ諷狗焚蟶ｸ縺ｧ螽∝鴨2蛟港]; } return resolved; } function pokeRound(value) { const floored = Math.floor(value); return floored + (value - floored > 0.5 ? 1 : 0); } function calcSingleDamage(input) { const specialInput = resolveSpecialInput(input); const modifiers = buildModifiers(specialInput); const ignoresDefenderAbility = specialInput.ability === "moldBreaker"; let attackStage = input.attackStage; let defenseStage = input.defenseStage; if (specialInput.defenderAbility === "unaware" && !ignoresDefenderAbility) { attackStage = 0; } if (specialInput.ability === "unaware") { defenseStage = 0; } if (input.isCritical && attackStage < 0) { attackStage = 0; } if (input.isCritical && defenseStage > 0) { defenseStage = 0; } const stagedAttack = Math.floor(specialInput.attack * getStageMultiplier(attackStage)); const stagedDefense = Math.floor(specialInput.defense * getStageMultiplier(defenseStage)); const finalAttack = Math.floor(stagedAttack * modifiers.attackModifier); const finalDefense = Math.max(1, Math.floor(stagedDefense * modifiers.defenseModifier)); const finalPower = Math.max(1, Math.floor(specialInput.power * modifiers.powerModifier)); const step1 = Math.floor(input.level * 2 / 5 + 2); const step2 = Math.floor(step1 * finalPower * finalAttack / finalDefense); const baseDamage = Math.floor(step2 / 50 + 2); const preRandomDamage = pokeRound(baseDamage * modifiers.preRandomModifier); return { damages: randoms.map((random) => { if (modifiers.typeEffectiveness === 0) { return 0; } let damage = Math.floor(preRandomDamage * random); damage = pokeRound(damage * modifiers.stab); damage = pokeRound(damage * modifiers.typeEffectiveness); damage = Math.floor(damage * modifiers.postRandomModifier); return Math.max(1, damage); }), notes: [...(specialInput.notesFromSpecial || []), ...modifiers.notes], }; } function calcDamage(input) { const multiPowers = input.multiHit?.type === "escalating" && Array.isArray(input.multiHit.powers) ? input.multiHit.powers : null; if (!multiPowers) { return calcSingleDamage(input); } const hitResults = multiPowers.map((power) => calcSingleDamage({ ...input, power })); return { damages: randoms.map((_, index) => hitResults.reduce((sum, result) => sum + result.damages[index], 0)), notes: [ `${input.moveName}: ${multiPowers.join("+")}縺ｮ隍・焚繝偵ャ繝亥粋邂輿, ...hitResults.flatMap((result) => result.notes), ], }; } function getKoSummary(damages, hp) { const min = Math.min(...damages); const max = Math.max(...damages); if (max <= 0) { return "繝繝｡繝ｼ繧ｸ縺ｪ縺・; } for (let hits = 1; hits <= 4; hits += 1) { if (min * hits >= hp) { return `遒ｺ螳・{hits}逋ｺ`; } if (max * hits >= hp) { const probability = getKoProbability(damages, hp, hits); return `荵ｱ謨ｰ${hits}逋ｺ: ${probability.toFixed(2)}%`; } } return `${Math.ceil(hp / max)}逋ｺ莉･荳柿; } function getKoProbability(damages, hp, hits) { let success = 0; let total = 0; function countRolls(depth, sum) { if (depth === hits) { total += 1; if (sum >= hp) success += 1; return; } for (const damage of damages) { countRolls(depth + 1, sum + damage); } } countRolls(0, 0); return total ? success / total * 100 : 0; } function getStatsForCalc(pokemon, natureId, spConfig) { if (!pokemon.baseStats) { return pokemon.stats; } return calcLevel50Stats(pokemon.baseStats, spConfig, getNature(natureId)); } function updateMatchupSummary() { const attacker = getActivePokemon( document.getElementById("attackerPreset").value, document.getElementById("attackerMega").value, getBattleForm("attacker") ); const defender = getActivePokemon( document.getElementById("defenderPreset").value, document.getElementById("defenderMega").value, getBattleForm("defender") ); const move = getMove(document.getElementById("movePreset").value); document.getElementById("attackerSummary").textContent = attacker.name || "-"; document.getElementById("defenderSummary").textContent = `${move.name || "-"} 竊・${defender.name || "-"}`; updateCalcCard("attacker", attacker); updateCalcCard("defender", defender); updateMoveCard(move); syncPickerButton("attackerPreset"); syncPickerButton("movePreset"); syncPickerButton("defenderPreset"); const attackerSp = clampSp(getNumber("attackerSp")); const defenderHpSp = clampSp(getNumber("defenderHpSp")); const defenderDefenseSp = clampSp(getNumber("defenderDefenseSp")); const attackerStatName = getAttackerTunedStat(move); const defenderStatName = getDefenderTunedStat(move); const attackerStats = getStatsForCalc(attacker, document.getElementById("attackerNature").value, { hp: 0, attack: attackerStatName === "attack" ? attackerSp : 0, defense: attackerStatName === "defense" ? attackerSp : 0, spAttack: attackerStatName === "spAttack" ? attackerSp : 0, spDefense: attackerStatName === "spDefense" ? attackerSp : 0, }); const defenderStats = getStatsForCalc(defender, document.getElementById("defenderNature").value, { hp: defenderHpSp, attack: 0, defense: defenderStatName === "defense" ? defenderDefenseSp : 0, spAttack: 0, spDefense: defenderStatName === "spDefense" ? defenderDefenseSp : 0, }); const statText = { attackerRealStat: attackerStats?.[attackerStatName] || "-", defenderHpRealStat: defenderStats?.hp || "-", defenderDefenseRealStat: defenderStats?.[defenderStatName] || "-", }; for (const [id, value] of Object.entries(statText)) { const element = document.getElementById(id); if (element) element.textContent = value; } syncTunerControls(); } function formatBaseStats(baseStats) { if (!baseStats) { return ""; } return `H${baseStats.hp} A${baseStats.atk} B${baseStats.def} C${baseStats.spa} D${baseStats.spd} S${baseStats.spe}`; } function getInitial(name) { return String(name || "?").trim().slice(0, 1) || "?"; } function updateCalcCard(kind, pokemon) { const icon = document.getElementById(`${kind}CardIcon`); const title = document.getElementById(`${kind}CardTitle`); const sub = document.getElementById(`${kind}CardSub`); const stats = document.getElementById(`${kind}CardStats`); if (!icon || !title || !sub || !stats) { return; } if (pokemon.sourceId) { icon.innerHTML = `<img alt="" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/${pokemon.sourceId}.png">`; } else { icon.textContent = getInitial(pokemon.name); } title.textContent = pokemon.name || "-"; sub.textContent = formatTypes(pokemon.types || []); stats.textContent = formatBaseStats(pokemon.baseStats) || "謇句・蜉・; updateMiniStats(kind, pokemon); } function updateMiniStats(kind, pokemon) { const table = document.getElementById(`${kind}MiniStats`); const baseStats = pokemon.baseStats; if (!table) { return; } if (!baseStats) { table.innerHTML = ""; return; } const rows = [ ["H", baseStats.hp], ["A", baseStats.atk], ["B", baseStats.def], ["C", baseStats.spa], ["D", baseStats.spd], ["S", baseStats.spe], ]; table.innerHTML = rows.map(([label, value]) => ` <div class="stat-mini-cell"> <span class="stat-mini-label">${label}</span> <span class="stat-mini-value">${value}</span> </div> `).join(""); } function updateMoveCard(move) { const title = document.getElementById("moveCardTitle"); const sub = document.getElementById("moveCardSub"); if (!title || !sub) { return; } title.textContent = move.name || "-"; sub.textContent = `${typeNames[move.type] || move.type} / 螽∝鴨${move.power || "-"} / ${move.category === "special" ? "迚ｹ谿・ : "迚ｩ逅・}`; const activeSlot = document.querySelector('.move-slot[data-slot="0"]'); if (activeSlot) { activeSlot.textContent = move.name || "謾ｻ謦・橿"; } updateMoveExtraOptions(move); } function isHexLikeMove(move) { return move?.special === "hex" || ["縺溘◆繧翫ａ", "縺ｲ繧・▲縺阪ｄ縺薙≧"].includes(move?.name); } function updateMoveExtraOptions(move) { const container = document.getElementById("moveExtraOptions"); if (!container) return; const options = []; if (isHexLikeMove(move)) { options.push({ id: "defenderStatusExtra", label: "繝繝｡繝ｼ繧ｸ2蛟・, checked: document.getElementById("defenderStatus").value !== "none", onChange: (checked) => { setValue("defenderStatus", checked ? "status" : "none"); calculate(); }, }); } if (move?.multiHit?.type === "escalating" && Array.isArray(move.multiHit.powers)) { options.push({ id: "multiHitExtra", label: `${move.multiHit.powers.length}逋ｺ蜷育ｮ輿, checked: true, disabled: true, onChange: () => {}, }); } if (!options.length) { container.innerHTML = ""; container.style.display = "none"; return; } container.style.display = ""; container.innerHTML = options.map((option) => ` <label class="checkbox-control" for="${option.id}"> <input id="${option.id}" type="checkbox" ${option.checked ? "checked" : ""} ${option.disabled ? "disabled" : ""}> <span>${option.label}</span> </label> `).join(""); for (const option of options) { const input = document.getElementById(option.id); if (!input || option.disabled) continue; input.addEventListener("change", (event) => option.onChange(event.target.checked)); } } function setCalculationStatus(status, message) { const statusElement = document.getElementById("calcStatus"); if (!statusElement) return; statusElement.dataset.status = status; statusElement.textContent = message; } function showCalculationError(error) { const message = error?.message || String(error || "荳肴・縺ｪ繧ｨ繝ｩ繝ｼ"); console.error(error); setCalculationStatus("error", `險育ｮ励お繝ｩ繝ｼ: ${message}`); document.getElementById("damageRange").textContent = "險育ｮ励お繝ｩ繝ｼ"; document.getElementById("percentRange").textContent = "-"; document.getElementById("koSummary").textContent = message; document.getElementById("rolls").textContent = "-"; document.getElementById("appliedRules").textContent = message; const mobileSummary = document.getElementById("mobileDamageSummary"); if (mobileSummary) { mobileSummary.textContent = `險育ｮ励お繝ｩ繝ｼ: ${message}`; mobileSummary.style.display = "block"; } const meter = document.getElementById("mobileDamageMeter"); if (meter) { meter.style.setProperty("--hp-low", "0%"); meter.style.setProperty("--hp-high", "0%"); meter.dataset.hpColor = "low"; meter.title = "谿九ｊHP"; } } function calculate() { try { doCalculate(); setCalculationStatus("ok", "險育ｮ涌K"); } catch (error) { showCalculationError(error); } } function doCalculate() { updateMatchupSummary(); const move = getMove(document.getElementById("movePreset").value); const attacker = getActivePokemon( document.getElementById("attackerPreset").value, document.getElementById("attackerMega").value, getBattleForm("attacker") ); const defender = getActivePokemon( document.getElementById("defenderPreset").value, document.getElementById("defenderMega").value, getBattleForm("defender") ); const attackerSp = clampSp(getNumber("attackerSp")); const defenderHpSp = clampSp(getNumber("defenderHpSp")); const defenderDefenseSp = clampSp(getNumber("defenderDefenseSp")); const attackerStats = getStatsForCalc(attacker, document.getElementById("attackerNature").value, { hp: 0, attack: move.category === "physical" ? attackerSp : 0, defense: move.special === "body-press" ? attackerSp : 0, spAttack: move.category === "special" ? attackerSp : 0, spDefense: 0, }); const defenderStats = getStatsForCalc(defender, document.getElementById("defenderNature").value, { hp: defenderHpSp, attack: move.special === "foul-play" ? defenderDefenseSp : 0, defense: move.category === "physical" || move.special === "psyshock" ? defenderDefenseSp : 0, spAttack: 0, spDefense: move.category === "special" && move.special !== "psyshock" ? defenderDefenseSp : 0, }); const attackingStat = move.special === "body-press" ? attackerStats.defense : (move.category === "special" ? attackerStats.spAttack : attackerStats.attack); const defendingStat = move.category === "special" && move.special !== "psyshock" ? defenderStats.spDefense : defenderStats.defense; setValue("attack", attackingStat); setValue("defense", defendingStat); setValue("hp", defenderStats.hp); const hp = Math.max(1, defenderStats.hp || getNumber("hp")); const result = calcDamage({ level: getNumber("level"), power: getNumber("power"), attack: attackingStat, defense: defendingStat, stab: getNumber("stab"), typeEffectiveness: getNumber("typeEffectiveness"), attackStage: getNumber("attackStage"), defenseStage: getNumber("defenseStage"), moveType: document.getElementById("moveType").value, moveCategory: document.getElementById("moveCategory").value, ability: document.getElementById("ability").value, abilityActivated: document.getElementById("abilityActivated").value === "true", item: document.getElementById("item").value, defenderAbility: document.getElementById("defenderAbility").value, defenderAbilityActivated: document.getElementById("defenderAbilityActivated").value === "true", defenderItem: document.getElementById("defenderItem").value, hpCondition: document.getElementById("hpCondition").value, isCritical: document.getElementById("critical").value === "true", isBurned: document.getElementById("burn").value === "true", defenderStatus: document.getElementById("defenderStatus").value, weather: document.getElementById("weather").value, terrain: document.getElementById("terrain").value, screen: document.getElementById("screen").value, battleFormat: document.getElementById("battleFormat").value, isSpreadMove: document.getElementById("spreadMove").value === "true", isHelpingHand: document.getElementById("helpingHand").value === "true", moveName: move.name, moveFlags: move.flags || {}, moveSpecial: move.special || null, multiHit: move.multiHit || null, attackerWeight: attacker.weight || 0, defenderWeight: defender.weight || 0, attackerDefenseStat: attackerStats.defense, defenderAttackStat: defenderStats.attack, defenderPhysicalDefenseStat: defenderStats.defense, defenderTypes: defender.types, battleModifier: getNumber("battleModifier"), }); const damages = result.damages; const min = Math.min(...damages); const max = Math.max(...damages); const minPercent = (min / hp * 100).toFixed(1); const maxPercent = (max / hp * 100).toFixed(1); const minRemainingPercent = Math.max(0, 100 - Number(maxPercent)).toFixed(1); const maxRemainingPercent = Math.max(0, 100 - Number(minPercent)).toFixed(1); const koText = getKoSummary(damages, hp); document.getElementById("damageRange").textContent = `${min} - ${max}`; document.getElementById("percentRange").textContent = `${minRemainingPercent}% - ${maxRemainingPercent}%`; document.getElementById("koSummary").textContent = koText; const mobileSummary = document.getElementById("mobileDamageSummary"); if (mobileSummary) { mobileSummary.textContent = `${min} ・・${max} (${minPercent} ・・${maxPercent}%) ${koText}`; mobileSummary.style.display = "block"; } const meter = document.getElementById("mobileDamageMeter"); if (meter) { const minRemainingForBar = Math.max(0, Math.min(100, Number(minRemainingPercent))); const maxRemainingForBar = Math.max(0, Math.min(100, Number(maxRemainingPercent))); meter.style.setProperty("--hp-low", `${minRemainingForBar}%`); meter.style.setProperty("--hp-high", `${maxRemainingForBar}%`); meter.dataset.hpColor = "mid"; meter.title = `谿九ｊHP ${minRemainingPercent}% - ${maxRemainingPercent}%`; } document.getElementById("rolls").textContent = damages.join(", "); document.getElementById("appliedRules").textContent = result.notes.length ? result.notes.join(" / ") : "縺ｪ縺・; lastCalculationSnapshot = { damage_range: `${min} - ${max}`, damage_percent_range: `${minPercent}% - ${maxPercent}%`, remaining_percent_range: `${minRemainingPercent}% - ${maxRemainingPercent}%`, ko_summary: koText, rolls: damages, applied_rules: result.notes, }; updateTypeEffectiveness(); } organizeInputGroups(); enhanceCheckboxControls(); setupMobileTabs(); setupRangeDragFallback(); document.getElementById("calculateButton").addEventListener("click", calculate); document.getElementById("attackerPreset").addEventListener("change", () => applyAttackerPreset({ useTopMove: true })); document.getElementById("attackerMega").addEventListener("change", () => applyAttackerPreset({ useTopMove: true })); document.getElementById("attackerBattleForm").addEventListener("change", () => applyAttackerPreset({ useTopMove: true })); document.getElementById("ability").addEventListener("change", () => syncAbilityActivationControl("ability")); document.getElementById("attackerNature").addEventListener("change", applyAttackerPreset); document.getElementById("attackerSp").addEventListener("input", applyAttackerPreset); document.getElementById("movePreset").addEventListener("change", applyMovePreset); document.getElementById("defenderPreset").addEventListener("change", applyDefenderPreset); document.getElementById("defenderMega").addEventListener("change", syncDefenderControls); document.getElementById("defenderBattleForm").addEventListener("change", syncDefenderControls); document.getElementById("defenderAbility").addEventListener("change", () => syncAbilityActivationControl("defenderAbility")); document.getElementById("defenderNature").addEventListener("change", applyDefenderPreset); document.getElementById("defenderHpSp").addEventListener("input", applyDefenderPreset); document.getElementById("defenderDefenseSp").addEventListener("input", applyDefenderPreset); document.getElementById("saveHistoryButton").addEventListener("click", () => { saveNewHistory().catch((error) => setHistoryStatus(error.message || "履歴の保存に失敗しました")); }); document.getElementById("updateHistoryButton").addEventListener("click", () => { updateSelectedHistory().catch((error) => setHistoryStatus(error.message || "履歴の更新に失敗しました")); }); document.getElementById("historyList").addEventListener("click", (event) => { const button = event.target.closest("[data-history-action]"); if (!button) return; const historyId = Number(button.dataset.historyId); const action = button.dataset.historyAction; if (!historyId || !action) return; if (action === "use") { applyHistory(historyId).catch((error) => setHistoryStatus(error.message || "履歴の反映に失敗しました")); return; } if (action === "edit") { applyHistory(historyId, false) .then(() => updateSelectedHistory()) .catch((error) => setHistoryStatus(error.message || "履歴の編集に失敗しました")); return; } if (action === "delete") { deleteHistory(historyId).catch((error) => setHistoryStatus(error.message || "履歴の削除に失敗しました")); } }); for (const element of document.querySelectorAll("input, select")) { element.addEventListener("input", calculate); element.addEventListener("change", calculate); } async function initializeApp() { const loadedReferenceData = await loadReferenceDataIfAvailable(); document.getElementById("dataStatus").textContent = loadedReferenceData ? `蜿り・ョ繝ｼ繧ｿ隱ｭ霎ｼ貂医∩: 繝昴こ繝｢繝ｳ${pokemonData.length - 1}莉ｶ / 謚${moveData.length - 1}莉ｶ / 繝｡繧ｬ${megaData.length - 1}莉ｶ / 譛ｪ蟇ｾ蠢懃音諤ｧ${unsupportedAbilityCount}莉ｶ / 譛ｪ蟇ｾ蠢憺％蜈ｷ${unsupportedItemCount}莉ｶ` : "繝溘ル繝・・繧ｿ縺ｧ蜍穂ｽ應ｸｭ縲ゅΓ繧ｬ荳隕ｧ繧剃ｽｿ縺・↓縺ｯ open-app.bat 縺九ｉ髢九＞縺ｦ縺上□縺輔＞縲・; fillSelect("attackerPreset", sortPokemonRowsByUsage(pokemonData)); fillSelect("movePreset", moveData); fillSelect("defenderPreset", sortPokemonRowsByUsage(pokemonData)); fillOptionSelect("ability", abilityOptions); fillOptionSelect("defenderAbility", defenderAbilityOptions); fillOptionSelect("item", itemOptions); fillOptionSelect("defenderItem", defenderItemOptions); fillOptionSelect("attackerNature", natureOptions); fillOptionSelect("defenderNature", natureOptions); fillMegaSelect("attackerMega", null); fillMegaSelect("defenderMega", null); fillStageSelect("attackStage"); fillStageSelect("defenseStage"); const hasReferenceData = pokemonData.some((pokemon) => pokemon.id === "ref-445"); setValue("attackerPreset", hasReferenceData ? "ref-445" : "garchomp"); setValue("movePreset", hasReferenceData ? "ref-move-stone-edge" : "stone-edge"); setValue("defenderPreset", hasReferenceData ? "ref-488" : "cresselia"); setValue("attackerSp", SP_MAX_STAT); setValue("defenderHpSp", SP_MAX_STAT); setValue("defenderDefenseSp", 0); syncAbilityActivationControl("ability"); syncAbilityActivationControl("defenderAbility"); attachPickers(); applyAttackerPreset({ useTopMove: true }); applyDefenderPreset(); syncAttackerControls(); syncDefenderControls(); calculate(); await loadHistories(); } window.addEventListener("error", (event) => { showCalculationError(event.error || event.message); }); window.addEventListener("unhandledrejection", (event) => { showCalculationError(event.reason); }); if ("serviceWorker" in navigator && location.protocol.startsWith("http")) { navigator.serviceWorker.register("./sw.js", { scope: "./" }).then((registration) => { registration.update(); }); } initializeApp().catch(showCalculationError); </script> </body> </html>