:root{font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#142b42;background:#f0f4f7;font-synthesis:none;line-height:1.65;font-size:16px;--accent:#df4934;--muted:#586b7c;--line:#dce4eb}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #167bc1;outline-offset:4px}input:focus{border-color:#167bc1}button{min-height:44px}button:hover{filter:brightness(.96)}.stat-field,.level-field,.nature-field,.sports-field{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.level-field[hidden],.nature-field[hidden],.sports-field[hidden],.mode-row[hidden]{display:none !important}.stat-field label,.level-field label,.nature-field label,.sports-field label{font-weight:600}.stat-field input,.level-field input,.nature-field select,.sports-stat select{width:100%;min-width:0;padding:10px 12px;border:1px solid #d3dfe9;border-radius:8px;background:#fff}.nature-field select{appearance:none}.sports-field-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sports-stat{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.sports-stat label{font-size:.875rem}.sports-note{grid-column:1 / -1;font-size:.7rem;color:rgba(20,43,66,.64);line-height:1.3;margin-top:-2px}.mode-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;border:none;background:none;margin:8px 0 14px;cursor:pointer}.mode-row.sub-toggle{margin-top:0}.mode-toggle-label{font-weight:700;color:#142b42}.mode-toggle-input{position:absolute;opacity:0;pointer-events:none}.mode-toggle-track{position:relative;display:inline-flex;align-items:center;width:52px;height:30px;padding:4px;border-radius:999px;background:#d7dfeb;transition:background .2s ease;box-shadow:inset 0 0 0 1px rgba(20,43,66,.08)}.mode-toggle-thumb{position:relative;display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(20,43,66,.2);transform:translateX(0);transition:transform .2s ease}.mode-row.is-on .mode-toggle-track{background:#e74d3d}.mode-row.is-on .mode-toggle-thumb{transform:translateX(22px)}.mode-row:has(.mode-toggle-input:checked) .mode-toggle-track{background:#e74d3d}.mode-row:has(.mode-toggle-input:checked) .mode-toggle-thumb{transform:translateX(22px)}.top{background:#142b42;color:#fff;min-height:92px;padding:20px max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;font-weight:700;line-height:1.4}.brand-sub{display:block;font-size:.875rem;font-weight:400;opacity:.8}.mark{display:grid;place-items:center;width:45px;height:45px;border:3px solid #ff7357;border-radius:50%;font-size:1.75rem;font-weight:800}.version{font-size:.875rem;color:#d2dce6;white-space:nowrap}main{max-width:1120px;margin:auto;padding:36px 24px 24px}.heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.eyebrow{font-size:.875rem;color:var(--muted);margin:0 0 6px}h1{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:.01em;line-height:1.4;margin:0}h2{font-size:1.125rem;margin:0}h3{font-size:1.125rem}.mode{background:#e0e8ef;padding:7px 12px;border-radius:6px;font-size:.875rem;white-space:nowrap}.workspace{display:grid;grid-template-columns:1fr 1.06fr;gap:24px;align-items:stretch}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 4px 20px #142b4205}.section-heading{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}@media (max-width:760px){.top{min-height:72px;padding:16px 18px}.brand{font-size:.95rem}.brand-sub{font-size:.75rem}.heading{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:18px}.workspace{grid-template-columns:1fr}.panel{padding:18px}.section-heading{margin-bottom:12px}.instructions,.form-note,.field-help,.result-note,.help-body{font-size:.8125rem}.secondary-actions{grid-template-columns:1fr}.primary,.secondary-actions button{width:100%}}.step{font-size:.8125rem;font-weight:800;letter-spacing:.04em;color:var(--accent)}.instructions{font-size:.875rem;color:var(--muted);margin:0 0 22px;line-height:1.8}.field-label{display:block;font-size:.875rem;font-weight:700;margin-bottom:7px}input{width:100%;height:49px;padding:9px 12px;border:1px solid #b6c5d2;border-radius:7px;background:#fff;color:#142b42;min-width:0}input::placeholder{color:#788898}input[aria-invalid=true]{border-color:#c4352d}.field-help{font-size:.8125rem;color:var(--muted);margin:5px 0 22px}.stat-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px}.stat-field:first-child{grid-column:1/-1}.stat-field:first-child input{max-width:calc(50% - 9px)}.stat-field label{display:block;font-size:.875rem;font-weight:600;margin-bottom:5px}.stat-field input{font-variant-numeric:tabular-nums;font-size:1.125rem}.form-note{font-size:.8125rem;color:var(--muted);margin:19px 0}.primary{border:0;border-radius:8px;width:100%;padding:12px 18px;background:var(--accent);color:#fff;font-weight:700;font-size:1rem;box-shadow:0 3px 0 #b83625}.secondary-actions{display:flex;justify-content:space-between;gap:8px;margin-top:12px;flex-wrap:wrap}.secondary-actions button{background:none;border:0;color:#435e75;font-size:.8125rem;padding:4px 0;text-decoration:underline;text-underline-offset:4px}.result-panel{display:flex;flex-direction:column;border-top:4px solid #142b42;padding-top:23px}.badge{font-size:.75rem;background:#edf1f5;padding:3px 9px;border-radius:20px;margin-left:auto;color:#455c70;font-weight:700}.badge.success{background:#e2f3ee;color:#126550}.badge.pending{background:#fff0d4;color:#805319}#result{flex:1}.empty{text-align:center;padding:56px 0 48px;color:var(--muted)}.empty-number{display:grid;place-items:center;margin:0 auto 25px;width:76px;height:76px;border-radius:50%;border:2px dashed #b9c7d3;color:#8ca2b5;font-size:2rem;font-weight:700}.empty h3{color:#304c63;margin:0 0 12px}.empty p{font-size:.875rem;margin:0}.result-key{border-top:1px solid var(--line);padding-top:17px;display:flex;gap:20px;flex-wrap:wrap;font-size:.8125rem;color:var(--muted);margin-top:24px}.result-key span{display:flex;align-items:center;gap:7px}.key-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.exact{background:#14735d}.range{background:#b78225}.result-name{font-size:1.5rem;margin:12px 0 2px}.result-caption{font-size:.875rem;color:var(--muted);margin:0 0 20px}.result-rows{display:grid;gap:8px}.stat-field,.level-field,.nature-field{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.stat-field label,.level-field label,.nature-field label{font-weight:600}.stat-field input,.level-field input,.nature-field select{width:100%;min-width:0;padding:10px 12px;border:1px solid #d3dfe9;border-radius:8px;background:#fff}.nature-field select{appearance:none}.result-row{display:grid;grid-template-columns:1fr auto 58px;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:#f5f7f9}.result-row strong{font-size:1.5rem;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:.01em}.result-row .row-state{font-size:.75rem;text-align:right}.result-row.is-exact{background:#edf8f4;color:#145d4e}.result-row.is-range strong,.result-row.is-range .row-state{color:#805b20}.result-note{display:none}.error{padding:12px;border-radius:7px;background:#fff0ed;color:#a32620;font-size:.875rem}.help{margin-top:25px;border-bottom:1px solid #d5dfe7;padding-bottom:17px}.help summary{cursor:pointer;font-size:.875rem;font-weight:700;min-height:44px;align-content:center}.help-body{font-size:.875rem;color:var(--muted);max-width:850px}.help-body p{margin:8px 0 14px}footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:.75rem;color:var(--muted);padding-top:20px}footer a{color:#425f78;text-underline-offset:3px}@media(max-width:760px){.workspace{grid-template-columns:1fr;gap:20px}.top{min-height:78px;padding:16px 20px}main{padding:25px 16px}.heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}.panel{padding:22px}.result-panel{padding-top:19px}.mode{font-size:.8125rem}.empty{padding:32px 0}.result-row{padding:12px}.version{font-size:.75rem}.result-name{font-size:1.3rem}}@media(prefers-reduced-motion:no-preference){button{transition:filter .15s}}@media(max-width:360px){.panel{padding:16px}.result-row{grid-template-columns:1fr auto 50px;gap:6px}.brand{font-size:.875rem}.version{max-width:55px;white-space:normal}}
/* Match each input and result tile to the stat position and color cues in-game. */
.stat-field label,.result-stat-label{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:3px 9px;border-radius:999px;font-weight:700;font-size:.8125rem;line-height:1.5}
.stat-0 label,.stat-0 .result-stat-label{background:#f8e4ef;color:#9b386a}
.stat-1 label,.stat-1 .result-stat-label{background:#fff0cb;color:#8c5711}
.stat-2 label,.stat-2 .result-stat-label{background:#eee6ff;color:#6944a4}
.stat-3 label,.stat-3 .result-stat-label{background:#e1efff;color:#315e9b}
.stat-4 label,.stat-4 .result-stat-label{background:#e3f3df;color:#3f7135}
.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.result-tile{min-width:0;padding:12px 14px;border:1px solid var(--line);border-left:4px solid #aebdca;border-radius:10px;background:#f8fafc}
.result-tile:first-child{grid-column:1/-1}
.result-tile.is-exact{border-left-color:#14735d;background:#f0f8f5}
.result-tile.is-range{border-left-color:#b78225;background:#fffaf0}
.result-tile-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.result-tile .row-state{font-size:.75rem;font-weight:700;color:#526779}
.result-input-value{display:flex;align-items:baseline;gap:7px;margin:7px 0 0;font-size:.75rem;color:var(--muted)}
.result-input-value strong{font-size:.9375rem;color:#304c63;font-variant-numeric:tabular-nums}
.result-iv{display:flex;align-items:baseline;gap:8px;margin-top:1px}
.result-iv>span{font-size:.75rem;color:var(--muted)}
.result-iv strong{font-size:1.35rem;line-height:1.25;font-variant-numeric:tabular-nums;color:#142b42;overflow-wrap:anywhere}
@media(max-width:760px){.result-grid{gap:8px}.result-tile{padding:11px 12px}}
@media(max-width:360px){.result-grid{grid-template-columns:1fr}.result-tile:first-child{grid-column:auto}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.result-tile,.result-tile.is-exact,.result-tile.is-range{border:1px solid var(--line);background:#f8fafc}
.result-tile .row-state{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border:1px solid #cbd5de;border-radius:999px;background:transparent;font-size:.6875rem;font-weight:700;color:#526779}
.result-tile .row-state::before{content:"";width:6px;height:6px;border-radius:50%;background:#7a8b98}
.result-tile.is-exact .row-state{border-color:#9dc7b8;color:#25614f}
.result-tile.is-exact .row-state::before{background:#37876e}
.result-tile.is-range .row-state{border-color:#d8c18f;color:#73551d}
.result-tile.is-range .row-state::before{background:#a77922}
.result-panel{background:transparent;border:0;box-shadow:none;padding:0}
.equipment-field[hidden]{display:none !important}
.equipment-field{display:grid;grid-template-columns:1fr;gap:4px;align-content:start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;min-width:0}
.equipment-field label{font-size:.875rem;font-weight:600}
.equipment-field select{width:100%;min-width:0;height:49px;padding:8px;border:1px solid #d3dfe9;border-radius:8px;background:#fff;color:#142b42;font:inherit;font-size:.875rem}
.equipment-effect{min-height:1.25em;font-size:.6875rem;color:var(--muted);line-height:1.3}
.stat-fields.has-equipment{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch}
.stat-fields.has-equipment .stat-field.stat-0{grid-column:1;grid-row:1}
.stat-fields.has-equipment .stat-field.stat-0 input{max-width:none}
.stat-fields.has-equipment .equipment-field{grid-column:2;grid-row:1}
.stat-fields.has-equipment .stat-field.stat-1{grid-column:1;grid-row:2}
.stat-fields.has-equipment .stat-field.stat-2{grid-column:2;grid-row:2}
.stat-fields.has-equipment .stat-field.stat-3{grid-column:1;grid-row:3}
.stat-fields.has-equipment .stat-field.stat-4{grid-column:2;grid-row:3}
.result-equipped-value{display:block;margin-top:4px;font-size:.6875rem;color:var(--muted);font-variant-numeric:tabular-nums}
footer nav{display:flex;gap:14px;flex-wrap:wrap}footer nav a{display:inline-flex;align-items:center;min-height:44px}
.empty{padding:45px 0;color:#9aa9b5}
.empty-number{width:50px;height:50px;margin:0 auto;border-width:1px;font-size:1.35rem}
#checker .primary{display:block;appearance:none;-webkit-appearance:none;min-height:54px;margin-top:10px;background-color:#df4934!important;color:#fff!important;border:0;opacity:1;visibility:visible;line-height:1.4;box-shadow:0 3px 0 #b83625}
.stat-fields{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:86px;align-items:stretch}
.stat-fields .stat-field:first-child{grid-column:auto}
.stat-fields .stat-field:first-child input{max-width:none}
.stat-fields .stat-field{grid-template-columns:auto minmax(0,1fr);gap:10px;min-width:0;min-height:0;height:86px;align-content:center}
.stat-fields .stat-field label{margin:0;white-space:nowrap}
.stat-fields .stat-field input{height:49px;min-width:0;padding:9px 10px}
.stat-fields .equipment-field{grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0;height:86px;padding:10px 12px}
.stat-fields .equipment-field label{white-space:nowrap}
.stat-fields .equipment-field select{height:49px;min-width:0;padding:8px}
.stat-fields .equipment-field select:disabled{background:#eef2f5;color:#66798a;opacity:1}
@media(max-width:420px){.stat-fields{grid-auto-rows:96px;gap:10px}.stat-fields .stat-field{grid-template-columns:1fr;gap:4px;height:96px;align-content:center;padding:8px}.stat-fields .stat-field label{font-size:.8125rem}.stat-fields .stat-field input{height:42px;padding:6px 8px}.stat-fields .equipment-field{grid-template-columns:1fr;gap:4px;height:96px;padding:8px}.stat-fields .equipment-field label{font-size:.8125rem}.stat-fields .equipment-field select{height:42px;padding:6px 8px}}
.result-grid{grid-auto-rows:minmax(142px,1fr)}
.result-grid>.result-tile:first-child{grid-column:auto}
.equipment-tile .result-stat-label{background:#e5ebf0;color:#40576b}
.equipment-tile .result-input-value{display:block}
.equipment-tile .result-input-value strong{display:block;margin-top:3px;font-size:1rem;line-height:1.35;overflow-wrap:anywhere}
.equipment-tile .result-equipped-value{margin-top:7px}
@media(max-width:360px){.result-grid{grid-auto-rows:minmax(142px,1fr)}}
.stat-fields .stat-field{grid-template-columns:78px minmax(0,1fr)}
@media(max-width:420px){.stat-fields .stat-field{grid-template-columns:1fr}}
.top .brand{font-size:clamp(1.25rem,3.2vw,1.8rem);line-height:1.25;letter-spacing:.02em}
.grown-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.grown-details[hidden]{display:none !important}
.grown-details .level-field,.grown-details .nature-field{grid-template-columns:54px minmax(0,1fr);min-width:0;min-height:70px}
.grown-details .level-field input,.grown-details .nature-field select{width:100%;min-width:0;height:49px}
.sports-field{grid-template-columns:minmax(0,1fr)}
.sports-field-body{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sports-stat{grid-template-columns:minmax(0,1fr) 84px;gap:8px;min-width:0}
.sports-stat select{width:100%;min-width:0;height:49px;padding:8px}
@media(max-width:520px){.grown-details{grid-template-columns:1fr}.sports-field-body{grid-template-columns:1fr}}