/* GFTHAI's implementation, composed from visual observations of the reference. */
:root{--bg:#333;--sidebar:#222;--panel:#292929;--text:#eee;--soft:#ccc;--muted:#aaa;--line:#414141;--line-strong:#986c48;--mint:#eca263;--active:#eca2631c;--hover:#38312c;--chip:#333;--topbar:#222;--icon-bg:#222;--table-head:#303030;color-scheme:dark}
body.light{--bg:#f1f1f1;--sidebar:#fff;--panel:#fff;--text:#292929;--soft:#4e4e4e;--muted:#666;--line:#d7d7d7;--line-strong:#b47646;--mint:#a75519;--active:#b46d2020;--hover:#fff3e8;--chip:#eee;--topbar:#fff;--icon-bg:#f4f4f4;--table-head:#eee;color-scheme:light}
html{scroll-padding-top:125px;scrollbar-color:#eca263 #252525}body{font-family:Arial,Tahoma,sans-serif;font-size:14px;line-height:1.65}.layout{display:block}.workspace{margin:0;width:100%;min-width:0}.codex-header{position:sticky;top:0;z-index:35;background:var(--sidebar);box-shadow:0 2px 5px #0002}.primary-nav{display:flex;align-items:center;gap:15px;padding:10px 22px;min-height:56px}.codex-brand{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:20px;font-weight:700;font-style:italic;letter-spacing:-1px}.codex-brand b{color:#e7a541}.codex-brand b span{font-size:10px;letter-spacing:0;margin-left:1px}.codex-brand i{font-size:18px;color:var(--text)}#nav{display:flex;align-items:center;gap:3px;flex:1;padding:0;overflow:visible}.nav-link{padding:8px 10px;min-height:36px;display:flex;gap:8px;align-items:center;border-radius:3px;margin:0;color:var(--text);white-space:nowrap;font-size:13px}.nav-link svg,.nav-dropdown svg{width:22px;height:22px;flex-shrink:0}.nav-link>span{display:none}.nav-link:hover,.nav-link.active,.nav-dropdown[open]>summary{background:var(--mint);color:#202020}.nav-dropdown{position:relative;flex-shrink:0}.nav-dropdown>summary{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:3px;cursor:pointer;list-style:none}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary>span{display:none}.dropdown-menu{position:absolute;top:43px;left:0;min-width:270px;background:var(--sidebar);border:1px solid var(--line-strong);border-radius:4px;padding:9px;box-shadow:0 8px 24px #0006;max-height:75vh;overflow-y:auto}.dropdown-menu .nav-link>span{display:block}.dropdown-menu .nav-link{padding:9px 12px}.dropdown-menu svg{width:18px;height:18px}.top-search{margin-left:auto;width:330px;height:38px;border-radius:8px;background:var(--panel);border:1px solid var(--line);gap:9px;padding:0 12px;flex-shrink:1}.top-search input{font-size:13px;color:var(--text);padding:5px 0}.top-search>span{font-size:22px}.top-search kbd{font:10px Arial;padding:2px 5px;border-radius:3px;background:var(--chip);white-space:nowrap}.secondary-nav{display:flex;align-items:center;gap:12px;padding:5px 20px 9px;min-height:46px}.server-tab{background:var(--mint);color:#202020;border:1px solid var(--mint);font-size:12px;padding:3px 10px;border-radius:3px;display:flex;gap:7px;font-weight:700}.server-version{font-size:11px;color:var(--muted)}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:13px}.nav-actions a{font-size:21px;line-height:1}.language-label{border:1px solid var(--line);padding:1px 9px;font-size:12px;border-radius:2px}.icon-button{border:0;background:transparent;color:var(--text);font-size:25px}.menu-button{display:none}main{max-width:1320px;margin:0 auto;padding:25px 30px 65px;min-height:calc(100vh - 175px)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.latest-carousel{position:relative;min-height:260px;display:grid;grid-template-columns:60px minmax(200px,500px) 60px;justify-content:center;align-items:center;margin:10px auto 24px;padding-bottom:34px}.latest-card{background:var(--panel);border:1px solid var(--line);box-shadow:0 5px 9px #0003;border-radius:5px;text-align:center;min-height:200px}.latest-card h2{font-size:16px;margin:0;padding:9px 20px;border-bottom:2px solid var(--mint);background:var(--table-head)}.latest-item{display:flex;align-items:center;flex-direction:column;padding:20px 15px 14px;gap:10px;min-height:150px}.carousel-item-icon{width:64px;height:64px;object-fit:contain;background:var(--icon-bg);border-radius:5px;padding:5px;image-rendering:auto}.latest-item strong{font-size:16px;max-width:100%;overflow-wrap:anywhere}.latest-item small{font-size:10px;color:var(--muted)}.carousel-arrow{border:0;background:transparent;font-size:62px;font-weight:200;color:#bbb;line-height:1;justify-self:center;transition:color .15s}.carousel-arrow:hover{color:var(--mint)}.carousel-dots{display:flex;justify-content:center;gap:9px;position:absolute;bottom:7px;left:0;right:0}.carousel-dots button{border:0;border-radius:50%;width:10px;height:10px;padding:0;background:#656565}.carousel-dots button.active{background:var(--mint);box-shadow:0 0 7px #eca26366}.welcome-panel{text-align:center;background:linear-gradient(105deg,var(--panel),var(--table-head));border:1px solid var(--line);border-radius:6px;padding:23px 40px 27px;margin:20px 0 45px}.welcome-panel h1{color:var(--mint);font-size:34px;line-height:1.4;margin:1px 0 18px;font-weight:700}.welcome-panel p{font-size:15px;color:var(--soft);line-height:1.95;margin:0}.center-heading{text-align:center;margin:42px 0 32px}.center-heading h2{font-size:27px;margin:0 0 10px;line-height:1.3}.center-heading p{font-size:13px;color:var(--muted);margin:0}.center-heading h2:after{content:'';display:block;width:54px;height:2px;background:var(--mint);margin:13px auto}.codex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.codex-card{display:flex;align-items:center;gap:17px;padding:22px 19px;background:var(--panel);border:1px solid var(--line);border-radius:7px;min-height:126px;box-shadow:0 3px 7px #0001;transition:border-color .15s,transform .15s}.codex-card:hover{border-color:var(--mint);transform:translateY(-2px);background:var(--hover)}.category-icon{flex:0 0 53px;width:53px;height:53px;margin:0;background:#eca26322;color:#eda465;display:grid;place-items:center;border-radius:7px}.category-icon svg{width:29px;height:29px}.category-icon.maps{background:#b7da3022;color:#c8e754}.category-icon.sprites{background:#68d29522;color:#69d99a}.category-icon.skills{background:#ed7d7122;color:#eb9384}.category-icon.monsters{background:#b970e522;color:#c59adf}.category-icon.quests{background:#7dbded22;color:#a7d0eb}.category-icon.titles{background:#e2cf6422;color:#e9d77d}.codex-card>div{min-width:0}.codex-card h3{font-size:17px;line-height:1.4;margin:0 0 6px;overflow-wrap:anywhere}.codex-card p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.codex-card small{display:block;font-size:10px;color:var(--mint);margin-top:6px}.card-chevron{margin-left:auto;color:var(--muted);font-size:24px}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.update-panel{margin-top:40px;background:var(--panel);border:1px solid var(--line);border-radius:5px}.update-panel h2,.basic-panel>h2,.item-detail-panel>h2{margin:0;padding:12px 16px;font-size:16px;border-bottom:2px solid var(--mint);background:var(--table-head)}.update-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:18px 20px;font-size:13px}.update-row a{margin-left:auto;color:var(--mint)}.update-panel>p{padding:0 20px 12px;color:var(--muted);font-size:12px}.breadcrumb{font-size:12px;margin:0 0 16px;gap:8px}.list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.list-heading h1{font-size:23px;margin:0}.count-pill{border:0;background:transparent;color:var(--muted);font-size:12px}.filter-panel{padding:20px;background:var(--panel);border-radius:4px;border:1px solid var(--line);margin-bottom:20px}.filter-panel.expanded{border-color:var(--line-strong)}.search-strip{display:flex;align-items:center;gap:12px}.search-local{display:flex;align-items:center;gap:12px;flex:1;min-width:0;background:var(--icon-bg);border:1px solid var(--line);border-radius:6px;padding:0 14px}.search-local svg{width:22px;height:22px;flex-shrink:0}.search-local input{border:0;background:transparent;outline-offset:0;width:100%;padding:12px 0;border-radius:0}.extended-toggle{display:flex;align-items:center;gap:10px;white-space:nowrap;border:1px solid var(--line-strong);border-radius:7px;padding:11px 12px;color:var(--muted);font-size:12px}.extended-toggle input{accent-color:var(--mint);margin:0}.secondary-button,.primary-button{border-radius:6px;padding:10px 16px;font-size:13px}.secondary-button{background:var(--active);border:1px solid var(--line-strong);color:var(--text)}.primary-button{background:var(--mint);color:#202020}.filter-extra{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.filter-extra[hidden]{display:none}.advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.filter-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;color:var(--muted)}.filter-field input,.filter-field select{font-size:13px;border-radius:5px;padding:9px 11px;width:100%;background:var(--icon-bg)}.quality-selector>div{display:flex;gap:5px;flex-wrap:wrap}.quality-selector button{border:1px solid currentColor;border-radius:4px;background:transparent;font-size:11px;padding:6px 7px}.quality-selector button.selected{background:var(--active);box-shadow:inset 0 0 0 1px currentColor}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.filter-chips:has(button){margin-top:14px}.filter-chips button{padding:3px 10px;border:1px solid var(--line-strong);background:var(--active);border-radius:16px;color:var(--text);font-size:11px}.results-toolbar{font-size:12px;margin:10px 0 16px}.sort-control select{padding:5px 8px;border-radius:4px;font-size:12px}.codex-table{border-radius:4px;border-color:var(--line);box-shadow:0 4px 10px #0002}.codex-table table{min-width:0;width:100%}.codex-table th{font-size:12px;background:var(--table-head);border-bottom:2px solid var(--mint);color:var(--text);padding:13px 16px}.codex-table td{padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px;background:var(--panel)}.codex-table tr:hover td{background:var(--hover)}.codex-table .icon-cell{width:58px;padding-left:14px;padding-right:7px}.codex-table .item-icon{width:34px;height:34px;padding:0;background:transparent;border-radius:2px;border:0}.codex-table .table-name{padding:0;min-height:34px}.codex-table .table-name strong{font-size:14px;line-height:1.45}.codex-table .table-name small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.codex-table .level-cell{width:100px;text-align:right;white-space:nowrap}.level-cell .muted{font-size:12px;margin-right:5px}.pagination{position:sticky;bottom:12px;z-index:12;background:var(--sidebar);border:1px solid var(--line-strong);border-radius:5px;padding:14px 18px;margin:22px auto 0;max-width:920px;box-shadow:0 4px 16px #0004;justify-content:center;gap:10px}.pagination button{background:var(--panel);border-radius:4px;border-color:var(--line);height:36px;min-width:36px}.pagination button.active{background:var(--mint);border-color:var(--mint);color:#202020}.pagination>span{margin-right:auto;font-size:12px}.entity-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}.basic-panel,.item-detail-panel{background:var(--panel);border:1px solid var(--line);border-radius:3px;box-shadow:0 3px 7px #0002;overflow:hidden}.basic-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:15px;border-bottom:1px solid var(--line);padding:7px 14px;font-size:13px}.basic-row>span{font-style:italic;color:var(--soft)}.basic-row strong{font-weight:400;overflow-wrap:anywhere}.basic-row .item-icon{width:23px;height:23px;display:inline-block;padding:0;border:0;border-radius:0;vertical-align:middle}.basic-panel>.secondary-button{margin:15px}.entity-title{display:flex;gap:13px;align-items:center;padding:17px}.entity-title h1{font-size:21px;margin:0;line-height:1.4;overflow-wrap:anywhere}.entity-title small{font-size:11px;color:var(--muted)}.entity-title .detail-icon{width:48px;height:48px;padding:0;border:0;background:transparent;border-radius:1px}.item-detail-panel .attributes{display:block;padding:4px 25px 16px;max-width:820px}.item-detail-panel .attribute{padding:5px 0;font-size:14px;border:0;border-bottom:1px solid #7771}.item-detail-panel .attribute strong{font-weight:700}.item-detail-panel .description{margin:0 15px 15px;padding:15px;background:var(--icon-bg);color:#e1cb75;font-size:14px;line-height:1.8}.light .item-detail-panel .description{color:#81561c}.item-properties{background:var(--icon-bg);margin:15px;padding:10px 15px;font-size:13px;color:var(--soft)}.item-properties p{margin:0}.relation-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0 15px}.relation-tabs a{border:1px solid var(--line);background:var(--panel);padding:6px 12px;border-radius:4px;font-size:12px}.relation-tabs b{color:var(--mint);margin-left:4px}.relationship-section{border:1px solid var(--line);background:var(--panel);border-radius:4px;margin:20px 0;padding:0 15px 15px;scroll-margin-top:120px}.relationship-section>h2{background:var(--table-head);border-bottom:2px solid var(--mint);font-size:16px;margin:0 -15px 15px;padding:10px 15px}.relationship-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.relation-card{background:var(--icon-bg);border-radius:3px;padding:11px;border-left:2px solid var(--line-strong)}.relation-card .item-icon{width:36px;height:36px;padding:0;border:0;border-radius:2px}.relation-card .item-label strong{font-size:13px}.sprite-skills{padding:15px;display:flex;gap:10px;flex-wrap:wrap}.sprite-skills a{border:1px solid var(--line);padding:8px 15px;background:var(--icon-bg);border-radius:4px}.sprite-skills strong{margin-left:10px;color:var(--mint)}.content-panel{border-radius:4px}.footer{background:var(--sidebar);font-size:11px;padding:22px 35px;color:var(--muted)}#toast{left:50%}.entity-preview{position:fixed;z-index:80;width:355px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:hidden;border:1px solid #bd8453;background:var(--sidebar);box-shadow:0 10px 35px #0009;border-radius:4px;padding:15px;pointer-events:none}.entity-preview[hidden]{display:none}.preview-title{display:flex;align-items:center;gap:10px;line-height:1.45}.preview-title .item-icon{width:40px;height:40px;padding:0;border:0}.entity-preview>small{display:block;color:var(--muted);font-size:11px;margin:8px 0}.preview-stats>div{display:flex;justify-content:space-between;font-size:12px;gap:10px}.entity-preview p{white-space:pre-line;color:#dfd085;font-size:12px;line-height:1.7;margin-bottom:0}.light .entity-preview p{color:#805413}.quality-1{color:var(--text)}.quality-2{color:#64c64d}.quality-3{color:#67aaf9}.quality-4{color:#f5a456}.quality-5{color:#f1d13b}.quality-6{color:#d083f4}.quality-7{color:#ff6663}.light .quality-2{color:#298322}.light .quality-3{color:#2866c7}.light .quality-4{color:#9c4e07}.light .quality-5{color:#887005}.light .quality-6{color:#8433b6}.light .quality-7{color:#c82424}
@media(min-width:1650px){#nav>.nav-link>span{display:block}.codex-grid{gap:22px}main{max-width:1450px}}
@media(max-width:1100px){.primary-nav{gap:8px;padding:10px 15px}.nav-link{padding:8px}.top-search{width:250px}.codex-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.codex-card{gap:12px;padding:18px 14px}.category-icon{flex-basis:44px;width:44px;height:44px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entity-grid{grid-template-columns:250px minmax(0,1fr)}.relationship-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.primary-nav{flex-wrap:wrap}.codex-brand{font-size:18px}.menu-button{display:grid;margin-left:auto}.top-search{flex:1;min-width:180px;margin-left:5px}#nav{display:none;position:absolute;left:10px;right:10px;top:100px;flex-wrap:wrap;padding:12px;background:var(--sidebar);border:1px solid var(--line-strong);max-height:75vh;overflow-y:auto}.menu-open #nav{display:flex;z-index:40}.menu-open #nav>.nav-link>span{display:block}.menu-open .nav-overlay{z-index:25}.nav-dropdown{width:100%}.nav-dropdown>summary>span{display:block}.dropdown-menu{position:static;border:0;box-shadow:none;min-width:0;padding:5px;max-height:none;display:grid;grid-template-columns:1fr 1fr}.secondary-nav{padding:3px 15px 8px;gap:8px}.server-tab{font-size:10px;padding:3px 7px}.server-version{display:none}.nav-actions{gap:9px}.language-label{font-size:10px;padding:1px 4px}.nav-actions a{font-size:19px}main{padding:22px 20px 45px}.welcome-panel{padding:25px 20px}.welcome-panel h1{font-size:28px}.welcome-panel p{font-size:13px}.codex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-card h3{font-size:15px}.codex-card p{font-size:11px}.card-chevron{display:none}.search-strip{flex-wrap:wrap}.search-local{flex-basis:100%}.extended-toggle{flex:1;justify-content:space-between}.advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-selector{grid-column:1/-1}.entity-grid{grid-template-columns:1fr}.basic-panel{order:1}.item-detail-panel{order:0}.basic-row{grid-template-columns:130px 1fr}.relation-tabs{margin-top:20px}.pagination>span{width:auto}.item-detail-panel .attributes{padding:5px 20px 15px}.item-detail-panel .attribute{font-size:13px}}
@media(max-width:480px){.primary-nav{gap:6px;padding:9px 12px}.codex-brand i{font-size:16px}.top-search{min-width:0;width:auto;flex-basis:155px;margin:0;height:34px;padding:0 8px}.top-search kbd{display:none}.top-search input{font-size:11px}.menu-button{width:27px;margin-left:0}.secondary-nav{padding:4px 12px 8px}.server-tab{font-size:9px;gap:4px}.nav-actions{gap:7px}.language-label{display:none}.icon-button{width:28px;height:28px}.codex-header .icon-button{font-size:22px}main{padding:18px 13px 35px}.latest-carousel{grid-template-columns:28px minmax(0,1fr) 28px;min-height:243px;margin-top:0}.latest-card h2{font-size:13px;padding:10px}.latest-item strong{font-size:14px}.carousel-arrow{font-size:40px}.carousel-dots{gap:7px}.carousel-dots button{width:8px;height:8px}.welcome-panel{padding:23px 15px;margin-bottom:28px}.welcome-panel h1{font-size:23px;margin-bottom:12px}.welcome-panel p{font-size:12px}.center-heading{margin:30px 0 22px}.center-heading h2{font-size:23px}.center-heading p{font-size:11px}.codex-grid{gap:10px}.codex-card{display:block;padding:17px 13px;min-height:175px}.category-icon{margin-bottom:12px;width:39px;height:39px}.category-icon svg{width:23px;height:23px}.codex-card h3{font-size:14px}.codex-card p{font-size:10px}.codex-card small{font-size:9px}.update-row{padding:14px;gap:9px}.update-row>span:not(.dot){width:100%;font-size:11px}.filter-panel{padding:13px}.advanced-grid{gap:12px}.filter-field{font-size:11px}.search-strip{gap:8px}.extended-toggle{font-size:11px;padding:9px}.secondary-button{padding:9px 12px;font-size:12px}.list-heading h1{font-size:21px}.sort-control{gap:5px}.sort-control label{display:none}.results-toolbar{font-size:10px;gap:5px}.sort-control select{font-size:10px;max-width:100px}.codex-table table{min-width:0}.codex-table th{font-size:10px;padding:11px 8px}.codex-table td{padding:10px 8px}.codex-table .icon-cell{width:44px;padding-left:9px;padding-right:4px}.codex-table .item-icon{width:29px;height:29px}.codex-table .table-name strong{font-size:12px}.codex-table .table-name small{font-size:9px}.codex-table .level-cell{width:47px;font-size:12px}.level-cell .muted{display:none}.pagination{padding:10px 7px;gap:5px;bottom:7px}.pagination button{min-width:30px;height:32px;padding:0 6px;font-size:12px}.pagination>span{width:100%;text-align:center;font-size:10px;margin:0}.entity-title h1{font-size:18px}.entity-title .detail-icon{width:40px;height:40px}.relationship-grid{grid-template-columns:1fr}.relation-tabs a{font-size:10px;padding:5px 8px}.item-detail-panel .description{font-size:12px}.basic-row{font-size:12px}.breadcrumb{font-size:10px;flex-wrap:wrap;overflow-wrap:anywhere}.footer{padding:20px 14px;gap:8px}.dropdown-menu{grid-template-columns:1fr}.source-note{overflow-wrap:anywhere}.content-panel{padding:16px}.map-legend{flex-wrap:wrap}}
#nav{margin:0}.nav-link.active{box-shadow:none}

.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px}.archive-item{background:var(--panel);border:1px solid var(--line);border-radius:5px;min-width:0;padding:15px 10px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:9px}.archive-item:hover{border-color:var(--mint)}.archive-item .item-icon{width:42px;height:42px;padding:0}.archive-item strong{font-size:12px;line-height:1.5}.archive-item small{font-size:10px;color:var(--muted)}.guide-result{border:1px solid var(--line);background:var(--panel);border-radius:4px;margin-bottom:20px}.guide-result h2{margin:0;padding:12px 17px;border-bottom:2px solid var(--mint);background:var(--table-head);font-size:18px;display:flex;align-items:center;gap:15px}.guide-result h2 small{margin-left:auto;color:var(--muted);font-size:11px;font-weight:400}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:18px}.guide-columns h3{font-size:12px;font-weight:400;color:var(--muted);margin:0 0 10px}.guide-components{display:flex;flex-direction:column;gap:7px}.guide-components>a{display:flex;align-items:center;gap:10px;background:var(--icon-bg);border:1px solid var(--line);border-radius:3px;padding:8px;font-size:13px}.guide-components .item-icon{width:32px;height:32px;padding:0;border:0;flex-shrink:0}.guide-components small{margin-left:auto;white-space:nowrap;font-size:10px;color:var(--muted)}.guide-bonus{display:block;background:var(--icon-bg);border-left:2px solid var(--mint);padding:10px 13px;margin-bottom:10px;font-size:13px}.guide-bonus p,.guide-description{white-space:pre-line;color:var(--soft);font-size:12px;line-height:1.8;margin:7px 0}.guide-more{font-size:12px;color:var(--mint)}.quest-dialogue{border-top:1px solid var(--line);padding:12px 17px;font-size:13px}.quest-dialogue summary{cursor:pointer;color:var(--mint)}.quest-dialogue p{white-space:pre-line;line-height:1.9;color:var(--soft)}@media(max-width:650px){.guide-columns{grid-template-columns:1fr;gap:15px;padding:14px}.guide-result h2{font-size:16px}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.archive-item{padding:10px 7px}.archive-item strong{font-size:10px}.archive-item small{font-size:9px}}
/* Sprite index and work browser */
.sprite-table table{min-width:840px}.sprite-table td{padding:14px}.sprite-table td:first-child{width:60px}.sprite-table .table-name small{display:block;font-size:11px;color:var(--muted)}.sprite-table .ability-badges{display:flex;gap:6px;flex-wrap:wrap;max-width:610px}.ability-badges a{display:flex;align-items:center;gap:5px;padding:4px 7px;background:#232323;border-radius:4px;color:var(--text);font-size:11px}.ability-badges b{color:var(--mint);margin-left:5px}.ability-icon{width:26px;height:26px;object-fit:contain;flex-shrink:0}.sprite-tribe{font-style:italic;color:var(--muted)}
.sprite-page{padding:12px;border:1px solid var(--line);background:var(--panel);border-radius:5px}.sprite-heading{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px}.sprite-identity{display:flex;align-items:center;gap:18px;flex:1;border-bottom:1px solid #65503f;padding:0 0 14px;min-width:0}.sprite-identity h1{font-size:29px;line-height:1.3;margin:0 0 10px}.sprite-identity p{margin:0 0 5px}.sprite-identity p span{margin-left:16px}.sprite-identity small{color:var(--muted)}.sprite-identity .detail-icon{width:80px;height:80px;object-fit:contain;background:#252525;border-radius:6px;padding:10px}.sprite-summons{max-width:340px;max-height:160px;overflow:auto;padding:12px;background:#292929;border-radius:8px}.sprite-summon{display:flex;gap:12px;align-items:center;background:#222;padding:10px;margin-bottom:5px;border-radius:4px;font-size:13px}.sprite-summon small{display:block;color:var(--muted);margin-top:4px}.sprite-summon .item-icon{width:34px;height:34px}.sprite-work-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.sprite-work-panel{background:#242424;padding:18px;border-radius:7px;min-width:0}.sprite-work-panel>h2{margin:0 0 15px;padding-bottom:12px;color:var(--mint);border-bottom:1px solid var(--line);font-size:20px}.sprite-work-panel.training{grid-column:1/-1;margin-top:12px}.ability-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.ability-tabs button{min-width:100px;max-width:170px;min-height:96px;padding:10px 14px;border:2px solid #483b31;border-radius:8px;background:transparent;color:var(--text);display:flex;flex-direction:column;gap:7px;align-items:center;cursor:pointer}.ability-tabs button.active{background:#493c2f;border-color:var(--mint);box-shadow:0 0 8px #eaa06440}.ability-tabs button b{font-size:12px}.ability-tabs button small{color:var(--mint);font-weight:700}.ability-tabs .ability-icon{width:34px;height:34px}.sprite-work-tools{display:flex;gap:9px;align-items:center;margin:0 0 12px;flex-wrap:wrap}.sprite-work-tools input{flex:1;min-width:130px;width:180px;padding:9px;border:1px solid var(--line);border-radius:5px;background:#1f1f1f;color:var(--text)}.sprite-work-tools label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.sprite-work-tools select{padding:6px;background:#1f1f1f;color:var(--text);border:1px solid var(--line);border-radius:4px}.work-count{border-radius:50%;background:#5a4534;color:var(--mint);font-size:11px;padding:5px 8px}.work-results{max-height:620px;overflow:auto;scrollbar-color:var(--mint) #292929;scrollbar-width:thin;padding-right:5px}.sprite-work-row{background:#2b2b2b;border-radius:4px;margin-bottom:6px;padding:9px}.work-row-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.work-row-title>a{display:flex;gap:8px;align-items:center;color:var(--text);min-width:0}.work-row-title .item-icon{height:34px;width:34px}.work-level-badge{font-size:10px;flex-shrink:0;color:var(--mint);border:1px solid #624e3e;background:#43392f;padding:3px 6px;border-radius:20px}.work-outputs{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 4px}.work-output{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text)}.work-output .item-icon{width:34px;height:34px;border:1px solid #8b8177;border-radius:3px}.work-output>span{display:none}.work-output>b{background:#47382d;padding:2px 3px;color:var(--mint);font-size:10px;margin-right:6px}.conditional-output{opacity:.8}.work-details{margin-top:7px;font-size:11px;color:var(--muted)}.work-details summary{cursor:pointer}.work-details[open]{border-top:1px solid var(--line);padding-top:8px}.work-details p{white-space:pre-line;line-height:1.7}.work-details .work-output>span{display:inline}.work-stats{display:flex;flex-wrap:wrap;gap:7px 16px;padding:10px 0}.work-stats b{color:var(--text)}.work-materials{padding-top:10px;display:flex;gap:6px;flex-direction:column}.work-materials a{display:flex;align-items:center;gap:7px;color:var(--text)}.work-materials .item-icon{width:28px;height:28px}.work-materials b{color:var(--mint)}.work-footer{text-align:center;margin-top:8px}.sprite-empty{padding:24px 0;color:var(--muted)}.sprite-base-stats,.sprite-salvage{margin-top:18px;padding:15px;background:#242424;border-radius:5px}.sprite-base-stats summary{cursor:pointer;color:var(--mint)}.sprite-base-stats .attributes{margin-top:15px}.sprite-salvage h2{font-size:17px;color:var(--mint)}
body.light .sprite-work-panel,body.light .sprite-base-stats,body.light .sprite-salvage,body.light .sprite-summons,body.light .sprite-summon,body.light .ability-badges a{background:#eee9e2}body.light .sprite-work-row,body.light .sprite-work-tools input,body.light .sprite-work-tools select{background:#fff}body.light .ability-tabs button.active{background:#fde8d3}body.light .sprite-identity .detail-icon{background:#eee9e2}
@media(max-width:760px){.sprite-work-grid{grid-template-columns:1fr}.sprite-heading{flex-direction:column}.sprite-summons{max-width:none;width:100%}.sprite-identity{width:100%}.sprite-identity h1{font-size:23px}.sprite-work-panel{padding:12px}.sprite-identity p span{display:block;margin:4px 0}.sprite-work-tools label{font-size:10px}.sprite-work-panel.training{grid-column:auto}.sprite-page{padding:7px}.ability-tabs button{min-width:90px;max-width:140px;padding:9px}.sprite-work-panel .work-results{max-height:520px}.source-note code{white-space:normal;overflow-wrap:anywhere}}
.world-map-page{padding:12px;background:#222}.world-map-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;background:linear-gradient(110deg,#3b322a,#1c1c1c);padding:22px;border:1px solid #66503e;border-radius:9px}.world-map-heading h1{font-size:29px;color:var(--mint);font-weight:500;margin:0}.world-map-heading p{color:var(--soft);margin:6px 0}.world-map-heading label{display:flex;flex-direction:column;gap:6px;color:var(--muted);min-width:270px}.world-map-heading select{padding:11px;background:#171717;border:1px solid #66503e;border-radius:5px;color:var(--text)}.world-map-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;margin-top:22px}.world-map-grid aside>section{background:#1b1b1b;border:1px solid #39332d;border-radius:8px;padding:18px;margin-bottom:14px}.world-map-grid h2{color:var(--mint);font-size:21px;border-bottom:1px solid #483b30;padding-bottom:12px;margin:0 0 12px}.world-counts{display:flex;justify-content:space-around;gap:6px;text-align:center;background:#2d251e;padding:12px;border-radius:7px}.world-counts>b{font-size:26px;color:var(--mint)}.world-counts small{display:block;font-size:10px;color:var(--muted);font-weight:400}.world-help h3{color:var(--mint);font-size:14px}.world-help p{font-size:12px;color:var(--muted)}.world-help a,.world-open{display:block;color:var(--mint);margin-top:15px;font-size:12px}.world-regions input{padding:9px;width:100%;background:#222;border:1px solid var(--line);border-radius:4px;color:var(--text);margin-bottom:10px}#world-region-list{max-height:230px;overflow:auto}#world-region-list a{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line);font-size:12px}#world-art svg{width:100%;height:auto;min-height:350px}#world-art path{fill:#eaa063;fill-opacity:0;stroke:none;cursor:pointer;transition:fill-opacity .15s}#world-art path:hover,#world-art path.hovered,#world-art a:focus path{fill-opacity:.35}body.light .world-map-page,body.light .world-map-grid aside>section{background:#fff}body.light .world-map-heading{background:#f5ece0}body.light .world-counts{background:#f3e9dd}body.light .world-map-heading select,body.light .world-regions input{background:#fff}@media(max-width:900px){.world-map-grid{grid-template-columns:1fr}.world-map-heading{align-items:stretch;flex-direction:column}.world-map-heading label{min-width:0}.world-map-grid aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}.world-regions{grid-column:1/-1}#world-art svg{min-height:0}}@media(max-width:500px){.world-map-grid aside{display:block}.world-map-heading{padding:15px}.world-map-page{padding:7px}}

.class-picker,.archive-categories,.level-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.class-picker a{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:95px;padding:13px 17px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text)}.class-picker svg{width:28px;height:28px}.class-picker a.selected,.archive-categories .selected,.level-tabs .selected{background:#4a3829;border-color:var(--mint);color:var(--mint)}.master-summary{display:flex;align-items:center;gap:14px;background:var(--panel);padding:14px;margin:20px 0;border-radius:6px}.master-summary strong{color:var(--mint);font-size:24px}.master-summary button{margin-left:auto}.master-group{background:var(--panel);border-radius:6px;margin-bottom:20px;padding:18px}.master-group h2{font-size:19px;color:var(--mint);display:flex;align-items:center;justify-content:space-between}.master-group h2 span{font-size:13px;font-weight:400}.master-group table{width:100%;border-collapse:collapse}.master-group td,.master-group th{padding:13px;border-bottom:1px solid var(--line);text-align:left}.master-group th{color:var(--muted);font-weight:400;font-size:12px}.master-group td:first-child{width:30%}.master-group td:first-child a{display:flex;gap:12px;align-items:center}.master-group td:first-child strong{font-size:14px}.master-description{white-space:pre-line;line-height:1.7;font-size:13px}.master-group select{background:var(--bg);color:var(--text);border:1px solid var(--line);padding:7px}.activity-filters{display:flex;gap:18px;align-items:end;margin:20px 0}.activity-filters label{flex:1;color:var(--mint);font-size:12px}.activity-filters select,.activity-filters input,.relation-search,#archive-bonus-q{display:block;width:100%;padding:11px;margin-top:7px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:5px}.activity-filters input{flex:1}.activity-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px}.activity-layout aside{background:var(--panel);border-radius:6px;padding:10px}.activity-layout .content-panel{margin:0;padding:25px}#activity-list{max-height:760px;overflow:auto}#activity-list button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--text);padding:13px;cursor:pointer}#activity-list button.selected{background:#514030;color:var(--mint)}#activity-list button strong{display:block;font-size:13px}#activity-list small{display:block;color:var(--muted);font-size:10px;margin-top:6px}#activity-count{font-size:12px;color:var(--mint);padding:10px}.activity-title{display:flex;gap:14px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.activity-title h2{color:var(--mint);font-size:24px;margin:0 0 8px}.activity-title span{font-size:12px;color:var(--muted)}.activity-maps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.activity-maps a,.archive-categories a,.level-tabs button{padding:8px 13px;border:1px solid var(--line);background:var(--panel);border-radius:4px;color:var(--text);cursor:pointer}.activity-maps a{color:var(--mint)}.activity-layout .description{line-height:1.8;font-size:14px}.relation-search{max-width:430px;margin-bottom:15px}.location-link{display:block;padding:3px 0;font-size:13px}.level-tabs button{min-width:100px}#level-chart svg{width:100%;height:auto;min-height:220px}#level-chart text{fill:var(--muted);font-size:12px}.chart-legend{text-align:center;font-size:13px;display:flex;gap:30px;justify-content:center}.chart-legend span:first-child{color:#eca263}.chart-legend span:last-child{color:#ef9298}.level-table-toggle{margin-top:20px}.level-table-toggle summary{cursor:pointer;color:var(--mint);padding:12px;text-align:center}.level-table-toggle table{width:100%;border-collapse:collapse}.level-table-toggle td,.level-table-toggle th{padding:10px;border-bottom:1px solid var(--line);text-align:right}.level-table-toggle th{color:var(--mint)}#archive-bonuses{margin-top:30px}#archive-bonuses h2{color:var(--mint)}#archive-bonus-q{max-width:400px}#archive-bonus-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px;max-height:650px;overflow:auto}#archive-bonus-list a{padding:13px;border:1px solid var(--line);border-radius:4px}#archive-bonus-list strong{font-size:13px}#archive-bonus-list small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.archive-conditions{padding:15px 0;line-height:1.9;color:var(--mint)}
@media(max-width:800px){.activity-layout{grid-template-columns:1fr}.activity-filters{flex-wrap:wrap}.activity-filters label{min-width:120px}.activity-filters input{min-width:100%}#activity-list{max-height:340px}.activity-layout .content-panel{padding:16px}#archive-bonus-list{grid-template-columns:1fr 1fr}.class-picker{gap:5px}.class-picker a{min-width:75px;padding:10px;font-size:12px}.master-group{padding:10px}.master-group table{min-width:560px}.master-summary{font-size:12px;gap:8px}.activity-title h2{font-size:20px}}
@media(max-width:460px){#archive-bonus-list{grid-template-columns:1fr}.archive-categories{gap:5px}.archive-categories a{padding:7px;font-size:12px}}

.nav-category{position:relative;display:flex;align-items:center}.nav-category>.nav-link{padding-right:2px}.nav-expand{background:none;color:var(--muted);border:0;padding:5px;font-size:11px;cursor:pointer}.nav-category>.dropdown-menu{display:none;position:absolute;top:100%;left:0;z-index:50;min-width:225px;border:1px solid var(--line);background:#272727;box-shadow:0 12px 25px #0006;padding:7px}.nav-category:hover>.dropdown-menu,.nav-category:focus-within>.dropdown-menu,.nav-category.expanded>.dropdown-menu{display:block}.nav-category .dropdown-menu .nav-link{display:flex;padding:10px;font-size:13px;gap:10px}.nav-category .dropdown-menu .nav-link span{display:inline}.nav-category .dropdown-menu .nav-link svg{width:18px;height:18px}.nav-category .dropdown-menu a:hover{background:#47382d;color:var(--mint)}.title-description{white-space:pre-line;line-height:1.8;max-width:650px}.affix-stats{font-size:11px;color:var(--muted);line-height:1.6;max-width:450px}.quest-dialogue[open] summary{color:var(--mint)}
@media(max-width:760px){.nav-category{display:block}.nav-category>.nav-expand{position:absolute;right:0;top:4px}.nav-category>.dropdown-menu{position:static;min-width:0}.nav-category:hover>.dropdown-menu{display:none}.nav-category.expanded>.dropdown-menu,.nav-category:focus-within>.dropdown-menu{display:block}}

.change-name{display:flex;gap:12px;align-items:center}.change-name small{display:block;color:var(--muted);font-size:10px}.change-state{padding:4px 8px;border-radius:4px;font-size:11px;background:#53402d;color:#efb170}.change-state.NEW{background:#27483c;color:#9ceacb}.change-state.MISSING{background:#4d2f33;color:#ecacb7}

.map-explorer{display:grid;grid-template-columns:240px minmax(0,1fr) 210px;gap:12px;background:#202020;padding:12px;border-radius:6px}.map-sidebar{min-width:0;background:#262626;border:1px solid #504032;border-radius:4px;padding:9px}.map-sidebar h2{font-size:14px;color:var(--mint);margin:0 0 9px;padding:7px;background:#46362a}.map-sidebar small{font-size:10px}.map-sidebar input[type=search]{width:100%;padding:8px;background:#202020;border:1px solid #504032;color:var(--text);border-radius:3px}.map-type-choice{display:flex;gap:13px;font-size:11px;padding:10px 0}.map-type-choice input{accent-color:var(--mint)}#map-point-list,#map-index-list{max-height:620px;overflow:auto;scrollbar-width:thin}#map-point-list a{display:flex;gap:7px;padding:9px 2px;font-size:11px;color:var(--text)}#map-point-list small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.map-point-dot.npcs{color:#95e0bc}.map-point-dot.monsters{color:#ecaa70}#map-index-list a{display:block;padding:9px 7px;font-size:12px;color:var(--text)}#map-index-list a.selected{background:var(--mint);color:#242424;border-radius:3px}.map-center{min-width:0}.map-title-banner{padding:15px 20px;background:linear-gradient(120deg,#48362b,#222);border:1px solid #504032;border-radius:5px;text-align:center}.map-title-banner h1{font-family:Georgia,serif;font-style:italic;color:var(--mint);font-weight:400;font-size:33px;margin:6px 0 15px}.map-title-banner audio{width:100%;height:35px}.map-view-tabs{display:flex;gap:7px;margin:10px 0}.map-view-tabs button{background:#2b2b2b;border:1px solid #504032;color:var(--text);padding:7px 12px;cursor:pointer;border-radius:4px}.map-view-tabs button.selected{color:var(--mint);border-color:var(--mint)}#map-art-view img{width:100%;height:auto;border-radius:4px}.map-location-readout{font-size:12px;line-height:1.8;color:var(--muted);min-height:40px}.map-explorer .map-stage{min-height:200px}.map-explorer .map-stage svg{width:100%;height:auto;max-height:650px;touch-action:none}
@media(max-width:1100px){.map-explorer{grid-template-columns:190px minmax(0,1fr)}.map-index{grid-column:1/-1}#map-index-list{max-height:220px;display:grid;grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.map-explorer{grid-template-columns:1fr}.map-center{grid-row:1}#map-point-list{max-height:230px}.map-index{grid-column:auto}.map-sidebar{padding:8px}#map-index-list{grid-template-columns:1fr 1fr}.map-title-banner h1{font-size:27px}}
.talent-card header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.talent-card header h1,.talent-card header h2{margin:0}.talent-card header>small,.talent-help,.talent-classes{color:var(--muted)}.talent-classes{font-size:12px;line-height:1.8;margin:10px 0 18px}.talent-help{font-size:12px;line-height:1.7}.talent-slots{display:grid;gap:8px}.talent-slot{border:1px solid var(--line);border-radius:7px;overflow:hidden}.talent-slot summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:10px 12px;list-style:none}.talent-slot summary::-webkit-details-marker{display:none}.talent-slot summary strong,.talent-slot summary small{display:block}.talent-slot summary small{color:var(--muted);font-size:11px;margin-top:3px}.talent-option-icons{display:flex;align-items:center;gap:4px}.talent-option-icons img{width:26px;height:26px}.talent-option-icons b{margin-left:6px;color:var(--accent)}.talent-alternatives{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:360px;overflow:auto;border-top:1px solid var(--line);padding:6px;gap:4px}.talent-alternatives>a{display:flex;align-items:center;gap:8px;min-width:0;padding:7px;border-radius:4px}.talent-alternatives>a:hover{background:var(--panel)}.talent-alternatives img{width:32px;height:32px;flex-shrink:0}.talent-alternatives strong{font-size:12px;overflow-wrap:anywhere}.talent-alternatives small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.talent-bonus p{white-space:pre-line;line-height:1.8}.talent-card .guide-columns>div{min-width:0}@media(max-width:600px){.talent-alternatives{grid-template-columns:1fr}.talent-card header>small{font-size:11px}.talent-option-icons img{width:22px;height:22px}}
.class-picker .talent-family{flex:1 1 165px;max-width:210px;border:1px solid var(--line);border-radius:6px;background:var(--panel);overflow:hidden}.class-picker .talent-family>a{border:0;border-radius:0;min-width:0}.talent-family-promotions{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;padding:3px 6px 9px}.class-picker .talent-family-promotions>a{display:inline-block;min-width:0;padding:4px 5px;border:0;font-size:10px;color:var(--muted);background:transparent}.class-picker .talent-family-promotions>a.selected{color:var(--mint);background:#4a3829}.class-picker .talent-family-promotions>a:hover{color:var(--mint)}@media(max-width:600px){.class-picker .talent-family{flex-basis:135px;max-width:none}.class-picker .talent-family-promotions>a{font-size:10px;padding:3px}}

body.light #activity-list button.selected,body.light .archive-categories .selected,body.light .level-tabs .selected,body.light .class-picker a.selected{background:#fff0df;color:#8b410d;border-color:#b36b27}body.light #activity-list button.selected small{color:#6c5848}