:root{--cx-bg:#090b0f;--cx-panel:#11151b;--cx-panel2:#171c23;--cx-line:#2c3440;--cx-gold:#c99a52;--cx-gold2:#f1d08b;--cx-text:#e8e2d8;--cx-muted:#89919d;--cx-red:#7e2722}
body.guide-page{background:radial-gradient(circle at 50% -20%,#302414 0,#111318 34%,#080a0d 72%);color:var(--cx-text)}
.catalog-header{background:rgba(8,10,13,.94)!important;border-bottom:1px solid #332b20!important;backdrop-filter:blur(14px)}
.catalog-logo span{font-family:Georgia,serif;letter-spacing:.08em}.catalog-tabs{gap:4px}.catalog-tab{border-radius:3px!important;border:1px solid transparent!important}.catalog-tab:hover,.catalog-tab.is-active{background:#17130e!important;border-color:#5a4529!important;color:var(--cx-gold2)!important}
.g5-shell{max-width:1480px!important;margin:0 auto!important;padding:30px 24px 70px!important}.g5-topbar{display:grid!important;grid-template-columns:300px 1fr!important;gap:24px!important;align-items:center!important;background:linear-gradient(145deg,#151a20,#0e1116)!important;border:1px solid #303742!important;border-radius:8px!important;padding:18px!important;box-shadow:0 20px 60px #0008!important}.g5-brand{border-right:1px solid #313844;padding-right:20px}.g5-brand img{width:62px!important;height:62px!important;object-fit:contain}.g5-brand b{font-family:Georgia,serif!important;color:var(--cx-gold2)!important;font-size:18px!important}.g5-brand small{color:#747d89!important;letter-spacing:.18em!important}.g5-tabs{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important}.g5-tabs a{min-height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#0b0e12!important;border:1px solid #282f39!important;border-radius:5px!important;color:#aab0b8!important;position:relative!important;overflow:hidden!important}.g5-tabs a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:transparent}.g5-tabs a:hover,.g5-tabs a.is-on{color:#f4d99c!important;border-color:#76582f!important;background:linear-gradient(#1e1911,#11100e)!important}.g5-tabs a.is-on:before{background:var(--cx-gold)}
.g5-pagehead{margin:26px 0 16px!important;padding:26px 30px!important;border:1px solid #353c46!important;border-radius:8px!important;background:linear-gradient(120deg,#171c23 0,#101319 70%)!important;position:relative!important;overflow:hidden!important}.g5-pagehead:after{content:"CODEX / ARCHIVE";position:absolute;right:24px;top:18px;font:700 11px/1 monospace;letter-spacing:.22em;color:#4e5661}.g5-pagehead span{color:var(--cx-gold)!important;font-size:11px!important;letter-spacing:.2em!important}.g5-pagehead h1{font:700 34px/1.1 Georgia,serif!important;margin:8px 0!important;color:#f2eee6!important}.g5-pagehead p{color:#8f98a4!important;margin:0!important}
.codex-tools{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin:0 0 16px}.codex-search{height:46px;background:#0d1014;border:1px solid #303844;color:#e9e4db;padding:0 16px;border-radius:5px;outline:none}.codex-search:focus{border-color:#80613a;box-shadow:0 0 0 3px #c99a5215}.codex-toolbtn{height:46px;padding:0 16px;background:#151a20;border:1px solid #303844;color:#aeb5bf;border-radius:5px;cursor:pointer}.codex-toolbtn:hover{color:#f0d39b;border-color:#6b5233}.codex-progress{position:fixed;z-index:9999;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,#8f622e,#f1d08b);box-shadow:0 0 12px #c99a52}
.g5-news-layout{display:grid!important;grid-template-columns:360px minmax(0,1fr)!important;gap:16px!important;align-items:start!important}.g5-list-panel{position:sticky!important;top:92px!important;max-height:calc(100vh - 112px)!important;overflow:auto!important;background:#0e1115!important;border:1px solid #303741!important;border-radius:7px!important;padding:8px!important}.g5-list-title{padding:14px 13px!important;border-bottom:1px solid #272e37!important;margin-bottom:6px!important}.g5-list-title b{font-family:Georgia,serif;color:#e8dfd0!important}.g5-list-title span{color:#7f8791!important}.g5-content-row{border:1px solid transparent!important;border-radius:5px!important;margin:3px 0!important;padding:13px 12px!important;background:transparent!important;transition:.18s ease!important}.g5-content-row:hover{transform:translateX(3px);background:#151a20!important;border-color:#303843!important}.g5-content-row.is-on{background:linear-gradient(90deg,#211b13,#15171a)!important;border-color:#664c2d!important}.g5-text-marker{min-width:34px!important;height:34px!important;border-radius:3px!important;background:#191e25!important;border:1px solid #323a45!important;color:#c9a66a!important;display:grid!important;place-items:center!important;font:700 11px monospace!important}.g5-content-row b{color:#dcd7ce!important}.g5-content-row small{color:#777f8a!important}
.g5-article{background:#11151a!important;border:1px solid #303741!important;border-radius:7px!important;padding:0!important;overflow:hidden!important;box-shadow:0 18px 55px #0005!important}.g5-article-head{padding:30px 34px!important;background:linear-gradient(120deg,#1a2028,#12161b)!important;border-bottom:1px solid #303741!important}.g5-article-head span{color:#b58a4b!important;letter-spacing:.18em!important}.g5-article-head h2{font:700 30px/1.2 Georgia,serif!important;color:#f0ece5!important;margin:8px 0!important}.g5-article-head p{color:#8f97a1!important}.g7-article-block{margin:0!important;padding:28px 34px!important;border-bottom:1px solid #262d35!important;background:transparent!important}.g7-article-block h3{font:700 18px Georgia,serif!important;color:#d8b978!important;margin-top:0!important}.g7-info-rows>div,.g7-article-steps li{background:#0c0f13!important;border:1px solid #292f38!important;border-radius:5px!important}.g7-article-steps li b{color:#d1a45f!important}.g5-note{margin:26px 34px 34px!important;background:#1b1710!important;border:1px solid #5d472b!important;border-left:3px solid #c99a52!important;border-radius:4px!important;color:#c8b998!important}
.codex-empty{display:none;padding:22px;text-align:center;color:#7e8792}.site-footer-unified{background:#07090c!important;border-top:1px solid #292f37!important}
@media(max-width:980px){.g5-topbar{grid-template-columns:1fr!important}.g5-brand{border-right:0;border-bottom:1px solid #303741;padding:0 0 14px}.g5-tabs{grid-template-columns:repeat(2,1fr)!important}.g5-news-layout{grid-template-columns:1fr!important}.g5-list-panel{position:relative!important;top:auto!important;max-height:none!important}.codex-tools{grid-template-columns:1fr}.g5-shell{padding:18px 12px 50px!important}.g5-article-head,.g7-article-block{padding:22px!important}.g5-note{margin:20px!important}}

/* =========================================================
   EQUIPMENT ARMORY V4 — LUC DIA XUA
   Redesign riêng khu xem Trang Bị
   ========================================================= */
.g11-equipment{background:linear-gradient(180deg,rgba(13,15,17,.98),rgba(7,8,10,.99));border:1px solid #3a3328;box-shadow:0 24px 70px #0009,inset 0 1px #b8924d22;overflow:hidden}
.g11-equipment:before{content:"KHO TRANG BỊ · ARMORY";display:block;padding:12px 22px;background:linear-gradient(90deg,#17130e,#2a2115 48%,#17130e);border-bottom:1px solid #5b4729;color:#d9bd7c;font-size:11px;letter-spacing:3px;font-weight:800}
.g11-menu-shell,.g11-submenu-shell{padding:20px 22px;background:radial-gradient(circle at 50% 0,#b88a3620,transparent 48%),#0c0e10;border-bottom:1px solid #29251e}
.g11-menu-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.g11-menu-title>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #82652f;background:#17130c;color:#e3c579;font-family:Georgia,serif}.g11-menu-title b{color:#eee4cf;text-transform:uppercase;letter-spacing:1.3px}.g11-menu-title small{display:block;color:#766e61;margin-top:2px}
.g11-type-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.g11-type-menu a{position:relative;min-height:82px;padding:17px 18px 14px;border:1px solid #332f29;background:linear-gradient(145deg,#15181b,#0b0d0f);text-decoration:none;overflow:hidden;transition:.2s}.g11-type-menu a:before{content:"";position:absolute;inset:auto 0 0;height:2px;background:#7b6134;opacity:.35}.g11-type-menu a:hover,.g11-type-menu a.is-on{transform:translateY(-2px);border-color:#a47b36;background:linear-gradient(145deg,#211b11,#101214);box-shadow:0 10px 28px #0008,inset 0 0 25px #b68a2f10}.g11-type-menu a.is-on:before{height:3px;opacity:1;background:linear-gradient(90deg,transparent,#e1bd69,transparent)}.g11-type-menu b{display:block;color:#eee2c7;font:700 17px Georgia,serif}.g11-type-menu small{display:block;margin-top:8px;color:#8d8578;font-size:11px;letter-spacing:.4px}.g11-type-menu a.is-on b{color:#f0ca73}
.g11-equipment-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:26px 24px;background:linear-gradient(100deg,#111417,#18150f 55%,#0d0f11);border-bottom:1px solid #342e23}.g11-equipment-head>div:first-child>span{color:#9b793e;font-size:10px;letter-spacing:3px;font-weight:900}.g11-equipment-head h2{margin:5px 0 7px;color:#f1e5cb;font:700 29px Georgia,serif}.g11-equipment-head p{margin:0;color:#9a9286;max-width:720px;line-height:1.6}.g11-load-state{padding:10px 13px;border:1px solid #3c3529;background:#0a0c0d;text-align:right}.g11-load-state b{display:block;color:#b99551;font-size:10px;letter-spacing:1.5px}.g11-load-state span{color:#6e6961;font-size:10px}
.g11-tier-menu{display:flex;gap:8px;overflow:auto;padding:2px 0 8px;scrollbar-width:thin}.g11-tier-menu a{flex:0 0 145px;padding:11px 13px;border:1px solid #302c26;background:#111315;text-decoration:none;transition:.2s}.g11-tier-menu a:hover,.g11-tier-menu a.is-on{border-color:#9d783a;background:linear-gradient(180deg,#241c10,#131517);box-shadow:inset 0 -2px #b98b3b}.g11-tier-menu b{display:block;color:#d8d0c2;font-size:12px}.g11-tier-menu small{display:block;color:#746e65;margin-top:4px;font-size:10px}.g11-tier-menu a.is-on b{color:#f0ca75}
.g11-result{padding:24px;background:linear-gradient(180deg,#0b0d0f,#08090b)}.g11-result-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #312c23}.g11-result-head span{font-size:10px;letter-spacing:2.5px;color:#94733b}.g11-result-head h3{margin:4px 0 0;color:#eee3cd;font:700 25px Georgia,serif}.g11-result-tools{display:flex;align-items:center;gap:12px}.g11-result-tools>strong{padding:9px 11px;border:1px solid #3c3529;background:#12100c;color:#d6b66d;font-size:11px;white-space:nowrap}.g11-result-tools form{display:flex}.g11-result-tools input{width:220px;padding:10px 12px;border:1px solid #34302a;background:#0a0c0e;color:#ddd;outline:none}.g11-result-tools input:focus{border-color:#9b783d}.g11-result-tools button{border:1px solid #8b6b36;background:linear-gradient(#a17c3e,#5d431f);color:#fff3d4;padding:0 15px;font-weight:800;cursor:pointer}
/* Set armor becomes premium armory rows */
.g11-set-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.g11-set-card{position:relative;border:1px solid #302c25;background:linear-gradient(145deg,#151719,#0a0c0e 60%);box-shadow:0 12px 28px #0007;overflow:hidden;transition:.2s}.g11-set-card:hover{border-color:#856633;transform:translateY(-2px);box-shadow:0 16px 35px #0009,inset 0 0 30px #b6872f0d}.g11-set-card:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#a77e38,transparent);opacity:.55}.g11-set-card>header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 17px;border-bottom:1px solid #29251f;background:linear-gradient(90deg,#17191b,#17130d)}.g11-set-card header span{color:#806c49;font-size:9px;letter-spacing:1.8px}.g11-set-card h4{margin:3px 0 0;color:#e8d9ba;font:700 18px Georgia,serif}.g11-class-block{text-align:right}.g11-class-block b{display:block;margin-top:3px;color:#c8a75e;font-size:11px;letter-spacing:.5px}.g11-set-pieces{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:12px}.g11-set-piece{min-width:0;padding:10px 5px 8px;text-align:center;border:1px solid #292a28;background:radial-gradient(circle at 50% 30%,#8b6b2a16,transparent 45%),#0d0f11;transition:.18s}.g11-set-piece:hover{border-color:#765d32;background-color:#15130f}.g11-media{height:72px;display:grid;place-items:center;margin-bottom:7px;background:radial-gradient(circle,#d2a74715,transparent 60%)}.g11-media img{max-width:64px;max-height:64px;image-rendering:auto;filter:drop-shadow(0 5px 8px #000)}.g11-set-piece b{display:block;color:#a8a094;font-size:10px;font-weight:700}
/* Generic item grids (weapon/accessory/wing) */
.g11-result [class*="item-list"],.g11-result [class*="item-grid"]{gap:12px!important}.g11-result article:not(.g11-set-card){border-color:#302c25!important;background:linear-gradient(145deg,#151719,#0b0d0f)!important;box-shadow:0 10px 25px #0006}.g11-result article:not(.g11-set-card):hover{border-color:#8f6c36!important;transform:translateY(-2px)}
@media(max-width:900px){.g11-type-menu{grid-template-columns:repeat(2,1fr)}.g11-set-list{grid-template-columns:1fr}.g11-equipment-head,.g11-result-head{align-items:flex-start;flex-direction:column}.g11-result-tools{width:100%;flex-wrap:wrap}.g11-result-tools form{flex:1}.g11-result-tools input{width:100%}}
@media(max-width:560px){.g11-menu-shell,.g11-submenu-shell,.g11-result{padding:15px}.g11-type-menu{grid-template-columns:1fr 1fr}.g11-type-menu a{min-height:70px;padding:13px}.g11-set-pieces{grid-template-columns:repeat(5,minmax(52px,1fr));overflow-x:auto}.g11-set-piece{min-width:58px}.g11-media{height:58px}.g11-media img{max-width:52px;max-height:52px}.g11-load-state{display:none}}