:root{--text:#b6aea4;--text-h:#faf5ec;--bg:#1a1512;--border:#463a30;--code-bg:#2b221b;--accent:#ff6b00;--accent-bg:#ff6b0029;--accent-border:#ff6b008c;--accent-2:#ffd83d;--danger:#e51b1b;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:18px/1.5 var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}@media (width<=760px){:root{font:16px/1.5 var(--sans)}}h1,h2,h3{color:var(--text-h);font-weight:600}h1{font-size:40px}h2{margin:0 0 16px;font-size:24px}h3{margin:0 0 12px;font-size:18px}:root{--surface:#1c1d26;--surface-2:#22232e;--text-muted:#8b8f9f}.app{box-sizing:border-box;flex-direction:column;width:100%;max-width:1126px;min-height:100svh;margin:0 auto;padding:0 24px 40px;display:flex}.site-main{flex:1;padding:40px 0 0}.site-header{border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1512eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex;position:sticky;top:0}.site-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-badge{background:var(--accent-2);color:#1a1512;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:inline-flex}.brand-name{color:var(--text-h);letter-spacing:.2px;font-size:22px;font-weight:700}.site-nav{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.menu-toggle{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;gap:5px;padding:8px 10px;display:none}.menu-bar{background:var(--accent);border-radius:2px;width:18px;height:2px;display:block}.nav-link{color:var(--text);font-size:15px;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--accent)}.lang-switch{cursor:pointer;border:1px solid var(--border);color:var(--accent);font:inherit;background:0 0;border-radius:8px;padding:4px 10px;font-size:14px;line-height:1.4;transition:border-color .15s,color .15s}.lang-switch:hover{border-color:var(--accent)}.site-footer{border-top:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:56px;padding:32px 0 8px;display:flex}.footer-logo-link{border:1px solid var(--border);background:#f6f1e8;border-radius:10px;justify-content:center;align-items:center;padding:8px 14px;display:inline-flex}.footer-logo{width:auto;height:28px;transition:filter .15s;display:block}a:hover .footer-logo{filter:brightness(1.05)}.footer-note{color:var(--text);margin:0;font-size:13px}.footer-note a{color:var(--accent);text-decoration:none}.footer-note a:hover{text-decoration:underline}section{margin-bottom:56px}.search-form{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.search-form label{color:var(--text);text-align:left;flex-direction:column;gap:6px;font-size:14px;display:flex}.search-form select,.search-form input{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text-h);border-radius:6px;min-width:200px;padding:10px 12px}.search-form button{font:inherit;background:var(--accent-2);color:#1a1512;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-weight:700}.search-form button:disabled{opacity:.6;cursor:default}.search-results{margin-top:24px}.character-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.character-card{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:border-color .15s;display:flex}.character-card:hover{border-color:var(--accent-border)}.character-name{color:var(--text-h);font-weight:600}.character-level,.character-class,.character-fame,.character-server{color:var(--text)}.character-fame:before{content:"";margin-right:4px;display:inline-block}.jobs-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.job-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:20px}.job-card h3{color:var(--accent);margin:0 0 12px}.job-card ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.job-card li{font-size:15px;line-height:1.5}.job-grow{color:var(--text-h);font-weight:600}.job-evolve,.hint{color:var(--text)}.hint.error{color:var(--danger)}.breadcrumb{margin-bottom:20px}.breadcrumb a{color:var(--accent);text-decoration:none}.character-hero{border:1px solid var(--border);background:linear-gradient(120deg, var(--accent-bg), transparent 60%), var(--surface);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:24px 28px;display:flex}.hero-title h2{margin:0 0 4px;font-size:32px}.hero-class{color:var(--accent);margin:0;font-weight:600}.hero-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text-h);border-radius:999px;align-items:center;padding:6px 12px;font-size:14px;display:inline-flex}.chip-accent{border-color:var(--accent-border);color:var(--accent)}.detail-layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (width<=860px){.detail-layout{grid-template-columns:1fr}}.detail-side{align-items:start;gap:16px;display:grid;position:sticky;top:24px}.stat-panel{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:20px;padding:20px;display:grid}.stat-panel h3{text-transform:uppercase;letter-spacing:.8px;color:var(--text);margin:0 0 12px;font-size:13px}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.stat-cell{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.stat-cell .stat-name{color:var(--text-muted);min-height:2.4em;font-size:13px}.stat-cell .stat-value{color:var(--text-h);font-size:15px}.buff-list{gap:8px;display:grid}.buff-card{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.buff-name{color:var(--accent);font-size:14px;font-weight:600}.buff-status{color:var(--text);font-size:13px}.detail-main{min-width:0}.tab-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:20px;display:flex}.tab-button{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:15px;transition:color .15s}.tab-button:hover{color:var(--text-h)}.tab-button.active{color:var(--accent);border-bottom-color:var(--accent)}.eq-groups{gap:24px;display:grid}.eq-group h4{text-transform:uppercase;letter-spacing:.8px;color:var(--text);margin:0 0 12px;font-size:14px}.items-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.item-card{border:1px solid var(--border);background:var(--surface);min-width:0;color:inherit;border-left-width:4px;border-radius:10px;gap:12px;padding:14px;text-decoration:none;display:flex}.item-card.rarity-uncommon{border-left-color:#68d5ed}.item-card.rarity-rare{border-left-color:#b36bff}.item-card.rarity-unique{border-left-color:#f0f}.item-card.rarity-legendary{border-left-color:#ff7800}.item-card.rarity-epic{border-left-color:#ffb400}.item-card.rarity-primeval{border-left-color:#2ad4a8}.item-card.rarity-chronicle{border-left-color:#f66}.item-img{object-fit:contain;flex-shrink:0;width:52px;height:52px}.item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.item-slot{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-size:12px}.item-name{color:var(--text-h);overflow-wrap:anywhere;font-weight:600}.item-meta,.item-upgrades{color:var(--text);font-size:14px}.item-reinforce{color:var(--accent);font-weight:700}.stat-block{margin-top:8px}.stat-block h3{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-bottom:4px;font-size:13px}.stat-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.stat-list li{justify-content:space-between;gap:12px;font-size:14px;display:flex}.stat-name{color:var(--text)}.stat-value{color:var(--text-h);text-align:right;font-weight:600}.fusion-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:16px;display:grid}.fusion-panel{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:16px;padding:20px;display:grid}.fusion-head{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.fusion-head-info{flex-direction:column;gap:2px;min-width:0;display:flex}.fusion-name{color:var(--text-h);font-size:16px;font-weight:700}.fusion-chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.fusion-block{gap:10px;display:grid}.fusion-block h5{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin:0;font-size:13px}.oath-options{gap:10px;margin-top:6px;display:grid}.oath-option{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;gap:6px;padding:12px;display:grid}.oath-step{color:var(--text);font-size:13px}.oath-option-name{color:var(--accent);font-weight:600}.crystal-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.crystal-card{border:1px solid var(--border);background:var(--surface-2);border-left-width:4px;border-radius:10px;gap:10px;min-width:0;padding:12px;display:flex}.crystal-card.rarity-uncommon{border-left-color:#68d5ed}.crystal-card.rarity-rare{border-left-color:#b36bff}.crystal-card.rarity-unique{border-left-color:#f0f}.crystal-card.rarity-legendary{border-left-color:#ff7800}.crystal-card.rarity-epic{border-left-color:#ffb400}.crystal-card.rarity-primeval{border-left-color:#2ad4a8}.crystal-card.rarity-chronicle{border-left-color:#f66}.crystal-slot{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-size:12px}.set-explain{white-space:pre-wrap;color:var(--text);margin:0;font-size:14px;line-height:1.5}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.skill-cell{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.skill-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.skill-name{color:var(--text-h);font-weight:600}.skill-meta{color:var(--text-muted);font-size:13px}.skill-desc{color:var(--text);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:6px 0 0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.btn{font:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--text-h);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:14px;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent-border)}.btn:disabled{opacity:.55;cursor:default}.btn-small{padding:5px 10px;font-size:13px}.btn-primary{border-color:var(--accent-border);color:var(--accent)}.btn-danger{color:var(--danger)}.accessibly-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.page-stack{gap:24px;display:grid}.panel{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:24px}.panel h2{margin:0 0 8px}.panel h3{margin:0 0 12px}.panel-hint{color:var(--text);margin:0 0 16px;font-size:14px}.panel-empty{text-align:center;padding:40px 24px}.hero-actions{flex-wrap:wrap;gap:10px;width:100%;display:flex}.ranking-form{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.ranking-form label{color:var(--text);text-align:left;flex-direction:column;gap:6px;font-size:14px;display:flex}.ranking-form select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text-h);border-radius:6px;min-width:200px;padding:10px 12px}.rank-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}@media (width<=860px){.rank-layout{grid-template-columns:1fr}}.rank-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rank-row{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.rank-pos{color:var(--accent);text-align:right;width:28px;font-weight:700}.rank-name{color:var(--text-h);font-weight:600;text-decoration:none}.rank-name:hover{color:var(--accent)}.rank-class{color:var(--text);font-size:14px}.rank-level{color:var(--text-muted);font-size:13px}.dist-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.dist-row{grid-template-columns:minmax(120px,1fr) 90px 60px;align-items:center;gap:10px;font-size:13px;display:grid}.dist-name{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dist-bar{background:var(--surface-2);border-radius:99px;height:8px;overflow:hidden}.dist-fill{background:var(--accent);border-radius:99px;height:100%;display:block}.dist-count{color:var(--text-muted);text-align:right}.watch-chips{flex-wrap:wrap;gap:6px;display:flex}.chip-btn{cursor:pointer;font:inherit}.chip-active{border-color:var(--accent-border);color:var(--accent)}.watch-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.watch-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.watch-card{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;gap:10px;padding:14px;transition:border-color .15s;display:flex}.watch-card-selected{border-color:var(--accent-border);box-shadow:0 0 0 2px var(--accent-bg)}.watch-card-main{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:flex-start;gap:10px;padding:0;display:flex}.watch-check{border:1px solid var(--border);background:var(--surface);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;transition:background .15s,border-color .15s;display:inline-flex}.watch-card-selected .watch-check{background:var(--accent-2);border-color:var(--accent-2);color:#1a1512}.watch-info{flex-direction:column;gap:2px;min-width:0;display:flex}.watch-name{color:var(--text-h);font-weight:600}.watch-class{color:var(--accent);font-size:14px}.watch-meta{color:var(--text-muted);font-size:13px}.watch-actions{flex-wrap:wrap;gap:6px;display:flex}.compare-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:18px;display:grid}@media (width<=900px){.compare-grid{grid-template-columns:1fr}}.compare-vs{color:var(--accent);flex-direction:column;align-items:center;gap:12px;padding-top:40px;font-weight:700;display:flex}.compare-slot{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:12px;padding:16px;display:grid}.compare-slot h3{color:var(--accent);margin:0;font-size:16px}.compare-slot-picked{justify-content:space-between;align-items:center;gap:10px;display:flex}.compare-slot-picked p{color:var(--text);margin:0;font-size:14px}.search-form-compact{gap:10px}.search-form-compact input,.search-form-compact select{min-width:0;padding:8px 10px}.character-list-small{gap:6px}.result-row-btn{border:1px solid var(--border);background:var(--surface-2);color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;transition:border-color .15s;display:flex}.result-row-btn:hover{border-color:var(--accent-border)}.compare-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:14px;margin-top:14px;padding:18px;display:grid}.compare-card-hero{gap:4px;display:grid}.compare-card-hero h3{margin:0;font-size:22px}.compare-stats .stat-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.compare-meta{gap:6px;display:grid}.compare-meta-row{border-bottom:1px dashed var(--border);justify-content:space-between;gap:12px;padding:6px 0;font-size:14px;display:flex}.compare-meta-row span{color:var(--text)}.compare-meta-row strong{color:var(--text-h);text-align:right;overflow-wrap:anywhere}.party-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:20px}.party-card h3{text-transform:uppercase;letter-spacing:.8px;color:var(--text);margin:0 0 4px;font-size:13px}.party-hint{color:var(--text-muted);margin:0 0 12px;font-size:13px}.party-verdict{text-align:center;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-weight:700}.verdict-ready{color:#4cd964;background:#34c75926}.verdict-close{color:#ffb400;background:#ffb40026}.verdict-far{color:var(--danger);background:#d6454526}.party-criteria{gap:6px;margin:0;padding:0;list-style:none;display:grid}.party-row{justify-content:space-between;gap:12px;font-size:14px;display:flex}.party-row span{color:var(--text)}.party-row strong{color:var(--text-h);text-align:right}.pedia-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (width<=900px){.pedia-grid{grid-template-columns:1fr}}.search-form-column{flex-direction:column;align-items:stretch}.search-form-column label{width:100%}.search-form-column input,.search-form-column select{min-width:0}.filter-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hashtag-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.hashtag-row .panel-hint{margin:0}.pedia-results{gap:8px;margin-top:16px;display:grid}.pedia-row{border:1px solid var(--border);background:var(--surface-2);color:inherit;border-left-width:4px;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:border-color .15s;display:flex}.pedia-row:hover{border-color:var(--accent-border)}.item-detail-head{align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.item-detail-title{flex-direction:column;gap:4px;min-width:0;display:flex}.item-detail-title h2{margin:0;font-size:26px}.item-img-lg{width:88px;height:88px}.item-explain{color:var(--text-h);font-size:15px;line-height:1.5}.item-flavor{color:var(--text-muted);font-size:14px;font-style:italic}.obtain-list,.obtain-list ul{margin:0;padding:0;list-style:none}.obtain-list ul{padding-left:4px}.obtain-list li{color:var(--text);margin-bottom:2px;font-size:14px}.set-option-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.set-option{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}.skill-cell-guide .skill-head{align-items:center}.skill-cell-guide .btn{margin-left:auto}.skill-cell-guide .skill-desc{-webkit-line-clamp:unset;-webkit-box-orient:unset;display:block;overflow:visible}.btn-accent{background:var(--accent-2);border-color:var(--accent-2);color:#1a1512;font-weight:700}.btn-accent:hover:not(:disabled){border-color:var(--accent-2);filter:brightness(1.06)}.pedia-row.rarity-common{border-left-color:var(--accent-border)}.pedia-row.rarity-uncommon{border-left-color:#68d5ed}.pedia-row.rarity-rare{border-left-color:#b36bff}.pedia-row.rarity-unique{border-left-color:#f0f}.pedia-row.rarity-legendary{border-left-color:#ff7800}.pedia-row.rarity-epic{border-left-color:#ffb400}.pedia-row.rarity-primeval{border-left-color:#2ad4a8}.pedia-row.rarity-chronicle{border-left-color:#f66}.pedia-row.rarity-mythic{border-left-color:#ffe08a}.pedia-row:hover .item-name,.pedia-row:hover .item-slot{color:var(--accent)}.skill-cell-guide{border-left-width:3px;border-left-color:var(--accent-border)}.skill-cell-guide .btn{color:var(--accent);border-color:var(--accent-border)}.skill-cell-guide .skill-meta{color:var(--accent)}.skill-cell-guide .skill-req{font-weight:700}.about-section h3{text-transform:uppercase;letter-spacing:.8px;color:var(--text);margin:0 0 14px;font-size:15px}.about-grid{gap:12px;display:grid}.about-card{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:border-color .15s;display:flex}.about-card:hover{border-color:var(--accent-border)}.about-card-icon{background:var(--surface-2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.about-card-info{flex-direction:column;gap:2px;min-width:0;display:flex}.about-card-name{color:var(--text-h);font-weight:600}.about-card-handle{color:var(--text-muted);overflow-wrap:anywhere;font-size:14px}.about-card-arrow{color:var(--accent);margin-left:auto;font-weight:700}.about-support{border-color:var(--accent-border);background:linear-gradient(120deg, var(--accent-bg), transparent 70%), var(--surface)}@media (width<=900px){.filter-row{grid-template-columns:1fr}}@media (width<=880px){.menu-toggle{display:inline-flex}.site-nav{border:1px solid var(--border);background:#1a1512fa;border-top:none;border-radius:0 0 12px 12px;flex-direction:column;align-items:stretch;gap:0;padding:10px 16px 14px;display:none;position:absolute;top:calc(100% - 6px);left:0;right:0;box-shadow:0 18px 30px #0006}.site-nav.open{display:flex}.site-nav .nav-link{border-bottom:1px solid var(--border);padding:10px 4px;font-size:16px}.site-nav .nav-link:last-of-type{border-bottom:none}.site-nav .lang-switch{align-self:flex-start;margin-top:10px}}@media (width<=760px){.app{padding:0 16px 32px}.site-main{padding:24px 0 0}.site-header{padding:12px 0}section{margin-bottom:40px}.panel{padding:18px}h1{font-size:30px}h2{font-size:21px}.hero-title h2{font-size:26px}.brand-name{font-size:19px}.character-hero{padding:18px 20px}.hero-chips{width:100%}.stat-panel,.party-card,.detail-side{position:static}.stat-cell .stat-name{min-height:auto}.search-form input,.search-form select,.ranking-form select{box-sizing:border-box;width:100%;min-width:0}.search-form{gap:12px}.search-form label{width:100%}.rank-pos{width:22px;font-size:14px}.dist-row{grid-template-columns:minmax(110px,1fr) auto;gap:6px}.dist-bar{grid-column:1/-1}.dist-count{text-align:right}.compare-vs{padding-top:0}.item-card,.skill-cell,.set-option{padding:12px}.footer-note{font-size:12px}}@media (width<=480px){.items-grid,.crystal-grid,.watch-grid,.skill-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.tab-bar{flex-wrap:nowrap;overflow-x:auto}.tab-button{white-space:nowrap}.pedia-row .item-img{width:44px;height:44px}.compare-slot-picked{flex-direction:column;align-items:flex-start}}