.AboutCredits-module__aQhLHq__root{gap:clamp(32px,5vw,58px);margin-top:24px;display:grid}.AboutCredits-module__aQhLHq__notice{background:var(--wiki-surface);border:1px solid var(--wiki-line);border-top:4px solid var(--wiki-primary);border-radius:12px;padding:clamp(22px,4vw,42px);box-shadow:0 14px 28px #1b2f4a0b}.AboutCredits-module__aQhLHq__sectionLabel{color:var(--wiki-primary);letter-spacing:.08em;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.AboutCredits-module__aQhLHq__notice h2,.AboutCredits-module__aQhLHq__credits h2{color:var(--wiki-ink);margin:12px 0 20px;font-size:clamp(22px,3vw,30px);line-height:1.3}.AboutCredits-module__aQhLHq__noticeLines{gap:13px;display:grid}.AboutCredits-module__aQhLHq__noticeLines p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--wiki-ink);border-left:2px solid var(--wiki-gold);margin:0;padding-left:14px;line-height:1.8}.AboutCredits-module__aQhLHq__noticeLines a{color:var(--wiki-primary);text-underline-offset:3px;text-decoration:underline}.AboutCredits-module__aQhLHq__creditsHeading{justify-content:space-between;align-items:end;gap:12px;margin-bottom:20px;display:flex}.AboutCredits-module__aQhLHq__creditsHeading h2{margin-bottom:8px}.AboutCredits-module__aQhLHq__creditsHeading p{color:var(--wiki-muted);margin:0}.AboutCredits-module__aQhLHq__creditsHeading .AboutCredits-module__aQhLHq__sourceHint{margin-top:4px;font-size:12px}.AboutCredits-module__aQhLHq__count{color:var(--wiki-primary);background:var(--wiki-paper-alt);border:1px solid var(--wiki-line);white-space:nowrap;border-radius:100px;padding:6px 12px;font-size:12px}.AboutCredits-module__aQhLHq__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,255px),1fr));gap:16px;display:grid}.AboutCredits-module__aQhLHq__card{min-width:0;min-height:225px;color:var(--wiki-ink);background:var(--wiki-surface);border:1px solid var(--wiki-line);border-radius:12px;flex-direction:column;padding:20px;text-decoration:none;display:flex;box-shadow:0 5px 14px #1b2f4a08}.AboutCredits-module__aQhLHq__cardTop{color:var(--wiki-primary);justify-content:space-between;align-items:flex-start;display:flex}.AboutCredits-module__aQhLHq__avatar{background:var(--wiki-paper-alt);border:1px solid var(--wiki-line);width:52px;height:52px;color:var(--wiki-primary);border-radius:14px;place-items:center;font-size:24px;font-weight:700;display:grid}.AboutCredits-module__aQhLHq__card h3{overflow-wrap:anywhere;margin:16px 0 10px;font-size:17px;line-height:1.35}.AboutCredits-module__aQhLHq__responsibility{gap:2px;margin:0 0 18px;font-size:13px;display:grid}.AboutCredits-module__aQhLHq__responsibility span{color:var(--wiki-muted);font-size:11px}.AboutCredits-module__aQhLHq__responsibility strong{font-weight:500;line-height:1.55}.AboutCredits-module__aQhLHq__cardFoot{border-top:1px solid var(--wiki-line);color:var(--wiki-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;font-size:11px;display:flex}.AboutCredits-module__aQhLHq__linked{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.AboutCredits-module__aQhLHq__linked:hover{border-color:var(--wiki-primary);transform:translateY(-3px);box-shadow:0 12px 24px #1b2f4a19}.AboutCredits-module__aQhLHq__linked:focus-visible{outline:3px solid var(--wiki-primary);outline-offset:3px}@media (max-width:640px){.AboutCredits-module__aQhLHq__creditsHeading{flex-direction:column;align-items:start}.AboutCredits-module__aQhLHq__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}}@media (prefers-reduced-motion:reduce){.AboutCredits-module__aQhLHq__linked{transition:none}.AboutCredits-module__aQhLHq__linked:hover{transform:none}}
.codex-characters{--navy:#1b2f4a;--navy2:#2a4466;--navy3:#34527a;--gold:#c9a227;--gold2:#e0c36a;--paper:#f6f1e6;--paper2:#efe8d8;--ink:#24272e;--mut:#6d6f76;--line:#d8d0bd;--shadow:0 1px 2px #1b2f4a14, 0 4px 10px #1b2f4a0f}.codex-characters *{box-sizing:border-box;margin:0;padding:0}.codex-characters{-webkit-text-size-adjust:100%;color:var(--ink);font-family:Noto Sans SC,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.45}.codex-characters .wrap{max-width:1320px;margin:0 auto;padding:0 20px 48px}.codex-characters .page-head{background:var(--navy);color:#f2ead6;border-bottom:3px solid var(--gold);padding:26px 0 20px}.codex-characters .page-head .wrap{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.codex-characters .brand{align-items:center;gap:14px;display:flex}.codex-characters .brand .crest{background:#e0c36a1a;border:1px solid #e0c36a8c;border-radius:10px;flex:none;place-items:center;width:52px;height:52px;display:grid}.codex-characters .brand h1{letter-spacing:.06em;font-family:Noto Serif SC,serif;font-size:25px;font-weight:700}.codex-characters .brand p{color:#b9c4d4;margin-top:4px;font-size:12.5px}.codex-characters .head-note{color:#c8d1de;text-align:right;font-size:12.5px;line-height:1.75}.codex-characters .head-note b{color:var(--gold2);font-weight:600}.codex-characters .hn-tag{letter-spacing:.08em;color:#7a5f10;border:1px solid var(--gold2);background:#e0c36a2e;border-radius:999px;margin:4px 0;padding:1px 12px;font-size:11px;font-weight:700;display:inline-block}.codex-characters .hn-line{display:block}.codex-characters .nav{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid var(--line);background:#f6f1e6f5;flex-wrap:wrap;align-items:center;gap:8px;padding:9px calc(50vw - 550px);display:flex;position:sticky;top:0}.codex-characters .nav .f-label{color:var(--navy);letter-spacing:.04em;font-size:12px;font-weight:700}.codex-characters .nav input[type=search]{border:1px solid var(--line);background:#fff;border-radius:7px;outline:none;min-width:170px;padding:6px 10px;font-size:13px}.codex-characters .nav select{border:1px solid var(--line);background:#fff;border-radius:7px;outline:none;padding:6px 8px;font-size:12.5px}.codex-characters .nav button{border:1px solid var(--line);color:#5f6670;white-space:nowrap;cursor:pointer;background:#fff;border-radius:7px;padding:6px 12px;font-size:12.5px}.codex-characters .nav button.active{background:var(--navy);border-color:var(--navy);color:var(--gold2)}.codex-characters .nav .cnt-badge{color:var(--mut);margin-left:auto;font-size:12px}.codex-characters .nav .sort-label{color:#b0781e;letter-spacing:.04em;white-space:nowrap;margin-left:6px;font-size:11.5px;font-weight:700}.codex-characters .nav .sort-btn{color:#7a5f10;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d8c37c;border-radius:999px;padding:5px 9px;font-family:inherit;font-size:11.5px;transition:all .15s}.codex-characters .nav .sort-btn:hover{color:#b0781e;border-color:#c9a227}.codex-characters .nav .sort-btn.active{background:var(--gold2);border-color:var(--gold2);color:#1b2f4a;font-weight:700}.codex-characters .nav #clearSortBtn{color:#a35a45;border-color:#e0b3a5}.codex-characters .nav #clearSortBtn:hover{color:#8f4631;border-color:#c98a75}.codex-characters main.wrap{padding-top:16px}.codex-characters .tbl-head{background:var(--navy);color:#e8dfc6;z-index:30;border-radius:10px 10px 0 0;grid-template-rows:auto;grid-template-columns:7% 9% 17% 17% 50%;gap:0;display:grid;position:sticky;top:52px;overflow:hidden}.codex-characters .tbl-head span{letter-spacing:.06em;text-align:center;padding:8px;font-size:15px;font-weight:800}.codex-characters .tbl-head span:first-child{grid-area:1/1}.codex-characters .tbl-head span:nth-child(2){grid-area:1/2}.codex-characters .tbl-head span:nth-child(3){grid-area:1/3}.codex-characters .tbl-head span:nth-child(5){border-left:1px solid #e0c36a59;grid-area:1/5}.codex-characters .row{background:var(--paper2);border-bottom:1px solid var(--line);cursor:pointer;grid-template-rows:auto;grid-template-columns:7% 9% 17% 17% 50%;gap:0;transition:background .15s;display:grid;position:relative}.codex-characters .row:hover{background:#fbf7ec}.codex-characters .row .cell{border-right:1px solid var(--line);min-width:0;padding:4px 10px}.codex-characters .cell.c-icon{background:#fff;grid-area:1/1;justify-content:center;align-items:center;padding:2px 6px;display:flex}.codex-characters .cell.c-name{text-align:center;background:#fff;flex-direction:column-reverse;grid-area:1/2;justify-content:center;align-items:center;gap:3px;padding:4px 6px;display:flex}.codex-characters .cell.c-name .nm{color:var(--navy);text-shadow:none;letter-spacing:.02em;text-align:center;word-break:keep-all;font-size:17px;font-weight:800;line-height:1.2}.codex-characters .cell.c-name .badges{margin-bottom:0}.codex-characters .port{aspect-ratio:1;border:1px solid var(--line);background:#e8e2d2;border-radius:12px;flex:none;width:100%;display:block;position:relative;overflow:hidden}.codex-characters .port img{object-fit:cover;width:100%;height:100%;display:block}.codex-characters .port svg{width:100%;height:100%;display:block}.codex-characters .nm-wrap{z-index:2;text-align:center;background:linear-gradient(#0000,#0a101a9e);flex-direction:column;align-items:center;gap:2px;padding:18px 4px 5px;display:flex;position:absolute;bottom:0;left:0;right:0}.codex-characters .badges{flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:0;display:flex}.codex-characters .bd{letter-spacing:.05em;border-radius:999px;padding:1.5px 7px;font-size:9.5px;font-weight:800;line-height:1.4}.codex-characters .bd-sex-m{color:#27507e;background:#dde7f5;border:1px solid #b9cdea}.codex-characters .bd-sex-f{color:#a03a4e;background:#f7e0e4;border:1px solid #ecc7cd}.codex-characters .bd-sex-o{color:#8a6d1a;background:#f3ecd6;border:1px solid #dfd09a}.codex-characters .bd-cls{color:#4d5b2a;background:#e5ead1;border:1px solid #ccd4a2}.codex-characters .nm{color:#fff;text-shadow:0 1px 3px #000000bf;letter-spacing:.02em;text-align:center;font-size:17px;font-weight:800;line-height:1.2}.codex-characters .cell.sub-pro{background:#fff;grid-area:1/3;font-size:11px;line-height:1.5}.codex-characters .cell.sub-trait{background:#fff;grid-area:1/4;font-size:11px}.codex-characters .cell.sub-pro h6,.codex-characters .cell.sub-trait h6{color:var(--navy);letter-spacing:.08em;border-bottom:1px dashed var(--line);margin-bottom:5px;padding-bottom:4px;font-size:13px;font-weight:800}.codex-characters .cell.c-stat{border-right:0;border-left:1px solid var(--line);background:#fff;grid-area:1/5}.codex-characters .stat-block{margin-bottom:7px}.codex-characters .stat-block:last-child{margin-bottom:0}.codex-characters .stat-block h6{color:var(--mut);letter-spacing:.08em;border-bottom:1px dashed var(--line);margin-bottom:4px;padding-bottom:3px;font-size:9.5px;font-weight:800}.codex-characters .stat-strip{grid-template-columns:repeat(11,minmax(42px,1fr));gap:2px;display:grid}.codex-characters .stat-cell{text-align:center;border:1px solid var(--line);background:#faf7ef;border-radius:6px;min-width:0;padding:3px 2px 4px}.codex-characters .stat-cell em{color:var(--mut);letter-spacing:.02em;white-space:nowrap;margin-bottom:1px;font-size:8.5px;font-style:normal;display:block}.codex-characters .stat-cell b{color:var(--navy);font-size:12.5px;line-height:1.15;display:inline-block}.codex-characters .stat-cell b.pct{color:#7a6a2c;font-size:11.5px}.codex-characters .stat-cell.stat-lv{background:#eef2f7}.codex-characters .stat-cell.stat-total{background:#f1ecd9}.codex-characters .sk-group{margin-bottom:5px;display:block}.codex-characters .sk-group em{color:var(--navy);white-space:nowrap;margin-right:4px;font-size:10.5px;font-style:normal;font-weight:800}.codex-characters .sk-group i{color:#3b5572;white-space:nowrap;background:#eef2f7;border:1px solid #d7e0ea;border-radius:5px;margin:1px 2px 1px 0;padding:1px 6px;font-size:10px;font-style:normal;display:inline-block}.codex-characters .sk-sep{color:#8a6d1a;letter-spacing:.1em;margin:6px 0 3px;font-size:9px;font-weight:800;display:block}.codex-characters .trait-item{flex-direction:column;gap:3px;display:flex}.codex-characters .trait-item b{color:#7a1f2e;font-size:13px}.codex-characters .trait-item i{color:var(--mut);font-size:10.5px;font-style:normal;line-height:1.45}.codex-characters .none-w{color:#a9a294;font-size:11px}.codex-characters .rank-badge{color:#7a5f10;vertical-align:middle;white-space:nowrap;background:#e0c36a33;border:1px solid #d8c37c;border-radius:999px;margin-left:3px;padding:0 4px;font-size:8.5px;font-weight:800;line-height:1.5;display:inline-block}.codex-characters .chev{color:var(--navy);width:32px;height:24px;position:absolute;top:0;right:14px}.codex-characters .chev:after{content:"▾";font-size:28px;font-weight:800;line-height:1;transition:transform .2s;position:absolute;top:0;right:0}.codex-characters .row.open .chev:after{transform:rotate(180deg)}.codex-characters .detail{opacity:0;border-bottom:1px solid var(--line);grid-template-rows:0fr;transition:grid-template-rows .4s,opacity .3s;display:grid}.codex-characters .detail.open{opacity:1;grid-template-rows:1fr}.codex-characters .detail>.dtl{min-height:0;overflow:hidden}.codex-characters .dtl{--bg:#f3f4f6;--panel:#fff;--ink:#20242b;--sub:#6b7280;--line:#d8dce4;--line-strong:#bcc3ce;--accent:#6f5bd6;--accent-soft:#f0edff;background:var(--bg);color:var(--ink);padding:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.codex-characters .dtl .codex{grid-template-columns:248px minmax(0,1fr);align-items:start;gap:12px;max-width:1400px;margin:0 auto;padding:16px;display:grid}.codex-characters .dtl .sidebar,.codex-characters .dtl .main-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 12px 30px #1c212c12}.codex-characters .dtl .sidebar{position:sticky;top:12px}.codex-characters .dtl .portrait-wrap{background:0 0;position:relative;overflow:hidden}.codex-characters .dtl .portrait-wrap:after{display:none}.codex-characters .dtl .portrait{display:block;position:static}.codex-characters .dtl .portrait img{object-fit:contain;width:100%;height:auto;box-shadow:none;border-radius:0;display:block}.codex-characters .dtl .portrait svg{border-radius:0;width:100%;height:auto}.codex-characters .dtl .char-meta{padding:14px 14px 15px}.codex-characters .dtl .char-name{letter-spacing:.04em;color:var(--ink);margin:0;font-size:26px;font-weight:800}.codex-characters .dtl .faction{color:var(--sub);align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.codex-characters .dtl .faction i{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.codex-characters .dtl .section{border-top:1px solid var(--line);padding:13px 16px}.codex-characters .dtl .section:first-child{border-top:0}.codex-characters .dtl .section-head{justify-content:space-between;align-items:end;gap:12px;margin-bottom:8px;display:flex}.codex-characters .dtl .section-title{letter-spacing:.03em;color:var(--ink);margin:0;font-size:14px;font-weight:800}.codex-characters .dtl .section-sub{color:var(--sub);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.codex-characters .dtl .compact-abilities{background:linear-gradient(#fff,#fbfbfd);padding:14px 16px 12px}.codex-characters .dtl .ability-grid{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}.codex-characters .dtl .ability-card{border-right:1px solid var(--line);background:#fff;min-height:74px;padding:9px 10px}.codex-characters .dtl .ability-card:last-child{border-right:0}.codex-characters .dtl .ability-card small{color:var(--sub);margin-bottom:4px;font-size:10px;display:block}.codex-characters .dtl .ability-card strong{margin-bottom:3px;font-size:13px;display:block}.codex-characters .dtl .ability-card p{color:#59606b;margin:0;font-size:11px;line-height:1.45}.codex-characters .dtl .stat-grid{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:repeat(10,minmax(56px,1fr));display:grid;overflow:hidden}.codex-characters .dtl .stat{text-align:center;border-right:1px solid var(--line);min-width:0;padding:8px 6px}.codex-characters .dtl .stat:last-child{border-right:0}.codex-characters .dtl .stat span{color:var(--sub);white-space:nowrap;margin-bottom:3px;font-size:10px;display:block}.codex-characters .dtl .stat strong{font-size:16px}.codex-characters .dtl .stat.total{background:#f7f5ff}.codex-characters .dtl .base-stat-scroll{padding-bottom:2px;overflow-x:auto}.codex-characters .dtl .base-stat-grid{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:repeat(11,minmax(54px,1fr));min-width:660px;display:grid;overflow:hidden}.codex-characters .dtl .base-stat{text-align:center;border-right:1px solid var(--line);min-width:0;padding:7px 5px}.codex-characters .dtl .base-stat:last-child{border-right:0}.codex-characters .dtl .base-stat span{color:var(--sub);white-space:nowrap;margin-bottom:2px;font-size:9px;display:block}.codex-characters .dtl .base-stat strong{font-size:14px}.codex-characters .dtl .base-stat.level{background:#f7f8fa}.codex-characters .dtl .base-stat.total{background:#f7f5ff}.codex-characters .dtl .rank-badge{color:#6f5bd6;background:var(--accent-soft);vertical-align:middle;white-space:nowrap;border:1px solid #d9d2f5;border-radius:999px;margin-left:3px;padding:0 4px;font-size:8.5px;font-weight:800;line-height:1.5;display:inline-block}.codex-characters .dtl .inline-subhead{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;margin:10px 0 6px;padding-top:9px;display:flex}.codex-characters .dtl .inline-subhead strong{font-size:12px}.codex-characters .dtl .inline-subhead span{color:var(--sub);text-transform:uppercase;letter-spacing:.06em;font-size:9px}.codex-characters .dtl .skill-row{grid-template-columns:repeat(12,minmax(58px,1fr));gap:5px;padding-bottom:2px;display:grid;overflow-x:auto}.codex-characters .dtl .skill-card{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-rows:68px auto auto;min-width:62px;display:grid;overflow:hidden}.codex-characters .dtl .skill-icon{border-bottom:1px solid var(--line);background:#232a2c;place-items:center;height:68px;padding:4px;display:grid;overflow:hidden}.codex-characters .dtl .skill-icon img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.codex-characters .dtl .skill-grade{text-align:center;z-index:1;background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:42px;padding:6px 4px 5px;font-size:12px;font-weight:800;display:flex;position:relative}.codex-characters .dtl .skill-grade small{width:100%;color:var(--sub);white-space:nowrap;margin-top:3px;font-size:9px;font-weight:700;line-height:1.2;display:block}.codex-characters .dtl .skill-mastery{border-top:1px solid var(--line-strong);text-align:center;background:#fff;line-height:1.2}.codex-characters .dtl .skill-mastery span{color:#111;letter-spacing:.08em;white-space:nowrap;background:#e5dcc2;border-top:1px solid #c9bb94;border-bottom:1px solid #c9bb94;padding:6px 2px;font-size:10px;font-weight:950;display:block}.codex-characters .dtl .skill-mastery strong{color:#4f5661;white-space:nowrap;background:#fbfbfc;padding:6px 3px;font-size:10px;font-weight:750;display:block}.codex-characters .dtl .grade-good{background:#fff4d6}.codex-characters .dtl .grade-bad{background:#f3d6ff}.codex-characters .dtl .grade-empty{color:#aaa;background:#f5f5f6}.codex-characters .dtl .chapter-tabs{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.codex-characters .dtl .chapter-tabs button{border:1px solid var(--line);color:#5f6670;white-space:nowrap;cursor:pointer;background:#fff;border-radius:7px;padding:6px 10px;font-family:inherit;font-size:11px;transition:background .15s,color .15s,border-color .15s}.codex-characters .dtl .chapter-tabs button:hover{border-color:var(--accent);color:var(--accent)}.codex-characters .dtl .chapter-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.codex-characters .dtl .join-area,.codex-characters .dtl .join-panel .join-grid{margin-top:8px}.codex-characters .dtl .join-grid{border:1px solid var(--line);border-radius:10px;grid-template-columns:140px 1fr;margin-top:8px;display:grid;overflow:hidden}.codex-characters .dtl .join-grid .label,.codex-characters .dtl .join-grid .value{border-bottom:1px solid var(--line);padding:8px 10px;font-size:11px}.codex-characters .dtl .join-grid .label{color:#59616d;border-right:1px solid var(--line);background:#f7f8fa;font-weight:700}.codex-characters .dtl .join-grid .value:last-child,.codex-characters .dtl .join-grid .label:nth-last-child(2){border-bottom:0}.codex-characters .dtl .requirements{flex-wrap:wrap;gap:5px;display:flex}.codex-characters .dtl .requirements span{color:#397454;background:#eef8f2;border:1px solid #cfe7d8;border-radius:999px;padding:4px 6px;font-size:10px}.codex-characters .dtl .sk-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.codex-characters .dtl .sk-col{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:40px;padding:8px 10px}.codex-characters .dtl .sk-col h6{color:var(--ink);letter-spacing:.04em;margin:0 0 6px;font-size:10.5px}.codex-characters .dtl .sk-group{margin-bottom:5px;display:block}.codex-characters .dtl .sk-group em{color:var(--ink);white-space:nowrap;margin-right:4px;font-size:10.5px;font-style:normal;font-weight:800}.codex-characters .dtl .sk-group i{color:#4c3f9e;white-space:nowrap;background:#f0edff;border:1px solid #d9d2f5;border-radius:5px;margin:1px 2px 1px 0;padding:1px 6px;font-size:10px;font-style:normal;display:inline-block}.codex-characters .dtl .none-w{color:#a9a294;font-size:11px}.codex-characters .dtl .mg-wrap{flex-wrap:wrap;gap:16px;display:flex}.codex-characters .dtl .mg-block{flex:1;min-width:260px}.codex-characters .dtl .mg-block h5{color:var(--ink);margin:0 0 6px;font-size:12px}.codex-characters .dtl .mg-list{flex-wrap:wrap;gap:5px;display:flex}.codex-characters .dtl .mg-list span{color:#4c3f9e;white-space:nowrap;background:#f0edff;border:1px solid #d9d2f5;border-radius:5px;padding:2px 8px;font-size:10.5px}.codex-characters .foot{text-align:center;color:var(--mut);padding:26px 0 8px;font-size:11.5px}.codex-characters .foot b{color:var(--navy)}@media (max-width:1280px){.codex-characters .tbl-head,.codex-characters .row{grid-template-columns:7% 9% 17% 17% 50%}.codex-characters .stat-strip{grid-template-columns:repeat(11,minmax(36px,1fr))}}@media (max-width:860px){.codex-characters .tbl-head,.codex-characters .row{grid-template-columns:1fr}.codex-characters .tbl-head span{display:none}.codex-characters .row .cell{border-left:0;border-right:0}.codex-characters .cell.sub-pro,.codex-characters .cell.sub-trait,.codex-characters .cell.c-stat{grid-area:auto}.codex-characters .stat-strip{grid-template-columns:repeat(6,1fr)}.codex-characters .d-head{flex-wrap:wrap}.codex-characters .d-meta{margin-left:0}.codex-characters .sk-3{grid-template-columns:1fr}.codex-characters .rk-grid{grid-template-columns:repeat(6,1fr)}}.codex-characters #skillTip{z-index:9999;color:#eef2f6;border:1px solid var(--gold);pointer-events:none;background:linear-gradient(160deg,#20344e,#16263f);border-radius:12px;max-width:480px;padding:10px 12px;font-size:12px;line-height:1.5;display:none;position:fixed;box-shadow:0 8px 28px #0a101a73}.codex-characters #skillTip.on{display:block}.codex-characters #skillTip .tip-t{color:var(--gold);letter-spacing:.04em;margin-bottom:2px;font-size:13px;font-weight:800}.codex-characters #skillTip .tip-sec{flex-wrap:wrap;gap:4px;margin:3px 0;display:flex}.codex-characters #skillTip .tip-bd{color:#c9d4e0;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:0 7px;font-size:10px;font-weight:800;line-height:1.7}.codex-characters #skillTip .tip-wn{color:#9fb2c9;margin-left:6px;font-size:11px;font-weight:600}.codex-characters #skillTip .tip-eff{color:#f2f6fb;white-space:pre-line}.codex-characters #skillTip .tip-stats-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;margin-top:6px;font-size:11px;display:flex}.codex-characters #skillTip .tip-stat-item{white-space:nowrap;color:#ccc;background:#2a3447;border-radius:4px;padding:2px 6px}.codex-characters #skillTip .tip-stat-item b{color:#ffd54f;margin-left:2px}.codex-characters #skillTip .tip-stats{color:#cdd9e6;flex-wrap:wrap;gap:2px 10px;margin:4px 0 2px;font-size:11px;display:flex}.codex-characters #skillTip .tip-stats b{color:var(--gold);font-weight:800}.codex-characters #skillTip .tip-e{color:#9fb2c9;font-size:11px}.codex-characters #skillTip .tip-cond{color:#b9c8d9;white-space:pre-line;border-top:1px dashed #ffffff2e;margin-top:4px;padding-top:4px;font-size:11px}.codex-characters #skillTip .tip-empty{color:#8fa3ba;font-size:11px}.codex-characters #skillTip .tip-block{border-top:1px solid #ffffff24;margin-top:6px;padding-top:6px}.codex-characters #skillTip .tip-block:first-child{border-top:0;margin-top:0;padding-top:0}.codex-characters .learn .section-head{justify-content:flex-start;gap:8px}.codex-characters .learn-toggle{margin-left:0}.codex-characters .sidebar-ability-card{border:1px solid var(--line);background:#f8f9fa;border-radius:8px;padding:8px}.codex-characters .sidebar-ability-card small{color:var(--sub);margin-bottom:2px;font-size:11px;display:block}.codex-characters .sidebar-ability-card strong{color:var(--ink);margin-bottom:4px;font-size:13px;display:block}.codex-characters .sidebar-ability-card p{color:var(--sub);margin:0;font-size:11px;line-height:1.4}.codex-characters .learn-toggle{color:#fff;background:var(--navy,#1b2f4a);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;margin-left:12px;padding:4px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.codex-characters .learn-toggle:after{content:"▼";font-size:10px;transition:transform .2s}.codex-characters .learn:not(.collapsed) .learn-toggle{background:#e67e22}.codex-characters .learn:not(.collapsed) .learn-toggle:after{transform:rotate(180deg)}.codex-characters .learn-toggle:hover{opacity:.85}.codex-characters .learn.collapsed .learn-body{display:none}.codex-characters .learn .section-title{background:linear-gradient(90deg,#e8dfc6,#0000);border-radius:4px;padding:4px 10px;display:inline-block}.codex-characters .skill-overview-table{flex-direction:column;gap:2px;padding:8px 0;display:flex}.codex-characters .sr-header{color:#666;background:#f0ebe0;border-bottom:2px solid #ddd;grid-template-columns:48px 60px 60px 1fr;align-items:center;gap:8px;padding:6px 8px;font-size:12px;font-weight:700;display:grid}.codex-characters .skill-row-item{border-bottom:1px dashed #e0e0e0;grid-template-columns:48px 60px 60px 1fr;align-items:center;gap:4px;padding:2px 4px;display:grid}.codex-characters .sr-icon{text-align:center;justify-content:center;align-items:center;min-height:28px;line-height:1;display:flex}.codex-characters .skill-row-item.sub-row .sr-icon{visibility:hidden}.codex-characters .cat-icon{vertical-align:middle;width:28px;height:28px}.codex-characters .cat-icon-text{font-size:13px;font-weight:700}.codex-characters .sr-init{text-align:center;padding-top:4px}.codex-characters .sr-tier-big{text-align:center;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}.codex-characters .sr-init-grade{color:#666;margin-top:4px;font-size:11px;display:block}.codex-characters .sr-tag{text-align:center;border-radius:4px;align-self:start;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:700}.codex-characters .type-特技{color:#155724;background:#d4edda}.codex-characters .type-战技{color:#0c5460;background:#d1ecf1}.codex-characters .type-魔法{color:#5b2c87;background:#e2d5f1}.codex-characters .type-圣焰{color:#e65100;background:#ffe0b2}.codex-characters .sr-tier{text-align:center;border-radius:4px;align-self:start;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:700}.codex-characters .tier-擅长{color:#856404;background:#fff3cd}.codex-characters .tier-普通{color:#6c757d;background:#f8f9fa}.codex-characters .tier-弱项{color:#721c24;background:#f8d7da}.codex-characters .sr-skills{flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;line-height:1.8;display:flex}.codex-characters .sr-skills i{cursor:pointer;color:var(--navy,#1b2f4a);font-style:normal}.codex-characters .sr-skills i:hover{text-decoration:underline}.codex-characters .grade-badge{color:#fff;background:#343a40;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;margin-right:4px;font-size:11px;font-weight:700;display:inline-flex}.codex-characters .grade-E{background:#6c757d}.codex-characters .grade-D{background:#28a745}.codex-characters .grade-C{background:#17a2b8}.codex-characters .grade-B{background:#007bff}.codex-characters .grade-A{background:#6f42c1}.codex-characters .grade-S{background:#dc3545}.codex-characters .sidebar-abilities{border-top:1px solid var(--line);padding:10px 14px}.codex-characters .sidebar-ability-grid{grid-template-columns:1fr;gap:8px;display:grid}.codex-characters .ability-card{border:1px solid var(--line);background:#f8f9fa;border-radius:8px;padding:8px}.codex-characters .ability-card .ability-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.codex-characters .ability-card small{color:#1b2f4a;white-space:nowrap;background:#e8dfc6;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.codex-characters .ability-card strong{color:var(--ink);font-size:13px}.codex-characters .ability-card p{color:var(--sub);margin:0;font-size:11px;line-height:1.4}.codex-characters .lv-badge{color:#1b2f4a;vertical-align:middle;background:#e8dfc6;border-radius:4px;margin-left:6px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.codex-characters .base-stat-grid{grid-template-columns:repeat(10,1fr)!important}.codex-characters nav{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.codex-characters .growth-sort-head{padding:4px 10px}.codex-characters .growth-sort-head .gs-row2{grid-template-columns:repeat(11,minmax(42px,1fr));gap:2px;display:grid}.codex-characters .growth-sort-head .gs-cell{text-align:center;border:none;border:1px solid var(--line);cursor:pointer;background:#faf7ef;border-radius:6px;min-width:0;padding:2px 0;font-size:11px}.codex-characters .growth-sort-head .gs-cell.stat-lv{background:#eef2f7}.codex-characters .growth-sort-head .gs-cell.stat-total{background:#f1ecd9}.codex-characters .stat-cell.hl{border-radius:0;box-shadow:inset 0 0 0 1px #d4a72c;background:#fff3cd!important;border-color:#d4a72c!important}.codex-characters .stat-cell.hl em{margin-bottom:2px;font-weight:700;color:#8a5a00!important;font-size:10px!important}.codex-characters .stat-cell.hl b{font-weight:800;transition:all .2s;color:#8a5a00!important;font-size:16px!important}.codex-characters .gs-cell.hl{font-size:12px;font-weight:800;line-height:1.2;background:#ffd966!important;border-color:#d4a72c!important}.codex-characters .sort-btn.active{flex-direction:column;align-items:center;line-height:1.1;display:flex}@media (max-width:480px){.codex-characters nav{gap:4px!important;padding:6px 8px!important}.codex-characters nav select,.codex-characters nav button{padding:3px 6px!important;font-size:10px!important}.codex-characters nav .f-label{font-size:10px!important}.codex-characters .growth-sort-head{width:100%!important;margin:6px 0!important;padding:0 4px!important}.codex-characters .growth-sort-head .gs-cell{padding:2px 0!important;font-size:9px!important}.codex-characters .tbl-head{display:none!important}.codex-characters .row{grid-template-columns:44px 1fr auto!important;gap:4px!important;padding:4px 6px!important}.codex-characters .c-icon{grid-area:1/1/span 2!important;padding:0!important}.codex-characters .c-icon img{border-radius:6px!important;width:40px!important;height:40px!important}.codex-characters .c-name{grid-area:1/2!important;align-items:flex-start!important;gap:1px!important;padding:0!important}.codex-characters .c-name .nm{font-size:13px!important;line-height:1.2!important}.codex-characters .c-name .badges .bd{padding:0 3px!important;font-size:8px!important}.codex-characters .c-stat{border-top:1px dashed #ddd!important;border-left:0!important;grid-area:auto/1/auto/-1!important;padding:4px 6px!important}.codex-characters .c-stat h6{margin:0 0 2px!important;font-size:10px!important}.codex-characters .c-stat .stat-strip{grid-template-columns:repeat(11,1fr)!important;gap:1px!important}.codex-characters .stat-cell{padding:1px!important}.codex-characters .stat-cell em{font-size:7px!important}.codex-characters .stat-cell b{font-size:10px!important}.codex-characters .sub-pro{border-right:0!important;grid-area:2/2!important;padding:0!important}.codex-characters .sub-trait{border-top:1px dashed #ddd!important;grid-area:3/2!important;padding:2px 0 0!important}.codex-characters .sub-pro h6,.codex-characters .sub-trait h6{display:none!important}.codex-characters .sub-pro .sk-group,.codex-characters .sub-trait .trait-item{margin:0!important;font-size:10px!important}.codex-characters .sub-pro em,.codex-characters .sub-trait b{font-size:9px!important}.codex-characters .sub-pro i,.codex-characters .sub-trait i{padding:0 3px!important;font-size:9px!important}.codex-characters .chev{font-size:18px!important;right:4px!important}.codex-characters .detail .dtl{padding:8px!important}.codex-characters .detail .codex{grid-template-columns:1fr!important}.codex-characters .detail aside.sidebar{flex-wrap:wrap;gap:8px;flex-direction:row!important;width:100%!important}.codex-characters .stat-strip{grid-template-columns:repeat(4,1fr)!important;gap:2px!important}.codex-characters .skill-overview-table .sr-header,.codex-characters .skill-row-item{font-size:10px!important}}.codex-classes{--navy:#1b2f4a;--navy2:#2a4466;--navy3:#34527a;--gold:#c9a227;--gold2:#e0c36a;--paper:#f6f1e6;--paper2:#efe8d8;--ink:#24272e;--mut:#6d6f76;--line:#d8d0bd;--shadow:0 1px 2px #1b2f4a14, 0 4px 10px #1b2f4a0f}.codex-classes *{box-sizing:border-box;margin:0;padding:0}.codex-classes{-webkit-text-size-adjust:100%;color:var(--ink);font-family:Noto Sans SC,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.45}.codex-classes .wrap{max-width:1320px;margin:0 auto;padding:0 20px 48px}.codex-classes .page-head{background:var(--navy);color:#f2ead6;border-bottom:3px solid var(--gold);padding:26px 0 20px}.codex-classes .page-head .wrap{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.codex-classes .brand{align-items:center;gap:14px;display:flex}.codex-classes .brand .crest{background:#e0c36a1a;border:1px solid #e0c36a8c;border-radius:10px;flex:none;place-items:center;width:52px;height:52px;display:grid}.codex-classes .brand h1{letter-spacing:.06em;font-family:Noto Serif SC,serif;font-size:25px;font-weight:700}.codex-classes .brand p{color:#b9c4d4;margin-top:4px;font-size:12.5px}.codex-classes .head-note{color:#c8d1de;text-align:right;font-size:12.5px;line-height:1.75}.codex-classes .head-note b{color:var(--gold2);font-weight:600}.codex-classes .hn-tag{letter-spacing:.08em;color:#7a5f10;border:1px solid var(--gold2);background:#e0c36a2e;border-radius:999px;margin:4px 0;padding:1px 12px;font-size:11px;font-weight:700;display:inline-block}.codex-classes .hn-line{display:block}.codex-classes .nav{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid var(--line);scrollbar-width:thin;background:#f6f1e6f5;gap:8px;padding:9px 20px;display:flex;position:sticky;top:0;overflow-x:auto}.codex-classes .nav .navi{color:var(--navy);border:1px solid var(--line);background:#fffdf7;border-radius:999px;flex:none;padding:5px 14px;font-size:13.5px;font-weight:600;text-decoration:none}.codex-classes .nav .navi:hover{border-color:var(--gold);background:#c9a22717}.codex-classes .grp{margin-top:22px}.codex-classes .grp-head{background:var(--navy);color:#f2ead6;box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:12px;padding:10px 16px;display:flex}.codex-classes .grp-head h3{letter-spacing:.08em;align-items:center;gap:10px;font-family:Noto Serif SC,serif;font-size:18px;font-weight:700;display:flex}.codex-classes .grp-head .cnt{color:#dfe5ee;background:#ffffff14;border:1px solid #e0c36a66;border-radius:999px;padding:2px 10px;font-family:Noto Sans SC,sans-serif;font-size:11.5px;font-weight:600}.codex-classes .tbl-head{color:var(--navy);letter-spacing:.04em;border-bottom:1px solid var(--line);background:var(--paper2);text-align:center;grid-template-columns:190px 1.5fr .77fr .64fr .6fr;align-items:center;gap:8px;padding:9px 10px;font-size:14px;font-weight:800;display:grid}.codex-classes .row{border:1px solid var(--line);cursor:pointer;background:#fffdf7;border-bottom:none;grid-template-columns:190px 1.5fr .77fr .64fr .6fr;align-items:center;gap:8px;padding:8px 10px;transition:background .12s,border-color .12s;display:grid;position:relative}.codex-classes .row:first-of-type{border-radius:8px 8px 0 0}.codex-classes .grp .row:hover,.codex-classes .row.open{border-color:var(--gold);background:#fbf6e8}.codex-classes .row .c-icon{align-items:center;gap:6px;display:flex}.codex-classes .row .c-innate,.codex-classes .row .c-master{text-align:center;justify-content:center;align-items:center;display:flex}.codex-classes .row .c-master .m-exp{display:none}.codex-classes .row.open+.detail{animation:.16s dd;display:block}@keyframes dd{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.codex-classes .cell{min-width:0}.codex-classes .c-icon{align-items:center;gap:9px;display:flex}.codex-classes .ic{background:#f0ead9;border:1px solid #e5dec9;border-radius:8px;flex:none;width:42px;height:42px;overflow:hidden}.codex-classes .ic img{object-fit:contain;width:100%;height:100%;display:block}.codex-classes .nm-wrap{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.codex-classes .nm{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden}.codex-classes .badges{flex-direction:row;flex:none;align-self:flex-end;gap:3px;display:flex}.codex-classes .bd{white-space:nowrap;letter-spacing:.02em;border-radius:5px;padding:1px 6px;font-size:9.5px;font-weight:700;line-height:1.5}.codex-classes .bd-lv{background:var(--navy);color:#f2ead6;border:1px solid var(--navy3)}.codex-classes .bd-tr{color:#7a5f10;border:1px solid var(--gold);background:#c9a22729}.codex-classes .c-grow{grid-template-columns:repeat(10,1fr);gap:2px;display:grid}.codex-classes .grow-cell{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:4px;flex-direction:column;align-items:center;padding:1px 0;line-height:1.2;display:flex}.codex-classes .grow-cell em{color:var(--mut);font-size:9px;font-style:normal}.codex-classes .grow-cell b{color:var(--ink);font-size:11px;font-weight:600}.codex-classes .grow-cell.sum{border-color:var(--gold);background:#c9a2272e}.codex-classes .grow-cell.sum em{color:#8a6d15}.codex-classes .grow-cell.sum b{color:#7a5f10;font-weight:700}.codex-classes .c-req{color:var(--ink);font-size:11.5px;line-height:1.45}.codex-classes .c-innate{color:var(--ink);font-size:11.5px;line-height:1.5}.codex-classes .c-master{flex-direction:column;gap:2px;display:flex}.codex-classes .m-skill{color:var(--navy);font-size:12px;font-weight:700}.codex-classes .m-exp{color:var(--gold);background:#c9a22726;border-radius:4px;align-self:flex-start;padding:1px 6px;font-size:10.5px;font-weight:700}.codex-classes .none-w{color:var(--mut)}.codex-classes .chev{border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);width:8px;height:8px;transition:transform .15s;position:absolute;top:50%;right:6px;transform:translateY(-70%)rotate(45deg)}.codex-classes .row.open .chev{border-color:var(--gold);transform:translateY(-30%)rotate(-135deg)}.codex-classes .sk-tip{cursor:help;border-bottom:1px dashed var(--gold);transition:background .12s,color .12s}.codex-classes .sk-tip:hover{color:#7a5f10;background:#c9a22724}.codex-classes .sk-tip:active{background:#c9a22738}.codex-classes .tip2{z-index:400;border:1px solid var(--gold);pointer-events:none;opacity:0;background:#fffdf7;border-radius:12px;width:280px;padding:12px 14px;transition:opacity .1s,transform .1s;position:fixed;transform:translateY(3px);box-shadow:0 8px 28px #1b2f4a33}.codex-classes .tip2.show{opacity:1;transform:none}.codex-classes .tip2 .t-name{color:var(--navy);border-bottom:1px solid var(--line);margin-bottom:7px;padding-bottom:5px;font-family:Noto Serif SC,serif;font-size:15px;font-weight:700}.codex-classes .tip2 .t-name em{color:#7a5f10;border:1px solid var(--gold);vertical-align:2px;background:#c9a22729;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:10px;font-style:normal;font-weight:600}.codex-classes .tip2 .t-block{margin-top:6px}.codex-classes .tip2 .t-block:first-of-type{margin-top:0}.codex-classes .tip2 .t-block h5{color:var(--mut);letter-spacing:.06em;margin-bottom:3px;font-size:11px;font-weight:600}.codex-classes .tip2 .t-block p{color:var(--ink);white-space:pre-line;word-break:break-word;font-size:12.5px;line-height:1.6}.codex-classes .tip2 .t-cond{color:#3a4a61;border-left:3px solid var(--gold);white-space:pre-line;background:#eef2f8;border-radius:0 6px 6px 0;max-height:168px;padding:6px 9px;font-size:12px;line-height:1.55;overflow-y:auto}.codex-classes .tip2 .t-note{color:var(--mut);white-space:pre-line;background:#f2ede1;border-radius:6px;padding:6px 9px;font-size:11.5px;line-height:1.6}.codex-classes .tip2 .t-none{color:var(--mut);font-size:12px;font-style:italic}.codex-classes .t-stats{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.codex-classes .t-stats span{color:var(--ink);border:1px solid var(--line);text-align:center;background:#fff;border-radius:6px;padding:4px 2px;font-size:12px}.codex-classes .t-stats i{color:var(--mut);font-size:9.5px;font-style:normal;display:block}.codex-classes .detail{border:1px solid var(--gold);background:#fdfaf1;border-top:none;grid-column:1/-1;padding:16px 18px;display:none}.codex-classes .d-head{border-bottom:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding-bottom:12px;display:flex}.codex-classes .d-ic{border:2px solid var(--gold2);background:#fff;border-radius:10px;flex:none;width:56px;height:56px;position:relative;overflow:hidden}.codex-classes .d-ic img{object-fit:contain;width:100%;height:100%}.codex-classes .d-title{align-items:center;gap:8px;display:flex;position:relative}.codex-classes .d-title b{color:var(--navy);font-family:Noto Serif SC,serif;font-size:20px}.codex-classes .d-lv{color:#7a5f10;border:1px solid var(--gold);vertical-align:middle;background:#c9a22729;border-radius:999px;margin-left:8px;padding:2px 10px;font-size:11.5px;font-weight:700;display:inline-block}.codex-classes .d-meta{flex-wrap:wrap;gap:18px;margin-left:auto;display:flex}.codex-classes .d-m{color:var(--ink);font-size:13px}.codex-classes .d-m i{color:var(--navy);margin-right:5px;font-size:13.5px;font-style:normal;font-weight:800;display:block}.codex-classes .d-body{grid-template-columns:1fr 1fr;align-items:start;gap:16px;padding-top:14px;display:grid}.codex-classes .d-col-l,.codex-classes .d-col-r{flex-direction:column;gap:14px;min-width:0;display:flex}.codex-classes .pair{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.codex-classes .pair>div{min-width:0}.codex-classes .d-two{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.codex-classes .d-table h4,.codex-classes .d-skill h4,.codex-classes .d-innate h4,.codex-classes .d-req h4{color:var(--navy);letter-spacing:.05em;margin-bottom:6px;font-size:12.5px;font-weight:700}.codex-classes .tbl{grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.codex-classes .tbl .th{text-align:center;color:var(--mut);background:var(--paper2);border:1px solid var(--line);border-radius:4px;padding:2px 0;font-size:10.5px}.codex-classes .d-grow-cell,.codex-classes .d-base-cell{text-align:center;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:4px;padding:3px 0;font-size:11.5px}.codex-classes .d-grow-cell.sum,.codex-classes .d-base-cell.sum{border-color:var(--gold);color:#7a5f10;background:#c9a2272e;font-weight:700}.codex-classes .sk-grid{grid-template-columns:repeat(11,1fr);gap:3px;display:grid}.codex-classes .sk{border:1px solid var(--line);background:#fff;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:5px 2px;display:flex}.codex-classes .sk img{object-fit:contain;opacity:.35;filter:grayscale();width:26px;height:26px}.codex-classes .sk em{color:var(--mut);font-size:10px;font-style:normal}.codex-classes .sk.on{background:#f2f7ef;border-color:#3d7a5a}.codex-classes .sk.on img{opacity:1;filter:none}.codex-classes .sk.on em{color:#3d7a5a;font-weight:700}.codex-classes .in-text{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:0;padding:6px 12px;font-size:12.5px;line-height:1.7;display:flex}.codex-classes .in-text .none-w{color:var(--mut)}.codex-classes .in{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;flex-direction:column;padding:5px 10px;font-size:12.5px;display:flex}.codex-classes .in i{color:var(--mut);margin-bottom:2px;font-size:10.5px;font-style:normal}.codex-classes .in.none{color:var(--mut)}.codex-classes .ms-grid{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.codex-classes .ms-grid .in{flex-direction:row;align-items:center;gap:6px}.codex-classes .ms-grid .in i{color:var(--ink);margin-bottom:0;font-size:13px;font-weight:700}.codex-classes .req-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.codex-classes .req-item{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;flex-direction:column;padding:6px 10px;font-size:12.5px;line-height:1.5;display:flex}.codex-classes .req-item i{color:var(--mut);margin-bottom:2px;font-size:10.5px;font-style:normal}.codex-classes .req-special{color:var(--ink);border:1px solid var(--line);border-left:3px solid var(--gold);background:#fff;border-radius:0 8px 8px 0;margin-top:8px;padding:7px 12px;font-size:12.5px;line-height:1.6}.codex-classes .req-special i{color:var(--mut);margin-bottom:2px;font-size:10.5px;font-style:normal;display:block}.codex-classes footer{text-align:center;color:var(--mut);margin-top:30px;font-size:12px;line-height:1.8}@media (max-width:1180px){.codex-classes .tbl-head,.codex-classes .row{grid-template-columns:185px 310px 1.1fr .8fr}.codex-classes .c-master,.codex-classes .tbl-head span:nth-child(5){display:none}}@media (max-width:980px){.codex-classes .tbl-head,.codex-classes .row{grid-template-columns:1fr 1.6fr 1.4fr}.codex-classes .tbl-head span:nth-child(n+4),.codex-classes .c-innate{display:none}.codex-classes .c-req{grid-column:auto}.codex-classes .c-grow{grid-column:2}}@media (max-width:860px){.codex-classes .tbl-head,.codex-classes .row{grid-template-columns:1fr 1.4fr}.codex-classes .c-icon{grid-column:1/-1}.codex-classes .c-grow{grid-column:1/-1;margin-top:6px}.codex-classes .c-req{grid-column:1/-1}.codex-classes .c-innate{flex-wrap:wrap;grid-column:1/-1;display:flex}.codex-classes .c-master{flex-direction:row;grid-column:1/-1;align-items:center;gap:8px;display:flex}.codex-classes .row .chev{display:none}.codex-classes .sk-grid{grid-template-columns:repeat(6,1fr)}.codex-classes .req-grid,.codex-classes .d-body,.codex-classes .d-two{grid-template-columns:1fr}}@media (max-width:520px){.codex-classes .wrap{padding:0 12px 40px}.codex-classes .brand .crest{width:44px;height:44px}.codex-classes .brand h1{font-size:19px}.codex-classes .head-note,.codex-classes .tbl-head{display:none}.codex-classes .row{grid-template-columns:1fr 1fr;gap:6px}.codex-classes .c-grow{grid-template-columns:repeat(10,1fr)}.codex-classes .grow-cell em{font-size:8.5px}.codex-classes .grow-cell b{font-size:10px}.codex-classes .sk-grid{grid-template-columns:repeat(4,1fr)}.codex-classes .d-head{flex-direction:column;align-items:flex-start}.codex-classes .d-meta{margin-left:0}}.codex-classes .mv-badge{color:#fff;background:var(--navy);border:1px solid var(--navy);vertical-align:middle;white-space:nowrap;border-radius:999px;margin-left:8px;padding:2px 10px;font-size:11.5px;font-weight:700;display:inline-block}.codex-classes .sk .em-plus{color:var(--navy);font-size:14px;font-weight:800}.codex-classes .req-ic{vertical-align:middle;border:1px solid var(--gold2);object-fit:contain;background:#fff;border-radius:3px;width:18px;height:18px;margin-right:2px}.codex-classes .req-lv{color:var(--navy);margin-right:4px;font-size:11px;font-weight:700}.codex-classes .req-note{color:#888;margin-left:4px;font-size:10.5px}.codex-classes .req-sep{color:#aaa;margin:0 6px;font-size:11px}.codex-classes .req-sk{align-items:center;margin-right:2px;display:inline-flex}.codex-classes .cmp-add{background:var(--gold);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:16px;font-weight:700;transition:all .15s;display:inline-flex}.codex-classes .cmp-add:hover{transform:scale(1.15)}.codex-classes .cmp-add.selected{content:"✓";background:#c0392b}.codex-classes .row.cmp-selected{border-left:3px solid var(--gold);background:#fff3cd!important}.codex-classes .cmp-modal{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.codex-classes .cmp-modal.show{display:flex}.codex-classes .cmp-box{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:85vh;padding:20px;overflow:auto;box-shadow:0 10px 40px #0000004d}.codex-classes .cmp-cols{align-items:flex-start;gap:16px;display:flex}.codex-classes .cmp-left{flex:0 0 50%;min-width:0}.codex-classes .cmp-right{flex:1;min-width:0}.codex-classes .cmp-box h2{color:var(--navy);margin:0 0 12px}.codex-classes .cmp-close{float:right;cursor:pointer;background:0 0;border:none;font-size:22px}.codex-classes .cmp-table{border-collapse:collapse;width:100%;font-size:13px}.codex-classes .cmp-table th,.codex-classes .cmp-table td{text-align:center;border:1px solid #ddd;padding:6px 10px}.codex-classes .cmp-table th{background:var(--paper2);color:var(--navy)}.codex-classes .cmp-table .nm{background:#fafafa;font-weight:700}.codex-classes .cmp-diff-up{color:#27ae60;font-weight:700}.codex-classes .cmp-diff-down{color:#c0392b;font-weight:700}.codex-classes .req-label{color:var(--navy);background:var(--paper2);white-space:nowrap;text-align:center;border-radius:4px;margin-bottom:3px;padding:2px 6px;font-size:10px;font-weight:700;display:block}.codex-classes .req-label-elective{color:#7a5f10;background:#c9a2271f}.codex-classes .cell.c-req{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.codex-classes .req-group{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.codex-classes .req-sks{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.codex-weapons{--navy:#1b2f4a;--navy2:#244066;--gold:#c9a227;--gold2:#e0c36a;--bg:#f3efe6;--line:#d8d2c0;--ink:#2a2f3a;--sub:#6b7280}.codex-weapons *{box-sizing:border-box;margin:0;padding:0}.codex-weapons{color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:13px}.codex-weapons .nav{z-index:50;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;align-items:center;gap:16px;padding:14px 22px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0003}.codex-weapons .nav h1{letter-spacing:1px;font-size:19px}.codex-weapons .nav .sub{opacity:.7;margin-top:3px;font-size:11px}.codex-weapons .toolbar{z-index:40;border-bottom:2px solid var(--gold);background:#fff;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px;display:flex;position:sticky;top:51px;box-shadow:0 1px 3px #00000014}.codex-weapons .toolbar input{border:1px solid var(--line);border-radius:6px;width:170px;padding:5px 10px;font-size:12px}.codex-weapons .tbtn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:4px 11px;font-size:12px}.codex-weapons .tbtn.active{background:var(--navy);color:#fff;border-color:var(--navy)}.codex-weapons .cnt{color:var(--sub);margin-left:auto;font-size:12px}.codex-weapons .wrap{max-width:1500px;margin:0 auto;padding:10px 14px 40px}.codex-weapons .tbl-head,.codex-weapons .row{grid-template-columns:4% 11% 24% 5.5% 5.5% 5.5% 5.5% 5.5% 5.5% 5.5% 6% 6% 5.5%;align-items:center;display:grid}.codex-weapons .tbl-head{z-index:30;background:var(--navy);color:#fff;border-radius:8px 8px 0 0;position:sticky;top:91px;overflow:hidden}.codex-weapons .tbl-head span{text-align:center;letter-spacing:.5px;padding:9px 2px;font-size:13px;font-weight:700}.codex-weapons .row{border-bottom:1px solid var(--line);cursor:pointer;background:#fff;transition:background .15s}.codex-weapons .row:hover,.codex-weapons .row.open{background:#fbf6e6}.codex-weapons .cell{text-align:center;min-width:0;padding:6px 8px;font-size:12.5px}.codex-weapons .c-ic{place-items:center;display:grid}.codex-weapons .ticon{border:1px solid var(--line);background:#f0ede4;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.codex-weapons .ticon img{object-fit:cover;width:100%;height:100%}.codex-weapons .ticon-t{color:#fff;font-size:14px;font-weight:800}.codex-weapons .c-nm{text-align:left;color:var(--navy);font-size:13.5px;font-weight:700;position:relative}.codex-weapons .c-nm.has-up:after{content:"＋";color:var(--gold);margin-left:4px;font-weight:800}.codex-weapons .c-de{text-align:left;color:var(--sub);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.codex-weapons .chev{width:30px;height:26px;color:var(--navy);pointer-events:none;position:absolute;top:6px;right:14px}.codex-weapons .chev:after{content:"▾";font-size:24px;font-weight:800;line-height:1}.codex-weapons .row.open .chev:after{display:inline-block;transform:rotate(180deg)}.codex-weapons .row{position:relative}.codex-weapons .detail{opacity:0;grid-column:1/-1;grid-template-rows:0fr;transition:grid-template-rows .4s,opacity .3s;display:grid}.codex-weapons .detail.open{opacity:1;grid-template-rows:1fr}.codex-weapons .detail>.dtl{min-height:0;overflow:hidden}.codex-weapons .dtl{color:var(--ink);background:#faf7ee;padding:0}.codex-weapons .dtl .codex{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:16px;max-width:1200px;margin:0 auto;padding:16px;display:grid}.codex-weapons .dtl .sidebar{border:1px solid var(--line);text-align:center;background:#fff;border-radius:10px;padding:18px}.codex-weapons .dtl .big-icon .ticon{border-radius:14px;width:90px;height:90px;margin:0 auto}.codex-weapons .dtl .side-name{color:var(--navy);margin-top:10px;font-size:19px;font-weight:800}.codex-weapons .dtl .side-type{background:var(--navy);color:#fff;border-radius:999px;margin-top:6px;padding:2px 12px;font-size:12px;display:inline-block}.codex-weapons .dtl .eff-note{color:#7a5f10;background:#fbf3d9;border-radius:8px;margin-top:10px;padding:8px;font-size:12.5px}.codex-weapons .dtl .main-card{flex-direction:column;gap:14px;display:flex}.codex-weapons .dtl section{border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px 16px}.codex-weapons .dtl h3{color:var(--navy);border-left:3px solid var(--gold);margin-bottom:8px;padding-left:8px;font-size:13.5px}.codex-weapons .dtl h3 small{color:var(--sub);margin-left:6px;font-size:11px;font-weight:400}.codex-weapons .dtl .desc{color:#3a4150;font-size:13px;line-height:1.7}.codex-weapons .base-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.codex-weapons .base-grid>div{text-align:center;background:#f6f3ea;border-radius:8px;padding:8px}.codex-weapons .base-grid small{color:var(--sub);margin-bottom:3px;font-size:11px;display:block}.codex-weapons .base-grid b{color:var(--navy);font-size:15px}.codex-weapons .upg-tb{border-collapse:collapse;width:100%;font-size:12px}.codex-weapons .upg-tb th,.codex-weapons .upg-tb td{border:1px solid var(--line);text-align:center;padding:4px 8px}.codex-weapons .upg-tb th{background:var(--navy);color:#fff;font-size:11.5px}.codex-weapons .upg-tb td.vname{background:#f6f3ea;font-weight:700}.codex-weapons .upg-tb td.up{color:#8a6d10;background:#fbf3d9;font-weight:700}.codex-weapons .dtl .get{color:#3a4150;font-size:12px;line-height:1.8}.codex-weapons #tip{z-index:100;pointer-events:none;color:#f3f4f6;border:1px solid var(--gold);background:linear-gradient(160deg,#244066,#1b2f4a);border-radius:10px;max-width:420px;padding:10px 12px;display:none;position:fixed;box-shadow:0 8px 24px #00000059}.codex-weapons .tip-tt{color:var(--gold2);margin-bottom:6px;font-size:12px;font-weight:700}.codex-weapons .tip-tb{border-collapse:collapse;width:100%;font-size:11px}.codex-weapons .tip-tb th,.codex-weapons .tip-tb td{text-align:center;border:1px solid #ffffff2e;padding:2px 5px}.codex-weapons .tip-tb th{color:var(--gold2)}.codex-weapons .tip-tb td.up{color:var(--gold2);font-weight:700}@media (max-width:1100px){.codex-weapons .dtl .codex{grid-template-columns:1fr}.codex-weapons .base-grid{grid-template-columns:repeat(3,1fr)}}.codex-paralogues{--navy:#1b2f4a;--navy2:#244066;--gold:#c9a227;--gold2:#e0c36a;--bg:#f3efe6;--line:#d8d2c0;--ink:#2a2f3a;--sub:#6b7280}.codex-paralogues *{box-sizing:border-box;margin:0;padding:0}.codex-paralogues{color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:13px}.codex-paralogues .nav{z-index:50;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:14px 22px;position:sticky;top:0;box-shadow:0 2px 8px #0003}.codex-paralogues .nav h1{letter-spacing:1px;font-size:19px}.codex-paralogues .nav .sub{opacity:.7;margin-top:3px;font-size:11px}.codex-paralogues .toolbar{z-index:40;border-bottom:2px solid var(--gold);background:#fff;align-items:center;gap:8px;padding:8px 14px;display:flex;position:sticky;top:51px}.codex-paralogues .toolbar input{border:1px solid var(--line);border-radius:6px;width:180px;padding:5px 10px;font-size:12px}.codex-paralogues .cnt{color:var(--sub);margin-left:auto;font-size:12px}.codex-paralogues .wrap{max-width:1400px;margin:0 auto;padding:10px 14px 40px}.codex-paralogues .tbl-head,.codex-paralogues .row{grid-template-columns:5% 13% 15% 11% 11% 11% 11% 23%;align-items:center;display:grid}.codex-paralogues .tbl-head{z-index:30;background:var(--navy);color:#fff;border-radius:8px 8px 0 0;position:sticky;top:91px;overflow:hidden}.codex-paralogues .tbl-head span{text-align:center;padding:10px 4px;font-size:13.5px;font-weight:700}.codex-paralogues .row{border-bottom:1px solid var(--line);cursor:pointer;background:#fff;transition:background .15s;position:relative}.codex-paralogues .row:hover,.codex-paralogues .row.open{background:#fbf6e6}.codex-paralogues .cell{text-align:center;padding:8px 10px;font-size:12.5px;line-height:1.5}.codex-paralogues .c-num{color:var(--gold);font-size:14px;font-weight:800}.codex-paralogues .c-name{color:var(--navy);font-size:14.5px;font-weight:700}.codex-paralogues .c-role{color:#7a5f10;justify-content:flex-start;align-items:center;gap:8px;padding-left:18px;font-size:13px;font-weight:700;display:flex}.codex-paralogues .c-role .rav{border:2px solid var(--gold);background:#fff;border-radius:50%;flex-shrink:0;width:34px;height:34px;overflow:hidden}.codex-paralogues .c-role .rav img{object-fit:cover;width:100%;height:100%}.codex-paralogues .na{color:#c0b8a4}.codex-paralogues .c-rw{text-align:left;color:#3a4150;font-size:12px}.codex-paralogues .chev{width:26px;height:24px;color:var(--navy);pointer-events:none;position:absolute;top:8px;right:14px}.codex-paralogues .chev:after{content:"▾";font-size:22px;font-weight:800}.codex-paralogues .row.open .chev:after{display:inline-block;transform:rotate(180deg)}.codex-paralogues .detail{opacity:0;grid-column:1/-1;grid-template-rows:0fr;transition:grid-template-rows .4s,opacity .3s;display:grid}.codex-paralogues .detail.open{opacity:1;grid-template-rows:1fr}.codex-paralogues .detail>.dtl{min-height:0;overflow:hidden}.codex-paralogues .dtl{background:#faf7ee}.codex-paralogues .dtl .codex{flex-direction:column;gap:10px;max-width:1100px;margin:0 auto;padding:14px 20px;display:flex}.codex-paralogues .dtl section{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px}.codex-paralogues .dtl h3{color:var(--navy);border-left:3px solid var(--gold);margin-bottom:6px;padding-left:8px;font-size:13px}.codex-paralogues .dtl p{color:#3a4150;font-size:12.5px;line-height:1.8}.codex-recruitment{--navy:#1b2f4a;--navy2:#2a4466;--navy3:#34527a;--gold:#c9a227;--gold2:#e0c36a;--paper:#f6f1e6;--paper2:#efe8d8;--ink:#24272e;--mut:#6d6f76;--line:#d8d0bd;--lv1:#5b7fa6;--lv2:#3d7a5a;--lv3:#a0503f;--shadow:0 1px 2px #1b2f4a14, 0 4px 10px #1b2f4a0f}.codex-recruitment *{box-sizing:border-box;margin:0;padding:0}.codex-recruitment{-webkit-text-size-adjust:100%;color:var(--ink);font-family:Noto Sans SC,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.45}.codex-recruitment .wrap{max-width:1280px;margin:0 auto;padding:0 20px 48px}.codex-recruitment .page-head{background:var(--navy);color:#f2ead6;border-bottom:3px solid var(--gold);padding:26px 0 22px}.codex-recruitment .page-head .wrap{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.codex-recruitment .brand{align-items:center;gap:14px;display:flex}.codex-recruitment .brand .crest{background:#e0c36a1a;border:1px solid #e0c36a8c;border-radius:10px;flex:none;place-items:center;width:52px;height:52px;display:grid}.codex-recruitment .brand h1{letter-spacing:.06em;font-family:Noto Serif SC,serif;font-size:26px;font-weight:700}.codex-recruitment .brand p{color:#b9c4d4;margin-top:4px;font-size:12.5px}.codex-recruitment .head-note{color:#c8d1de;text-align:right;font-size:12.5px;line-height:1.7}.codex-recruitment .head-note b{color:var(--gold2);font-weight:600}.codex-recruitment .tabs{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid var(--line);scrollbar-width:thin;background:#f6f1e6f5;padding:10px 20px;position:sticky;top:0;overflow-x:auto}.codex-recruitment .tabs-inner{gap:10px;min-width:max-content;max-width:1280px;margin:0 auto;display:flex}.codex-recruitment .tab{color:var(--navy);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;flex:none;align-items:center;gap:9px;padding:8px 18px 8px 10px;font-family:Noto Serif SC,serif;font-size:16px;font-weight:700;transition:all .15s;display:flex}.codex-recruitment .tab img{object-fit:cover;background:#fff;border:1px solid #1b2f4a26;border-radius:7px;width:36px;height:36px}.codex-recruitment .tab:hover{border-color:var(--gold);background:#c9a22717}.codex-recruitment .tab.active{background:var(--navy);border-color:var(--navy);color:#f2ead6;box-shadow:var(--shadow)}.codex-recruitment .tab.active img{border-color:var(--gold2)}.codex-recruitment .chapter{padding-top:20px;display:none}.codex-recruitment .chapter.active{display:block}.codex-recruitment .ch-head{background:var(--navy);color:#f2ead6;box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:14px;margin-bottom:14px;padding:14px 18px;display:flex}.codex-recruitment .ch-logo{object-fit:cover;border:2px solid var(--gold2);background:#fff;border-radius:10px;flex:none;width:56px;height:56px}.codex-recruitment .ch-title h2{letter-spacing:.08em;font-family:Noto Serif SC,serif;font-size:22px;font-weight:700}.codex-recruitment .ch-sub{color:#b9c4d4;margin-top:3px;font-size:12.5px}.codex-recruitment .ch-count{color:#dfe5ee;white-space:nowrap;background:#ffffff14;border:1px solid #e0c36a66;border-radius:999px;flex:none;margin-left:auto;padding:6px 14px;font-size:13px}.codex-recruitment .ch-count b{color:var(--gold2);font-size:15px}.codex-recruitment .ch-count i{color:#b9c4d4;font-style:normal}.codex-recruitment .level{gap:14px;margin-bottom:12px;display:flex}.codex-recruitment .lv-label{background:var(--paper2);border:1px solid var(--line);text-align:center;border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:92px;padding:8px 6px;display:flex}.codex-recruitment .lv-cap{color:var(--mut);letter-spacing:.1em;font-size:11px}.codex-recruitment .lv-num{color:var(--navy);font-family:Noto Serif SC,serif;font-size:24px;font-weight:700;line-height:1.1}.codex-recruitment .lv-txt{color:var(--navy);writing-mode:vertical-lr;letter-spacing:.18em;font-family:Noto Serif SC,serif;font-size:14px;font-weight:700;line-height:1.2}.codex-recruitment .cards{flex-wrap:wrap;flex:1;align-content:flex-start;gap:8px;display:flex}.codex-recruitment .card{border:1px solid var(--line);width:88px;box-shadow:var(--shadow);background:#fffdf7;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:7px 7px 8px;transition:border-color .15s;display:flex}.codex-recruitment .card:hover{border-color:var(--gold)}.codex-recruitment .port{background:#f0ead9;border:1px solid #e5dec9;border-radius:8px;width:64px;height:64px;overflow:hidden}.codex-recruitment .port img{object-fit:cover;width:100%;height:100%;display:block}.codex-recruitment .nm-row{cursor:pointer;align-items:center;gap:4px;min-width:0;display:flex}.codex-recruitment .ck{width:14px;height:14px;accent-color:var(--navy);cursor:pointer;flex:none}.codex-recruitment .nm{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.codex-recruitment .sup{color:#fff;letter-spacing:.02em;border-radius:999px;padding:1.5px 8px;font-size:11px;font-weight:700}.codex-recruitment .sup-6{background:var(--lv1)}.codex-recruitment .sup-7{background:var(--lv2)}.codex-recruitment .sup-8{background:var(--lv3)}.codex-recruitment .card.unrec{opacity:.62;filter:saturate(.35)}.codex-recruitment .card.unrec .port img{filter:grayscale()}.codex-recruitment .card.checked{box-shadow:0 0 0 1.5px var(--gold2), var(--shadow)}.codex-recruitment .card.checked .port{border-color:var(--gold)}.codex-recruitment .tip{z-index:200;border:1px solid var(--gold);pointer-events:none;opacity:0;background:#fffdf7;border-radius:12px;width:270px;padding:12px 14px;transition:opacity .12s,transform .12s;position:fixed;transform:translateY(4px);box-shadow:0 6px 24px #1b2f4a2e}.codex-recruitment .tip.show{opacity:1;transform:translateY(0)}.codex-recruitment .tip .tip-nm{color:var(--navy);align-items:center;gap:8px;font-family:Noto Serif SC,serif;font-size:16px;font-weight:700;display:flex}.codex-recruitment .tip .tip-nm .badge{border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.codex-recruitment .tip .badge.rec{color:#fff;background:#3d7a5a}.codex-recruitment .tip .badge.unrec{color:#fff;background:#a0503f}.codex-recruitment .tip .tip-row{color:var(--ink);margin-top:6px;font-size:12.5px;line-height:1.5}.codex-recruitment .tip .tip-row b{color:var(--navy);font-weight:600}.codex-recruitment .tip .tip-lv{color:var(--mut);font-size:12px}.codex-recruitment .tip .tip-cond{border-top:1px dashed var(--line);margin-top:8px;padding-top:7px}.codex-recruitment .tip .tip-cond-line{color:#31445e;border-left:3px solid var(--gold);background:#eef2f8;border-radius:0 6px 6px 0;margin-top:5px;padding:6px 9px;font-size:12.5px;line-height:1.55}.codex-recruitment .tip .tip-ban{color:#a0503f;font-weight:700}.codex-recruitment .tip .tip-auto{color:#3d7a5a}.codex-recruitment .tip .tip-note{border-top:1px dashed var(--line);color:var(--ink);white-space:pre-wrap;word-break:break-word;margin-top:8px;padding-top:7px;font-size:12.5px}.codex-recruitment .card{position:relative}.codex-recruitment .note-btn{color:#f2ead6;cursor:pointer;opacity:0;background:#1b2f4ab8;border:none;border-radius:6px;place-items:center;width:20px;height:20px;transition:opacity .15s,background .15s;display:grid;position:absolute;top:5px;right:5px}.codex-recruitment .card:hover .note-btn{opacity:1}.codex-recruitment .note-btn:hover{background:var(--gold);color:var(--navy)}.codex-recruitment .modal-mask{z-index:300;background:#141c2873;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.codex-recruitment .modal-mask.open{display:flex}.codex-recruitment .modal{border:1px solid var(--gold);background:#fffdf7;border-radius:14px;width:min(420px,100%);padding:18px 20px;box-shadow:0 12px 40px #0000004d}.codex-recruitment .modal h3{color:var(--navy);margin-bottom:2px;font-family:Noto Serif SC,serif;font-size:18px}.codex-recruitment .modal .m-sub{color:var(--mut);margin-bottom:12px;font-size:12px}.codex-recruitment .modal label.f{color:var(--navy);margin-bottom:5px;font-size:12.5px;font-weight:600;display:block}.codex-recruitment .modal textarea{border:1px solid var(--line);width:100%;min-height:90px;color:var(--ink);resize:vertical;background:#fff;border-radius:8px;padding:8px 10px;font-family:Noto Sans SC,sans-serif;font-size:14px}.codex-recruitment .modal textarea:focus{border-color:var(--gold);outline:none}.codex-recruitment .modal .m-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.codex-recruitment .modal .m-actions button{cursor:pointer;border:none;border-radius:8px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600}.codex-recruitment .btn-cancel{color:var(--navy);background:#eee7d4}.codex-recruitment .btn-save{background:var(--navy);color:#f2ead6}.codex-recruitment .btn-save:hover{background:var(--navy2)}@media (max-width:900px){.codex-recruitment .level{gap:10px}.codex-recruitment .lv-label{width:64px}.codex-recruitment .lv-num{font-size:20px}.codex-recruitment .card{width:82px}.codex-recruitment .port{width:58px;height:58px}}@media (max-width:560px){.codex-recruitment .wrap{padding:0 12px 40px}.codex-recruitment .brand .crest{width:44px;height:44px}.codex-recruitment .brand h1{font-size:20px}.codex-recruitment .head-note{display:none}.codex-recruitment .tabs{padding:8px 12px}.codex-recruitment .tab{padding:7px 12px 7px 8px;font-size:14px}.codex-recruitment .tab img{width:30px;height:30px}.codex-recruitment .ch-head{flex-wrap:wrap;padding:12px}.codex-recruitment .ch-count{text-align:center;width:100%;margin-left:0}.codex-recruitment .level{flex-direction:column;gap:8px}.codex-recruitment .lv-label{border-radius:8px;flex-direction:row;justify-content:flex-start;gap:8px;padding:6px 12px;width:100%!important}.codex-recruitment .lv-txt{writing-mode:horizontal-tb;letter-spacing:.1em}.codex-recruitment .cards{width:100%}.codex-recruitment .card{flex:1 0 auto;width:calc(33.333% - 6px);min-width:96px;max-width:110px}.codex-recruitment .card:nth-child(3n+1){flex-basis:calc(33.333% - 6px)}.codex-recruitment .note-btn{opacity:1;background:#1b2f4a8c}}.codex-recruitment footer{text-align:center;color:var(--mut);margin-top:28px;font-size:12px;line-height:1.8}
.wiki-codex-page>.wiki-page-heading{color:#f2ead6;background:#1b2f4a;border-bottom:3px solid #c9a227;margin:12px 0;padding:18px 24px}.wiki-codex-page>.wiki-page-heading>p:last-child{color:#b9c4d4}.wiki-codex-page>.wiki-page-heading h1{letter-spacing:.06em;font-family:Noto Serif SC,serif;font-size:25px}.wiki-codex-page,.wiki-codex-page>[class^=codex-]{min-width:0}.codex-list{padding:12px 0 0!important}[class^=codex-]>.wrap{max-width:none;margin:0;padding:12px 0 0}.codex-characters>.nav,.codex-classes>.nav,.codex-recruitment>.tabs{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;padding:8px 0;position:relative;top:auto}.codex-class-filter-sticky{z-index:85;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--wiki-line);background:#f6f1e6f5;margin:0 -1px;padding:0 18px;position:sticky;top:74px}.codex-classes .nav{box-shadow:none;background:0 0;border:0;border-radius:0;align-items:center;gap:10px;padding:12px 0 8px;position:relative;top:auto;overflow:visible}.codex-classes .nav .codex-pill{min-height:46px;color:var(--navy);background:#fffdf8;border:1px solid #ded4c0;padding:9px 18px;font-size:14px;font-weight:750;box-shadow:0 1px 2px #1b2f4a14}.codex-classes .nav .codex-pill:hover:not(:disabled){border-color:var(--gold);background:#f8f0dc}.codex-classes .nav .codex-pill.codex-primary{color:#fffdf8;background:#e5ca7b;border-color:#e4c66f;box-shadow:0 2px 5px #7a5f1029}.codex-classes .nav .codex-pill.codex-primary:hover:not(:disabled){background:#d7b958}.codex-classes .grp{scroll-margin-top:170px}.codex-classes .nav .codex-class-search{white-space:nowrap;flex:none;gap:8px;margin:0}.codex-class-search-label{min-height:42px;color:var(--navy);background:#ead9a8;border:1px solid #d9bd68;border-radius:8px;align-items:center;padding:8px 12px;font-size:16px;font-weight:800;display:inline-flex;box-shadow:0 1px 2px #1b2f4a1a}.codex-classes .nav .codex-class-search input{background:#fffdf8;border:1px solid #ded4c0;border-radius:8px;width:210px;min-height:42px;padding:8px 11px;box-shadow:0 1px 2px #1b2f4a14}.codex-weapons>.toolbar,.codex-paralogues>.toolbar{box-shadow:none;background:0 0;border-bottom:0;padding:8px 0;position:relative;top:auto}.codex-characters .tbl-head,.codex-weapons .tbl-head,.codex-paralogues .tbl-head{position:static}.codex-recruitment .chapter{padding-top:12px}.codex-table-scroll{max-width:100%;overflow-x:auto}.codex-weapons>.nav,.codex-paralogues>.nav{position:relative}.codex-weapons>.toolbar,.codex-paralogues>.toolbar{top:0}.codex-weapons .tbl-head,.codex-paralogues .tbl-head{position:static}.codex-weapons .codex-wide-list{min-width:1050px}.codex-paralogues .codex-wide-list{min-width:880px}.codex-paralogues .row .c-rw{padding-right:40px}.codex-paralogues .paralogue-route-label{display:none}.codex-paralogues .paralogue-review{color:var(--wiki-muted);margin-top:3px;font-size:10px;font-weight:400;display:block}.codex-paralogues .detail.open{display:block}.codex-paralogues .row:focus-visible{outline:2px solid var(--wiki-primary);outline-offset:-2px}@media (max-width:760px){.codex-paralogues .codex-wide-list{min-width:0}.codex-paralogues .tbl-head{display:none}.codex-paralogues .row{border:1px solid var(--wiki-line);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:8px;padding:10px}.codex-paralogues .row .c-num{text-align:left;grid-column:1;padding:0}.codex-paralogues .row .c-name{text-align:left;grid-column:2/-1;padding:0 24px 0 0}.codex-paralogues .row .c-role{grid-column:1/-1;padding:5px 0}.codex-paralogues .row .c-time{background:var(--wiki-paper-alt);border-radius:4px;align-self:stretch;padding:6px 3px;font-size:11px}.codex-paralogues .paralogue-route-label{white-space:normal;color:var(--wiki-muted);margin-bottom:3px;font-size:10px;display:block}.codex-paralogues .row .c-rw{border-top:1px solid var(--wiki-line);grid-column:1/-1;padding:8px 0 0}.codex-paralogues .dtl .codex{padding:10px 0}.codex-paralogues .dtl section{padding:10px}}.codex-placeholder{width:100%;height:100%;min-height:32px;color:var(--wiki-muted);background:var(--wiki-paper-alt);place-items:center;display:grid}.codex-tip-anchor{position:relative}.codex-tip{z-index:10000;pointer-events:auto;overscroll-behavior:contain;white-space:pre-wrap;width:max-content;max-width:min(430px,100vw - 16px);max-height:min(350px,100dvh - 16px);color:var(--wiki-paper);background:linear-gradient(160deg, var(--wiki-primary), var(--wiki-primary));border:1px solid var(--wiki-gold);text-align:left;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:400;display:block;position:fixed;overflow:auto;box-shadow:0 8px 24px #0005}.codex-tip>b{color:var(--wiki-gold);display:block}.codex-tip-field{margin-top:8px;display:block}.codex-tip-field strong{color:var(--wiki-gold);display:block}.codex-detail-link{color:inherit;padding:6px 0;font-size:12px;text-decoration:underline;display:inline-block}.codex-fact-pair{display:contents}.codex-extra{white-space:pre-wrap;padding:12px 16px}.codex-empty{text-align:center;padding:28px}.codex-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;color:inherit;background:0 0;border:0;margin:0;padding:16px;position:fixed;inset:0}.codex-dialog[open]{justify-content:center;align-items:center;display:flex}.codex-dialog::backdrop{background:#141c2873}.codex-dialog .cmp-box,.codex-dialog .modal{margin:auto}.codex-pill{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:6px 16px;font-size:13px}.codex-class-view-toggle{border:2px solid var(--gold);background:#f2ead8;border-radius:12px;flex:none;align-items:center;gap:4px;padding:3px;display:inline-flex;box-shadow:0 2px 6px #1b2f4a1f}.codex-class-view-option{min-height:42px;color:var(--navy);cursor:pointer;letter-spacing:.03em;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:800}.codex-class-view-option:hover{background:#fff}.codex-class-view-option.active{border-color:var(--navy);background:var(--navy);color:#fffdf8;box-shadow:0 1px 4px #1b2f4a3d}.codex-class-view-option:focus-visible{outline:3px solid var(--gold2);outline-offset:2px}.codex-class-recommendation-link{color:var(--navy);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.codex-class-recommendation-link:hover{background:#fff}.codex-class-recommendation-link:focus-visible{outline:3px solid var(--gold2);outline-offset:2px}.codex-primary{background:var(--gold);color:#fff;border-color:var(--gold);font-weight:700}.codex-primary:disabled{opacity:.5;cursor:not-allowed}.codex-spacer{flex:1}.codex-count{color:var(--mut);white-space:nowrap;align-self:center;font-size:12px}.wiki-codex-page .codex-count,.wiki-codex-page .cnt-badge,.wiki-codex-page .toolbar>.cnt,.wiki-codex-page .nav>:is(.f-label,.sort-label),.wiki-codex-page .codex-class-search{color:var(--wiki-ink)}.codex-recruitment .tab:not(.active){background:var(--wiki-surface)}.codex-recruitment .tabs-inner{flex-wrap:wrap;justify-content:center;min-width:0}.codex-class-search{align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.codex-class-search input{border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 10px}.codex-innate-line{display:inline}.codex-classes .sk svg{width:30px;height:30px}.codex-classes .sk-grid{grid-template-columns:repeat(auto-fit,minmax(34px,1fr))}.codex-classes .sk:not(.on) :is(svg,img){opacity:.35;filter:grayscale()}.codex-classes .codex-skill-note{color:var(--mut);margin:6px 0 0;font-size:11px}.codex-classes .codex-detail-requirements{flex-wrap:wrap;gap:6px;display:flex}.codex-classes .row .nm-wrap{flex:1;min-width:0}.codex-classes .row .badges{flex-wrap:wrap;align-self:flex-start;min-width:0;max-width:100%}.codex-classes .row .bd{white-space:normal;overflow-wrap:anywhere;max-width:100%}.codex-classes .row :is(.c-master,.c-innate) .codex-tip-anchor{border-bottom:1px dashed var(--gold);cursor:help}.codex-classes .req-sk svg{border:1px solid var(--gold2);border-radius:3px;flex:none;width:18px;height:18px;margin-right:2px}.codex-classes .codex-req-remainder{white-space:pre-wrap;text-align:center;flex-basis:100%;font-size:11px}.codex-classes .codex-tip{width:280px;color:var(--ink);background:var(--wiki-surface)}.codex-classes .codex-tip>b,.codex-classes .codex-tip-field strong{color:var(--navy)}.codex-classes .cmp-add{border:none}.codex-classes .codex-standalone-detail{display:block}.codex-classes .cmp-table{white-space:pre-wrap}.codex-classes .codex-compare-requirements{text-align:left;min-width:170px}.codex-classes .codex-compare-requirements dl>div{margin-top:8px}.codex-classes .codex-compare-requirements dt{color:var(--mut);font-size:10px}.codex-classes .codex-compare-requirements dd{margin:2px 0 0;font-size:12px;line-height:1.5}.codex-classes .cmp-left .cmp-table :is(th,td){padding:5px}@media (min-width:901px){.codex-classes .cmp-left{flex-basis:44%}}@media (min-width:1181px){.codex-classes :is(.row,.tbl-head){grid-template-columns:190px minmax(280px,1.1fr) .85fr .75fr .65fr}}.codex-classes .cmp-left,.codex-classes .cmp-right{overflow-x:auto}.codex-classes .cmp-table .sk-grid{flex-wrap:wrap;display:flex}.codex-compare-section{margin-bottom:16px}.codex-characters .skill-icon svg{width:30px;height:30px}.codex-characters .dtl p,.codex-characters .value,.codex-characters .mg-list span{white-space:pre-wrap}.codex-characters .dtl .mg-list>span>.codex-tip-anchor{font:inherit;color:inherit;background:0 0;border:0;border-radius:0;padding:0}.codex-characters .stat-grid{overflow-x:auto}.codex-characters .bd-cls{white-space:normal}.codex-characters .sk-group .codex-tip-anchor{display:inline}.codex-weapons .ticon svg{width:100%;height:100%}.codex-weapons .get,.codex-weapons .desc,.codex-paralogues .dtl p,.codex-paralogues .cell{white-space:pre-wrap}.codex-version-links{flex-wrap:wrap;gap:8px;display:flex}.codex-recruitment .codex-portrait-button{cursor:pointer;padding:0;display:block}.codex-recruitment .codex-tip{background:var(--wiki-surface);width:270px;color:var(--ink);border-radius:12px;padding:12px 14px;box-shadow:0 6px 24px #1b2f4a2e}.codex-recruitment .tip-nm{color:var(--navy);align-items:center;gap:8px;font-family:Noto Serif SC,serif;font-size:16px;font-weight:700;display:flex}.codex-recruitment .badge{color:#fff;background:var(--wiki-positive);border-radius:999px;padding:1px 7px;font-size:10px}.codex-recruitment .badge.unrec{background:var(--wiki-danger)}.codex-recruitment .tip-lv{color:var(--mut);font-size:12px;display:block}.codex-recruitment .tip-row{white-space:pre-wrap;margin-top:6px;font-size:12.5px;line-height:1.5;display:block}.codex-recruitment .tip-row b{color:var(--navy);font-weight:600}.codex-recruitment .tip-ban{color:var(--wiki-danger);font-weight:700}.codex-recruitment .tip-auto{color:var(--wiki-positive)}.codex-recruitment .tip-cond{border-top:1px dashed var(--line);margin-top:8px;padding-top:7px;display:block}.codex-recruitment .tip-cond-line{color:var(--wiki-primary);background:var(--wiki-paper-alt);border-left:3px solid var(--gold);white-space:pre-wrap;border-radius:0 6px 6px 0;margin-top:5px;padding:6px 9px;font-size:12.5px;line-height:1.55;display:block}.codex-recruitment .tip-note{border-top:1px dashed var(--line);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;padding-top:7px;font-size:12.5px;display:block}.codex-recruitment .codex-tab-portrait{border-radius:7px;width:36px;height:36px;display:block;overflow:hidden}.codex-recruitment .codex-tab-portrait img,.codex-recruitment .ch-logo img{object-fit:cover;width:100%;height:100%}.codex-recruitment .note-btn{padding:0;line-height:1}.codex-recruitment .note-btn svg{display:block}.codex-recruitment .note-btn:focus-visible{opacity:1}.codex-selected-recruit{background:var(--wiki-surface);border:1px solid var(--gold);border-radius:12px;margin-top:16px;padding:16px}.codex-recruitment .sup-neutral{color:#355c7c;white-space:normal;overflow-wrap:anywhere;background:#eaf3fa;border:1px solid #c8deec}.codex-recruitment .tip-row{white-space:pre-wrap}.codex-selected-recruit>button{float:right}[class^=codex-] :focus-visible{outline:2px solid var(--wiki-gold);outline-offset:2px}@media (max-width:900px){.codex-characters .dtl .codex{grid-template-columns:1fr}.codex-characters .dtl .main-card{min-width:0}.codex-characters .dtl .sidebar{position:static}.codex-classes .cmp-cols{flex-direction:column}.codex-classes .cmp-left,.codex-classes .cmp-right{width:100%}}@media (max-width:860px){.codex-characters .cell.c-icon,.codex-characters .cell.c-name{grid-area:auto/1}.codex-characters .cell.c-icon{padding-top:12px}.codex-characters .cell.c-icon .port{width:88px}.codex-characters .dtl .sk-3{grid-template-columns:1fr}}.codex-characters .growth-sort-head{grid-column:5;min-width:0}.codex-characters .growth-sort-head .gs-row2,.codex-characters .stat-strip{grid-template-columns:repeat(11,minmax(0,1fr))}.codex-characters .growth-sort-head .gs-cell{color:var(--navy);letter-spacing:0;padding:4px 0;font-size:11px}.codex-characters .growth-sort-head .stat-lv{background:#ffd966;font-weight:700}.codex-characters .growth-sort-head button{flex-direction:column;justify-content:center;align-items:center;display:flex}.codex-characters .growth-sort-head button small{font-size:10px}.codex-characters .row>.c-name .nm{overflow-wrap:anywhere;word-break:normal}.codex-characters .dtl .sidebar-abilities .ability-card{border:1px solid var(--line);min-height:0}.codex-characters .dtl .ability-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.codex-characters .dtl .ability-row :is(small,strong){margin:0}.codex-characters .dtl .ability-card p{white-space:pre-wrap;margin-top:5px}.codex-characters .dtl .inline-subhead .lv-badge{color:var(--navy);font-size:11px}.codex-characters .dtl .stat-grid,.codex-characters .dtl .base-stat-grid{min-width:0;grid-template-columns:repeat(10,minmax(0,1fr))!important}.codex-characters .dtl .learn{margin-top:14px}.codex-characters .dtl .learn .section-head{flex-wrap:wrap;align-items:center}.codex-characters .dtl .learn .section-title{font-size:17px}.codex-characters .dtl .learn-toggle{min-height:36px}.codex-characters .dtl .skill-overview-table{min-width:0}.codex-characters .dtl :is(.sr-header,.skill-row-item){grid-template-columns:48px 60px 60px minmax(0,1fr);align-items:center;gap:4px;padding-inline:4px}.codex-characters .dtl .skill-row-item{min-height:33px;padding-block:2px}.codex-characters .dtl .sr-icon svg{width:28px;height:28px}.codex-characters .dtl .sr-init{padding-top:0}.codex-characters .dtl .sr-tier-big{white-space:nowrap;padding:3px 6px}.codex-characters .dtl .sr-tag{align-self:center;margin-top:0}.codex-characters .dtl .sr-skills{gap:2px 5px;min-width:0;line-height:1.5}.codex-characters .dtl .sr-learned-skill{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:0 4px;max-width:100%;display:inline-flex}.codex-characters .dtl .sr-learned-skill>i{min-width:0}.codex-characters .dtl .grade-badge{flex-shrink:0;width:auto;min-width:20px;margin-right:0;padding-inline:3px}.codex-characters .dtl .sr-condition{color:var(--sub);font-size:10px}.codex-characters .dtl .chapter-tabs{flex-wrap:wrap}.codex-characters .dtl .character-initial-heading{flex-wrap:wrap;gap:8px 12px}.codex-characters .dtl .character-initial-tabs{gap:5px;min-width:0}.codex-characters .dtl .character-initial-tabs button{min-height:34px}.codex-characters .dtl .character-initial-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.codex-characters .dtl .character-initial-note{color:var(--sub);white-space:pre-wrap;margin:0 0 8px;font-size:11px;line-height:1.6}.codex-characters .dtl .join-grid .value{overflow-wrap:anywhere;min-width:0}@media (max-width:860px){.codex-characters .tbl-head{padding:6px;display:block!important}.codex-characters .tbl-head>span{display:none}.codex-characters .growth-sort-head,.codex-characters .growth-sort-head .gs-row2>span{display:block}.codex-characters .row{background:#fff;grid-template-columns:44px minmax(0,1fr) 16px!important;gap:4px!important;padding:6px!important}.codex-characters .row>.cell.c-icon{align-self:start;grid-area:1/1/span 2!important;padding:0!important}.codex-characters .row>.cell.c-icon .port{border-radius:6px;width:40px;height:40px}.codex-characters .row>.cell.c-name{grid-area:1/2!important;align-items:flex-start!important;padding:0!important}.codex-characters .row>.cell.c-name .nm{text-align:left;font-size:13px!important}.codex-characters .row>.cell.sub-pro{grid-area:2/2!important;padding:0!important}.codex-characters .row>.cell.sub-trait{grid-area:3/2!important;padding:2px 0!important}.codex-characters .row :is(.sub-pro,.sub-trait) h6{display:none}.codex-characters .row>.cell.c-stat{border-top:1px dashed var(--line);grid-area:4/1/auto/-1!important;padding:4px 0!important}.codex-characters .row .stat-strip{grid-template-columns:repeat(11,minmax(0,1fr))!important}.codex-characters .row .stat-cell b{font-size:10px!important}.codex-characters .row .stat-cell.hl b{font-size:11px!important}.codex-characters .row .stat-cell.hl em{font-size:8px!important}.codex-characters .row .rank-badge{margin-left:0;padding-inline:2px;font-size:8px}.codex-characters .row .sk-group i{white-space:normal}.codex-characters .dtl .codex{padding:8px;grid-template-columns:minmax(0,1fr)!important}.codex-characters .dtl .sidebar{position:static}.codex-characters .dtl .portrait img{object-fit:contain;max-height:320px}.codex-characters .dtl .stat-grid,.codex-characters .dtl .base-stat-grid{overflow:visible;grid-template-columns:repeat(5,minmax(0,1fr))!important}.codex-characters .dtl .base-stat-scroll{overflow:visible}.codex-characters .dtl .join-grid{grid-template-columns:100px minmax(0,1fr)}.codex-characters .dtl .section{padding:12px 10px}.codex-characters .dtl :is(.sr-header,.skill-row-item){grid-template-columns:32px 40px 38px minmax(0,1fr);gap:3px;padding:2px 0}.codex-characters .dtl .sr-skills{font-size:11px}.codex-characters .dtl :is(.sr-tier-big,.sr-tag){padding:3px;font-size:10px}.codex-characters .dtl .learn-toggle{margin-left:0}}.class-mobile-tools,.class-mobile-metric,.class-mobile-label,.class-mobile-expand,.class-mobile-stat-grid{display:none}@media (max-width:768px){.codex-class-filter-sticky{padding:0 10px;top:116px}.codex-classes .nav{flex-wrap:wrap;gap:6px;overflow:visible}.codex-classes .nav .codex-pill{min-height:40px;padding:7px 12px;font-size:12px}.codex-class-view-option{min-height:38px;padding:6px 12px;font-size:12px}.codex-classes .grp{scroll-margin-top:230px}.codex-classes .nav .codex-class-search{flex:100%}.codex-classes .nav .codex-class-search input{width:auto}.codex-classes .nav .codex-spacer{display:none}.codex-classes .codex-class-search input{flex:1;min-width:0;min-height:44px}.codex-class-search-label{min-height:44px;font-size:15px}.class-mobile-tools{flex-wrap:wrap;gap:10px 16px;margin:12px 0;font-size:12px;display:flex}.class-mobile-tools label{align-items:center;gap:6px;min-height:44px;display:flex}.class-mobile-tools select{background:var(--wiki-surface);border:1px solid var(--wiki-line);border-radius:6px;padding:10px}.class-mobile-tools p{color:var(--wiki-muted);flex-basis:100%}.codex-classes .tbl-head,.codex-classes .row :is(.c-grow,.c-innate,.c-master,.chev){display:none}.codex-classes .row{grid-template-columns:minmax(0,1fr) 70px;gap:8px;padding:12px 8px}.codex-classes .row .c-icon{grid-area:1/1}.codex-classes .row .nm{white-space:normal;font-size:14px}.codex-classes .row .ic{width:34px;height:34px}.codex-classes .cmp-add{border-radius:6px;width:36px;height:44px}.codex-classes .cmp-add:disabled{opacity:.35;cursor:default}.class-mobile-metric{background:var(--wiki-paper-alt);border-radius:6px;flex-direction:column;grid-area:1/2;align-items:center;padding:6px 2px;display:flex}.class-mobile-metric span{font-size:11px}.class-mobile-metric b{color:var(--wiki-primary);font-size:22px}.class-mobile-metric small{color:var(--wiki-muted);font-size:9px}.codex-classes .row .c-req{border-top:1px dashed var(--wiki-line);grid-column:1/-1;padding-top:8px}.class-mobile-label{color:var(--wiki-muted);flex-basis:100%;font-size:11px;display:block}.class-mobile-expand{text-align:right;color:var(--wiki-muted);grid-column:1/-1;font-size:11px;display:block}.codex-classes .detail{padding:12px 10px}.codex-classes .d-title{flex-wrap:wrap;flex:1;min-width:0}.codex-classes :is(.d-body,.pair,.req-grid){grid-template-columns:minmax(0,1fr)}.codex-classes .d-table>.tbl{display:none}.class-mobile-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.class-mobile-stat-grid>div{text-align:center;border:1px solid var(--wiki-line);background:#fff;border-radius:4px;padding:4px 0}.class-mobile-stat-grid dt{color:var(--wiki-muted);font-size:10px}.class-mobile-stat-grid dd{font-size:14px;font-weight:600}.class-mobile-compare-bar{z-index:30;background:var(--wiki-primary);color:var(--wiki-paper);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:10px;display:flex;position:sticky;bottom:8px;box-shadow:0 4px 20px #0003}.class-mobile-compare-bar>div{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.class-mobile-compare-bar>div button{text-align:left;overflow-wrap:anywhere;min-height:44px;padding:6px;font-size:11px}.codex-classes .codex-dialog{padding:8px}.codex-classes .cmp-box{width:100%;max-height:calc(100dvh - 16px);padding:12px 8px}.codex-classes .cmp-close{width:44px;height:44px}.class-mobile-comparison{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;font-size:12px}.class-mobile-comparison :is(th,td){border-right:1px solid var(--wiki-line);border-bottom:1px solid var(--wiki-line);overflow-wrap:anywhere;white-space:normal;text-align:center;vertical-align:top;padding:8px 5px}.class-mobile-comparison :is(th,td):first-child{border-left:1px solid var(--wiki-line)}.class-mobile-comparison thead th{z-index:2;background:var(--wiki-primary);color:var(--wiki-paper);padding-block:12px;position:sticky;top:-12px}.class-mobile-comparison thead th:first-child{width:24%}.class-mobile-comparison tbody th{background:var(--wiki-paper-alt);font-weight:400}.class-mobile-comparison .class-comparison-heading th{text-align:left;color:var(--wiki-primary);font-weight:700}.class-higher-value{color:var(--wiki-positive);text-underline-offset:3px;text-decoration:underline}.codex-classes .class-mobile-comparison .codex-compare-requirements{min-width:0}.codex-classes .class-mobile-comparison .req-sk{flex-wrap:wrap}.codex-classes .class-mobile-comparison .sk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){[class^=codex-] *,[class^=codex-] :after{transition:none!important;animation:none!important}}.codex-characters .level-skill-list{flex-wrap:wrap;gap:12px 10px;padding:6px 0 3px;display:flex}.codex-characters .sub-pro .level-skill{border:1px solid var(--line);border-radius:4px;margin-right:7px;padding:5px 8px;font-style:normal;line-height:1.45;display:inline-block;position:relative}.codex-characters .skill-level-badge{white-space:nowrap;border:1px solid var(--line);background:var(--wiki-paper-alt);color:var(--wiki-primary);border-radius:3px;padding:2px 4px;font-size:9px;font-weight:700;line-height:1.25;position:absolute;top:-8px;right:-8px}.codex-characters .training-notes{border-top:1px solid var(--line);padding:12px 14px}.codex-characters .training-toggle{justify-content:center;width:100%;margin-left:0;padding:8px 10px;line-height:1.5}.codex-characters .training-toggle[aria-expanded=true]{background:var(--wiki-accent)}.codex-characters .training-body{margin-top:12px}.codex-characters .training-text{box-sizing:border-box;resize:vertical;border:1px solid var(--line);background:var(--wiki-paper-alt);width:100%;min-height:180px;color:var(--wiki-primary);font:inherit;border-radius:6px;padding:10px;font-size:13px;line-height:1.7;display:block}.codex-characters .training-actions{align-items:center;gap:8px;margin-top:8px;display:flex}.codex-characters .training-edit{background:var(--wiki-primary);color:#fff;border-radius:6px;padding:5px 14px;font-size:13px;text-decoration:none}.codex-characters .training-status{color:var(--wiki-muted);font-size:12px;line-height:1.5}.codex-characters .sr-tier-big small{font-size:9px;font-weight:500;line-height:1.2;display:block}.codex-classes :is(.grow-cell,.class-mobile-metric).growth-positive-1{color:#42612c;background:#edf4e5}.codex-classes :is(.grow-cell,.class-mobile-metric).growth-positive-2{color:#315419;background:#d6e8b7;font-weight:700}.codex-classes :is(.grow-cell,.class-mobile-metric).growth-positive-3{color:#674600;background:#edd081;border-color:#c7a249;font-weight:800}.codex-classes :is(.grow-cell,.class-mobile-metric).growth-positive-4{color:#382000;background:#d99a36;border-color:#ad701c;font-weight:800}.codex-classes :is(.grow-cell,.class-mobile-metric).growth-negative{color:#8c302e;background:repeating-linear-gradient(135deg,#f9e9e7 0 5px,#edd0cd 5px 8px);border-color:#c7938e;font-weight:700}.codex-classes .grow-cell b{min-height:1.2em}.codex-classes :is(.grow-cell,.class-mobile-metric)[class*=growth-] b{color:inherit;font-weight:inherit}.codex-classes .row .codex-innate-list{flex-direction:column;gap:4px;display:flex}.codex-classes .row .codex-innate-line{font-size:11px;line-height:1.4;display:block}.codex-classes .c-recommended{text-align:center}.class-people-button{color:#1b2f4a;cursor:pointer;background:#f7efd9;border:1px solid #d0bd81;border-radius:6px;padding:6px 9px;font-size:12px}.class-people-dialog{color:#1b2f4a;background:#fffdf7;width:min(650px,90vw);padding:20px}.class-people-dialog header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.class-people-dialog h2{margin:0;font-size:20px}.class-people-dialog header button{cursor:pointer;background:0 0;border:0;font-size:28px}.class-people-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;display:grid}.class-people-grid a{background:#eee6d4;border:1px solid #d8cfbd;border-radius:8px;text-decoration:none;position:relative;overflow:hidden}.class-people-grid img,.class-person-placeholder{object-fit:cover;width:100%;height:100px;display:block}.class-people-grid a>span:last-child{color:#fff8e7;text-align:center;background:#1b2f4add;padding:4px 2px;font-size:12px;position:absolute;inset:auto 0 0}@media (min-width:769px){.codex-classes :is(.row,.tbl-head){grid-template-columns:minmax(160px,1.15fr) minmax(270px,2fr) minmax(120px,1fr) minmax(85px,.65fr) minmax(100px,.75fr) 105px}.codex-classes .tbl-head>span{display:block}}@media (max-width:768px){.codex-classes .row .c-recommended{text-align:left;grid-column:1/-1}}.class-people-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.class-people-actions>span{color:#81785f;margin-right:auto;font-size:13px}.class-people-actions button{color:#1b2f4a;cursor:pointer;background:#f6edd6;border:1px solid #cfbd83;border-radius:6px;padding:7px 12px}.class-people-help,.class-people-message{margin:10px 0;font-size:13px;line-height:1.6}.class-people-dropzone.editing{background:#faf6e9;border:2px dashed #c9a227;border-radius:8px;min-height:110px;padding:12px}.class-people-picker{border-top:1px solid #ded5bf;margin-top:18px;padding-top:14px}.class-people-picker h3{margin:0 0 8px;font-size:16px}.class-people-picker input{color:#1b2f4a;background:#fff;border:1px solid #d8cfbd;border-radius:6px;width:100%;margin-bottom:12px;padding:8px 10px}.class-people-picker .class-people-grid{max-height:340px;padding:4px;overflow-y:auto}.class-person-selected,.class-person-candidate{background:#eee6d4;border:1px solid #d8cfbd;border-radius:8px;padding:0;position:relative;overflow:hidden}.class-person-candidate{cursor:grab}.class-people-grid .class-person-name{color:#fff8e7;text-align:center;background:#1b2f4add;padding:4px 2px;font-size:12px;position:absolute;inset:auto 0 0}.class-person-selected>button{color:#fff;cursor:pointer;background:#932d31;border:1px solid #fff;border-radius:50%;width:25px;height:25px;position:absolute;top:2px;right:2px}.class-people-actions button:disabled,.class-person-selected button:disabled{opacity:.5;cursor:wait}.class-people-dialog{max-height:85dvh;overflow-y:auto}@media (max-width:768px){.wiki-codex-page>.wiki-page-heading{padding:16px 14px}.wiki-codex-page>.wiki-page-heading h1{font-size:23px}.codex-class-filter-sticky{top:var(--wiki-header-height,64px);z-index:30;padding:0 6px}.codex-classes .nav{gap:6px;padding:8px 0}.codex-classes .nav .codex-pill{min-height:40px;padding:7px 9px}.codex-characters .tbl-head{position:static}.codex-characters>.nav{gap:6px}.codex-characters>.nav :is(button,input,select){min-height:40px}.codex-characters .row{gap:8px!important;padding:12px 10px!important}.codex-characters .row>.cell.c-icon .port{width:44px;height:44px}.codex-characters .row>.cell.c-name .nm{font-size:16px!important}.codex-characters .row>.cell.sub-pro,.codex-characters .row>.cell.sub-trait{font-size:12px;line-height:1.65}.codex-characters .row .stat-strip{gap:4px;grid-template-columns:repeat(6,minmax(0,1fr))!important}.codex-characters .row .stat-cell b{font-size:13px!important}.codex-characters .row .stat-cell.hl b{font-size:14px!important}.codex-characters .row .stat-cell.hl em{font-size:10px!important}.codex-characters .dtl .stat-grid,.codex-characters .dtl .base-stat-grid{gap:5px}.codex-characters .dtl .join-grid{grid-template-columns:80px minmax(0,1fr)}.codex-characters .training-text{font-size:16px}.codex-characters .training-actions{flex-wrap:wrap}.codex-paralogues .toolbar{flex-wrap:wrap;gap:6px;position:relative;top:auto}.codex-paralogues .toolbar :is(input,select){min-width:0;max-width:100%;min-height:44px}.codex-paralogues .tbl-head{position:static}.codex-paralogues .nav{padding:12px;position:static}.codex-paralogues .summary{overflow-wrap:anywhere}.codex-recruitment .tabs{max-width:100%}.codex-recruitment .tabs>*{flex-shrink:0}.class-people-button{min-height:44px}.class-mobile-compare-bar{bottom:calc(8px + env(safe-area-inset-bottom))}.codex-characters .growth-sort-head .gs-row2{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.codex-characters .growth-sort-head .gs-cell{min-height:40px;font-size:11px}.codex-characters .growth-sort-head .gs-cell small{font-size:10px}}@media (max-height:500px) and (max-width:960px){.codex-class-filter-sticky{position:static}}