:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-card:#1c2129;--bg-card-hover:#21262d;--bg-input:#0d1117;--bg-modal:#1c2129;--border-primary:#30363d;--border-subtle:#21262d;--border-accent:#c9a84c;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--text-accent:#c9a84c;--gold:#c9a84c;--gold-dim:#c9a84c26;--gold-glow:#c9a84c66;--rarity-1:#aaa09f;--rarity-2:#c6c0c2;--rarity-3:#889442;--rarity-4:#54795a;--rarity-5:#6bb5c0;--rarity-6:#6260c1;--rarity-7:#7862b7;--rarity-8:#e87146;--fire:#e85d3a;--water:#4a9ee5;--ice:#87ceeb;--thunder:#e8c93a;--dragon:#9b4dca;--badge-best:#2ea043;--badge-event:#8957e5;--badge-multi:#d29922;--badge-assignment:#6e7681;--max-width:1200px;--farming-width:380px;--ref-width:360px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-smooth:.35s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px #c9a84c26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:padding-right var(--transition-smooth), padding-left var(--transition-smooth);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;display:flex;overflow-x:hidden}@media (width>=768px){body.farming-open{padding-right:var(--farming-width)}body.ref-open{padding-left:var(--ref-width)}}h1,h2,h3,h4{letter-spacing:-.01em;font-weight:600;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.1rem}h4{font-size:.95rem}#app{width:100%;max-width:var(--max-width);flex:1;margin:0 auto;padding:0 1.25rem}.app-footer{border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-muted);margin-top:3rem;padding:1.25rem 0;font-size:.8rem}.app-footer a{color:var(--text-secondary);text-decoration:none}.app-footer a:hover{color:var(--gold)}.fextralife-logo{vertical-align:-3px;border-radius:3px;width:16px;height:16px;margin:0 .3rem 0 .15rem}.app-header{text-align:center;padding:2rem 0 1rem;position:relative}.app-header h1{color:var(--gold);letter-spacing:.05em;text-transform:uppercase;font-size:1.5rem;font-weight:700}.app-header h1 .header-icon{margin-right:.5rem;font-size:1.2rem}.app-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.85rem}.search-container{z-index:100;background:linear-gradient(to bottom, var(--bg-primary) 60%, transparent);-webkit-backdrop-filter:blur(12px);padding:1rem 0;position:sticky;top:0}.search-filter-group{flex-direction:column;align-items:stretch;width:fit-content;margin:0 auto;display:flex}.search-wrapper{width:100%;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast);font-size:1.1rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:100%;color:var(--text-primary);transition:all var(--transition-normal);outline:none;padding:.85rem 1rem .85rem 2.8rem;font-family:inherit;font-size:1rem}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim), var(--shadow-glow)}.search-input:focus~.search-icon{color:var(--gold)}.search-hint{text-align:center;color:var(--text-muted);margin-top:.5rem;font-size:.75rem}.search-count{color:var(--text-secondary);text-align:center;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.rank-filter{justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.rank-btn{text-align:center;background:var(--bg-card);border:1px solid var(--border-primary);min-width:90px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:20px;padding:.35rem 1rem;font-family:inherit;font-size:.8rem}.rank-btn:hover{border-color:var(--gold);color:var(--text-primary)}.rank-btn.active{background:var(--gold-dim);border-color:var(--gold);color:var(--gold)}.sort-select{background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:20px;padding:.35rem .75rem;font-family:inherit;font-size:.8rem}.sort-select:hover,.sort-select:focus{border-color:var(--gold);color:var(--text-primary);outline:none}.sort-select.sort-active{background:var(--gold-dim);border-color:var(--gold);color:var(--gold)}.results-container{padding:1rem 0 3rem}.results-grid{gap:.75rem;display:grid}.batch-sentinel{pointer-events:none;grid-column:1/-1;height:1px;margin:0}.visual-row{justify-content:center;align-items:center;margin:.75rem 0 .25rem;display:flex}.mode-switch{background:var(--bg-secondary);border:1px solid var(--border-primary);cursor:pointer;border-radius:999px;gap:0;padding:3px;font-family:inherit;display:inline-flex;position:relative}.mode-switch:before{content:"";background:var(--gold-dim);border:1px solid var(--border-accent);pointer-events:none;border-radius:999px;width:calc(50% - 3px);transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;inset:3px}.mode-switch.active:before{transform:translate(100%)}.mode-switch-option{z-index:1;text-align:center;min-width:90px;color:var(--text-muted);border-radius:999px;padding:.4rem .75rem;font-size:.85rem;font-weight:500;transition:color .2s;position:relative}.mode-switch:not(.active) .mode-switch-option:first-child,.mode-switch.active .mode-switch-option:last-child{color:var(--gold)}.mode-switch:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.gear-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.gear-tile{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex-direction:column;align-items:center;padding:1rem .75rem .85rem;display:flex;overflow:hidden}.gear-tile:hover{border-color:var(--gold);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.gear-tile:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.gear-tile-img{aspect-ratio:1;flex-shrink:0;justify-content:center;align-items:center;width:100%;max-width:190px;margin-bottom:.65rem;display:flex;position:relative}.gear-tile-img img{object-fit:contain;width:100%;height:100%}.gear-tile-emoji{font-size:3.5rem;line-height:1}.gear-tile-info{width:100%}.gear-tile-name{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.85rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.gear-tile-meta{color:var(--text-muted);font-size:.73rem}.grid-detail-view{flex-direction:column;gap:.75rem;display:flex}.back-btn{background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:20px;align-self:flex-start;padding:.35rem .9rem;font-family:inherit;font-size:.8rem}.back-btn:hover{border-color:var(--gold);color:var(--text-primary)}.set-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;overflow:hidden}.set-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-1px)}.set-card-header{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.set-card-info{flex:1;min-width:0}.set-card-name{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.05rem;font-weight:600;display:flex}.set-card-meta{color:var(--text-secondary);align-items:center;gap:.75rem;margin-top:.3rem;font-size:.8rem;display:flex}.rarity-badge{align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:inline-flex}.rank-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--gold-dim);color:var(--gold);border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.set-card-chevron{color:var(--text-muted);transition:transform var(--transition-normal);flex-shrink:0;font-size:1.2rem}.set-card.expanded .set-card-chevron{transform:rotate(180deg)}.set-details{max-height:0;transition:max-height var(--transition-smooth);overflow:hidden}.set-card.expanded .set-details{max-height:5000px}.set-details-inner{border-top:1px solid var(--border-subtle);padding:0 1.25rem 1.25rem}.full-set-summary{background:var(--bg-secondary);border-radius:var(--radius-sm);margin-top:1rem;padding:1rem}.full-set-summary h4{color:var(--gold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem;font-size:.85rem}.zenny-cost{color:var(--gold);opacity:.85;align-items:center;gap:.3rem;margin-top:.55rem;font-size:.8rem;display:inline-flex}.slots-row{align-items:center;gap:.3rem;margin-top:.35rem;display:flex}.material-list{flex-wrap:wrap;gap:.4rem;display:flex}.material-chip{background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:20px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.78rem;display:inline-flex}.material-chip:hover{border-color:var(--gold);background:var(--gold-dim)}.material-chip .qty{color:var(--gold);font-weight:600}.piece-list{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.piece-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);padding:.85rem 1rem}.piece-card:hover{border-color:var(--border-primary)}.piece-card.expanded{border-color:var(--border-accent)}.piece-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;margin-bottom:0;display:flex}.piece-chevron{color:var(--text-muted);transition:transform var(--transition-normal);flex-shrink:0;margin-left:auto;font-size:.75rem}.piece-card.expanded .piece-chevron{transform:rotate(180deg)}.piece-details{max-height:0;transition:max-height var(--transition-smooth);overflow:hidden}.piece-card.expanded .piece-details{max-height:2000px;margin-top:.75rem}.piece-img{object-fit:contain;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;flex-shrink:0;width:56px;height:56px}.piece-header-info{flex:1;min-width:0}.piece-name{font-size:.9rem;font-weight:600;display:block}.piece-kind-icon{font-size:.85rem}.weapon-kind-icon{object-fit:contain;vertical-align:middle;image-rendering:auto;width:20px;height:20px}.piece-stats{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.2rem;display:flex}.piece-defense{color:var(--text-secondary);font-size:.75rem}.piece-skills{flex-wrap:wrap;gap:.3rem;margin-top:.5rem;display:flex;position:relative}.skill-tag{color:#7db4f0;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:#5a8cdc1f;border:1px solid #5a8cdc40;border-radius:4px;padding:.2rem .5rem;font-size:.72rem}.skill-tag:hover{background:#5a8cdc38;border-color:#5a8cdc80}.skill-tag.set-bonus{color:#c39bd3;background:#9b59b61f;border-color:#9b59b640}.skill-tag.set-bonus:hover{background:#9b59b638;border-color:#9b59b680}.skill-band{background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:var(--radius-sm);margin:.6rem 0 1rem;padding:.6rem .75rem;font-size:.78rem;animation:.16s skillBandIn}.set-card>.skill-band{margin-left:1.25rem;margin-right:1.25rem}@keyframes skillBandIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.skill-band-header{color:var(--text-primary);align-items:baseline;gap:.6rem;margin-bottom:.4rem;display:flex}.skill-band-kind{color:#c39bd3;background:#9b59b626;border:1px solid #9b59b640;border-radius:3px;padding:.1rem .35rem;font-size:.68rem}.skill-band-desc{color:var(--text-secondary);margin-bottom:.4rem;font-size:.75rem}.skill-band-ref{color:var(--gold);cursor:pointer;background:0 0;border:none;margin-top:.5rem;padding:0;font-family:inherit;font-size:.75rem}.skill-band-ref:hover{text-decoration:underline}.skill-rank-table{border-collapse:collapse;width:100%}.skill-rank-table td{color:var(--text-secondary);vertical-align:top;padding:.2rem .4rem}.skill-rank-table .skill-rank-label{white-space:nowrap;color:var(--text-muted);width:4rem;padding-right:.75rem;font-weight:600}.skill-rank-table tr.skill-row-active td{color:var(--text-primary)}.skill-rank-table tr.skill-row-active .skill-rank-label{color:var(--gold)}.slot-img{object-fit:contain;vertical-align:middle;width:20px;height:20px;display:inline-block}.slot-icon{color:var(--text-muted);font-size:.7rem}.piece-materials{border-top:1px solid var(--border-subtle);margin-top:.5rem;padding-top:.5rem}.piece-materials h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.72rem}.material-source-container{flex-basis:100%;width:100%;display:block}.material-source{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);margin-top:.5rem;padding:.75rem;animation:.2s fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.source-header{color:var(--text-primary);align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.82rem;font-weight:600;display:flex}.source-monster{margin-bottom:.5rem}.source-monster-name{color:var(--fire);margin-bottom:.25rem;font-size:.8rem;font-weight:600}.source-recommended{text-transform:uppercase;letter-spacing:.03em;color:var(--bg-primary);background:var(--badge-best);vertical-align:middle;border-radius:.7rem;margin-left:.4rem;padding:.05rem .4rem;font-size:.62rem;font-weight:600;display:inline-block}.set-overview{align-items:flex-start;gap:1.25rem;margin-bottom:1.25rem;display:flex}.set-preview-image{flex-shrink:0;width:200px}.set-preview-image img{background:var(--bg-alt);border:1px solid var(--border-subtle);cursor:zoom-in;border-radius:8px;width:200px;height:auto;transition:opacity .15s;display:block}.set-preview-image img:hover{opacity:.85}.set-preview-image--pendant{width:150px}.set-preview-image--pendant img{object-fit:contain;width:150px;height:150px}.lightbox-overlay{z-index:1000;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;animation:.15s lightbox-in;display:flex;position:fixed;inset:0}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.lightbox-overlay img{object-fit:contain;image-rendering:auto;border-radius:8px;max-width:90vw;max-height:90vh;box-shadow:0 8px 40px #000c}.set-overview>.full-set-summary,.set-overview>.set-overview-body{flex:1;min-width:0;margin-top:0}@media (width<=768px){.set-overview{flex-direction:column;align-items:center}}.drop-table{border-collapse:collapse;width:100%;font-size:.72rem}.drop-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);padding:.25rem .5rem;font-size:.78rem;font-weight:700}.drop-table td{color:var(--text-secondary);padding:.25rem .5rem}.drop-table .chance{color:var(--gold);font-weight:600}.drop-table .kind{text-transform:capitalize}.source-quests{border-top:1px solid var(--border-subtle);margin-top:.5rem;padding-top:.5rem}.quest-chip{border-radius:4px;align-items:center;gap:.35rem;margin:.2rem;padding:.25rem .6rem;font-size:.72rem;display:inline-flex}.quest-chip.event{color:#a78bfa;background:#8957e51f;border:1px solid #8957e54d}.quest-chip.optional{color:#6ee77a;background:#2ea0431f;border:1px solid #2ea0434d}.quest-chip.optional.multi-target{color:#e8c93a;background:#d299221f;border:1px solid #d299224d}.quest-chip .warning-icon{font-size:.65rem}.quest-rank{opacity:.9;margin-left:.3rem;font-size:.72rem;font-weight:700}.loading-state,.empty-state{text-align:center;color:var(--text-muted);padding:2rem 1rem 4rem}.loading-state .spinner{border:3px solid var(--border-primary);border-top-color:var(--gold);border-radius:50%;width:36px;height:36px;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state h3{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.4rem}.empty-state p{max-width:400px;margin:0 auto;font-size:1rem}.welcome-state h3{margin-bottom:1.25rem}.welcome-cards{text-align:left;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.85rem;max-width:860px;margin:0 auto;display:grid}.welcome-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);flex-direction:column;gap:.4rem;padding:1.1rem 1.15rem;display:flex}.welcome-card-icon{font-size:1.5rem;line-height:1}.welcome-card h4{color:var(--text-primary);font-size:.95rem}.welcome-card p{color:var(--text-muted);flex:1;max-width:none;margin:0;font-size:.82rem}.welcome-try{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;margin-top:.35rem;display:flex}.welcome-try-label{color:var(--text-muted);font-size:.75rem}.welcome-chip{background:var(--bg-alt);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:14px;padding:.2rem .6rem;font-family:inherit;font-size:.75rem}.welcome-chip:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}.welcome-action{border:1px solid var(--border-accent);color:var(--gold);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:20px;align-self:center;margin-top:.35rem;padding:.3rem .85rem;font-family:inherit;font-size:.78rem}.welcome-action:hover{background:var(--gold-dim)}p.welcome-footnote{color:var(--text-muted);margin-top:1.25rem;font-size:.8rem}.resistances{gap:.5rem;margin-top:.3rem;display:flex}.res-item{align-items:center;gap:.15rem;font-size:.7rem;display:flex}.res-item.positive{color:var(--badge-best)}.res-item.negative{color:var(--fire)}.res-item.neutral{color:var(--text-muted)}.res-icon{object-fit:contain;vertical-align:middle;flex-shrink:0;width:14px;height:14px}.stat-icon{object-fit:contain;vertical-align:middle;flex-shrink:0;width:16px;height:16px}.piece-defense .res-icon{width:16px;height:16px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=768px){.app-header h1{font-size:1.2rem}.set-card-header{padding:.85rem 1rem}.material-chip{padding:.25rem .5rem;font-size:.72rem}.drop-table{font-size:.68rem}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.close-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:1.5rem}.close-btn:hover{color:var(--text-primary)}.legend-item{margin-bottom:1rem}.legend-item:last-child{margin-bottom:0}.legend-item p{color:var(--text-secondary);margin-top:.25rem;margin-left:.25rem;font-size:.85rem}.ref-subtabs{gap:.35rem;margin-bottom:1.25rem;display:flex}.ref-subtab{background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:14px;flex:1;padding:.35rem .5rem;font-family:inherit;font-size:.8rem}.ref-subtab:hover{border-color:var(--gold);color:var(--text-primary)}.ref-subtab.active{background:var(--gold-dim);border-color:var(--gold);color:var(--gold)}.legend-stat-head{color:var(--text-primary);align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.legend-icon-row{flex-wrap:wrap;gap:.35rem .65rem;display:flex}.legend-chip{color:var(--text-secondary);align-items:center;gap:.3rem;font-size:.82rem;display:inline-flex}.weapon-stat{color:var(--text-secondary);font-size:.85rem}.weapon-stat strong{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:.25rem;font-size:.7rem}.weapon-special{align-items:center;gap:.2rem;display:inline-flex}.special-type{color:var(--text-muted);font-size:.75rem}.weapon-group-tiers{flex-direction:column;gap:.6rem;display:flex}.weapon-tier-title{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.weapon-tier-rarity{font-size:.8rem}.weapon-tier-pins{flex-shrink:0;gap:.35rem;display:inline-flex}.piece-details>.weapon-tier-mats:first-child{border-top:none;margin-top:0;padding-top:0}.weapon-tier-mats{border-top:1px solid var(--border-subtle);margin-top:.75rem;padding-top:.6rem}.tier-mat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.72rem}.sharpness-bar{background:var(--bg-primary);border:1px solid var(--border-subtle);vertical-align:middle;border-radius:2px;align-items:center;width:88px;height:8px;display:inline-flex;overflow:hidden}.sharp-seg{flex-shrink:0;height:100%}.pin-prompt{z-index:1200;background:var(--bg-card);border:1px solid var(--border-accent);min-width:200px;box-shadow:var(--shadow-lg);border-radius:8px;flex-direction:column;display:flex;position:fixed;overflow:hidden}.pin-prompt button{color:var(--text-secondary);text-align:left;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:none;padding:.5rem .75rem;font-family:inherit;font-size:.8rem}.pin-prompt button:hover{background:var(--gold-dim);color:var(--gold)}.pin-prompt button+button{border-top:1px solid var(--border-subtle)}.chip-pin{border:1px solid var(--border-primary);width:16px;height:16px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:.1rem;padding:0;font-family:inherit;font-size:.75rem;line-height:1;display:inline-flex}.chip-pin:hover{border-color:var(--gold);background:var(--gold-dim);color:var(--gold)}.chip-pin-demo{cursor:default;vertical-align:middle}.pin-goal-btn{border:1px solid var(--border-accent);color:var(--gold);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;padding:.1rem .45rem;font-family:inherit;font-size:.8rem;line-height:1.4;display:inline-flex}.pin-goal-btn:hover{background:var(--gold-dim)}.summary-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.summary-header h4{margin-bottom:0}.pin-header-btn{flex-shrink:0;align-self:center}.pin-tile-btn{background:var(--bg-card);opacity:0;transition:opacity var(--transition-fast), background var(--transition-fast);z-index:2;padding:.05rem .4rem;position:absolute;top:.35rem;right:.35rem}.gear-tile:hover .pin-tile-btn,.gear-tile:focus-within .pin-tile-btn{opacity:1}.pin-tile-btn:focus-visible{opacity:1;outline:2px solid var(--gold)}.pin-goal-btn.pinned-flash{background:var(--gold);color:var(--bg-primary);border-color:var(--gold)}.collapsed-stats{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.35rem .85rem;margin-top:.35rem;font-size:.78rem;display:flex}.collapsed-stats .resistances{gap:.5rem;margin:0;display:inline-flex}.collapsed-stats .weapon-stat{align-items:center;gap:.25rem;display:inline-flex}.collapsed-stats .weapon-stat strong{color:var(--text-muted);font-weight:600}.sort-emph{flex-direction:column;gap:3px;margin-right:.5rem;display:inline-flex}.sort-emph-value{color:var(--gold);align-items:center;gap:.25rem;font-size:.85rem;font-weight:700;line-height:1;display:inline-flex}.sort-emph-bar{background:var(--bg-alt);border:1px solid var(--border-subtle);border-radius:3px;width:76px;height:4px;overflow:hidden}.sort-emph-fill{background:var(--gold);border-radius:3px;height:100%;display:block}.tile-sort-stat{color:var(--gold);align-items:center;gap:.2rem;font-weight:600;display:inline-flex}.matched-skill-chip{color:var(--gold);background:var(--gold-dim);border:1px solid var(--border-accent);white-space:nowrap;border-radius:10px;align-items:center;gap:.2rem;padding:.05rem .5rem;font-size:.7rem;display:inline-flex}.collapsed-slots{align-items:center;gap:.15rem;display:inline-flex}.collapsed-skills{flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.4rem;display:flex}.collapsed-skill{white-space:nowrap}.collapsed-skills-rest{display:none}.collapsed-skills.skills-expanded .collapsed-skills-rest{display:contents}.collapsed-skill-more{cursor:pointer;background:var(--gold-dim);border-color:var(--border-accent);color:var(--gold);font-family:inherit;font-weight:700}.collapsed-skill-more:hover{background:var(--gold);border-color:var(--gold);color:var(--bg-primary)}.collapsed-skills.skills-expanded .collapsed-skill-more{display:none}.farming-toggle{background:var(--bg-card);border:1px solid var(--border-accent);cursor:pointer;z-index:901;width:52px;height:52px;box-shadow:var(--shadow-md);transition:all var(--transition-fast);border-radius:50%;font-size:1.3rem;position:fixed;bottom:1.5rem;right:1.5rem}.farming-toggle:hover,.farming-toggle.active{background:var(--gold-dim);box-shadow:var(--shadow-md), var(--shadow-glow)}.farming-toggle.active{right:calc(min(var(--farming-width), 100vw) + 1.25rem)}@media (width<=460px){.farming-toggle.active{opacity:0;pointer-events:none}}.farming-toggle.pulse{animation:.35s pinPulse}@keyframes pinPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.farming-count{background:var(--gold);min-width:20px;height:20px;color:var(--bg-primary);text-align:center;border-radius:10px;padding:0 5px;font-size:.7rem;font-weight:700;line-height:20px;position:absolute;top:-5px;right:-5px}.farming-panel{height:100dvh;width:min(var(--farming-width), 100vw);background:var(--bg-secondary);border-left:1px solid var(--border-primary);box-shadow:var(--shadow-lg);z-index:900;visibility:hidden;transition:transform var(--transition-smooth), visibility var(--transition-smooth);flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(105%)}.farming-panel.open{visibility:visible;transform:translate(0)}.farming-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.farming-header h3{color:var(--gold);font-size:1rem}.farming-panel:focus{outline:none}@media (width<=767px){body.farming-open,body.ref-open{overflow:hidden}}.ref-toggle{background:var(--bg-card);border:1px solid var(--border-accent);cursor:pointer;z-index:901;width:52px;height:52px;box-shadow:var(--shadow-md);transition:all var(--transition-fast);border-radius:50%;font-size:1.3rem;position:fixed;bottom:1.5rem;left:1.5rem}.ref-toggle:hover,.ref-toggle.active{background:var(--gold-dim);box-shadow:var(--shadow-md), var(--shadow-glow)}.ref-toggle.active{left:calc(min(var(--ref-width), 100vw) + 1.25rem)}@media (width<=460px){.ref-toggle.active{opacity:0;pointer-events:none}}.ref-panel{height:100dvh;width:min(var(--ref-width), 100vw);background:var(--bg-secondary);border-right:1px solid var(--border-primary);box-shadow:var(--shadow-lg);z-index:900;visibility:hidden;transition:transform var(--transition-smooth), visibility var(--transition-smooth);flex-direction:column;display:flex;position:fixed;top:0;left:0;transform:translate(-105%)}.ref-panel.open{visibility:visible;transform:translate(0)}.ref-panel:focus{outline:none}.ref-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.ref-header h3{color:var(--gold);font-size:1rem}.ref-tabs{border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex}.ref-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.6rem .5rem;font-family:inherit;font-size:.85rem;font-weight:500}.ref-tab:hover{color:var(--text-primary)}.ref-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.ref-search{flex-shrink:0;padding:.75rem 1.25rem 0}.ref-search input{background:var(--bg-primary);border:1px solid var(--border-primary);width:100%;color:var(--text-primary);border-radius:8px;padding:.45rem .75rem;font-family:inherit;font-size:.85rem}.ref-search input:focus{border-color:var(--gold);outline:none}.ref-kind-filter{gap:.35rem;margin-top:.5rem;display:flex}.ref-kind-btn{background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:14px;flex:1;padding:.25rem .4rem;font-family:inherit;font-size:.72rem}.ref-kind-btn:hover{border-color:var(--gold);color:var(--text-primary)}.ref-kind-btn.active{background:var(--gold-dim);border-color:var(--gold);color:var(--gold)}.ref-body{flex:1;padding:.75rem 1.25rem 1.25rem;overflow-y:auto}.ref-empty{color:var(--text-muted);text-align:center;padding:2rem .5rem;font-size:.85rem}.ref-skill{border-bottom:1px solid var(--border-subtle)}.ref-skill-flash{animation:1.2s refSkillFlash}@keyframes refSkillFlash{0%,30%{background:var(--gold-dim)}to{background:0 0}}.ref-skill-head{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .15rem;font-family:inherit;font-size:.85rem;display:flex}.ref-skill-head:hover .ref-skill-name{color:var(--gold)}.ref-skill-meta{flex-shrink:0;align-items:center;gap:.5rem;display:inline-flex}.ref-skill-kind{color:#7db4f0;background:#5a8cdc1f;border:1px solid #5a8cdc40;border-radius:8px;padding:.05rem .45rem;font-size:.65rem;font-weight:600}.ref-kind-set,.ref-kind-group{color:#c39bd3;background:#9b59b61f;border-color:#9b59b640}.ref-skill-detail{padding:.15rem .15rem .75rem}.ref-material{border-bottom:1px solid var(--border-subtle)}.ref-material-head{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .15rem;font-family:inherit;font-size:.85rem;display:flex}.ref-material-head:hover .ref-material-name{color:var(--gold)}.ref-material-chevron{color:var(--text-muted);flex-shrink:0;font-size:.7rem;transition:transform .15s}.ref-material-head.expanded .ref-material-chevron{transform:rotate(180deg)}.ref-material-detail{padding:0 .15rem .5rem}.ref-material-detail .material-source{margin-top:0}.ref-skill-desc{color:var(--text-secondary);margin-bottom:.5rem;font-size:.78rem}.ref-skill-rank{color:var(--text-secondary);gap:.5rem;padding:.2rem 0;font-size:.75rem;display:flex}.ref-rank-lv{color:var(--gold);flex-shrink:0;min-width:2.4rem;font-weight:600}.ref-find-gear{border:1px solid var(--border-accent);color:var(--gold);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:20px;margin-top:.5rem;padding:.3rem .75rem;font-family:inherit;font-size:.75rem}.ref-find-gear:hover{background:var(--gold-dim)}.farming-profile-form{border-bottom:1px solid var(--border-subtle);background:var(--bg-alt);flex-shrink:0;align-items:center;gap:.4rem;padding:.6rem 1.25rem;display:flex}.farming-profile-form[hidden]{display:none}.farming-profile-form input{background:var(--bg-primary);border:1px solid var(--border-primary);min-width:0;color:var(--text-primary);border-radius:6px;flex:1;padding:.35rem .6rem;font-size:.85rem}.farming-profile-form input:focus{border-color:var(--gold);outline:none}.farming-profile-form button{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:.35rem .6rem;font-size:.85rem}.farming-profile-form button:hover{color:var(--text-primary);border-color:var(--gold)}.profile-form-label{color:var(--text-secondary);flex:1;font-size:.8rem}.profile-form-danger{color:var(--fire)!important}.profile-form-danger:hover{border-color:var(--fire)!important}.farming-hide-toggle{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;margin-bottom:.85rem;font-size:.75rem;display:flex}.farming-hide-toggle input{width:14px;height:14px;accent-color:var(--gold);cursor:pointer}#farming-clear-all.armed{color:var(--fire);border-color:var(--fire)}.farming-body{flex:1;padding:1rem 1.25rem;overflow-y:auto}.farming-footer{border-top:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;gap:.5rem;padding:.85rem 1.25rem;display:flex}.farming-empty{color:var(--text-muted);text-align:center;padding:2rem .5rem;font-size:.85rem}.farming-empty p{margin-bottom:.75rem}.farming-group{margin-bottom:1.25rem}.farming-group-title{color:var(--fire);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;padding-bottom:.35rem;font-size:.9rem;font-weight:600;display:flex}.farming-group-titletext{align-items:center;gap:.4rem;min-width:0;display:inline-flex}.farming-group-check{width:15px;height:15px;accent-color:var(--gold);cursor:pointer;flex-shrink:0}.farming-group.group-done .farming-group-titletext{opacity:.5}.farming-group-count{color:var(--gold);background:var(--gold-dim);border-radius:10px;padding:.05rem .5rem;font-size:.7rem;font-weight:600}.farming-group-quest{margin-bottom:.4rem}.farming-items{flex-direction:column;display:flex}.farming-item{align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.farming-check{accent-color:var(--gold);cursor:pointer;flex-shrink:0}.farming-item-main{flex-direction:column;flex:1;min-width:0;display:flex}.farming-item-name{color:var(--text-primary);font-size:.82rem}.farming-item-name .qty{color:var(--gold);font-weight:600}.farming-item.done .farming-item-name{opacity:.5;text-decoration:line-through}.farming-item-hint{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.farming-item-controls{flex-shrink:0;gap:.25rem;display:flex}.farming-item-controls button{background:var(--bg-card);border:1px solid var(--border-primary);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:4px;padding:0;font-family:inherit;font-size:.8rem;line-height:1}.farming-item-controls button:hover{border-color:var(--gold);color:var(--text-primary)}.farming-item-controls .farming-remove:hover{border-color:var(--fire);color:var(--fire)}.farming-item-prov{flex-wrap:wrap;gap:.25rem;margin-top:.2rem;display:flex}.prov-tag{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);text-overflow:ellipsis;white-space:nowrap;border-radius:10px;max-width:12rem;padding:.02rem .4rem;font-size:.65rem;overflow:hidden}.prov-tag.prov-more{color:var(--text-muted)}.farming-profile{align-items:center;gap:.4rem;min-width:0;display:flex;position:relative}.farming-profile-icon{font-size:1rem}#farming-profile-select{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);max-width:12rem;color:var(--gold);cursor:pointer;padding:.3rem .5rem;font-family:inherit;font-size:.9rem;font-weight:600}.farming-profile-toggle{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:0;font-size:1rem;line-height:1}.farming-profile-toggle:hover{border-color:var(--gold);color:var(--text-primary)}.farming-profile-menu[hidden]{display:none}.farming-profile-menu{z-index:10;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);min-width:10rem;box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden}.farming-profile-menu button{color:var(--text-secondary);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.5rem .75rem;font-family:inherit;font-size:.82rem}.farming-profile-menu button:hover{background:var(--bg-card-hover);color:var(--text-primary)}.farming-tabs{border-bottom:1px solid var(--border-subtle);flex-shrink:0;gap:.25rem;padding:.5rem 1.25rem 0;display:flex}.farming-tab{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.35rem;padding:.5rem .85rem;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex}.farming-tab:hover{color:var(--text-primary)}.farming-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.farming-tab-count{color:var(--gold);background:var(--gold-dim);border-radius:10px;padding:.02rem .4rem;font-size:.68rem;font-weight:700}.goal-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);margin-bottom:.75rem;padding:.75rem}.goal-card.goal-complete{border-color:var(--badge-best)}.goal-card-head{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.goal-img{object-fit:contain;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:6px;flex-shrink:0;width:44px;height:44px}.goal-emoji{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.goal-card-title{flex:1;min-width:0}.goal-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.goal-sub{color:var(--text-muted);margin-top:.1rem;font-size:.72rem}.goal-card-actions{flex-direction:column;flex-shrink:0;gap:.3rem;display:flex}.goal-done-btn{border:1px solid var(--border-accent);color:var(--gold);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border-radius:4px;padding:.2rem .5rem;font-family:inherit;font-size:.7rem}.goal-done-btn:hover{background:var(--gold-dim)}.goal-done-btn.active{border-color:var(--badge-best);color:var(--badge-best);background:#2ea04326}.goal-remove{border:1px solid var(--border-primary);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:4px;padding:.2rem .5rem;font-family:inherit;font-size:.7rem}.goal-remove:hover{border-color:var(--fire);color:var(--fire)}.goal-progress{background:var(--bg-secondary);border-radius:3px;height:6px;overflow:hidden}.goal-progress-bar{background:var(--gold);height:100%;transition:width var(--transition-normal);border-radius:3px}.goal-complete .goal-progress-bar{background:var(--badge-best)}.goal-progress-label{color:var(--text-muted);margin-top:.25rem;font-size:.7rem}.goal-stat{color:var(--text-secondary);margin-top:.4rem;font-size:.75rem}.goal-stat-icons{flex-wrap:wrap;align-items:center;gap:.3rem .75rem;display:flex}.goal-stat-item{align-items:center;gap:.25rem;display:inline-flex}.goal-stat-item strong{color:var(--text-muted);font-weight:600}.goal-stat-resist{align-items:center;gap:.5rem;display:inline-flex}.goal-slots{gap:.15rem}.goal-included{color:var(--text-muted);margin-top:.3rem;font-size:.7rem;font-style:italic}.goal-acquire{color:var(--text-secondary);margin-top:.5rem;font-size:.75rem;line-height:1.4}.goal-acquire-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-right:.35rem;font-size:.62rem;display:inline-block}.goal-skills{flex-wrap:wrap;gap:.25rem;margin-top:.4rem;display:flex}.goal-skill{color:#7db4f0;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);background:#5a8cdc1f;border:1px solid #5a8cdc40;border-radius:4px;padding:.05rem .4rem;font-size:.68rem}.goal-skill:hover{border-color:var(--gold);background:#5a8cdc38}.gear-sort{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.75rem;display:flex}.gear-sort-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.66rem}.gear-sort-btn{background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:14px;padding:.2rem .55rem;font-family:inherit;font-size:.72rem}.gear-sort-btn:hover{border-color:var(--gold);color:var(--text-primary)}.gear-sort-btn.active{background:var(--gold-dim);border-color:var(--gold);color:var(--gold)}.agg-summary{background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:var(--radius-sm);margin-bottom:.85rem;padding:.75rem}.agg-summary-head{color:var(--gold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.agg-note{text-transform:none;letter-spacing:0;color:var(--text-muted);margin-top:.1rem;font-size:.66rem;font-weight:400;display:block}.agg-stats{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.6rem;padding-bottom:.6rem;display:flex}.agg-defense{color:var(--text-primary);align-items:center;gap:.3rem;font-size:.9rem;font-weight:600;display:inline-flex}.agg-stats .resistances{gap:.6rem;margin-top:0}.agg-zenny{color:var(--gold);align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;display:inline-flex}.agg-weapon{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:.3rem .6rem;display:flex}.agg-weapon-name{color:var(--text-primary);font-size:.82rem;font-weight:600}.agg-weapon-stats{flex-wrap:wrap;align-items:center;gap:.3rem .6rem;display:inline-flex}.agg-skill-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:.66rem}.agg-skills{flex-wrap:wrap;gap:.3rem;display:flex}.agg-bonuses{margin-top:.4rem}.agg-skill{color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);background:#5a8cdc24;border:1px solid #5a8cdc4d;border-radius:4px;padding:.1rem .45rem;font-size:.72rem}.agg-skill:hover,.agg-skill.agg-capped:hover,.agg-skill.agg-bonus:hover{border-color:var(--gold)}.agg-skill.agg-capped{color:var(--gold);background:var(--gold-dim);border-color:var(--border-accent)}.agg-skill.agg-bonus{color:#c39bd3;background:#9b59b624;border-color:#9b59b64d}.goal-card--custom .goal-custom-list{flex-direction:column;gap:.3rem;display:flex}.goal-custom-row{align-items:center;gap:.5rem;display:flex}.goal-custom-name{min-width:0;color:var(--text-primary);flex:1;font-size:.8rem}.goal-custom-name .qty{color:var(--gold);font-weight:600}.goal-custom-row.done .goal-custom-name{opacity:.5;text-decoration:line-through}