.stat-tool [hidden]{display:none!important}
.stat-tool .page-hero{padding:42px 20px 66px}
.stat-tool .page-hero p{max-width:680px;margin:12px auto 0;line-height:1.6}
.stat-tool .page-hero .stat-eyebrow{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:#f5a7ab;font-weight:700}
.stat-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start;margin-top:-28px;position:relative}
.stat-card{min-width:0;padding:26px;border:1px solid #dedbd6;border-radius:12px;background:#fff;box-shadow:0 8px 26px #14141609}
.stat-card h2,.stat-guide h2{font-size:1.6rem;line-height:1.3;margin:0 0 14px;text-transform:none;letter-spacing:0}
.stat-card>p{font-size:.9rem;line-height:1.75;color:#504c47}
.stat-fighters,.stat-pair,.stat-output-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.stat-fighters{margin:22px 0 10px}
.stat-fighter{min-width:0;border:1px solid #d2cfca;border-top:3px solid #a21d28;border-radius:6px;padding:14px}
.stat-side-b{border-top-color:#20577c}
.stat-fighter legend{font-size:.85rem;font-weight:700;padding:0 6px;color:#36322d}
.stat-tool label{display:block;font-size:.8rem;font-weight:700;line-height:1.45;margin:12px 0 6px}
.stat-tool label span{font-weight:400;color:#65615b}
.stat-tool input,.stat-tool select,.stat-tool textarea{display:block;width:100%;min-width:0;box-sizing:border-box;border:1px solid #aaa59e;border-radius:4px;min-height:44px;padding:10px;font:inherit;font-size:.92rem;color:#191919;background:#fff}
.stat-tool input[aria-invalid=true]{border-color:#ad1e28;outline:2px solid #ad1e28}
.stat-tool .stat-help{font-size:.76rem;line-height:1.65;color:#615c55;margin:10px 0 18px}
.stat-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.stat-tool button{min-height:44px;border:1px solid #aaa59e;border-radius:5px;padding:10px 14px;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer;background:#fff;color:#37302b}
.stat-tool button.stat-primary{background:#a81b26;border-color:#a81b26;color:#fff}
.stat-tool button.stat-primary:hover{background:#85141c}
.stat-tool button.stat-example{border:0;text-decoration:underline;text-underline-offset:3px;color:#81212a;padding:12px 0;background:transparent;font-weight:400;font-size:.8rem}
.stat-tool :is(input,select,textarea,button,a,summary):focus-visible{outline:3px solid #b71c27;outline-offset:3px}
.stat-tool .stat-error{background:#fff0ef;color:#8b1420;border-left:3px solid #b71c27;padding:12px;font-size:.84rem;line-height:1.6;margin-top:18px}
.stat-results{background:#f7f5f1;overflow-wrap:anywhere}
.stat-placeholder-mark{font-size:6rem;color:#b8b1a7;line-height:1;margin:36px 0 24px}
#stat-placeholder{font-size:.92rem;line-height:1.75;color:#615b52}
.stat-output{border-top:3px solid #a21d28;padding-top:14px;min-width:0}
.stat-output.stat-side-b{border-color:#20577c}
.stat-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#676058;margin:0 0 7px}
.stat-output h3{font-size:1.2rem;line-height:1.4;margin:0 0 20px;text-transform:none;letter-spacing:0}
.stat-output dt,.stat-differences dt{font-size:.75rem;line-height:1.5;color:#615b52;margin:14px 0 5px}
.stat-output dd,.stat-differences dd{font-size:1.22rem;line-height:1.4;font-weight:700;margin:0;font-variant-numeric:tabular-nums;color:#211f1b}
.stat-differences{border-top:1px solid #d6d0c6;margin-top:24px;padding-top:22px}
.stat-differences h3{font-size:1rem;text-transform:none;letter-spacing:0;margin:0}
.stat-differences p,.stat-source,.stat-limit{font-size:.8rem;line-height:1.7;color:#615b52}
.stat-source{padding:14px 0;border-top:1px solid #d6d0c6;border-bottom:1px solid #d6d0c6}
.stat-summary summary{cursor:pointer;min-height:44px;font-size:.85rem;font-weight:700;padding:12px 0}
.stat-summary textarea{line-height:1.6;font-size:.8rem;resize:vertical;min-height:200px;margin-bottom:10px}
.stat-card>.stat-limit{font-size:.78rem;padding-top:20px;border-top:1px solid #d6d0c6;margin-top:24px}
.stat-guide{margin:46px auto 35px}
.stat-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px;margin:28px 0}
.stat-guide h3{font-size:1.1rem;text-transform:none;letter-spacing:0;margin:0 0 10px;line-height:1.4}
.stat-guide p{font-size:.92rem;line-height:1.8;color:#514b43}
.stat-method{padding:24px;background:#f7f5f1;border:1px solid #dedbd6;border-radius:7px}
.stat-guide a{color:#901b24;text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){.stat-tool input,.stat-tool select,.stat-tool textarea{font-size:1rem}.stat-layout{grid-template-columns:1fr;max-width:640px}.stat-guide-grid{grid-template-columns:1fr}.stat-tool .page-hero h1{font-size:2rem}}
@media(max-width:440px){.stat-fighters,.stat-pair{grid-template-columns:1fr;gap:12px}.stat-card{padding:20px}.stat-output-pair{gap:13px}.stat-output h3{font-size:1.05rem}.stat-output dd{font-size:1.05rem}.stat-tool .page-hero{padding-top:32px}}
@media print{.stat-tool .page-hero{padding:16px 0}.stat-layout{display:block;margin:0}.stat-card{box-shadow:none;margin-bottom:20px}.stat-actions,.stat-example,.stat-summary{display:none!important}.stat-output-pair,.stat-fighters{grid-template-columns:1fr 1fr}.stat-guide{margin-top:20px}}
