:root{--forest:#09271f;--forest-2:#0d3a2d;--jade:#1e7554;--gold:#d4a84d;--cream:#f1e4c4;--paper:#fff7e5;--ink:#21382e;--muted:#6d614c;--line:#c3a36c;--shadow:0 8px 0 rgba(19,31,24,.2);--max:1120px}
@font-face{font-family:"Baloo 2 Local";src:url("landing-assets/fonts/baloo-2-vietnamese.woff2") format("woff2");font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Baloo 2 Local";src:url("landing-assets/fonts/baloo-2-latin-ext.woff2") format("woff2");font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Baloo 2 Local";src:url("landing-assets/fonts/baloo-2-latin.woff2") format("woff2");font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 "Baloo 2 Local",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}.guide-shell{width:min(var(--max),calc(100% - 40px));margin:0 auto}a{color:inherit;text-decoration:none}
.guide-header{background:rgba(7,35,28,.98);border-bottom:1px solid rgba(212,168,77,.7);color:#f4e6c5}.guide-header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.guide-brand{display:inline-flex;align-items:center;gap:10px}.guide-brand img{width:44px;height:44px;object-fit:contain}.guide-brand b,.guide-brand small{display:block}.guide-brand b{font-size:20px;font-weight:900;line-height:1}.guide-brand small{margin-top:4px;color:#c2b493;font-size:9px;letter-spacing:.15em}.guide-back{padding:9px 13px;border:1px solid var(--gold);border-radius:7px;color:#f6e7c7;font-size:13px;font-weight:800}.guide-back:hover{background:#174b38}
.guide-main{padding:48px 0 76px;background:radial-gradient(circle at 8% 0,#f9efd8 0,#f1e4c4 48%,#e9d7b5 100%)}.guide-article{overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.guide-intro{padding:42px 52px 24px}.guide-kicker{margin:0;color:var(--jade);font-size:11px;font-weight:900;letter-spacing:.16em}.guide-intro h1{max-width:760px;margin:10px 0 12px;color:var(--forest);font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.02;letter-spacing:-.04em}.guide-lede{max-width:720px;margin:0;color:var(--muted);font-size:18px}.guide-cover{margin:0 auto;padding:0 52px}.guide-cover img{display:block;width:100%;height:360px;object-fit:cover;object-position:center 53%;border:1px solid #a67d3d;border-radius:8px;box-shadow:0 5px 0 rgba(86,61,29,.18)}.guide-cover figcaption{padding:8px 2px 0;color:#77684e;font-size:12px}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:34px;padding-top:18px;padding-bottom:48px}.guide-content{min-width:0}.guide-section{padding:25px 0;border-top:1px solid #ddcba8}.guide-section h2{margin:0 0 10px;color:var(--forest);font-size:clamp(1.35rem,2.5vw,1.9rem);line-height:1.15}.guide-section p{margin:0 0 12px}.guide-callout{padding:12px 14px;border-left:4px solid var(--jade);background:#eef1dd;color:#355345}.guide-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guide-source-grid div{display:grid;gap:3px;padding:13px;background:#f6edda;border:1px solid #decaa3;border-radius:7px}.guide-source-grid b{color:var(--forest-2);font-size:15px}.guide-source-grid span{color:var(--muted);font-size:13px;line-height:1.45}.guide-table-wrap{overflow-x:auto;border:1px solid #d8c39b;border-radius:7px}.guide-table{width:100%;border-collapse:collapse;background:#fffaf0;font-size:13px}.guide-table th,.guide-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e3d6bb}.guide-table th{background:#e5eed9;color:var(--forest);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.guide-table td:first-child{width:80px;color:var(--jade);font-weight:900}.guide-table tr:last-child td{border-bottom:0}.guide-muted{color:var(--muted);font-size:13px}.guide-summon-row{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:18px}.guide-summon-row>img{width:150px;height:150px;object-fit:cover;border:1px solid #9d7c45;border-radius:50%;box-shadow:0 4px 0 rgba(86,61,29,.18)}.guide-bullets{display:grid;gap:9px;margin:0;padding-left:20px}.guide-bullets li{padding-left:3px}.guide-bullets strong{color:var(--forest-2)}.guide-risk{padding-bottom:0}.guide-risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.guide-risk-grid div{display:grid;gap:2px;padding:13px;background:#f7e3db;border:1px solid #d5a692;border-radius:7px}.guide-risk-grid b{color:#9b4231;font-size:22px;line-height:1}.guide-risk-grid span{font-size:12px;color:#6b4d43}
.guide-aside{display:grid;align-content:start;gap:14px;padding-top:25px}.guide-side-image{margin:0;padding:8px;background:#f3e6c7;border:1px solid #d3b77a;border-radius:8px}.guide-side-image img{display:block;width:100%;height:auto;border-radius:4px}.guide-side-image figcaption{padding:7px 3px 0;color:#77684e;font-size:11px}.guide-side-card{display:grid;gap:5px;padding:15px;background:#e5eed9;border:1px solid #a7c08d;border-radius:8px}.guide-side-card b{color:var(--forest);font-size:15px}.guide-side-card span{color:#4b6554;font-size:13px;line-height:1.45}.guide-side-card a{margin-top:5px;color:var(--forest-2);font-size:13px;font-weight:900}.guide-side-note{background:#f6edda;border-color:#decaa3}.guide-footer{background:var(--forest);color:#dfd5b9;border-top:1px solid var(--gold)}.guide-footer>div{display:flex;justify-content:space-between;gap:15px;padding:22px 0;font-size:12px}.guide-footer a{font-weight:900;color:#f3d77b}.guide-footer span{color:#aeb8a9}
@media(max-width:800px){.guide-intro,.guide-cover{padding-left:28px;padding-right:28px}.guide-layout{grid-template-columns:1fr;padding-left:28px;padding-right:28px}.guide-aside{grid-template-columns:1fr 1fr;padding-top:0}.guide-side-image{grid-column:1/-1;max-width:400px}.guide-source-grid{gap:8px}}
@media(max-width:560px){.guide-shell{width:min(var(--max),calc(100% - 28px))}.guide-header-inner{min-height:64px}.guide-brand img{width:38px;height:38px}.guide-brand b{font-size:17px}.guide-brand small{font-size:8px}.guide-back{padding:7px 9px;font-size:11px}.guide-main{padding:25px 0 46px}.guide-intro{padding:28px 19px 18px}.guide-intro h1{font-size:2.4rem}.guide-lede{font-size:15px}.guide-cover{padding:0 19px}.guide-cover img{height:245px}.guide-layout{padding:0 19px 30px}.guide-section{padding:22px 0}.guide-source-grid,.guide-risk-grid,.guide-aside{grid-template-columns:1fr}.guide-side-image{grid-column:auto;max-width:none}.guide-summon-row{grid-template-columns:1fr;gap:12px}.guide-summon-row>img{width:128px;height:128px}.guide-table{font-size:12px}.guide-table th,.guide-table td{padding:8px}.guide-footer>div{display:grid;gap:5px}}
.guide-gallery img{display:block;width:100%;height:180px;object-fit:cover;border:1px solid #c8ad79;border-radius:5px}.guide-gallery div{align-content:start}.guide-gallery b{margin-top:4px}
@media(max-width:560px){.guide-gallery img{height:155px}}

/* Bài bí tịch: dùng đúng icon vật phẩm trong túi đồ, giữ pixel sắc ở kích thước lớn. */
.book-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;align-items:center;padding-top:4px;padding-bottom:30px}.book-hero-copy{padding:18px 0}.book-hero-copy h2{margin:7px 0 8px;color:var(--forest);font:700 clamp(1.6rem,3vw,2.35rem)/1.05 PNTT,Georgia,serif}.book-hero-copy p:last-child{max-width:45ch;margin:0;color:var(--muted)}.book-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.book-icon-card{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;min-height:60px;padding:8px;background:#f6edda;border:1px solid #decaa3;border-radius:7px}.book-icon-card img{grid-row:1/3;width:38px;height:38px;object-fit:contain;image-rendering:pixelated}.book-icon-card b{align-self:end;color:var(--forest);font-size:12px}.book-icon-card span{align-self:start;color:var(--muted);font-size:10px;line-height:1.25}.book-stats-table td:first-child{width:185px;color:var(--forest);font-weight:800}.book-stats-table td:nth-child(2),.book-stats-table td:nth-child(3),.book-stats-table td:nth-child(4){white-space:nowrap;text-align:center}.book-passive-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.book-passive-grid article{display:flex;align-items:center;gap:12px;padding:12px;background:#f6edda;border:1px solid #decaa3;border-radius:7px}.book-passive-grid img{width:44px;height:44px;object-fit:contain;image-rendering:pixelated}.book-passive-grid b,.book-passive-grid span{display:block}.book-passive-grid b{color:var(--forest);font-size:14px}.book-passive-grid span{margin-top:2px;color:var(--muted);font-size:12px;line-height:1.4}.book-side-cover{display:grid;place-items:center}.book-side-cover img{width:128px;height:128px;object-fit:contain;image-rendering:pixelated;padding:12px;background:#e5eed9;border:1px solid #a7c08d}
@media(max-width:800px){.book-hero{grid-template-columns:1fr;padding-left:28px;padding-right:28px}.book-icon-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.book-hero{padding-left:19px;padding-right:19px}.book-icon-grid{grid-template-columns:repeat(2,1fr)}.book-passive-grid{grid-template-columns:1fr}.book-stats-table td:first-child{width:150px}}

/* Bài nhiệm vụ mạch chính (huong-dan-nhiem-vu.html): dòng thời gian từng giai đoạn + chip vật phẩm theo loại. */
.quest-guide .guide-source-grid div{align-content:start}.qg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qg-herb{--c:#3f8a4c;--bg:#e6f2e2}.qg-seed{--c:#9a6b34;--bg:#f3e6d2}.qg-pill{--c:#7b5aa6;--bg:#ece5f5}.qg-mat{--c:#5f7a8a;--bg:#e4ecf0}.qg-quest{--c:#c48a17;--bg:#f8ecc8}.qg-gear{--c:#b04a3a;--bg:#f6e0da}.qg-spell{--c:#22867f;--bg:#dcf0ee}.qg-coin{--c:#3d7fb8;--bg:#dfeaf5}
.qg-item{display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 4px;background:#fff;border:1px solid #d9cba9;border-left:4px solid var(--c);border-radius:6px;font-size:12px;line-height:1.2}.qg-item img,.qg-leg img{flex:none;object-fit:contain;image-rendering:pixelated;background:var(--bg);border-radius:4px}.qg-item img{width:28px;height:28px}.qg-item b{color:var(--forest);font-weight:800}.qg-item i{color:var(--forest);font-style:normal;font-weight:900}
.qg-route{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-bottom:6px}.qg-khuc{display:grid;gap:2px;padding:14px 15px;background:var(--forest);border:1px solid var(--gold);border-radius:8px;color:#f4e6c5;box-shadow:0 4px 0 rgba(19,31,24,.18);transition:transform .15s}.qg-khuc:hover{transform:translateY(-2px)}.qg-khuc small{color:#d4a84d;font-size:10px;font-weight:900;letter-spacing:.14em}.qg-khuc b{color:#fff7e5;font-size:19px;line-height:1.15}.qg-arrow{color:#bfe3c8;font-size:12px;font-weight:800}.qg-khuc em{color:#c2b493;font-size:11px;font-style:normal}
.qg-legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:8px;margin:12px 0}.qg-leg{display:flex;align-items:center;gap:9px;padding:8px 9px;background:#fffaf0;border:1px solid #decaa3;border-left:4px solid var(--c);border-radius:7px}.qg-leg img{width:34px;height:34px}.qg-leg b,.qg-leg span span{display:block}.qg-leg b{color:var(--forest);font-size:13px;line-height:1.2}.qg-leg>span{color:var(--muted);font-size:11px;line-height:1.3}
.qg-sample{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;background:#f6edda;border:1px dashed #c8ad79;border-radius:7px}.qg-sample-note{color:var(--muted);font-size:11px}
.qg-badge{display:inline-block;padding:2px 9px;background:#f8ecc8;border:1px solid #d4a84d;border-radius:999px;color:#7a5510;font-size:11px;font-weight:900;white-space:nowrap}.qg-reach{display:inline-flex;align-items:center;padding:3px 11px;background:var(--forest);border-radius:6px;color:#f3d77b;font-size:12px}.qg-reach b{margin-left:5px;color:#fff7e5}
.qg-khuc-sec{padding-top:30px;scroll-margin-top:12px}.qg-khuc-head{margin-bottom:16px}.qg-khuc-head h2{margin-bottom:6px}.qg-khuc-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0}.qg-khuc-meta span{padding:2px 10px;background:#e5eed9;border:1px solid #a7c08d;border-radius:999px;color:#355345;font-size:12px;font-weight:800}
.qg-steps{list-style:none;margin:0;padding:0}.qg-step{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px;padding-bottom:14px;scroll-margin-top:12px}.qg-step:last-child{padding-bottom:0}.qg-step::before{content:"";position:absolute;left:24px;top:52px;bottom:-2px;width:2px;background:#d9c69b}.qg-step:last-child::before{display:none}
.qg-num{position:relative;z-index:1;display:grid;place-content:center;justify-items:center;width:50px;height:50px;background:var(--forest);border:2px solid var(--gold);border-radius:50%;color:#f3d77b;line-height:1;box-shadow:0 3px 0 rgba(19,31,24,.2)}.qg-num small{font-size:8px;font-weight:900;letter-spacing:.12em}.qg-num b{margin-top:1px;font-size:19px;font-weight:900}
.qg-card{display:grid;gap:9px;min-width:0;padding:13px 16px 14px;background:#fffaf0;border:1px solid #decaa3;border-radius:8px}.qg-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.qg-head h3{margin:0;color:var(--forest);font-size:18px;line-height:1.2}
.qg-where{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;color:#4b6554;font-size:12px}.qg-where span{padding:1px 8px;background:#e5eed9;border-radius:4px;color:var(--forest);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.qg-tasks{display:grid;gap:5px;margin:0;padding-left:20px;font-size:14px}.qg-tasks li::marker{color:var(--jade);font-weight:900}.qg-tasks a,.qg-tip a{color:var(--jade);font-weight:800;text-decoration:underline;text-underline-offset:2px}
.qg-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.qg-label{flex:none;min-width:38px;padding:1px 7px;background:#efe3c6;border-radius:4px;color:#6a5a36;font-size:10px;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase}.qg-chips{display:flex;flex-wrap:wrap;gap:6px}
.qg-tip{margin:0;padding:8px 11px;background:#eef1dd;border-left:3px solid var(--jade);border-radius:0 5px 5px 0;color:#355345;font-size:12.5px;line-height:1.5}.qg-tip b{margin-right:5px;color:var(--jade);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.qg-h3{margin:22px 0 8px;color:var(--forest);font-size:16px}.qg-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0;padding:0;list-style:none}.qg-flow li{display:flex;gap:9px;align-items:flex-start;padding:10px;background:#f6edda;border:1px solid #decaa3;border-radius:7px;font-size:12.5px;line-height:1.4}.qg-flow b{flex:none;display:grid;place-items:center;width:24px;height:24px;background:var(--forest);border-radius:50%;color:#f3d77b;font-size:12px}.qg-flow em{color:var(--forest);font-style:normal;font-weight:800}
.qg-mini{display:inline-flex;align-items:center;gap:5px;margin:2px 10px 2px 0;white-space:nowrap}.qg-mini img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated}.qg-table td:first-child{width:auto}.qg-table .qg-cell{line-height:1.2}.qg-doors td:first-child{width:130px;color:var(--forest);font-weight:800}.qg-doors td:last-child{color:var(--jade);font-weight:900;text-align:center}.qg-doors thead th:last-child{text-align:center}
.qg-points{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.qg-points div{display:flex;align-items:center;gap:10px;padding:9px 11px;background:#f6edda;border:1px solid #decaa3;border-radius:7px}.qg-points b{min-width:30px;color:var(--jade);font-size:24px;line-height:1;text-align:center}.qg-points span{color:var(--muted);font-size:12px;line-height:1.3}
.quest-guide .guide-aside{position:sticky;top:12px;align-self:start}.qg-nums{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.qg-nums a{display:grid;place-items:center;height:30px;margin:0;background:#fffaf0;border:1px solid #a7c08d;border-radius:5px;color:var(--forest);font-size:12px;font-weight:900}.qg-nums a:hover{background:var(--forest);color:#f3d77b}
@media(max-width:800px){.qg-route{padding-left:28px;padding-right:28px}.qg-flow{grid-template-columns:repeat(2,1fr)}.quest-guide .guide-aside{position:static}.qg-side-nav{grid-column:1/-1}}
@media(max-width:560px){.qg-route{grid-template-columns:1fr;padding-left:19px;padding-right:19px}.qg-flow,.qg-points{grid-template-columns:1fr}.qg-step{grid-template-columns:38px minmax(0,1fr);gap:10px}.qg-step::before{left:18px;top:40px}.qg-num{width:38px;height:38px}.qg-num small{display:none}.qg-num b{font-size:16px}.qg-card{padding:12px 12px 13px}.qg-head h3{font-size:16px}.qg-nums{grid-template-columns:repeat(8,1fr)}.qg-mini{white-space:normal}}