.damage-intro{max-width:1160px;margin:0 auto;padding:28px 24px 20px}.damage-intro h1{font-size:32px;margin:8px 0}.damage-intro>p{margin:8px 0}.damage-note{font-size:12px;color:var(--muted);line-height:1.8;margin:8px 0 16px}.damage-layout{max-width:1160px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;padding:0 24px 40px}.damage-panel,.damage-result-panel,.damage-reference{background:white;border:1px solid var(--line);border-radius:14px;padding:24px}.damage-layout h2{font-size:20px;margin:0 0 18px}.damage-layout label{font-size:12px;margin-bottom:14px}.damage-layout input[type=number]{width:100%;margin-top:7px;border:1px solid #d4dfda;border-radius:6px;padding:10px;color:var(--ink);background:white;min-height:42px;font:inherit}.damage-layout select,.damage-layout input[type=search]{font-size:13px;min-height:42px}.damage-filter{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.damage-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.damage-pick{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#f8faf7;text-align:left;min-width:0;line-height:1.6;font-size:11px}.damage-pick img{width:42px;height:42px;object-fit:contain;flex:none}.damage-pick span{overflow-wrap:anywhere}.damage-pick:hover,.damage-pick[aria-pressed=true]{border-color:var(--green);background:#eaf4ef}.selected-buddy{display:flex;gap:12px;align-items:center;padding:14px 0;margin-top:18px;border-top:1px solid var(--line);font-size:14px;font-weight:700}.selected-buddy img{width:60px;height:60px;object-fit:contain}.selected-buddy small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.damage-layout form{padding:0}.damage-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.damage-checks{display:flex;gap:8px 18px;flex-wrap:wrap;margin:8px 0 16px}.damage-checks label{font-size:12px;display:flex;gap:6px;align-items:center;margin:0;line-height:1.7}.damage-layout input[type=checkbox]{accent-color:var(--green);width:17px;height:17px;flex:none}.damage-enemy{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.damage-layout summary{padding:15px 0;font-size:14px}.damage-advanced,.damage-method details,.damage-reference details{border-top:1px solid var(--line)}.damage-advanced>div{padding-top:16px}.damage-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.damage-primary,.damage-secondary{border-radius:7px;padding:10px 14px;border:1px solid #b7cdc2;background:white;font-size:13px}.damage-primary{background:var(--green);color:white;border-color:var(--green);font-weight:700}.damage-secondary:hover{background:#eff6f0}.damage-error{color:#a63737;font-size:12px;line-height:1.7}.damage-output{background:transparent;border:0;border-radius:0;overflow:visible;position:relative;min-width:0}.damage-result-panel h2{margin-top:10px}.damage-reference{margin-top:16px}.damage-reference h2{font-size:16px;margin-bottom:12px}.damage-reference details summary{font-size:12px}.damage-reference p{font-size:12px;line-height:1.8}.damage-reference h3{font-size:13px;margin-bottom:6px}.damage-reference a{font-size:12px}.damage-range{background:#edf6f1;border-radius:10px;padding:22px 16px;margin:18px 0}.damage-range strong{display:block;color:var(--green);font-size:clamp(26px,3vw,38px);line-height:1.5;letter-spacing:-.04em}.damage-range span{color:var(--muted);font-size:12px}.damage-result-name{font-size:14px;font-weight:700;line-height:1.8}.damage-blocked{background:#fff4d1;color:#755910;border-radius:8px;padding:12px;font-size:13px}.damage-rolls{font-size:12px;line-height:1.9;overflow-wrap:anywhere;margin:14px 0}.damage-breakdown{display:grid;grid-template-columns:1fr auto;gap:8px 14px;margin:16px 0;font-size:12px}.damage-breakdown dt,.damage-breakdown dd{margin:0}.damage-breakdown dd{font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.damage-result-panel>#damage-save{width:100%;margin-top:12px}.damage-comparisons,.damage-method{grid-column:1/-1;min-width:0}.damage-comparison-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.damage-comparison-head h2{margin:0}.damage-saved{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.damage-saved article{background:white;border:1px solid var(--line);border-radius:10px;padding:16px;min-width:0}.damage-saved h3{font-size:13px;line-height:1.8;margin:0 0 6px}.damage-saved strong{font-size:22px;color:var(--green)}.damage-saved p{font-size:12px;line-height:1.8}.damage-saved details summary{font-size:12px}.damage-method{font-size:13px;line-height:1.9}.damage-method summary{font-size:14px}.damage-page [hidden]{display:none!important}.damage-layout button:focus-visible,.damage-layout input:focus-visible,.damage-layout select:focus-visible{outline:3px solid #9675c7;outline-offset:2px}.damage-layout input:invalid:not(:focus){border-color:#b17272}
@media(max-width:850px){.damage-layout{grid-template-columns:1fr}.damage-output{position:static}.damage-range strong{font-size:36px}.damage-saved{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.damage-layout{padding:0 12px 28px;gap:14px}.damage-intro{padding:22px 16px 16px}.damage-intro h1{font-size:27px}.damage-panel,.damage-result-panel,.damage-reference{padding:18px}.damage-filter{grid-template-columns:1fr 1fr}.damage-filter>label:first-child{grid-column:1/-1}.damage-two{gap:10px}.damage-pick{font-size:10px;padding:8px;gap:6px}.damage-pick img{width:34px;height:34px}.damage-saved{grid-template-columns:1fr}.damage-range strong{font-size:32px}}

.damage-index{padding:18px 16px;background:#e8f0fc;border-radius:10px;margin-top:18px}.damage-index strong{display:block;font-size:34px;color:#315a8c;line-height:1.5;overflow-wrap:anywhere}.damage-index span{font-size:11px;color:var(--muted)}

.damage-output-inner{position:sticky;top:16px}@media(max-width:850px){.damage-output-inner{position:static}}

.damage-page summary::after{content:none}