.armor-page.page-width{--set-a:var(--accent);--set-b:#4fb7ff;width:min(100% - 48px,1320px)}:root[data-theme=light] .armor-page{--set-b:#1f78c4}.armor-label{color:var(--text-secondary);flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:12.5px;font-weight:600;display:flex}.armor-label b{color:var(--text);font-weight:600}.armor-item{place-items:center;width:32px;height:32px;display:grid;position:relative}.armor-item img{width:100%;height:100%;image-rendering:pixelated}.armor-choice{flex-wrap:wrap;gap:4px;display:flex}.armor-choice button{border:1px solid var(--border-subtle);min-width:38px;color:var(--text-secondary);background:var(--surface);box-shadow:var(--rd-bevel);font:inherit;cursor:pointer;padding:6px 9px;font-size:12.5px}.armor-choice button:hover{color:var(--text)}.armor-choice button[aria-pressed=true]{border-color:var(--accent);color:var(--accent-text);background:var(--accent-panel)}.armor-choice button:focus-visible,.armor-materials button:focus-visible,.armor-scenario__types button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.armor-scenario{gap:16px;margin-bottom:12px;padding:16px;display:grid}.armor-scenario__types{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;display:grid}.armor-scenario__types button{border:1px solid var(--border-subtle);min-width:0;color:var(--text-secondary);background:var(--surface);box-shadow:var(--rd-bevel);font:inherit;text-align:center;cursor:pointer;justify-items:center;gap:5px;padding:9px 4px;font-size:12px;font-weight:600;line-height:1.2;display:grid}.armor-scenario__types button:hover{color:var(--text)}.armor-scenario__types button[aria-pressed=true]{border-color:var(--accent);color:var(--accent-text);background:var(--accent-panel)}.armor-scenario__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.armor-damage{gap:10px;display:grid}.armor-damage .armor-label b[data-numeric]{font-size:1.9em}.armor-damage small,.armor-hint{color:var(--text-muted);font-size:12px;font-weight:400}.armor-damage input[type=range]{background:linear-gradient(90deg, #d8322b var(--fill), var(--border) var(--fill));appearance:none;cursor:pointer;border:0;width:100%;height:8px}.armor-damage input[type=range]::-webkit-slider-thumb{appearance:none;background:#f2f2f2;border:2px solid #1d1d1d;width:20px;height:20px;box-shadow:inset -2px -2px #0000004d}.armor-damage input[type=range]::-moz-range-thumb{background:#f2f2f2;border:2px solid #1d1d1d;border-radius:0;width:16px;height:16px}.armor-scenario__effects{gap:8px;display:grid}.armor-scenario__rule{border-left:3px solid var(--accent-border-soft);color:var(--text-secondary);margin:0;padding:2px 0 2px 10px;font-size:13px;line-height:1.5}.armor-sets{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.armor-set{--tone:var(--set-a);border-top:3px solid var(--tone);gap:16px;min-width:0;padding:16px;display:grid}.armor-set.is-b{--tone:var(--set-b)}.armor-set__head{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.armor-set__head h2{margin:0;font-size:19px}.armor-set__tag{color:#111;background:var(--tone);width:28px;height:28px;font-family:var(--font-pixel);place-items:center;font-size:10px;display:inline-grid}.armor-set__better{border:1px solid var(--accent-border-soft);color:var(--accent-text);background:var(--accent-panel);align-items:center;gap:5px;margin-left:auto;padding:4px 8px;font-size:12.5px;font-weight:600;display:inline-flex}.armor-set__all,.armor-set__enchant{gap:8px;display:grid}.armor-materials{flex-wrap:wrap;gap:4px;display:flex}.armor-materials button{border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--text-muted);background:var(--bg-deep);cursor:pointer;transition:border-color var(--motion-fast,.14s) ease;place-items:center;padding:0;display:grid;box-shadow:inset 2px 2px #00000073,inset -2px -2px #ffffff0f}.armor-materials button:hover{border-color:var(--border-strong)}.armor-materials.is-small button{width:38px;height:38px}.armor-materials.is-small .armor-item{width:26px;height:26px}.armor-materials button[aria-pressed=true]{border-color:var(--tone);box-shadow:inset 0 0 0 1px var(--tone), inset 2px 2px 0 #00000073}.armor-slots{gap:10px;display:grid}.armor-slot{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;display:grid}.armor-slot__worn{background:var(--bg-deep);place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 2px 2px #00000080,inset -2px -2px #ffffff12}.armor-slot__worn .armor-item{width:36px;height:36px}.armor-slot__empty{border:2px dashed var(--border);width:18px;height:18px}.armor-slot__body{gap:6px;min-width:0;display:grid}:root[data-theme=light] :is(.armor-materials button,.armor-slot__worn){background:#8b8b8b;box-shadow:inset 2px 2px #373737,inset -2px -2px #fff}.armor-stats{border-top:1px solid var(--border-subtle);gap:12px;padding-top:14px;display:grid}.armor-stats dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.armor-stats dl>div{gap:2px;display:grid}.armor-stats dt{color:var(--text-muted);font-size:12px}.armor-stats dd{margin:0}.armor-stats dd[data-numeric]{color:var(--text);font-size:1.5em}.armor-bar,.armor-hearts{gap:2px;display:flex}.armor-bar i,.armor-hearts i{width:18px;height:18px;image-rendering:pixelated;background:50%/18px 18px no-repeat;display:block}.armor-bar .is-full{background-image:url(/assets/armor/armor_full.png)}.armor-bar .is-half{background-image:url(/assets/armor/armor_half.png)}.armor-bar .is-empty{background-image:url(/assets/armor/armor_empty.png)}.armor-hearts i{background-image:url(/assets/armor/heart_container.png);position:relative}.armor-hearts i:after{content:"";image-rendering:pixelated;background:50%/18px 18px no-repeat;position:absolute;inset:0}.armor-hearts .is-full:after{background-image:url(/assets/armor/heart_full.png)}.armor-hearts .is-half:after{background-image:url(/assets/armor/heart_half.png)}.armor-result{border:1px solid var(--border-subtle);background:var(--surface-raised);gap:12px;padding:14px;display:grid}.armor-result__main{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.armor-result__main>span{color:var(--text-secondary);font-size:13px;font-weight:600}.armor-result__main strong[data-numeric]{color:#ff6b5e;transform-origin:0;font-size:2.6em;line-height:1}:root[data-theme=light] .armor-result__main strong[data-numeric]{color:#b3261e}.armor-result__main small{color:var(--text-muted);font-size:12.5px}.armor-breakdown{gap:4px;margin:0;padding:0;list-style:none;display:grid}.armor-breakdown li{border-bottom:1px dashed var(--border-subtle);color:var(--text-secondary);justify-content:space-between;gap:12px;padding:3px 0;font-size:13px;display:flex}.armor-breakdown b{color:var(--text);font-weight:600}.armor-chart{gap:10px;margin:12px 0 0;padding:16px;display:grid}.armor-chart figcaption{flex-wrap:wrap;justify-content:space-between;gap:6px 16px;font-size:13px;display:flex}.armor-chart figcaption span{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.armor-chart figcaption i{background:var(--set-a);width:16px;height:3px;margin-left:8px;display:inline-block}.armor-chart figcaption i.is-b{background:var(--set-b)}.armor-chart figcaption i.is-none{border-top:2px dashed var(--text-muted);background:0 0;height:0}.armor-chart svg{width:100%;height:auto;display:block}.armor-chart__grid{stroke:var(--border-subtle)}.armor-chart__tick{fill:var(--text-muted);font-family:var(--font-mono);font-size:10px}.armor-chart__none{fill:none;stroke:var(--text-muted);stroke-dasharray:4 5;stroke-width:1.5px}.armor-chart__line{fill:none;stroke:var(--set-a);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.armor-chart__line.is-b{stroke:var(--set-b)}.armor-chart__cursor{stroke:var(--text-secondary);stroke-dasharray:2 4}.armor-chart__dot{fill:var(--bg-deep);stroke:var(--set-a);stroke-width:3px;transition:cx var(--motion-base,.24s) var(--ease-out,ease-out), cy var(--motion-base,.24s) var(--ease-out,ease-out)}.armor-chart__dot.is-b{stroke:var(--set-b)}.armor-chart__note{color:var(--text-muted);margin:0;font-size:12px}@media (prefers-reduced-motion:no-preference){.armor-scenario__types button{animation:armor-pop .38s var(--ease-spring,ease-out) both;animation-delay:calc(var(--i,0) * 30ms)}.armor-scenario__types button[aria-pressed=true] svg{animation:.46s steps(6,end) motion-hop}.armor-scenario__rule{animation:armor-rise .32s var(--ease-out,ease-out) both}.armor-slot__worn{animation:armor-equip .38s var(--ease-spring,ease-out) both}.armor-bar i{animation:armor-pop .32s var(--ease-spring,ease-out) both;animation-delay:calc(var(--n,0) * 35ms)}.armor-hearts .is-lost{animation:.9s step-end both armor-heart-blink;animation-delay:calc(var(--n,0) * 25ms)}.armor-hearts.is-low :is(.is-full,.is-half){animation:.32s steps(2,end) infinite armor-heart-shake;animation-delay:calc(var(--n,0) * -90ms)}.armor-set__better{animation:armor-pop .46s var(--ease-spring,ease-out) both}.armor-chart__line{animation:armor-draw .9s var(--ease-out,ease-out) both;stroke-dasharray:1}.armor-chart__line.is-b{animation-delay:.12s}}@keyframes armor-pop{0%{opacity:0;scale:.6}}@keyframes armor-rise{0%{opacity:0;translate:0 6px}}@keyframes armor-equip{0%{scale:.7}60%{scale:1.08}}@keyframes armor-heart-blink{0%,40%{background-image:url(/assets/armor/heart_container_blinking.png)}20%,60%,to{background-image:url(/assets/armor/heart_container.png)}}@keyframes armor-heart-shake{0%,to{translate:0}50%{translate:0 -2px}}@keyframes armor-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (width<=1080px){.armor-scenario__types{grid-template-columns:repeat(5,minmax(0,1fr))}.armor-sets{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.armor-page.page-width{width:calc(100% - 24px)}.armor-scenario__types{grid-template-columns:repeat(3,minmax(0,1fr))}.armor-scenario__row{grid-template-columns:minmax(0,1fr)}.armor-stats dl{grid-template-columns:repeat(2,minmax(0,1fr))}.armor-bar i,.armor-hearts i,.armor-hearts i:after{background-size:15px 15px;width:15px;height:15px}}