.site-main{display:flex;flex-direction:column;gap:16px;overflow-anchor:none}
.intro{margin:0;color:var(--muted)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;min-width:0}
.panel p{overflow-wrap:anywhere}.panel h2{margin-bottom:10px}
.muted{color:var(--muted);font-size:12px}
.fields,.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
label{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:13px}
input,select,button,textarea{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:6px;max-width:100%}
input,select,button{min-height:40px;padding:8px 10px}
input[type=number]{width:100%;font-family:var(--f-mono)}
button,summary{cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}
input:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
input:invalid{border-color:var(--bad)}
.check{display:flex;flex-direction:row;align-items:center;margin:14px 0;gap:8px}.check input{min-height:0;width:18px;height:18px;flex-shrink:0}
.results{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-color:var(--accent)}
.results,#slot-title{scroll-margin-top:80px}
.results strong{display:block;font:30px var(--f-display);color:var(--accent);margin-top:4px}
.results>p,.results>button,.results>details,#set-changes{grid-column:1/-1;margin:0}
.workbench{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.3fr);gap:16px;align-items:start}
.option-table{display:grid;grid-template-columns:minmax(90px,1fr) minmax(65px,.7fr) minmax(90px,1fr);gap:8px;align-items:center}
.option-table .heading{font-weight:600;color:var(--muted);font-size:12px}.option-table output{font-family:var(--f-mono);overflow-wrap:anywhere;font-size:12px}
.baseline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}
.stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0;align-items:end}
.stat-row>b{font-size:13px}.stat-row label{font-size:12px}
textarea{padding:10px;width:100%;margin-bottom:12px;resize:vertical;line-height:1.6}
summary{font-weight:500}details[open]>summary{margin-bottom:12px}
#damage-status{color:var(--muted)}#edit-status,#set-status{color:var(--bad)}
#set-changes p{margin:4px 0}#target-description{font-size:13px;color:var(--muted)}
#option-notes{white-space:pre-line}#estimate-status{border-left:3px solid var(--accent);padding-left:10px}
@media(max-width:900px){.workbench{grid-template-columns:1fr}}
@media(max-width:600px){.fields{display:grid;grid-template-columns:1fr}.baseline-grid{grid-template-columns:1fr 1fr}.stat-row{grid-template-columns:1fr 1fr}.panel{padding:12px}.option-table{grid-template-columns:minmax(80px,1fr) minmax(45px,.6fr) minmax(80px,1fr)}.results strong{font-size:25px}}
.source-badge{margin:0;font-size:13px;color:var(--muted)}
.target-picker{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:8px 16px}.target-picker h2{margin:0}.target-picker p{grid-column:1/-1;margin:0}
.results{position:sticky;top:72px;z-index:4;gap:8px;box-shadow:0 4px 16px #0002}
.results .estimate-details{font-size:12px;max-height:200px;overflow:auto}.results #damage-reset{min-height:32px;padding:5px 10px;font-size:12px;justify-self:end}
.item-summary{background:var(--sunk);border:1px solid var(--line);border-radius:6px;padding:12px;min-width:0;overflow-wrap:anywhere}
.item-summary small,.item-summary b{display:block}.item-summary small{color:var(--muted);margin-bottom:5px}.item-summary p{font-size:12px;margin:6px 0 0}
#option-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.option-delta{grid-column:1/-1;color:var(--accent);font-size:13px;margin:0}
#target-ready{font-size:12px;color:var(--muted)}.comparison-panel .actions{margin:12px 0}.comparison-panel .actions button:first-child{background:var(--accent-soft);border-color:var(--accent);flex:1}
#option-details{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}
@media(max-width:900px){.results{top:70px}.workbench{gap:10px}}
@media(max-width:600px){.target-picker{grid-template-columns:1fr}.target-picker p{font-size:11px}.results{top:64px}.results strong{font-size:23px}.results>div>span{font-size:11px}.results #applied-summary{font-size:12px}.site-main{gap:10px}.item-summary{padding:9px}}
.damage-equipwin{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:10px;margin:12px auto 0;max-width:442px;background:var(--bg);border-radius:var(--r)}
.damage-equipwin .cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 2px 3px;border-radius:6px;min-width:0;min-height:78px;position:relative}
.damage-equipwin .cell.blank{border-style:dashed;background:transparent}
.damage-equipwin .cell.selected{outline:2px solid var(--info);outline-offset:1px}
.damage-equipwin .cell[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}
.damage-equipwin .cell .lb{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.damage-equipwin .cell small{font-size:9px;min-height:12px;color:var(--accent);white-space:nowrap}
.damage-equipwin .ico{position:relative;overflow:hidden;display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:8px;background:var(--bg);border:1px solid var(--line);font-size:12px;color:var(--accent)}
.damage-equipwin .ico img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;background:var(--surface)}
.damage-equipwin .sum{display:flex;align-items:center;justify-content:center;gap:2px;min-height:12px;font-size:10px;font-variant-numeric:tabular-nums}
.damage-equipwin .dot{width:7px;height:7px;border-radius:50%;background:var(--g);display:inline-block}.damage-equipwin .g0{--g:#4fa3e0}.damage-equipwin .g1{--g:#a05bd6}.damage-equipwin .g2{--g:#e0b020}.damage-equipwin .g3{--g:#3cc46a}
.damage-equipwin .portrait{grid-area:1/3/5/6;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);text-align:center;min-width:0;overflow-wrap:anywhere;font-size:12px}
.damage-equipwin .portrait .pt{font-family:var(--f-display);font-size:16px}.damage-equipwin .portrait small{font-size:11px;color:var(--muted)}
.damage-equipwin .equipment-sets{grid-area:6/2/7/7;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:4px;min-width:0;padding:4px}
.damage-equipwin .equipment-sets span{font-size:10px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:2px 5px;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:460px){.damage-equipwin{padding:6px;gap:3px}.damage-equipwin .ico{width:30px;height:30px;font-size:10px}.damage-equipwin .cell{min-height:74px}.damage-equipwin .portrait{padding:6px}}