body.skill-hitboxes-page{margin:0}
#skill-hitbox-app{width:min(var(--site-content-max,1480px),calc(100% - 24px));margin:0 auto 32px;color:var(--maple-text);box-sizing:border-box}
#skill-hitbox-app *{box-sizing:border-box}
#skill-hitbox-app h2,#skill-hitbox-app h3{margin:0;font-size:var(--type-l2,22px)}
#skill-hitbox-app h3{font-size:16px}
.hitbox-controls,.hitbox-results{background:var(--maple-surface);border:1px solid var(--maple-line);border-radius:16px;padding:22px;margin-bottom:20px;box-shadow:0 3px 0 #e4d7bf}
.hitbox-control-title,.hitbox-map-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.hitbox-map-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 14px}
.hitbox-search-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;cursor:pointer;white-space:nowrap}
.hitbox-search-toggle input{width:18px;height:18px;margin:0;accent-color:#638477;cursor:pointer}
.hitbox-search-toggle input:focus-visible{outline:3px solid #a6bd8b;outline-offset:3px}
.hitbox-style-key [hidden]{display:none}
.hitbox-entries{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}
.hitbox-entry{display:grid;grid-template-columns:1fr 1.55fr;gap:10px;min-width:0;padding:13px;border:1px solid var(--maple-line);border-left:4px solid var(--skill-color);border-radius:10px;background:var(--maple-panel)}
.hitbox-entry-heading{display:flex;gap:7px;align-items:center;grid-column:1/-1;min-width:0}
.hitbox-entry-heading strong{font-size:14px;flex:1}
.hitbox-swatch{width:12px;height:12px;background:var(--skill-color);border-radius:50%;flex:none}
.hitbox-field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:13px}
.hitbox-field select{width:100%;min-width:0;min-height:44px;background:var(--maple-surface);border:1px solid var(--maple-line);border-radius:8px;color:var(--maple-text);font:inherit;font-size:15px;padding:8px 25px 8px 9px;text-overflow:ellipsis}
.hitbox-field:has([data-field="variant"]){grid-column:1/-1}
.hitbox-origin-badges{display:flex;gap:5px;flex-wrap:wrap;grid-column:1/-1}
.hitbox-origin-badge{display:inline-block!important;padding:2px 6px;border:1px solid #c4c8b5;border-radius:5px;background:#eef0e5;color:#536048;font-size:11px!important;font-weight:600;white-space:nowrap}
.hitbox-origin-badge.is-target{background:#fff0d8;border-color:#d79b61;color:#96521d}
.hitbox-target-note{margin:0 0 10px;padding:9px 12px;border-left:3px solid #ce8c50;background:#fff2df;border-radius:4px;color:#8a4d23;font-size:13px;line-height:1.65}
.hitbox-diagram .hitbox-target-origin{fill:#9a4e20;font-weight:bold}
#skill-hitbox-app button{min-height:40px;border:1px solid var(--maple-line);border-radius:9px;color:var(--maple-text);background:var(--maple-panel);padding:8px 13px;font:inherit;font-size:14px;cursor:pointer}
#skill-hitbox-app button:hover{background:#eee2ca}
#skill-hitbox-app button:focus-visible,#skill-hitbox-app select:focus-visible{outline:3px solid #a6bd8b;outline-offset:2px}
#skill-hitbox-app button:disabled{opacity:.45;cursor:default}
#skill-hitbox-app .hitbox-remove{padding:3px 8px;min-height:32px;font-size:12px;background:var(--maple-surface)}
#skill-hitbox-app #hitbox-add{background:#e6edd6;border-color:#a5b78a;color:#39542f;white-space:nowrap}
#skill-hitbox-app #hitbox-wide[aria-pressed="true"]{background:#e6edd6;border-color:#7d9a60}
.hitbox-hint,.hitbox-scene,.hitbox-status,.hitbox-clipped,.hitbox-unresolved,.hitbox-variant-note{margin:12px 0 0;color:var(--maple-muted);font-size:13px;line-height:1.7}
.hitbox-status{margin-top:5px}.hitbox-map-title{margin-bottom:8px}.hitbox-scene{margin:0}
.hitbox-style-key{display:flex;gap:10px 20px;flex-wrap:wrap;font-size:12px;margin:15px 0;color:var(--maple-text)}
.hitbox-style-key span{display:inline-flex;align-items:center;gap:7px}.hitbox-style-key i{display:block;width:30px;height:0;border-top:2px solid #71604c}.hitbox-style-key .hitbox-key-search{border-top-style:dashed}.hitbox-style-key .hitbox-key-both{height:4px;border-top:2px solid #71604c;border-bottom:1px dashed #71604c}
.hitbox-result-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}
.hitbox-map{min-width:0}.hitbox-diagram{width:100%;display:block;overflow:visible}
.hitbox-measure-summary{display:grid;gap:7px;padding:12px 15px;margin:0 0 12px;border-left:4px solid #638477;border-radius:8px;background:#eef1e5;line-height:1.65}
.hitbox-measure-heading{font-size:13px;color:#4c6252}
.hitbox-measure-values{font-size:18px;font-weight:700;color:#344b41;overflow-wrap:anywhere}
.hitbox-measure-summary small{font-size:12px;color:var(--maple-muted)}
.hitbox-measure-summary:empty{display:none}
.hitbox-diagram text{font-size:12px;fill:var(--maple-text);font-family:var(--ui-font-sans, sans-serif)}
.hitbox-measure-guides line{stroke:#4c6252;stroke-width:1.25}
.hitbox-diagram .hitbox-measure-label{font-size:13px;font-weight:700;fill:#344b41;paint-order:stroke;stroke:var(--maple-surface);stroke-width:4px;stroke-linejoin:round}
.hitbox-grid{stroke:#ded5c5;stroke-width:.75}.hitbox-axis{stroke:#a99d89;stroke-width:1}.hitbox-frame{stroke:#d1c4ad;stroke-width:1;fill:none}
.hitbox-player{fill:#4d4d43;stroke:var(--maple-surface);stroke-width:1.5}.hitbox-reference{stroke:#756747;stroke-width:1.7;fill:none}.hitbox-target{stroke:#883c37;stroke-width:2.5;fill:none}
.hitbox-anchor-label{paint-order:stroke;stroke:var(--maple-surface);stroke-width:3px;stroke-linejoin:round}
.hitbox-range-panel{min-width:0;padding-left:18px;border-left:1px solid var(--maple-line)}
.hitbox-range-panel>p{font-size:12px;color:var(--maple-muted);margin:6px 0 12px}
.hitbox-range-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#skill-hitbox-app .hitbox-range{display:block;width:100%;text-align:left;background:transparent;padding:10px;border-color:#e4d8c3}
#skill-hitbox-app .hitbox-range[aria-pressed="true"]{background:#edf1e2;border-color:#91a77c}
.hitbox-range>span,.hitbox-range>small{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.hitbox-range>.hitbox-range-values{font-size:15px;font-weight:700;color:#344b41;margin:6px 0}
.hitbox-range .hitbox-range-heading{display:flex;align-items:center;gap:5px;font-size:13px;flex-wrap:wrap}
.hitbox-range-number{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#e9dfcf;color:#594a36;flex:none}
.hitbox-range-skills{padding-left:9px;border-left:3px solid var(--skill-color);margin:7px 0;color:var(--maple-text)}
.hitbox-range-origin,.hitbox-range small{color:var(--maple-muted)}
.hitbox-clipped:empty,.hitbox-unresolved:empty,.hitbox-variant-note:empty{display:none}
.hitbox-unresolved{color:#966038}
.hitbox-explanation{margin-top:20px;border-top:1px solid var(--maple-line);padding-top:14px;color:var(--maple-muted);font-size:13px;line-height:1.8}
.hitbox-explanation summary{cursor:pointer;color:var(--maple-text)}.hitbox-error{padding:20px;border:1px solid #c39883;border-radius:12px;background:#fff0e5}
@media(min-width:1100px){.hitbox-entry:only-child{max-width:720px}}
@media(max-width:600px){.hitbox-map-title{flex-wrap:wrap}.hitbox-map-actions{justify-content:flex-start}}
@media(max-width:850px){.hitbox-result-layout{grid-template-columns:1fr}.hitbox-range-panel{border-left:0;border-top:1px solid var(--maple-line);padding:16px 0 0}.hitbox-range-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){#skill-hitbox-app{width:calc(100% - 20px)}.hitbox-controls,.hitbox-results{padding:14px;border-radius:12px}.hitbox-entry{grid-template-columns:1fr}.hitbox-control-title,.hitbox-map-title{align-items:flex-start}.hitbox-control-title h2,.hitbox-map-title h2{font-size:19px!important}.hitbox-field select{font-size:16px}.hitbox-style-key{gap:8px 14px}.hitbox-range-list{grid-template-columns:1fr}.hitbox-entries{grid-template-columns:1fr}.hitbox-scene{font-size:12px}}