:root{color-scheme:dark;--bg:#100d19;--panel:#1d1728;--line:#46364d;--muted:#b8acbf;--gold:#f0c779;--text:#f7efdf}*{box-sizing:border-box}html{scroll-padding-top:105px;scroll-behavior:smooth}body{margin:0;color:var(--text);font:15px/1.7 'Segoe UI',Arial,sans-serif;background:radial-gradient(ellipse at 85% 0,#4a323b55,transparent 34%),var(--bg)}a{color:var(--gold);text-decoration:none}a:hover{color:#ffe6af}a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #e8c177;outline-offset:4px}img{display:block;max-width:100%;height:auto}button,select{font:inherit}select{background:#241c2f;color:#f5deaa;border:1px solid #6a5366;border-radius:8px;padding:9px;min-height:44px}p{color:var(--muted);margin:0 0 18px}h1,h2,h3{line-height:1.2;letter-spacing:-.035em;margin:0;color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;z-index:20;top:8px;left:8px;transform:translateY(-150%);padding:10px 14px;background:#231b30;border:1px solid var(--gold);border-radius:7px}.skip:focus{transform:none}.guide-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px max(24px,calc((100vw - 1320px)/2));background:#110e1eea;border-bottom:1px solid #70512e55;backdrop-filter:blur(16px)}.guide-brand img{width:178px;height:66px;object-fit:contain}.header-actions{display:flex;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 20px;background:linear-gradient(120deg,#ffe1a0,#df9b38);border:1px solid #f9d084;border-radius:9px;color:#32200f;font-weight:750;font-size:13px;line-height:1.4}.button:hover{color:#32200f;filter:brightness(1.08)}.button.small{padding:9px 16px;min-height:44px}.guide-hero,.quick-start,.handbook-layout,.guide-footer{max-width:1320px;margin:auto;padding-left:28px;padding-right:28px}.guide-hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:55px;padding-top:64px;padding-bottom:50px}.eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.2em;color:var(--gold);margin-bottom:14px}h1{font-size:clamp(36px,4.7vw,64px);color:#ffe2a3}h1>span{display:block;font-size:clamp(24px,2.4vw,34px);line-height:1.25;color:#fbf4e7;margin-top:15px;max-width:490px}.guide-hero p{font-size:15px;max-width:570px;margin:20px 0}.hero-actions{display:flex;align-items:center;gap:18px}.hero-actions small{color:#a799af;font-size:11px;max-width:180px}.hero-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.hero-facts span{border:1px solid #8a72503d;border-radius:20px;padding:5px 10px;color:#cfbd9e;font-size:10px}.hero-visual{position:relative;margin:0;transform:rotate(-1.5deg);border:1px solid #ae874b88;border-radius:18px;box-shadow:0 22px 80px #0006,0 0 60px #e8b8520c;background:#201b26;padding:9px}.hero-visual>img:first-child{width:100%;aspect-ratio:1.7;object-fit:cover;object-position:center;border-radius:11px}.hero-visual .hero-emblem{position:absolute;right:-10px;bottom:-15px;width:120px;filter:drop-shadow(0 8px 8px #0009)}.hero-visual figcaption{padding:12px 10px 7px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.16em}.hero-visual figcaption span{display:block;color:#ad9db8;font-size:8px;margin-top:3px}.quick-start{padding-bottom:40px}.quick-start h2{font-size:19px;margin-bottom:15px}.quick-start>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-start a{display:flex;align-items:center;gap:14px;border:1px solid #785d3e77;border-radius:11px;background:linear-gradient(130deg,#302431,#191421);padding:17px;color:#f4e0b8;font-size:13px;font-weight:650}.quick-start a>b{font-size:23px;color:#be9557}.quick-start a>span:last-child{margin-left:auto;color:#d0ae75}.handbook-layout{display:grid;grid-template-columns:222px minmax(0,1fr);gap:40px;align-items:start}.guide-toc{position:sticky;top:114px;border:1px solid #59435a7a;border-radius:12px;padding:17px;background:#191321}.guide-toc summary{list-style:none;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:800;cursor:pointer}.guide-toc summary::-webkit-details-marker{display:none}.guide-toc nav{display:grid;gap:5px;margin-top:13px}.guide-toc a{display:flex;align-items:baseline;gap:9px;color:#b5a6bf;font-size:11px;line-height:1.4;padding:7px 0}.guide-toc a>b{font-size:9px;color:#a08255;flex:0 0 17px}.guide-toc a:hover{color:#ffe2a0}.guide-reading{min-width:0}.guide-chapter{border-top:1px solid #76543c55;padding:28px 0 40px;scroll-margin-top:12px}.guide-chapter:first-child{border-top:0;padding-top:0}.guide-chapter>header{display:flex;align-items:center;gap:15px;margin-bottom:18px}.guide-chapter header>img{width:60px;height:60px;object-fit:contain}.guide-chapter h2{font-size:27px}.chapter-number{display:block;font-size:10px;letter-spacing:.16em;color:#b99258;margin-bottom:7px}.chapter-intro{font-size:14px;line-height:1.7;max-width:790px}.chapter-layout.has-image{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:25px;align-items:start}.steps-label{color:#d5b47f;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin:7px 0 15px}.guide-chapter ol{list-style:none;counter-reset:step;margin:0;padding:0}.guide-chapter li{position:relative;padding-left:30px;color:#c3b6cc;font-size:13px;line-height:1.85;margin:0 0 16px}.guide-chapter li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:3px;display:grid;place-items:center;width:20px;height:20px;border:1px solid #8e6b4266;border-radius:5px;color:#e7c58b;font-size:10px;line-height:1;background:#b18b3010}.guide-figure{margin:3px 0 0;border:1px solid #725c4777;border-radius:12px;overflow:hidden;background:#120f1b;padding:8px}.guide-figure img{width:100%;max-height:400px;object-fit:contain;border-radius:7px}.guide-figure figcaption{text-align:center;color:#92839e;font-size:9px;margin:7px 0 2px}.guide-tip{border:1px solid #9b7d3d55;border-left:3px solid #bb9455;border-radius:9px;background:#bb94390b;padding:14px 16px;margin-top:17px}.guide-tip>b{display:block;color:#e7c17d;font-size:11px;margin-bottom:5px}.guide-tip p{font-size:12px;line-height:1.7;margin:0}.guide-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:19px 0 10px}.guide-map-grid article{overflow:hidden;border:1px solid #62526e;border-radius:9px;background:#1c1525}.guide-map-grid img{width:100%;height:86px;object-fit:cover}.guide-map-grid article>div{padding:11px}.guide-map-grid strong{display:block;font-size:12px;line-height:1.4;color:#f0d8a3}.guide-map-grid span{display:block;font-size:10px;margin-top:6px;color:#b8a6c9}.map-note{font-size:11px}.rarity-strip{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 22px}.rarity-strip span{display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid currentColor;border-radius:7px;font-size:10px;color:#c9bc9b}.rarity-strip .rarity-rare{color:#8fbfff}.rarity-strip .rarity-legendary{color:#ffd06b}.rarity-strip .rarity-mythic{color:#ff94b7}.rarity-strip i{display:block;width:8px;height:8px;background:currentColor;transform:rotate(45deg)}.guide-faq{margin:15px 0 24px}.guide-faq details{border-bottom:1px solid #47384e;padding:15px 0}.guide-faq summary{cursor:pointer;color:#e4d3b5;font-size:13px;font-weight:650;padding:5px 0}.guide-faq p{font-size:12px;line-height:1.8;margin:12px 0 3px}.guide-footer{border-top:1px solid #6b523c55;padding-top:25px;padding-bottom:30px;margin-top:10px}.guide-footer p{font-size:10px;line-height:1.9;max-width:1000px}.guide-footer>div{display:flex;flex-wrap:wrap;gap:20px;font-size:11px}.noscript{padding:50px;max-width:800px;margin:auto}@media(min-width:1350px){.chapter-layout.has-image{grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:1000px){.guide-hero{gap:30px}.handbook-layout{grid-template-columns:180px minmax(0,1fr);gap:25px}.chapter-layout.has-image{grid-template-columns:1fr}.guide-figure{max-width:530px}.guide-figure img{max-height:330px}.guide-chapter h2{font-size:24px}.guide-toc{padding:13px}.guide-header{padding:10px 24px}}@media(max-width:760px){html{scroll-padding-top:90px}.guide-header{padding:8px 16px;gap:10px}.guide-brand img{width:133px;height:52px}.header-actions{gap:7px}.button.small{font-size:11px;padding:9px 10px}.guide-hero,.quick-start,.handbook-layout,.guide-footer{padding-left:19px;padding-right:19px}.guide-hero{grid-template-columns:1fr;gap:30px;padding-top:34px;padding-bottom:35px}h1{font-size:43px}h1>span{font-size:29px;max-width:400px}.guide-hero p{font-size:14px}.hero-visual{margin:0 7px 5px 0;max-width:560px;transform:rotate(-1deg)}.hero-visual .hero-emblem{width:90px;right:-8px;bottom:-9px}.hero-actions{gap:12px}.hero-actions small{font-size:10px}.quick-start{padding-bottom:25px}.quick-start>div{grid-template-columns:1fr;gap:8px}.quick-start a{padding:12px 15px}.quick-start a>b{font-size:18px}.handbook-layout{grid-template-columns:1fr;gap:28px}.guide-toc{position:static;padding:14px 16px}.guide-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.guide-toc a{font-size:10px}.guide-chapter{padding-bottom:32px}.guide-chapter>header{gap:12px}.guide-chapter header>img{width:49px;height:49px}.guide-chapter h2{font-size:25px}.guide-chapter li{font-size:13px;padding-left:28px}.guide-figure{width:100%;max-width:460px}.guide-map-grid{grid-template-columns:1fr}.guide-map-grid article{display:grid;grid-template-columns:110px 1fr;align-items:center}.guide-map-grid img{height:91px}.guide-map-grid article>div{padding:10px 13px}.guide-map-grid strong{font-size:13px}.guide-map-grid span{font-size:11px}.guide-footer>div{gap:13px}.guide-footer p{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root .guide-chapter#manual .chapter-layout.has-image{grid-template-columns:1fr}.guide-chapter#manual .guide-figure{max-width:none}.guide-chapter#manual .guide-figure img{max-height:none}
:root .treasure-strip{margin:20px 0 25px}.treasure-strip h3{color:#d5b47f;font-size:11px;margin:0 0 12px}.treasure-strip>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:520px}.treasure-strip figure{margin:0;padding:10px 5px 7px;border:1px solid #71533e55;border-radius:8px;background:radial-gradient(ellipse at center,#d1a44216,transparent 70%)}.treasure-strip img{width:80px;height:80px;object-fit:contain;margin:auto}.treasure-strip figcaption{text-align:center;color:#d9c9ae;font-size:10px;line-height:1.5;margin-top:5px}@media(max-width:480px){.treasure-strip img{width:60px;height:60px}.treasure-strip figcaption{font-size:9px}}
