:root{--font-mono: "Share Tech Mono", monospace;--font-display: "Chakra Petch", sans-serif;--bg: #080a0f;--bg-raised: #111520;--bg-inset: #1d212b;--bg-hover: #151922;--border: #1a1d28;--border-subtle: #141720;--border-dim: #12141c;--border-button: #3d4558;--text: #dde1e8;--text-stat: #b0b8c4;--text-body: #99a3b3;--text-muted: #778;--text-dim: #556;--text-ghost: #2f3340;--accent: #e8b545;--accent-04: rgba(232, 181, 69, .04);--accent-05: rgba(232, 181, 69, .05);--accent-08: rgba(232, 181, 69, .08);--accent-10: rgba(232, 181, 69, .1);--accent-15: rgba(232, 181, 69, .15);--accent-20: rgba(232, 181, 69, .2);--accent-30: rgba(232, 181, 69, .3);--accent-50: rgba(232, 181, 69, .6);--color-danger: #e85454;--color-lethal: #ff2020;--color-success: #54e868;--color-info: #7b8fa8;--color-effective: #45b8e8;--info-10: rgba(123, 143, 168, .1);--info-18: rgba(123, 143, 168, .18);--info-30: rgba(123, 143, 168, .35);--formula-tag: rgba(69, 140, 200, .08);--cat-AR: #58c8a0;--cat-DMR: #5fbed8;--cat-SR: #7b8bf0;--cat-LMG: #7ac46b;--cat-SMG: #c385d2;--cat-SG: #e8884a;--cat-PISTOL: #90a0b0;--cat-CROSSBOW: #e8b545;--body-label: #c0cdd8;--body-no-data: #c0cad8;--formula-note: #667;--formula-detail: #aab;--formula-armor: #3a6090;--text-2xs: 8px;--text-xs: 10px;--text-sm: clamp(12px, .55vw, 15px);--text-base: 14px;--text-md: 16px;--text-title: 22px;--text-r-xs: clamp(11px, .45vw, 14px);--text-r-sm: clamp(11px, .5vw, 14px);--text-r-md: clamp(9px, .55vw, 16px);--text-r-lg: clamp(13px, .75vw, 22px);--text-r-xl: clamp(15px, .9vw, 30px);--text-r-2xl: clamp(16px, .95vw, 30px);--text-r-3xl: clamp(20px, 1.25vw, 52px);--text-r-label: clamp(10px, .5vw, 14px);--text-r-config: clamp(12px, .6vw, 15px);--tile-img-w: clamp(140px, 9.5vw, 340px);--pad-r-xs: clamp(2px, .15vw, 5px);--pad-r-sm: clamp(5px, .35vw, 10px);--weight-normal: 400;--weight-medium: 500;--weight-semi: 600;--weight-bold: 700;--weight-black: 800;--ls-tight: .8px;--ls-normal: 1px;--ls-wide: 1.2px;--ls-wider: 1.5px;--ls-widest: 2px;--ls-ultra: 3px;--sp-tight: 2px;--sp-snug: 4px;--sp-component: 8px;--sp-group: 12px;--sp-section: 20px;--sp-page: 32px;--sp-page-lg: 40px;--radius-sm: 2px;--radius-md: 6px;--radius-lg: 8px;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .4s;--lh-tight: 1.2;--lh-loose: 1.8;--lh-looser: 2.2;--sidebar-width: clamp(400px, 13vw, 640px);--body-model-h: clamp(520px, 50vh, 740px);--grid-min: clamp(280px, calc(7.3vw + 260px) , 640px);--formula-max-w: 860px;--shadow-tile-img: rgba(0, 0, 0, .9);--shadow-menu: rgba(0, 0, 0, .4);--armor-btn-size: 44px;--stepper-btn: 18px}:root[data-theme=light]{--bg: #f2ece3;--bg-raised: #f9f6f1;--bg-inset: #ece3d5;--bg-hover: #f5f1ea;--border: #d9d2c5;--border-subtle: #ece9e4;--border-dim: #f3f0ed;--border-button: #c6bfb3;--text: #1d1811;--text-stat: #41382a;--text-body: #554d3f;--text-muted: #71695b;--text-dim: #a49a89;--text-ghost: #d6d0c7;--accent: #a8761c;--accent-04: rgba(168, 118, 28, .05);--accent-05: rgba(168, 118, 28, .06);--accent-08: rgba(168, 118, 28, .1);--accent-10: rgba(168, 118, 28, .14);--accent-15: rgba(168, 118, 28, .2);--accent-20: rgba(168, 118, 28, .35);--accent-30: rgba(168, 118, 28, .48);--accent-50: rgba(168, 118, 28, .6);--color-danger: #b83333;--color-lethal: #d00c0c;--color-success: #2b8a3e;--color-info: #3a5068;--color-effective: #036DA4;--info-10: rgba(58, 80, 104, .1);--info-18: rgba(58, 80, 104, .18);--info-30: rgba(58, 80, 104, .35);--formula-tag: rgba(69, 140, 200, .1);--cat-AR: #137d56;--cat-DMR: #1a7f94;--cat-SR: #2030ad;--cat-LMG: #2e831c;--cat-SMG: #872599;--cat-SG: #ad4f12;--cat-PISTOL: #4b5e74;--cat-CROSSBOW: #a8761c;--body-label: #2d2518;--body-no-data: #7b8494;--formula-note: #7b8494;--formula-detail: #4a5263;--formula-armor: #3a6090;--shadow-tile-img: rgba(30, 22, 10, .22);--shadow-menu: rgba(30, 22, 10, .12)}[data-category=ALL]{--cat-color: var(--accent)}[data-category=AR]{--cat-color: var(--cat-AR)}[data-category=DMR]{--cat-color: var(--cat-DMR)}[data-category=SR]{--cat-color: var(--cat-SR)}[data-category=LMG]{--cat-color: var(--cat-LMG)}[data-category=SMG]{--cat-color: var(--cat-SMG)}[data-category=SG]{--cat-color: var(--cat-SG)}[data-category=PISTOL]{--cat-color: var(--cat-PISTOL)}[data-category=CROSSBOW]{--cat-color: var(--cat-CROSSBOW)}.body-model{display:block;-webkit-user-select:none;user-select:none}.body-model-image{filter:invert(1) brightness(.3) contrast(1.1);transition:filter var(--transition-base)}.body-model-image--active{filter:invert(1) brightness(.38) contrast(1.1)}:root[data-theme=light] .body-model-image{filter:opacity(.5)}:root[data-theme=light] .body-model-image--active{filter:opacity(.62)}.body-zone{cursor:pointer}.body-zone:focus,.body-zone:focus-visible{outline:none}.body-zone-label{font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--weight-bold);fill:var(--body-label);letter-spacing:var(--ls-widest)}.body-zone-value{font-family:var(--font-display);font-size:38px;font-weight:var(--weight-bold);transition:fill var(--transition-fast),font-size var(--transition-fast)}.body-zone-value--hover{font-size:44px;text-decoration:underline}.body-zone-value--active{font-size:50px}.body-zone-marker{fill:var(--cat-color, var(--accent))}:root[data-theme=light] .body-zone-marker{stroke:#1a1612;stroke-width:1.5}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{min-height:100vh;background:var(--bg)}.app-header{padding:var(--sp-group) var(--sp-section);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-component)}.app-title{font-size:var(--text-title);font-weight:var(--weight-black);color:var(--accent);letter-spacing:var(--ls-ultra);margin:0;font-family:var(--font-mono)}.app-title-dim{color:var(--text-muted)}.app-subtitle{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--ls-ultra);margin-top:var(--sp-tight);font-family:var(--font-mono)}.app-layout{display:flex;gap:0}.nav-btn{background:var(--bg-raised);border:1px solid var(--border-button);border-radius:var(--radius-lg);color:var(--text-muted);padding:var(--sp-component) var(--sp-group);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--ls-normal);transition:border-color var(--transition-fast),color var(--transition-fast)}.nav-btn:hover:not(:disabled){border-color:var(--accent-30);color:var(--text)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn--lg{padding:var(--sp-component) var(--sp-section);font-size:var(--text-sm)}.theme-toggle{background:var(--bg-raised);border:1px solid var(--border-button);border-radius:var(--radius-lg);color:var(--text-muted);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.theme-toggle:hover{border-color:var(--accent-30);color:var(--accent)}.theme-toggle svg{display:block}.sidebar{width:var(--sidebar-width);flex-shrink:0;padding:var(--sp-section) var(--sp-section) var(--sp-page-lg);border-right:1px solid var(--border-subtle);border-left:2px solid transparent;position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background:var(--bg-raised);transition:background var(--transition-base),border-color var(--transition-base)}.sidebar--active{background:var(--bg-inset);border-left:2px solid var(--cat-color, var(--accent))}:root[data-theme=light] .sidebar{border-left-width:3px}:root[data-theme=light] .armor-btn:not(.armor-btn--active){background:var(--bg)}.sidebar::-webkit-scrollbar{display:none}.sidebar-weapon-name{text-align:center;font-size:var(--text-r-xl);font-weight:var(--weight-bold);font-family:var(--font-mono);letter-spacing:var(--ls-wider);margin-bottom:var(--sp-section);color:var(--cat-color, var(--text-ghost));transition:color var(--transition-base);min-height:36px;display:flex;align-items:center;justify-content:center}.sidebar-weapon-name--placeholder{color:var(--text-ghost);font-size:var(--text-r-md);font-weight:var(--weight-medium);letter-spacing:var(--ls-widest)}.sidebar-section{margin-bottom:var(--sp-section)}.sidebar-section--center{text-align:center}.sidebar-body-model{padding:0 0 var(--sp-section) 0;margin:0 calc(-1 * var(--sp-component));display:flex;justify-content:center;height:var(--body-model-h)}.sidebar-controls{display:flex;flex-direction:column;gap:var(--sp-group)}.config-status{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--sp-snug) var(--sp-component);font-size:var(--text-r-config);font-family:var(--font-mono);color:var(--text-muted)}.config-status-grid{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-snug)}.config-status-right{display:flex;flex-direction:column;gap:var(--sp-snug);text-align:right}.config-label{color:var(--text-muted)}.config-value{color:var(--text-body)}.config-value--range-set,.config-value--hp-low{color:var(--accent)}.config-value--hp-full{color:var(--color-success)}.mode-toggle{display:inline-flex;background:var(--bg);border-radius:var(--radius-md);border:1px solid var(--border-button);overflow:hidden}.mode-toggle-btn{padding:var(--sp-component) var(--sp-section);border:none;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:var(--ls-wider);background:transparent;color:var(--text-body);transition:background var(--transition-base),color var(--transition-base)}.mode-toggle-btn--active{background:var(--accent-15);color:var(--accent);font-weight:var(--weight-bold)}.armor-row{display:flex;flex-direction:column;gap:var(--sp-component)}.armor-row-line{display:flex;align-items:center;gap:var(--sp-section)}.armor-row-label{font-size:var(--text-r-label);color:var(--text-muted);letter-spacing:var(--ls-wide);font-family:var(--font-mono);width:42px;flex-shrink:0}.armor-row-btns{display:flex;gap:var(--sp-snug)}.armor-btn{width:var(--armor-btn-size);height:var(--armor-btn-size);border-radius:var(--radius-lg);cursor:pointer;padding:0;background:var(--bg-raised);display:flex;align-items:center;justify-content:center;transition:background var(--transition-base),border-color var(--transition-base)}.armor-btn--active{border:1px solid var(--accent-50);background:var(--accent-05)}.armor-btn--inactive{border:1px solid var(--border-button)}.armor-btn--inactive:hover{border-color:var(--accent-30)}.armor-btn-text{font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--font-mono)}.armor-btn-text--active{color:var(--accent);font-weight:var(--weight-bold)}.armor-btn-text--inactive{color:var(--text-ghost)}.armor-btn-icon{width:32px;height:32px;object-fit:contain;transition:filter var(--transition-base)}.armor-btn-icon--active{filter:brightness(1.3) drop-shadow(0 0 6px var(--accent-30))}.armor-btn-icon--inactive{filter:brightness(1)}.armor-btn-empty{font-size:var(--text-md)}.armor-btn-empty--active{color:var(--accent)}.armor-btn-empty--inactive{color:var(--text-ghost)}.distance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-snug)}.distance-label{font-size:var(--text-r-label);color:var(--text-muted);letter-spacing:var(--ls-wider);font-family:var(--font-mono)}.distance-controls{display:flex;align-items:center;gap:var(--sp-snug)}.distance-stepper{width:var(--stepper-btn);height:var(--stepper-btn);border-radius:var(--radius-md);border:1px solid var(--border-button);background:var(--bg-raised);color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--font-mono);display:flex;align-items:center;justify-content:center;padding:0;transition:border-color var(--transition-fast),color var(--transition-fast)}.distance-stepper:hover{border-color:var(--accent-30);color:var(--text)}.distance-input{width:44px;font-size:var(--text-sm);font-family:var(--font-mono);font-weight:var(--weight-bold);background:transparent;border:none;border-bottom:1px solid var(--border-button);text-align:right;outline:none;padding:0;-moz-appearance:textfield}.distance-input--active{color:var(--accent)}.distance-input--inactive{color:var(--text-muted)}.distance-unit{font-size:var(--text-sm);font-family:var(--font-mono);font-weight:var(--weight-bold)}.distance-unit--active{color:var(--accent)}.distance-unit--inactive{color:var(--text-muted)}.distance-range{width:100%;accent-color:var(--accent);cursor:pointer}.distance-ticks{display:flex;justify-content:space-between;margin-top:var(--sp-tight)}.distance-tick{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);cursor:pointer}.hp-header{display:flex;justify-content:space-between;margin-bottom:var(--sp-snug)}.hp-label{font-size:var(--text-r-label);color:var(--text-muted);letter-spacing:var(--ls-wider);font-family:var(--font-mono)}.hp-value{font-size:var(--text-sm);font-family:var(--font-mono);font-weight:var(--weight-bold)}.hp-value--full{color:var(--color-success)}.hp-value--reduced{color:var(--accent)}.hp-range{width:100%;accent-color:var(--color-success);cursor:pointer}.hp-ticks{display:flex;justify-content:space-between;margin-top:var(--sp-tight)}.hp-tick{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);cursor:pointer}.main-content{flex:1;min-width:0;padding:var(--sp-section) var(--sp-section) var(--sp-page-lg)}.cat-tabs{display:flex;gap:3px;margin-bottom:var(--sp-group);flex-wrap:wrap;align-items:center}.cat-tabs-spacer{flex:1;min-width:var(--sp-group)}.cat-tab{padding:var(--sp-component) var(--sp-group);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-base);font-weight:var(--weight-medium);font-family:var(--font-mono);letter-spacing:var(--ls-normal);transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.cat-tab--active{border:1px solid var(--cat-color);background:color-mix(in srgb,var(--cat-color) 10%,transparent);color:var(--cat-color);font-weight:var(--weight-bold)}:root[data-theme=light] .cat-tab--active{background:color-mix(in srgb,var(--cat-color) 18%,transparent)}.cat-tab--inactive{border:1px solid var(--border-button);background:var(--bg-raised);color:var(--text-muted)}.cat-tab-count{margin-left:var(--sp-snug);opacity:.4}.custom-select{position:relative}.custom-select-trigger{background:var(--bg-inset);border:1px solid var(--border-button);color:var(--text);padding:var(--sp-component) var(--sp-group);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-mono);letter-spacing:var(--ls-normal);cursor:pointer;display:flex;align-items:center;gap:var(--sp-component);white-space:nowrap;transition:border-color var(--transition-fast),background var(--transition-fast)}.custom-select-trigger:hover{border-color:var(--accent-30);background:var(--bg-raised)}.custom-select-sort-icon{color:var(--text-muted);flex-shrink:0}.custom-select-chevron{color:var(--text-muted);flex-shrink:0;transition:transform var(--transition-fast)}.custom-select-chevron--open{transform:rotate(180deg)}.custom-select-divider{height:1px;background:var(--border-subtle);margin:var(--sp-snug) var(--sp-component)}.custom-select-menu{position:absolute;top:calc(100% + var(--sp-snug));left:0;min-width:100%;background:var(--bg-inset);border:1px solid var(--border-button);border-radius:var(--radius-lg);padding:var(--sp-snug) 0;z-index:100;box-shadow:0 4px 16px var(--shadow-menu)}.custom-select-option{padding:var(--sp-component) var(--sp-group);font-size:var(--text-base);font-family:var(--font-mono);color:var(--text-body);cursor:pointer;white-space:nowrap}.custom-select-option:hover{background:var(--accent-05);color:var(--text)}.custom-select-option--active{color:var(--accent)}.weapon-count{font-size:var(--text-r-label);color:var(--text-muted);font-family:var(--font-mono);margin-left:var(--sp-component)}.weapon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-min),1fr));gap:var(--sp-component)}.weapon-tile{background:var(--bg-raised);border-radius:var(--radius-lg);padding:clamp(20px,1vw,32px);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative}.weapon-tile--selected{background:var(--bg-inset);border:1px solid var(--accent-50);border-left:none;box-shadow:0 0 16px var(--accent-08)}:root[data-theme=light] .weapon-tile--selected{box-shadow:0 0 24px #e8b54561}.weapon-tile--compared{border:1px solid var(--accent-30);border-left:none}.weapon-tile--default{border:1px solid var(--border-button);border-left:none}.weapon-tile--default:hover{border-color:var(--accent-30);background:var(--bg-hover)}.weapon-tile--default:hover .tile-img--default{filter:brightness(1.38) drop-shadow(0 0 6px var(--accent-30)) drop-shadow(0 8px 10px var(--shadow-tile-img))}.tile-color-strip{position:absolute;top:var(--radius-lg);left:0;width:3px;height:calc(100% - 2 * var(--radius-lg));border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--cat-color)}.tile-compare-btn{position:absolute;top:var(--sp-component);right:var(--sp-component);width:22px;height:22px;border-radius:var(--radius-md);cursor:pointer;padding:0;font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--font-mono);display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.tile-compare-btn--active{background:var(--accent-15);border:1px solid var(--accent);color:var(--accent);font-weight:var(--weight-bold)}.tile-compare-btn--inactive{background:var(--bg-raised);border:1px solid var(--border-button);color:var(--text-muted)}.tile-compare-btn--inactive:hover{border-color:var(--accent-30);color:var(--text)}.tile-header{display:flex;align-items:center;gap:var(--sp-group)}.tile-img-wrap{width:var(--tile-img-w);aspect-ratio:1600 / 1096;flex-shrink:0;display:flex;align-items:center;justify-content:center}.tile-img{max-width:100%;max-height:100%;object-fit:contain;transition:filter var(--transition-base)}.tile-img--selected{filter:brightness(1.5) drop-shadow(0 0 14px var(--accent)) drop-shadow(0 8px 10px var(--shadow-tile-img))}.tile-img--default{filter:brightness(1.3) drop-shadow(0 8px 10px var(--shadow-tile-img))}.tile-img-placeholder{font-size:var(--text-xs);color:var(--text-ghost);font-family:var(--font-mono)}.tile-name-wrap{flex:1;min-width:0;padding-right:28px}.tile-name-wrap:has(.tile-header-extras):before{content:"";display:block;height:calc(var(--text-r-md) * 1.2 + var(--pad-r-xs) * 2 + var(--sp-group))}.tile-name{font-size:var(--text-r-xl);font-weight:var(--weight-bold);color:var(--text);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--sp-component)}.tile-crate-badge{font-size:var(--text-2xs);background:var(--accent);color:var(--bg);padding:1px var(--sp-snug);border-radius:var(--radius-sm);font-weight:var(--weight-black);flex-shrink:0}.tile-category{font-size:var(--text-r-xs);font-weight:var(--weight-bold);font-family:var(--font-mono);letter-spacing:var(--ls-wide);margin-top:1px;color:var(--cat-color)}.tile-effective-stats{display:flex;gap:var(--sp-group);align-items:flex-start;flex-shrink:0}.tile-header-extras{display:flex;gap:var(--sp-component);align-items:center;flex-shrink:0;margin-top:var(--sp-group)}.tile-stats{display:flex;gap:var(--sp-group);margin-top:var(--sp-component);align-items:center}.tile-spacer{flex:1}.fire-mode-chip{font-size:var(--text-r-md);font-family:var(--font-mono);cursor:pointer;padding:var(--pad-r-xs) var(--pad-r-sm);border-radius:var(--radius-md);background:var(--info-10);border:1px solid var(--info-30);-webkit-user-select:none;user-select:none;transition:background var(--transition-fast),border-color var(--transition-fast)}.fire-mode-chip:hover{background:var(--info-18);border-color:var(--color-info)}.fire-mode-active{color:var(--color-info);font-weight:var(--weight-bold)}.fire-mode-inactive{color:var(--text-muted);font-weight:var(--weight-normal)}.fire-mode-sep{color:var(--text-muted);margin:0 2px}.fire-mode-rpm-label{color:var(--color-info);margin-left:3px}.pellet-slider-chip{display:inline-flex;align-items:center;gap:var(--sp-snug);padding:var(--pad-r-xs) var(--pad-r-sm);border-radius:var(--radius-md);background:var(--info-10);border:1px solid var(--info-30);font-family:var(--font-mono)}.pellet-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:60px;height:3px;background:var(--border-button);border-radius:var(--radius-sm);outline:none;cursor:pointer}.pellet-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:var(--color-info);cursor:pointer;border:none}.pellet-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--color-info);cursor:pointer;border:none}.pellet-slider-value{font-size:var(--text-r-md);color:var(--color-info);font-weight:var(--weight-bold);min-width:28px;text-align:right}.stat-label{font-size:var(--text-r-sm);color:var(--text-body);font-family:var(--font-mono);letter-spacing:var(--ls-tight)}.stat-value{font-size:var(--text-r-lg);font-weight:var(--weight-semi);font-family:var(--font-mono);color:var(--text)}.stat-value--effective{color:var(--color-effective)}.compare-wrap{background:var(--bg-raised);border:1px solid var(--accent-20);border-radius:var(--radius-lg);padding:var(--sp-section);margin-bottom:var(--sp-group)}.compare-charts{margin-top:var(--sp-section);padding-top:var(--sp-group);border-top:1px solid var(--border-subtle);display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--sp-section)}.compare-chart-wrap{min-width:0}.compare-chart-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-group);margin-bottom:var(--sp-snug);padding-left:4.167%}.compare-chart-title{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--ls-widest);color:var(--text-muted)}.compare-chart-unit{letter-spacing:var(--ls-tight);opacity:.75}.compare-chart-dist{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--accent);letter-spacing:var(--ls-tight);min-width:3em}.compare-chart{display:block;width:100%;height:auto;aspect-ratio:1200 / 400;cursor:crosshair}.compare-chart-grid{stroke:var(--border-subtle);stroke-width:1}.compare-chart-axis-label{font-family:var(--font-mono);font-size:14px;fill:var(--text-muted)}.compare-chart-marker{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:6 6;opacity:.6}.compare-chart-line{stroke:var(--cat-color, var(--accent));stroke-width:2.5;fill:none}.compare-chart-hover-line{stroke:var(--text-muted);stroke-width:1;stroke-dasharray:2 3;opacity:.6;pointer-events:none}.compare-chart-hover-dot{fill:var(--cat-color, var(--accent));stroke:var(--bg-raised);stroke-width:2;pointer-events:none}.compare-chart-hover-dot--ring{fill:transparent;stroke:var(--cat-color, var(--accent));stroke-width:2}.compare-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-group);padding-top:var(--sp-snug);font-family:var(--font-mono);font-size:var(--text-sm);min-height:1.6em}.compare-chart-legend-item{display:inline-flex;align-items:center;gap:var(--sp-snug);color:var(--cat-color, var(--text))}.compare-chart-legend-swatch{width:28px;height:6px;flex:0 0 28px}.compare-chart-legend-dot{fill:var(--cat-color, var(--accent))}.compare-chart-legend-ring{fill:transparent;stroke:var(--cat-color, var(--accent));stroke-width:1.2}.compare-chart-legend-name{font-weight:var(--weight-bold)}.compare-chart-legend-val{color:var(--text);font-weight:var(--weight-semi);min-width:3.5em;text-align:left}:root[data-theme=light] .compare-wrap{box-shadow:0 2px 8px var(--shadow-menu)}.compare-header{display:flex;align-items:center;gap:var(--sp-section);margin-bottom:var(--sp-section)}.compare-title{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--accent);font-family:var(--font-mono);letter-spacing:var(--ls-widest)}.compare-clear-btn{background:var(--bg-raised);border:1px solid var(--border-button);color:var(--text-muted);padding:var(--sp-tight) var(--sp-group);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);font-weight:var(--weight-medium);font-family:var(--font-mono);transition:border-color var(--transition-fast),color var(--transition-fast)}.compare-clear-btn:hover{border-color:var(--accent-30);color:var(--text)}.compare-clear-x{margin-left:auto;background:transparent;border:none;color:var(--text-ghost);cursor:pointer;padding:var(--sp-tight);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.compare-clear-x:hover{color:var(--text);background:var(--accent-05)}.compare-scroll{overflow-x:auto;max-width:calc((100% - var(--sp-section)) / 2)}.compare-table{border-collapse:collapse;width:100%;table-layout:fixed}.compare-th{padding:var(--sp-component) var(--sp-group);font-size:var(--text-base);color:var(--text-muted);border-bottom:1px solid var(--border);text-align:center;font-family:var(--font-mono)}.compare-th--left{text-align:left;padding-right:var(--sp-group);min-width:200px}.compare-th--weapon{font-weight:var(--weight-bold);min-width:140px;color:var(--cat-color, var(--text-muted))}.compare-td{padding:var(--sp-snug) var(--sp-group);font-size:var(--text-md);border-bottom:1px solid var(--border-dim);text-align:center;font-family:var(--font-mono)}.compare-td--left{text-align:left;color:var(--text-muted);font-size:var(--text-md)}.compare-td--best{color:var(--color-success);font-weight:var(--weight-bold)}.compare-td--worst{color:var(--color-danger)}.compare-td--neutral{color:var(--text-body)}.compare-zone-header{padding:var(--sp-group) var(--sp-group) var(--sp-snug);border-bottom:1px solid var(--border);text-align:left}.compare-zone-toggle{background:var(--bg-raised);border:1px solid var(--border-button);padding:var(--sp-tight) var(--sp-group);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);font-weight:var(--weight-medium);font-family:var(--font-mono);display:inline-flex;align-items:center;gap:var(--sp-snug);transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.compare-zone-toggle-icon,.compare-zone-toggle-chevron{flex-shrink:0}.compare-zone-toggle-chevron{transition:transform var(--transition-fast)}.compare-zone-toggle-chevron--open{transform:rotate(180deg)}.compare-zone-toggle--active{color:var(--accent);background:var(--accent-15);font-weight:var(--weight-bold)}.compare-zone-toggle--active:hover{background:var(--accent-20);border-color:var(--accent-30)}.compare-zone-toggle--inactive{color:var(--text-muted)}.compare-zone-toggle--inactive:hover{border-color:var(--accent-30);color:var(--text)}.compare-zone-mode-label{padding:var(--sp-group) var(--sp-group) var(--sp-snug);font-size:var(--text-base);color:var(--accent);font-weight:var(--weight-bold);font-family:var(--font-mono);border-bottom:1px solid var(--border);text-align:center}.compare-zone-row--selected{background:var(--accent-04)}.compare-zone-name--selected{color:var(--accent)}.compare-zone-name--default{color:var(--text-muted)}.compare-fire-mode{font-size:var(--text-sm);color:var(--text-dim);font-weight:var(--weight-normal);margin-left:var(--sp-snug)}.formula-page{min-height:100vh;background:var(--bg)}.formula-main{max-width:var(--formula-max-w);margin:0 auto;padding:var(--sp-page) var(--sp-page)}.formula-section{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-section) var(--sp-page);margin-bottom:var(--sp-section)}.formula-section-title{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-body);margin-bottom:var(--sp-group);font-family:var(--font-mono);letter-spacing:var(--ls-wider)}.formula-code{display:block;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-group) var(--sp-section);font-size:var(--text-md);color:var(--accent);font-family:var(--font-mono);line-height:var(--lh-loose)}.formula-group{margin-bottom:var(--sp-group)}.formula-group-label{font-size:var(--text-sm);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:var(--ls-normal);margin-bottom:var(--sp-snug)}.formula-armor-tag{color:var(--formula-armor);font-size:var(--text-xs)}.formula-zone-tags{display:flex;flex-wrap:wrap;gap:var(--sp-snug)}.formula-zone-tag{font-size:var(--text-base);font-family:var(--font-mono);padding:var(--sp-tight) var(--sp-component);border-radius:var(--radius-md);background:var(--formula-tag)}.formula-zone-tag--normal{color:var(--text-body)}.formula-zone-tag--dim{color:var(--text-muted)}.formula-armor-text{font-size:var(--text-base);color:var(--formula-note);font-family:var(--font-mono);line-height:var(--lh-looser)}.formula-armor-note{color:var(--text-dim);font-size:var(--text-sm)}.formula-th{padding:var(--sp-component) var(--sp-group);font-size:var(--text-base);color:var(--text-muted);border-bottom:1px solid var(--border);text-align:center;font-family:var(--font-mono)}.formula-th--left{text-align:left}.formula-td{padding:var(--sp-snug) var(--sp-group);font-size:var(--text-base);color:var(--text-body);border-bottom:1px solid var(--border-dim);text-align:center;font-family:var(--font-mono)}.formula-td--left{text-align:left;font-weight:var(--weight-bold);color:var(--cat-color)}.formula-td--note{font-size:var(--text-sm);color:var(--text-muted)}.formula-td--note-inline{display:none}.formula-td--high{color:var(--color-danger)}.formula-td--elevated{color:var(--accent)}.formula-td--low{color:var(--text-muted)}.formula-falloff-text{font-size:var(--text-base);color:var(--formula-detail);font-family:var(--font-mono);line-height:var(--lh-loose)}.formula-falloff-label{color:var(--accent)}.formula-falloff-label--block{color:var(--accent);margin-top:var(--sp-component);display:inline-block}.formula-falloff-note{color:var(--text-muted);font-size:var(--text-sm)}.formula-footer{text-align:center;margin-top:var(--sp-page-lg);font-size:var(--text-sm);color:var(--text-ghost);font-family:var(--font-mono);line-height:var(--lh-loose)}.header-actions{display:flex;align-items:center;gap:var(--sp-group)}.app-footer{text-align:center;margin-top:var(--sp-page);font-size:var(--text-xs);color:var(--text-ghost);font-family:var(--font-mono);line-height:var(--lh-loose)}@media (max-width: 900px){:root{--body-model-h: clamp(320px, 45vh, 480px)}.app-layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static;overflow-y:visible;border-right:none;border-left-color:transparent;border-bottom:1px solid var(--border-subtle);padding:var(--sp-group)}.sidebar--active{border-left-color:transparent;border-top:2px solid var(--cat-color, var(--accent))}:root[data-theme=light] .sidebar{border-left-width:0}:root[data-theme=light] .sidebar--active{border-top-width:3px}.main-content{padding:var(--sp-group)}.compare-charts{grid-template-columns:1fr}.compare-charts>*+*{border-left:none;padding-left:0;border-top:1px solid var(--border-subtle);padding-top:var(--sp-group);margin-top:var(--sp-group)}.compare-chart{aspect-ratio:1200 / 600}.compare-chart-axis-label{font-size:40px}.compare-chart-header{padding-left:10%}.compare-stack{display:flex;flex-direction:column;gap:var(--sp-group)}.compare-stack-heads{display:flex;flex-wrap:wrap;gap:var(--sp-group);padding-bottom:var(--sp-snug);border-bottom:1px solid var(--border)}.compare-stack-head{font-family:var(--font-mono);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--cat-color, var(--text-muted));display:inline-flex;align-items:baseline;gap:var(--sp-snug)}.compare-stack-vs{font-family:var(--font-mono);font-size:var(--text-md);color:var(--text-ghost);letter-spacing:var(--ls-wide);align-self:baseline}.compare-stack-row{display:flex;flex-direction:column;gap:var(--sp-tight)}.compare-stack-row--selected{background:var(--accent-05);border-radius:var(--radius-sm);padding:var(--sp-snug)}.compare-stack-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);letter-spacing:var(--ls-wide)}.compare-stack-vals{display:grid;gap:var(--sp-snug)}.compare-stack-cell{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:var(--sp-snug);padding:var(--sp-snug) var(--sp-group);border-radius:var(--radius-sm);background:var(--bg);font-family:var(--font-mono);font-size:var(--text-md)}.compare-stack-cell-name{color:var(--cat-color, var(--text-muted));font-size:var(--text-sm);opacity:.8}.compare-stack-cell-val{font-weight:var(--weight-bold)}.compare-stack-cell.compare-td--best .compare-stack-cell-val{color:var(--color-success)}.compare-stack-cell.compare-td--worst .compare-stack-cell-val{color:var(--color-danger)}.compare-stack-zones-head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-group);padding-top:var(--sp-snug);border-top:1px solid var(--border)}.compare-stack-mode{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--accent);letter-spacing:var(--ls-wide)}.formula-section .compare-table th:last-child,.formula-section .compare-table td:last-child{display:none}.formula-section .compare-table .formula-td--note-inline{display:inline;margin-left:var(--sp-snug);font-size:var(--text-xs);color:var(--text-muted);opacity:.7}.formula-section .compare-table th,.formula-section .compare-table td{padding:var(--sp-snug) var(--sp-component);font-size:var(--text-sm)}:root{--stepper-btn: 44px}.tile-compare-btn,.theme-toggle{width:44px;height:44px}.nav-btn{min-height:44px;padding:var(--sp-snug) var(--sp-group)}.mode-toggle-btn{min-height:44px}.cat-tab{min-height:44px;display:inline-flex;align-items:center}.hp-tick{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:var(--sp-snug)}}