:root{--text:#6b6375;--text-h:#08060d;--text-muted:#8a8690;--bg:#f6f4f1;--bg-page:#eeece7;--bg-elevated:#fff;--border:#e2ded9;--accent:#3f6fe0;--accent-strong:#2f5bd0;--accent-soft:#3f6fe01f;--accent-ink:#fff;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 1px 2px #14100a0f;--shadow-md:0 8px 24px #14100a14;--sans:"Zen Kaku Gothic New", system-ui, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#c8c6cc;--text-h:#f5f4f7;--text-muted:#9c99a6;--bg:#1a1b22;--bg-page:#101117;--bg-elevated:#20212b;--border:#32333e;--accent:#6f93ef;--accent-strong:#89a9f5;--accent-soft:#6f93ef29;--accent-ink:#0c1020;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 10px 28px #0006}}#root{box-sizing:border-box;min-height:100svh}body{background:radial-gradient(1100px 480px at 15% -10%, var(--accent-soft), transparent 60%), var(--bg-page);background-attachment:fixed;margin:0}h1,h2,h3{font-family:var(--sans);color:var(--text-h);letter-spacing:.01em;font-weight:800}p{margin:0}*{box-sizing:border-box}::selection{background:var(--accent-soft)}select,input,button{font:inherit;color:var(--text-h);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s,background-color .15s,box-shadow .15s,transform 80ms}select,input[type=text],input[type=number]{padding:7px 10px}select:hover,input:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}select:focus-visible,input:focus-visible,button:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}button{cursor:pointer;box-shadow:var(--shadow-sm);padding:8px 16px;font-weight:600}button:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));background:color-mix(in srgb, var(--accent) 6%, var(--bg-elevated))}button:active{transform:translateY(1px)}a{color:var(--accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-muted) 40%, transparent);border-radius:999px}.app-root{text-align:left;max-width:100%;margin:0 auto;padding:20px 24px 72px}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 0;display:flex;position:relative}.app-header-text{min-width:0}.app-header h1{margin:0 0 6px;font-size:1.5rem}.app-subtitle{color:var(--text-muted,#9a9a9a);margin:0;font-size:.86rem}.reset-btn{border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-elevated);flex-shrink:0;padding:8px 16px;font-size:.85rem}.app-main{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}@media (width<=860px){.app-main{grid-template-columns:1fr}}.equip-section{flex-direction:column;gap:14px;display:flex}.armor-slot-card{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--text-muted) 4%, var(--bg-elevated));box-shadow:var(--shadow-sm);padding:14px 16px;transition:border-color .15s}.armor-slot-card:focus-within,.armor-slot-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.armor-slot-header{align-items:center;gap:10px;display:flex}.armor-slot-label{min-width:3.5em;font-weight:700}.searchable-select{flex:1;min-width:0;position:relative}.searchable-select input{box-sizing:border-box;border-radius:6px;width:100%;padding:6px 8px}.searchable-select-list{z-index:50;background:var(--bg,#16171d);border:1px solid var(--border,#80808066);border-radius:8px;max-height:220px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 6px 16px #00000040}.searchable-select-option{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:6px 10px;font-size:.85rem;overflow:hidden}.searchable-select-option:hover,.searchable-select-option.active{background:var(--accent-soft)}.searchable-select-empty{color:var(--text-muted,#9a9a9a);padding:6px 10px;font-size:.85rem}.armor-slot-header select,.armor-slot-header input{border-radius:6px;flex:1;min-width:0;padding:6px 8px}.armor-slot-header .armor-filter-input{flex:.8}.armor-slot-header select{flex:1.4}.armor-slot-body{border-top:1px dashed #8080804d;margin-top:10px;padding-top:10px}.armor-base-skills{color:var(--text-muted,#9a9a9a);margin:0 0 8px;padding-left:1.2em;font-size:.85rem}.armor-stats{color:var(--text-muted,#9a9a9a);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:.8rem;display:flex}.weapon-stats{flex-wrap:wrap;gap:12px;margin:6px 0 10px;font-size:.85rem;display:flex}.armor-stat-defense{color:var(--text-h);font-weight:700}.armor-stat-max-defense{color:var(--text-muted,#9a9a9a);margin-left:4px;font-size:.85em;font-weight:400}.summary-section{flex-direction:column;gap:14px;display:flex}.defense-total{margin:0 0 8px;font-weight:700}.resistance-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.deco-slots{flex-direction:column;gap:8px;display:flex}.deco-slot{align-items:center;gap:8px;font-size:.85rem;display:flex}.deco-slot-size{min-width:3em;color:var(--text-muted,#9a9a9a)}.deco-slot select{border-radius:6px;padding:4px 6px}.deco-slot-effect{color:var(--accent-strong);white-space:nowrap}.charm-section{border-top:1px dashed #8080804d;margin-top:10px;padding-top:10px}.charm-section-title{color:var(--text-muted,#9a9a9a);margin-bottom:6px;font-size:.8rem;font-weight:700}.charm-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.charm-row select,.charm-row input[type=text]{border-radius:6px;padding:4px 6px;font-size:.9rem}.charm-row input[type=text]{flex:1;min-width:0}.add-row-btn{border-radius:var(--radius-sm);cursor:pointer;background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));color:var(--accent-strong);padding:6px 14px;font-size:.82rem;font-weight:700}.add-row-btn:hover{background:var(--accent);color:var(--accent-ink)}.summary-section{position:sticky;top:16px}.series-skill-list{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.series-skill-item{background:#80808014;border:1px solid #80808033;border-radius:6px;padding:6px 8px;font-size:.8rem}.series-skill-item.active{border-color:var(--accent);background:var(--accent-soft)}.series-skill-name{font-weight:700}.series-skill-effect{color:var(--accent)}.series-skill-effect.muted{color:var(--text-muted,#9a9a9a)}.series-skill-next{color:var(--text-muted,#9a9a9a);font-size:.75rem}.summary-card{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--text-muted) 4%, var(--bg-elevated));box-shadow:var(--shadow-sm);padding:16px}.summary-card h2{margin:0 0 12px;font-size:1.05rem}.summary-empty{color:var(--text-muted,#9a9a9a);font-size:.85rem}.summary-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.summary-item{font-size:.9rem}.summary-skill-name{font-weight:700}.summary-skill-level{float:right}.summary-skill-max{color:var(--text-muted,#9a9a9a)}.summary-overflow{color:#e0a030;font-size:.75rem}.summary-bar{clear:both;background:#80808040;border-radius:3px;height:6px;margin-top:4px;overflow:hidden}.summary-bar-fill{background:var(--accent);height:100%}.summary-item.over .summary-bar-fill{background:#e0a030}.app-body{padding:18px 0 28px}.app-footer{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;padding-top:14px;font-size:.78rem;display:flex}.app-footer-link{box-shadow:none;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:400;text-decoration:underline}.app-footer-link:hover{color:var(--accent);background:0 0;border:none}.app-footer-note{opacity:.8}.legal-page{max-width:760px}.legal-section{margin-bottom:24px}.legal-section h2{margin:0 0 10px;font-size:1.1rem}.legal-section h3{margin:16px 0 6px;font-size:.95rem}.legal-section p{color:var(--text);margin:0 0 10px;font-size:.88rem;line-height:1.7}.board-form{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;margin-bottom:20px;padding-bottom:20px;display:flex}.board-message-input{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;font:inherit;resize:vertical;padding:8px 10px}.board-error{color:#d9534f;margin:0;font-size:.82rem}.board-list{flex-direction:column;gap:10px;display:flex}.board-entry{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--text-muted) 4%, var(--bg-elevated));padding:10px 14px}.board-entry-header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.board-entry-name{font-size:.85rem;font-weight:700}.board-entry-time{color:var(--text-muted);font-size:.75rem}.board-entry-message{white-space:pre-wrap;word-break:break-word;margin:0 0 6px;font-size:.9rem}.mode-tabs{border-radius:var(--radius-md);background:color-mix(in srgb, var(--text-muted) 8%, transparent);flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;margin-bottom:20px;padding:5px;display:flex}.mode-tab{border-radius:var(--radius-sm);box-shadow:none;cursor:pointer;color:var(--text-muted,#9a9a9a);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:.88rem;font-weight:600;display:inline-flex}.mode-tab:hover{background:color-mix(in srgb, var(--accent) 10%, transparent);border-color:#0000}.mode-tab.active{color:var(--accent-ink);background:var(--accent);box-shadow:var(--shadow-sm)}.app-main-search,.app-main-damage{width:100%}.damage-calc-layout{flex-direction:column;gap:16px;display:flex}.damage-calc-inputs{flex-direction:column;gap:14px;display:flex}.damage-calc-inputs input[type=number]{width:80px}.damage-calc-nested-row{opacity:.9;margin-left:16px}.damage-calc-results{max-height:80vh;overflow-y:auto}.damage-calc-table{border-collapse:collapse;width:100%;font-size:.85rem}.damage-calc-table th,.damage-calc-table td{text-align:right;border-bottom:1px solid var(--border);padding:7px 10px}.damage-calc-table thead th{background:var(--bg-elevated);color:var(--text-muted);border-bottom:2px solid var(--border);padding-bottom:8px;font-size:.78rem;font-weight:700;position:sticky;top:0}.damage-calc-table tbody tr:hover{background:color-mix(in srgb, var(--accent) 5%, transparent)}.damage-calc-table th:first-child,.damage-calc-table td:first-child{text-align:left}.damage-calc-row-note{opacity:.7;margin-top:2px;font-size:.72rem}.damage-calc-table-nested-row td:first-child{opacity:.85;padding-left:24px;font-size:.82rem}.damage-calc-panel-header{justify-content:flex-end;margin-bottom:12px;display:flex}.damage-calc-compare-grid{flex-wrap:wrap;gap:24px;display:flex}.damage-calc-column-wrapper{flex:320px;min-width:0}.damage-calc-column-wrapper:not(:first-child){border-left:1px solid #80808066;padding-left:20px}@media (width<=640px){.damage-calc-column-wrapper:not(:first-child){border-top:1px solid #80808066;border-left:none;padding-top:12px;padding-left:0}}.damage-calc-column-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.damage-calc-column-title{font-size:1rem;font-weight:700}.damage-calc-remove-btn{border-radius:var(--radius-sm);color:#d9534f;background:#d9534f14;border-color:#d9534f59;padding:3px 10px;font-size:.78rem}.damage-calc-remove-btn:hover{background:#d9534f2e;border-color:#d9534f80}.search-panel .charm-section-title{margin-top:4px}.search-inline-label{min-width:7em;color:var(--text-muted,#9a9a9a);font-size:.85rem}.search-panel input[type=number]{border-radius:6px;width:100px;padding:4px 6px}.search-checkbox-row{align-items:center;gap:8px;font-size:.9rem;display:flex}.skill-filter-input{box-sizing:border-box;border-radius:6px;width:100%;margin-bottom:10px;padding:6px 10px}.owned-charm-remove{cursor:pointer;color:#d9534f;border-radius:6px;margin-top:6px;padding:4px 10px;font-size:.8rem}.owned-charm-layout{align-items:flex-start;gap:16px;margin-top:10px;display:flex}.owned-charm-list{flex-direction:column;flex:0 0 360px;gap:6px;min-width:0;display:flex}.owned-charm-item{text-align:left;cursor:pointer;background:#8080800d;border:1px solid #8080804d;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px 10px;display:flex}.owned-charm-item.active{border-color:var(--accent);background:var(--accent-soft)}.owned-charm-item-name{font-weight:700}.owned-charm-item-detail{color:var(--text-muted,#9a9a9a);font-size:.78rem}.owned-charm-detail{flex:1;min-width:320px;position:sticky;top:16px}@media (width<=720px){.owned-charm-layout{flex-direction:column}.owned-charm-list{flex:1;width:100%}.owned-charm-detail{width:100%;position:static}}.talisman-list{border:1px solid #80808040;border-radius:8px;flex-direction:column;gap:2px;max-height:420px;padding:8px;display:flex;overflow-y:auto}.talisman-row{border-bottom:1px dashed #80808033;align-items:center;gap:10px;padding:4px 2px;font-size:.85rem;display:flex}.talisman-row:last-child{border-bottom:none}.talisman-name{min-width:9em;font-weight:600}.talisman-skills{color:var(--text-muted,#9a9a9a);flex:1;font-size:.8rem}.talisman-row button{cursor:pointer;border-radius:6px;padding:3px 10px;font-size:.78rem}.skill-category-list{border:1px solid #80808040;border-radius:8px;flex-direction:column;gap:10px;max-height:480px;padding:10px;display:flex;overflow-y:auto}.skill-group-block{border:1px solid #8080804d;border-radius:8px;margin-bottom:4px;padding:10px}.skill-group-title{color:var(--text-h);margin-bottom:8px;font-size:.95rem;font-weight:800}.skill-category-block{border-bottom:1px dashed #8080804d;margin-bottom:8px;padding-bottom:8px}.skill-category-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.skill-category-title{color:var(--text-muted,#9a9a9a);margin-bottom:6px;font-size:.8rem;font-weight:700}.skill-category-rows{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 0;display:grid}.skill-category-rows-addable{grid-template-columns:repeat(3,1fr)}@media (width<=720px){.skill-category-rows-addable{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.addable-skill-group{margin-bottom:14px}.addable-skill-group-title{color:var(--text-muted,#9a9a9a);border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:4px;font-size:.85rem;font-weight:700}.skill-row{border-right:1px solid var(--border);justify-content:flex-start;align-items:center;gap:8px;min-width:0;margin-right:12px;padding:3px 12px 3px 0;font-size:.85rem;display:flex}.skill-row-name{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;max-width:9em;overflow:hidden}.skill-row-max-level{color:var(--accent-strong,var(--accent));white-space:nowrap;flex:none;font-size:.78rem;font-weight:700}.skill-row select{border-radius:4px;flex:none;padding:2px 4px;font-size:.8rem}.search-run-btn,.btn-primary{border-radius:var(--radius-sm);cursor:pointer;background:var(--accent);color:var(--accent-ink);border-color:var(--accent);margin-top:14px;padding:9px 22px;font-weight:700}.search-run-btn:hover,.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.search-secondary-btn{border-radius:var(--radius-sm);cursor:pointer;margin-top:14px;padding:9px 22px;font-weight:700}.search-note{color:var(--text-muted,#9a9a9a);margin-top:8px;font-size:.75rem}.search-warning-note{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent) 12%, transparent);margin:0 0 12px;padding:10px 14px;font-size:.95rem;font-weight:700;line-height:1.5}.loading-label{align-items:center;display:inline-flex}.loading-dots{margin-left:1px;display:inline-flex}.loading-dot{opacity:0;animation:1.4s infinite loading-dot-fade}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes loading-dot-fade{0%,80%,to{opacity:0}40%{opacity:1}}.storage-notice{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));background:var(--accent-soft);color:var(--text);margin:0 0 14px;padding:10px 14px;font-size:.82rem}.search-results{flex-direction:column;gap:12px;margin-top:16px;display:flex}.search-results h2{font-size:1.1rem}.search-result-card{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--text-muted) 4%, var(--bg-elevated));box-shadow:var(--shadow-sm);padding:12px 14px;transition:border-color .15s,transform .1s}.search-result-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.search-result-header{justify-content:space-between;align-items:center;margin-bottom:6px;font-weight:700;display:flex}.search-result-header button{cursor:pointer;border-radius:6px;padding:4px 12px;font-weight:600}.search-result-pieces{margin:0 0 6px;padding-left:0;font-size:.85rem;list-style:none}.search-result-piece-names{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 6px;font-size:.85rem;display:flex}.search-result-piece-names span+span:before{content:"/";color:var(--border);margin-right:10px}.search-result-piece-names-charm{margin-left:auto;font-weight:700}.search-result-resistances{color:var(--text-muted,#9a9a9a);margin:0 0 8px;font-size:.78rem}.search-result-pieces li{padding:2px 0}.search-result-piece-label{min-width:2.6em;color:var(--text-muted);margin-right:4px;font-weight:700;display:inline-block}.search-result-piece-detail{color:var(--text-muted);margin:1px 0 1px 1.2em;font-size:.76rem;display:block}.search-result-highlights{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.search-result-highlight-badge{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);color:var(--accent-strong);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.search-result-highlight-detail{color:var(--text-muted,#9a9a9a);font-weight:400}.search-result-required{flex-wrap:wrap;gap:8px;margin-bottom:6px;font-size:.82rem;font-weight:700;display:flex}.search-result-toggle-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);color:var(--text-muted,#9a9a9a);background:0 0;margin:0 0 8px;padding:3px 10px;font-size:.78rem;font-weight:700;display:block}.search-result-toggle-btn:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));color:var(--accent-strong)}.search-result-bonus{color:var(--accent-strong);flex-wrap:wrap;gap:8px;margin-bottom:6px;font-size:.8rem;display:flex}.search-result-decos-block{align-items:baseline;gap:8px;display:flex}.search-result-decos{color:var(--text-muted,#9a9a9a);flex-wrap:wrap;gap:8px;font-size:.78rem;display:flex}.search-result-decos-empty{color:var(--text-muted,#9a9a9a);font-size:.78rem}