@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";.ff14-sidebar-heading{font-size:.75rem;color:var(--ff14-text-secondary);text-transform:uppercase;letter-spacing:1px;margin:0 0 .75rem;padding-left:.5rem;border-left:2px solid var(--ff14-accent);font-weight:600;line-height:1.3}.ff14-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--ff14-bg-elevated);border:1px solid var(--ff14-border);color:var(--ff14-text-primary);padding:.5rem .9rem;font-size:.85rem;font-family:inherit;font-weight:600;cursor:pointer;border-radius:var(--ff14-radius);transition:background .15s ease,border-color .15s ease,color .15s ease;line-height:1.2;white-space:nowrap;-webkit-user-select:none;user-select:none}.ff14-btn:hover{background:var(--ff14-bg-secondary);border-color:var(--ff14-accent)}.ff14-btn:focus-visible{outline:2px solid var(--ff14-accent);outline-offset:2px}.ff14-btn:disabled,.ff14-btn[disabled]{opacity:.5;cursor:not-allowed}.ff14-btn--primary{background:var(--ff14-accent);border-color:var(--ff14-accent);color:#1a1a1a}.ff14-btn--primary:hover{background:var(--ff14-accent-hover);border-color:var(--ff14-accent-hover);color:#1a1a1a}.ff14-btn--ghost{background:transparent}.ff14-btn--danger{border-color:var(--ff14-border);color:var(--ff14-danger)}.ff14-btn--danger:hover{border-color:var(--ff14-danger);background:var(--ff14-danger-bg)}.ff14-btn--sm{padding:.3rem .6rem;font-size:.75rem}.ff14-tab{background:var(--ff14-bg-elevated);border:1px solid var(--ff14-border);border-radius:var(--ff14-radius);padding:.55rem .8rem;color:var(--ff14-text-secondary);cursor:pointer;font-weight:600;font-size:.85rem;font-family:inherit;text-align:left;transition:background .2s ease,border-color .2s ease,color .2s ease}.ff14-tab:hover{background:var(--ff14-bg-secondary);border-color:var(--ff14-accent);color:var(--ff14-text-primary)}.ff14-tab--active,.ff14-tab.active,.ff14-tab[aria-current=page]{background:var(--ff14-accent-bg);border-color:var(--ff14-accent);color:var(--ff14-text-primary);border-left:3px solid var(--ff14-accent)}.ff14-input{background:var(--ff14-bg-input);border:1px solid var(--ff14-border);color:var(--ff14-text-primary);padding:.5rem .75rem;border-radius:var(--ff14-radius);font-family:inherit;font-size:.85rem;outline:none;transition:border-color .15s ease;line-height:1.2}.ff14-input::placeholder{color:var(--ff14-text-muted)}.ff14-input:focus{border-color:var(--ff14-accent)}.ff14-card{background:var(--ff14-bg-secondary);border:1px solid var(--ff14-border);border-radius:var(--ff14-radius);padding:.75rem;transition:border-color .2s ease,transform .2s ease}.ff14-card--hoverable{cursor:pointer}.ff14-card--hoverable:hover{border-color:var(--ff14-accent);transform:translateY(-2px)}.ff14-status-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--ff14-bg-secondary);border:1px solid var(--ff14-border);border-left:4px solid var(--ff14-accent);font-size:.8rem;color:var(--ff14-text-secondary);border-radius:var(--ff14-radius)}.ff14-status-bar--info{border-left-color:var(--ff14-info)}.ff14-status-bar--success{border-left-color:var(--ff14-success)}.ff14-status-bar--warning{border-left-color:var(--ff14-warning)}.ff14-status-bar--danger{border-left-color:var(--ff14-danger)}:root{--bg-color: var(--ff14-bg-primary);--card-bg: var(--ff14-bg-secondary);--sidebar-bg: var(--ff14-bg-sidebar);--accent-color: var(--ff14-accent);--text-primary: var(--ff14-text-primary);--text-secondary: var(--ff14-text-secondary);--savage-color: #ffd86e;--tome-color: #d18fff;--other-color: #b0b0b0;--border-radius: var(--ff14-radius);--border-color: var(--ff14-border)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,Meiryo,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.4;overflow-x:hidden}#root{padding:2rem;max-width:1400px;margin:0 auto}h1{font-weight:300;font-size:1.8rem;margin-bottom:2rem;text-align:center;letter-spacing:4px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.char-selector-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.2rem;background:var(--sidebar-bg);border:1px solid var(--border-color);border-left:4px solid var(--ff14-accent);margin-bottom:1.5rem}.char-selector-left{display:flex;align-items:center;gap:.75rem}.char-selector-label{font-size:.8rem;color:var(--text-secondary);font-weight:600;white-space:nowrap}.char-dropdown-wrapper{position:relative}.char-dropdown-btn{display:flex;align-items:center;gap:.5rem;background:var(--ff14-bg-elevated);border:1px solid var(--border-color);color:#fff;padding:.4rem .8rem;font-size:.9rem;cursor:pointer;transition:all .2s;min-width:160px}.char-dropdown-btn:hover{border-color:var(--ff14-accent);background:var(--ff14-bg-secondary)}.char-avatar{font-size:1rem}.char-current-name{flex-grow:1;text-align:left;font-weight:600}.char-dropdown-arrow{font-size:.6rem;color:var(--text-secondary);margin-left:.5rem}.char-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:280px;background:#1e2024;border:1px solid var(--border-color);box-shadow:0 8px 24px #00000080;z-index:1000;animation:charMenuFadeIn .15s ease-out}@keyframes charMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.char-dropdown-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.char-dropdown-item:hover{background:var(--ff14-accent-bg)}.char-dropdown-item.active{background:var(--ff14-accent-bg);border-left:3px solid var(--ff14-accent)}.char-dropdown-item-main{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;cursor:pointer;flex-grow:1}.char-item-avatar{font-size:.9rem}.char-item-name{font-size:.85rem;color:#fff}.char-item-check{font-size:.7rem;color:var(--ff14-accent);margin-left:auto}.char-dropdown-item-actions{display:flex;gap:2px;padding-right:.4rem}.char-action-btn{background:transparent;border:none;font-size:.75rem;cursor:pointer;padding:4px 6px;border-radius:2px;transition:background .15s;line-height:1}.char-action-btn:hover{background:#ffffff1a}.char-action-btn.delete:hover{background:var(--ff14-danger-bg)}.char-dropdown-divider{height:1px;background:var(--border-color)}.char-add-btn{width:100%;background:transparent;border:none;color:var(--ff14-accent);font-size:.85rem;padding:.7rem .8rem;cursor:pointer;text-align:left;transition:background .15s;font-weight:600}.char-add-btn:hover{background:var(--ff14-accent-bg)}.char-selector-right{display:flex;align-items:center;gap:.75rem}.char-count{font-size:.75rem;color:var(--text-secondary);background:#ffffff0d;padding:2px 8px;border-radius:2px}.char-toggle-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.7rem;padding:3px 10px;cursor:pointer;transition:all .2s}.char-toggle-btn:hover{color:#fff;border-color:var(--ff14-accent);background:var(--ff14-accent-bg)}.char-selector-collapsed{margin-bottom:1.5rem;display:flex;justify-content:center}.char-toggle-btn-collapsed{display:flex;align-items:center;gap:.5rem;background:var(--sidebar-bg);border:1px solid var(--border-color);color:#fff;font-size:.8rem;padding:.35rem 1rem;cursor:pointer;transition:all .2s}.char-toggle-btn-collapsed:hover{border-color:var(--ff14-accent);background:#1e2024}.char-collapsed-hint{font-size:.7rem;color:var(--ff14-accent);margin-left:.5rem}.equiptool-container{display:grid;grid-template-columns:300px 1fr;gap:2rem}.glass-card{background:var(--card-bg);border:1px solid var(--border-color);padding:1rem}.side-nav{background:var(--sidebar-bg);position:sticky;top:2rem;border:1px solid var(--border-color);display:flex;flex-direction:column}.side-nav::-webkit-scrollbar{display:none}.side-nav{-ms-overflow-style:none;scrollbar-width:none}.job-cat-title{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin:1.5rem 0 .5rem;border-left:2px solid var(--accent-color);padding-left:.5rem}.job-grid-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.job-btn-mini{background:var(--ff14-bg-elevated);border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem;font-size:.85rem;text-align:center;cursor:pointer;transition:all .2s}.job-btn-mini.active{background:#d4af371a;border-color:var(--accent-color);color:#fff}.character-view{display:flex;flex-direction:column;gap:2rem}.stats-bar{display:flex;align-items:center;gap:2rem;padding:1.2rem;background:var(--card-bg);border:1px solid var(--border-color);border-left:4px solid var(--accent-color)}.job-header-info{display:flex;align-items:center;gap:1rem;min-width:180px;border-right:1px solid var(--border-color);padding-right:1.5rem}.job-icon-container{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.job-name-info{display:flex;flex-direction:column}.job-name-en{font-size:1.1rem;font-weight:700;color:var(--accent-color);line-height:1}.job-name-jp{font-size:.85rem;color:#fff;font-weight:400;margin-top:2px}.progress-container{flex-grow:1}.progress-info{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:.4rem}.progress-bar-bg{height:4px;background:#ffffff1a}.progress-bar-fill{height:100%;background:var(--accent-color);box-shadow:0 0 10px var(--accent-color);transition:width .6s cubic-bezier(.4,0,.2,1)}.equipment-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.slot-list{display:flex;flex-direction:column;gap:.75rem}.slot-item{display:flex;align-items:center;background:var(--ff14-bg-elevated);border:1px solid var(--border-color);padding:.5rem;gap:1rem;height:70px}.slot-item.obtained{border-left:3px solid var(--accent-color);background:linear-gradient(90deg,#d4af3714,#ffffff03);border-top-color:var(--border-color);border-right-color:var(--border-color);border-bottom-color:var(--border-color)}.slot-icon{width:48px;height:48px;background:#1a1a1a;border:1px solid #333;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#aaa;flex-shrink:0}.slot-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.slot-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.slot-selection{display:flex;gap:.4rem;margin-top:.2rem}.type-btn{background:#1a1a1a;border:1px solid #333;color:#777;font-size:.7rem;padding:2px 10px;cursor:pointer}.type-btn.active.savage{border-color:var(--savage-color);color:var(--savage-color);background:#ffd86e1a}.type-btn.active.tome{border-color:var(--tome-color);color:var(--tome-color);background:#d18fff1a}.type-btn.active.other{border-color:var(--other-color);color:var(--other-color);background:#b0b0b01a}.slot-check{width:32px;height:32px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;background:#0003}.slot-check.checked{color:var(--accent-color);border-color:var(--accent-color);text-shadow:0 0 5px var(--accent-color)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.upgrade-container{display:flex;align-items:center;gap:.3rem;margin-top:.2rem;font-size:.75rem;color:var(--tome-color);background:#d18fff0d;padding:2px 6px;border-radius:2px;width:fit-content}.upgrade-check{width:14px;height:14px;border:1px solid var(--tome-color);display:flex;align-items:center;justify-content:center;cursor:pointer;background:#0000004d;font-size:.6rem}.upgrade-check.checked{background:var(--tome-color);color:#000}.animate-slide{animation:slideIn .3s ease-out forwards}.reset-btn-all{width:100%;background:transparent;border:1px solid var(--ff14-danger);color:var(--ff14-danger);padding:.5rem;font-size:.8rem;border-radius:4px;cursor:pointer;transition:all .2s}.reset-btn-all:hover{background:var(--ff14-danger);color:#fff}.reset-btn-job{background:var(--ff14-danger-bg);border:1px solid var(--ff14-danger);color:var(--ff14-danger);padding:4px 12px;font-size:.75rem;cursor:pointer;border-radius:2px;margin-left:1rem}.reset-btn-job:hover{background:var(--ff14-danger);color:#fff}.presets-section{display:flex;flex-direction:column;padding:0;background:#1a1b1e80;border:1px solid var(--border-color);border-left:4px solid var(--savage-color);margin-bottom:1rem}.presets-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.2rem}.presets-label{font-size:.8rem;color:var(--text-secondary);font-weight:600;display:flex;align-items:center}.presets-toggle-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.7rem;padding:3px 10px;cursor:pointer;transition:all .2s}.presets-toggle-btn:hover{color:#fff;border-color:var(--savage-color);background:#ffd86e14}.presets-content{padding:.75rem 1.2rem 1rem;border-top:1px solid var(--border-color)}.presets-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.preset-btn{background:var(--ff14-bg-elevated);border:1px solid var(--border-color);color:#fff;padding:8px 16px;font-size:.85rem;cursor:pointer;transition:all .2s;border-radius:2px;display:flex;align-items:center;gap:8px}.preset-btn:hover{background:var(--ff14-bg-secondary);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}.preset-btn .gcd-badge{font-size:.7rem;background:#d4af3733;color:var(--accent-color);padding:1px 4px;border-radius:2px;font-weight:700}.no-presets-msg{font-size:.8rem;color:var(--text-secondary);font-style:italic}.app-footer{margin-top:auto;text-align:center;padding:1.5rem 0 .5rem;border-top:1px solid var(--border-color)}.footer-disclaimer{font-size:.7rem;color:var(--text-secondary);opacity:.6;margin-bottom:.4rem}.footer-copyright{font-size:.7rem;color:var(--text-secondary);opacity:.5}.footer-trademark{font-size:.65rem;color:var(--text-secondary);opacity:.4;margin-top:.15rem}.footer-links{margin-top:.6rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.footer-link-btn{background:none;border:none;color:var(--text-secondary);font-size:.65rem;cursor:pointer;opacity:.5;transition:opacity .2s;padding:0;text-decoration:underline;text-underline-offset:2px}.footer-link-btn:hover{opacity:.9;color:#fff}.footer-link-sep{font-size:.6rem;color:var(--text-secondary);opacity:.3}@media(max-width:900px){.equiptool-container{grid-template-columns:1fr}.side-nav{position:static;max-height:220px;overflow-y:auto;-ms-overflow-style:auto;scrollbar-width:thin}.side-nav::-webkit-scrollbar{display:block;width:4px}.side-nav::-webkit-scrollbar-thumb{background:var(--border-color)}}@media(max-width:640px){#root{padding:1rem}h1{font-size:1.2rem;letter-spacing:2px;margin-bottom:1rem}.stats-bar{flex-wrap:wrap;gap:1rem}.job-header-info{min-width:unset;border-right:none;padding-right:0;width:100%;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.equipment-layout{grid-template-columns:1fr}.char-selector-bar{flex-wrap:wrap;gap:.5rem}.char-selector-right{width:100%;justify-content:flex-end}.slot-item{height:auto;min-height:60px}.slot-selection{flex-wrap:wrap}.presets-buttons{flex-direction:column}}:root{--ff14-bg-primary: #0f1012;--ff14-bg-sidebar: #141517;--ff14-bg-secondary: #1a1b1e;--ff14-bg-elevated: #232830;--ff14-bg-input: #0d0e10;--ff14-text-primary: #f0f0f0;--ff14-text-secondary: #b4b4b4;--ff14-text-muted: #6a6a6a;--ff14-accent: #d4af37;--ff14-accent-hover: #e6c050;--ff14-accent-bg: rgba(212, 175, 55, .12);--ff14-accent-border: rgba(212, 175, 55, .4);--ff14-success: #4caf50;--ff14-success-bg: rgba(76, 175, 80, .12);--ff14-warning: #fbbf24;--ff14-warning-bg: rgba(251, 191, 36, .12);--ff14-danger: #e74c3c;--ff14-danger-bg: rgba(231, 76, 60, .12);--ff14-info: #5b8dd9;--ff14-info-bg: rgba(91, 141, 217, .12);--ff14-border: #2a2c31;--ff14-border-strong: #3a3c41;--ff14-border-subtle: rgba(255, 255, 255, .06);--ff14-font: "Outfit", "Hiragino Sans", "Meiryo", sans-serif;--ff14-font-mono: "JetBrains Mono", "Consolas", "SF Mono", monospace;--ff14-radius-sm: 2px;--ff14-radius: 4px;--ff14-radius-lg: 8px;--ff14-shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--ff14-shadow: 0 4px 16px rgba(0, 0, 0, .3);--ff14-shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);color-scheme:dark}:root{--ff14h-bg: var(--ff14-bg-sidebar);--ff14h-bg-elevated: var(--ff14-bg-elevated);--ff14h-border: var(--ff14-border);--ff14h-text: var(--ff14-text-primary);--ff14h-text-muted: var(--ff14-text-secondary);--ff14h-accent: var(--ff14-accent);--ff14h-accent-bg: var(--ff14-accent-bg);--ff14h-shadow: var(--ff14-shadow);--ff14h-height: 40px;--ff14h-drawer-width: 300px;--ff14h-z-bar: 1000;--ff14h-z-backdrop: 1001;--ff14h-z-drawer: 1002}.ff14h-body{padding-top:var(--ff14h-height)}.ff14h-no-scroll{overflow:hidden}#ff14h-root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.ff14h-bar{position:fixed;top:0;left:0;right:0;height:var(--ff14h-height);background:var(--ff14h-bg);border-bottom:1px solid var(--ff14h-border);display:flex;align-items:center;padding:0 8px;gap:4px;z-index:var(--ff14h-z-bar);box-shadow:var(--ff14h-shadow);box-sizing:border-box}.ff14h-menu-btn{width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border-radius:4px;flex-shrink:0}.ff14h-menu-btn:hover,.ff14h-menu-btn:focus-visible{background:var(--ff14h-accent-bg);outline:none}.ff14h-menu-btn:focus-visible{box-shadow:0 0 0 2px var(--ff14h-accent)}.ff14h-menu-btn__bar{display:block;width:18px;height:2px;background:var(--ff14h-text);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.ff14h-menu-btn[aria-expanded=true] .ff14h-menu-btn__bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.ff14h-menu-btn[aria-expanded=true] .ff14h-menu-btn__bar:nth-child(2){opacity:0}.ff14h-menu-btn[aria-expanded=true] .ff14h-menu-btn__bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.ff14h-title{color:var(--ff14h-text);text-decoration:none;font-weight:600;font-size:13px;padding:4px 10px;border-radius:4px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.ff14h-title:hover,.ff14h-title:focus-visible{background:var(--ff14h-accent-bg);color:var(--ff14h-accent);outline:none}.ff14h-spacer{flex:1}.ff14h-backdrop{position:fixed;inset:0;background:#00000080;z-index:var(--ff14h-z-backdrop);opacity:0;transition:opacity .2s ease;cursor:pointer}.ff14h-backdrop--visible{opacity:1}.ff14h-drawer{position:fixed;top:0;left:0;bottom:0;width:var(--ff14h-drawer-width);max-width:85vw;background:var(--ff14h-bg);border-right:1px solid var(--ff14h-border);z-index:var(--ff14h-z-drawer);transform:translate(-100%);transition:transform .22s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;box-shadow:var(--ff14h-shadow);box-sizing:border-box}.ff14h-drawer--open{transform:translate(0)}.ff14h-drawer__inner{display:flex;flex-direction:column;height:100%;overflow-y:auto}.ff14h-drawer__header{height:var(--ff14h-height);padding:0 8px 0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ff14h-border);flex-shrink:0}.ff14h-drawer__heading{font-weight:600;font-size:13px;color:var(--ff14h-text);letter-spacing:.02em}.ff14h-drawer__close{width:32px;height:32px;background:transparent;border:none;color:var(--ff14h-text);font-size:20px;cursor:pointer;border-radius:4px;line-height:1;padding:0}.ff14h-drawer__close:hover,.ff14h-drawer__close:focus-visible{background:var(--ff14h-accent-bg);color:var(--ff14h-accent);outline:none}.ff14h-menu{list-style:none;margin:0;padding:8px 0}.ff14h-menu__item{margin:0}.ff14h-menu__link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--ff14h-text);text-decoration:none;border-left:3px solid transparent;transition:background .15s ease}.ff14h-menu__link:hover,.ff14h-menu__link:focus-visible{background:var(--ff14h-accent-bg);outline:none}.ff14h-menu__item--current .ff14h-menu__link{background:var(--ff14h-accent-bg);border-left-color:var(--ff14h-accent);color:var(--ff14h-accent)}.ff14h-menu__icon{font-size:22px;line-height:1;flex-shrink:0;width:28px;text-align:center}.ff14h-menu__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ff14h-menu__label{font-weight:500;font-size:14px;line-height:1.3}.ff14h-menu__desc{font-size:12px;color:var(--ff14h-text-muted);line-height:1.3}.ff14h-menu__item--current .ff14h-menu__desc{color:var(--ff14h-accent);opacity:.85}.ff14h-drawer__footer{margin-top:auto;padding:12px 0 16px;border-top:1px solid var(--ff14h-border);flex-shrink:0}.ff14h-drawer__heading--sub{display:block;padding:0 20px 6px;font-size:11px;font-weight:600;color:var(--ff14h-text-muted);letter-spacing:.04em}.ff14h-sitelinks{list-style:none;margin:0;padding:0}.ff14h-sitelinks__link{display:block;padding:8px 20px;font-size:13px;color:var(--ff14h-text-muted);text-decoration:none;transition:background .15s ease,color .15s ease}.ff14h-sitelinks__link:hover,.ff14h-sitelinks__link:focus-visible{background:var(--ff14h-accent-bg);color:var(--ff14h-text);outline:none}.ff14h-sitelinks__link[aria-current=page]{color:var(--ff14h-accent)}