@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg0:#08090a;--bg1:#0f1011;--bg2:#191a1b;--bg3:#1e1f21;--bg4:#28282c;--t1:#f7f8f8;--t2:#d0d6e0;--t3:#8a8f98;--t4:#62666d;--brand:#5e6ad2;--accent:#7170ff;--accent-h:#828fff;--brand-tint:#7170ff1f;--ok:#27a644;--ok2:#10b981;--warn:#f59e0b;--err:#ef4444;--line:#ffffff14;--line-sub:#ffffff0d;--line-s:#23252a;--line-s2:#34343a;--shadow-sm:#00000008 0px 1.2px 0px 0px;--shadow-md:#0006 0px 2px 4px;--shadow-lg:#0000 0px 8px 2px, #00000003 0px 5px 2px, #0000000a 0px 3px 2px, #00000012 0px 1px 1px, #00000014 0px 0px 1px;--r0:2px;--r1:4px;--r2:6px;--r3:8px;--r4:12px;--r5:22px;--rpill:9999px;--font-ui:"Inter", "SF Pro Display", -apple-system, system-ui, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Berkeley Mono", ui-monospace, "SF Mono", Menlo, monospace;--ot:"cv01", "ss03"}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-family:var(--font-ui);font-feature-settings:var(--ot);letter-spacing:-.165px;color:var(--t2);background:var(--bg0);margin:0;font-size:15px;font-weight:400;line-height:1.6}button,input,select,textarea{font:inherit;font-feature-settings:var(--ot)}#app{min-height:100vh;position:relative}.app-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-sub);background:#0f1011e6;justify-content:space-between;align-items:center;gap:24px;padding:14px 28px;display:flex;position:sticky;top:0}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-feature-settings:var(--ot);margin:0 0 5px;font-size:11px;font-weight:510}.app-header h1{color:var(--t1);letter-spacing:-.48px;font-feature-settings:var(--ot);margin:0;font-size:clamp(1.4rem,2.4vw,1.75rem);font-weight:510;line-height:1.1}.header-copy{max-width:560px}.header-subtitle{color:var(--t3);letter-spacing:-.13px;margin:5px 0 0;font-size:13px;font-weight:400}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:8px;display:flex}.source-picker{min-width:160px;color:var(--t4);letter-spacing:.04em;gap:4px;font-size:11px;font-weight:510;display:grid}.source-picker select{min-height:38px}.main-layout{grid-template-columns:minmax(0,1fr) 360px;min-height:calc(100vh - 65px);display:grid}.config-panel{background:var(--bg1);border-right:1px solid var(--line-sub);padding:24px 28px}.results-panel{background:var(--bg0);padding:24px}.intro-card{border:1px solid var(--line);border-radius:var(--r3);background:#ffffff05;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;padding:18px 20px;display:flex}.intro-card h2{color:var(--t1);letter-spacing:-.24px;font-feature-settings:var(--ot);margin:0 0 4px;font-size:16px;font-weight:590}.intro-card p{color:var(--t3);letter-spacing:-.13px;margin:0;font-size:13px}.intro-metrics{flex-wrap:wrap;gap:8px;display:flex}.metric-pill{border:1px solid var(--line-sub);border-radius:var(--r3);background:#ffffff05;min-width:96px;padding:10px 14px}.metric-label{color:var(--t4);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:510;display:block}.metric-value{color:var(--t1);font-size:1.1rem;font-weight:510;font-family:var(--font-mono);margin-top:3px;display:block}.tab-nav{border:1px solid var(--line-sub);border-radius:var(--r2);background:#ffffff05;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin-bottom:18px;padding:3px;display:grid}.tab-btn{min-height:36px;color:var(--t4);cursor:pointer;letter-spacing:-.13px;font-feature-settings:var(--ot);background:0 0;border:0;border-radius:4px;font-size:13px;font-weight:510;transition:color .14s,background .14s}.tab-btn:hover{color:var(--t2);background:#ffffff0a}.tab-btn.active{color:var(--t1);box-shadow:var(--shadow-sm);background:#ffffff0d}.tab-content{display:none}.tab-content.active{animation:.16s ease-out fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.panel-section{border:1px solid var(--line);border-radius:var(--r3);background:#ffffff05;margin-bottom:12px;padding:16px 18px}.section-heading{margin-bottom:14px}.section-heading h2,.modal-header h2{color:var(--t1);letter-spacing:-.165px;font-feature-settings:var(--ot);margin:0 0 3px;font-size:15px;font-weight:590}.section-heading p,.modal-header p{color:var(--t3);letter-spacing:-.13px;margin:0;font-size:12px}.selection-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.compact-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.field-card{gap:6px;display:grid}.field-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.field-label{color:var(--t1);letter-spacing:-.13px;font-feature-settings:var(--ot);font-size:12px;font-weight:590}.field-helper{color:var(--t4);letter-spacing:-.13px;font-size:11px}.icon-select{border-radius:var(--r2);border:1px solid var(--line-sub);width:100%;min-height:64px;color:var(--t1);text-align:left;cursor:pointer;background:#ffffff05;align-items:center;gap:10px;padding:10px 12px;transition:border-color .14s,background .14s;display:flex}.icon-select:hover{border-color:var(--line);background:#ffffff0a}.icon-select.selected{border-color:var(--accent);background:var(--brand-tint)}.icon-select img,.icon-grid-item img{object-fit:contain;border-radius:var(--r1);flex:none;width:40px;height:40px}.icon-copy{min-width:0}.icon-name{color:var(--t1);word-break:break-word;letter-spacing:-.13px;font-feature-settings:var(--ot);font-size:13px;font-weight:510;line-height:1.3}.icon-meta{color:var(--t4);margin-top:2px;font-size:11px}.engrave-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pet-layout{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.pet-card{border-radius:var(--r3);border:1px solid var(--line-sub);background:#ffffff05;padding:14px}.engrave-slot{border-radius:var(--r2);border:1px solid var(--line-sub);background:#ffffff04;padding:12px 14px}.engrave-title,.subsection-title,.section-title{color:var(--t2);letter-spacing:-.13px;font-feature-settings:var(--ot);margin-bottom:10px;font-size:12px;font-weight:590}.engrave-stack{gap:8px;display:grid}.manual-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:12px;display:grid}.manual-card{border:1px solid var(--line);border-radius:var(--r3);background:#ffffff05;padding:14px 16px}.manual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.engraving-boost-layout{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.engraving-group{border:1px solid var(--line-sub);border-radius:var(--r3);background:#ffffff04;padding:12px 14px}.engraving-group-header{border-bottom:1px solid var(--line-sub);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex}.engraving-group-name{color:var(--t1);letter-spacing:-.13px;font-feature-settings:var(--ot);font-size:13px;font-weight:590}.engraving-group-slots{color:var(--t4);letter-spacing:.02em;white-space:nowrap;font-size:10px}.engraving-group-fields{gap:8px;display:grid}.num-helper{color:var(--accent);letter-spacing:-.08px;opacity:.8;margin-bottom:1px;font-size:10px;display:block}.num-input-group{gap:4px;display:grid}.num-input-group label{color:var(--t3);letter-spacing:-.13px;font-size:11px;font-weight:510}.num-input-group input,.source-picker select,#modal-search{border-radius:var(--r2);border:1px solid var(--line);width:100%;min-height:36px;color:var(--t1);background:#ffffff05;padding:0 10px;font-size:14px;transition:border-color .14s,box-shadow .14s}.num-input-group input:focus,.source-picker select:focus,#modal-search:focus{border-color:var(--accent);outline:none;box-shadow:0 4px 12px #0000001a}.num-input-group input::placeholder,#modal-search::placeholder{color:var(--t4)}.result-hero{border:1px solid var(--line);border-radius:var(--r4);box-shadow:var(--shadow-md);background:#ffffff05;padding:20px 22px}.damage-label,.sub-label{color:var(--t4);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:10px;font-weight:510}.damage-value,.sub-value,.stat-value,.metric-value{font-family:var(--font-mono)}.damage-value{color:var(--accent);letter-spacing:-.04em;margin-top:6px;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:400}.damage-sub{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.result-sub-item{border-radius:var(--r2);border:1px solid var(--line-sub);background:#ffffff05;padding:10px 12px}.sub-value{color:var(--t1);margin-top:5px;font-size:.94rem;font-weight:400}.action-stack{margin-top:12px}.btn-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.btn{border:1px solid var(--line-s);border-radius:var(--r2);min-height:36px;color:var(--t2);letter-spacing:-.13px;font-feature-settings:var(--ot);cursor:pointer;box-shadow:var(--shadow-sm);background:#ffffff05;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:510;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--line-s2);color:var(--t1);background:#ffffff0d}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;border-color:#0000;font-weight:590}.btn-primary:hover:not(:disabled){background:var(--accent-h);color:#fff;border-color:#0000}.btn-sm{min-height:36px}.snapshot-delta{margin-top:8px}.delta-card{border-radius:var(--r2);border:1px solid var(--line-sub);background:#ffffff05;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;display:flex}.delta-label{color:var(--t4);letter-spacing:-.13px;font-size:12px}.delta-chip{border-radius:var(--rpill);font-size:12px;font-family:var(--font-mono);padding:3px 8px;font-weight:510}.delta-chip.positive{color:var(--ok2);background:#10b9811f;border:1px solid #10b98133}.delta-chip.negative{color:var(--err);background:#ef44441f;border:1px solid #ef444433}.delta-chip.neutral{color:var(--warn);background:#f59e0b1f;border:1px solid #f59e0b33}.stats-card{border:1px solid var(--line);border-radius:var(--r4);background:#ffffff05;margin-top:12px;padding:14px 16px}.stats-card .section-heading h2{font-size:13px}.stat-list{gap:4px;display:grid}.stat-row{border-radius:var(--r1);justify-content:space-between;gap:12px;padding:7px 10px;transition:background .12s;display:flex}.stat-row:hover{background:#ffffff0a}.stat-name{color:var(--t3);letter-spacing:-.13px;font-size:13px}.stat-value{color:var(--t1);font-size:13px}.item-type{border-radius:var(--rpill);border:1px solid var(--line-s);color:var(--t3);letter-spacing:.04em;text-transform:uppercase;background:0 0;align-items:center;padding:1px 7px;font-size:10px;font-weight:510;display:inline-flex}.modal-header{grid-template-columns:minmax(0,1fr) 210px;align-items:end;gap:12px;margin-bottom:16px;display:grid}.icon-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.icon-modal{border-radius:var(--r4);border:1px solid var(--line);background:var(--bg2);width:min(1040px,100%);max-height:min(84vh,900px);box-shadow:var(--shadow-lg);padding:22px;overflow:auto}.icon-modal h3{color:var(--t1);letter-spacing:-.24px;font-feature-settings:var(--ot);margin:0 0 3px;font-size:16px;font-weight:590}.icon-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:6px;display:grid}.icon-grid-item{border-radius:var(--r2);border:1px solid var(--line-sub);color:var(--t2);cursor:pointer;background:#ffffff05;justify-items:center;gap:6px;padding:12px 8px;transition:border-color .14s,background .14s;display:grid}.icon-grid-item:hover{border-color:var(--line);background:#ffffff0a}.icon-grid-item.active{border-color:var(--accent);background:var(--brand-tint)}.icon-grid-item span{text-align:center;color:var(--t3);word-break:break-word;letter-spacing:-.13px;font-size:11px}.modal-empty{border-radius:var(--r2);text-align:center;color:var(--t4);border:1px dashed var(--line-sub);padding:28px;font-size:13px}.hidden{display:none!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}select option{background:var(--bg2);color:var(--t1)}.pet-layout{flex-direction:column;gap:16px;display:flex}.pet-card{border:1px solid var(--line-sub);border-radius:var(--r4);background:0 0;padding:16px}.pet-card .subsection-title{color:var(--t1);letter-spacing:-.1px;margin:0 0 12px;font-size:13px;font-weight:510}@media (width<=1180px){.main-layout{grid-template-columns:1fr}.config-panel{border-right:0;border-bottom:1px solid var(--line-sub)}}@media (width<=900px){.app-header,.intro-card,.manual-layout,.modal-header{grid-template-columns:1fr}.app-header,.intro-card{display:grid}.header-actions{justify-content:stretch}.header-actions>*{width:100%}.manual-grid,.damage-sub{grid-template-columns:1fr}}@media (width<=720px){.app-header,.config-panel,.results-panel{padding:14px 16px}.tab-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-grid,.compact-grid,.manual-grid{grid-template-columns:1fr}.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.btn-group{grid-template-columns:1fr}}