:root{--g-gold:#ffd100;--g-gold-dim:#c8a838;--g-bg:#08080d;--g-bg-2:#0d0d15;--g-panel:linear-gradient(170deg, #15151ff2 0%, #0b0b12f2 60%, #08080df2 100%);--g-border:#6f5a2a;--g-border-soft:#2a2418;--g-text:#f0ebd8;--g-text-dim:#c9be98;--g-text-muted:#9a8f6c;--g-focus:#ffe98a;--g-on-gold:#1a1405;--g-role-tank:#7ab8ff;--g-role-healer:#7fdc8f;--g-role-dps:#ff9b7a;--g-rare:#6ea8ff;--g-wash:#ffffff0f;--g-wash-soft:#ffffff0a;--g-wash-gold:#ffd1000f;--g-wash-gold-strong:#ffd1001a;--g-wash-note:#7ab8ff12;--g-wash-warn:#e8b84b14;--g-font-display:"Cinzel", "Palatino Linotype", Palatino, Georgia, serif;--g-font-ui:"Alegreya Sans", "Segoe UI", system-ui, "Helvetica Neue", sans-serif;--g-font-serif:"Alegreya", "Palatino Linotype", Palatino, Georgia, serif;--g-2xs:2px;--g-xs:4px;--g-xs2:6px;--g-sm:8px;--g-sm2:12px;--g-md:16px;--g-lg:24px;--g-2xl:32px;--g-xl:40px;--g-3xl:48px;--g-radius-sm:4px;--g-radius:8px;--g-radius-lg:14px;--g-radius-pill:999px;--g-touch:44px;--g-control-h:44px;--g-control-h-sm:38px;--g-chip-h:56px;--g-pad-control:var(--g-md);--g-pad-pill-y:var(--g-2xs);--g-pad-pill-x:var(--g-sm2);--g-text-3xs:11px;--g-text-2xs:12px;--g-text-xs:13px;--g-text-sm:14px;--g-text-base:16px;--g-text-md:18px;--g-text-lead:18px;--g-text-lg:18px;--g-text-xl:20px;--g-text-fluid-lead:clamp(16px, 2.2vw, 20px);--g-text-fluid-h2:clamp(20px, 2.2vw, 26px);--g-text-fluid-section:clamp(22px, 3vw, 30px);--g-text-fluid-h1:clamp(26px, 3.2vw, 40px);--g-text-fluid-hero:clamp(34px, 6vw, 64px);--g-leading-tight:1.05;--g-leading-snug:1.15;--g-leading-normal:1.6;--g-bw-accent:3px;--g-bw-rail:4px;--g-shadow-cta:0 2px 10px #0005, inset 0 1px 0 #fff6;--g-shadow-cta-hover:0 4px 16px #0006, inset 0 1px 0 #fff8;--g-shadow-pop:0 10px 30px #0006;--g-z-header:100;--g-z-pop:120;--g-z-skip:200;--g-zone-vale:#7fae5a;--g-zone-marsh:#4f9e8c;--g-zone-peaks:#7fa8d8;--g-warn:#e8b84b;--g-maxw:1180px;--g-maxw-section:1080px;--g-maxw-bestiary:860px;--g-maxw-narrow:720px;--g-maxw-map:540px;--g-maxw-hero:640px;--g-prose:72ch;--g-header-h:60px;--g-brand-h:44px;--g-motion:.48s cubic-bezier(.22, .61, .36, 1);--g-motion-fast:.15s cubic-bezier(.22, .61, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body.guide-body{background:radial-gradient(1200px 600px at 50% -10%, #15131d 0%, transparent 60%), var(--g-bg);min-height:100vh;color:var(--g-text);font-family:var(--g-font-ui);font-size:var(--g-text-md);line-height:var(--g-leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:clip}#guide-app{flex-direction:column;min-height:100vh;display:flex}a{color:var(--g-gold-dim);text-decoration:none}a:hover{color:var(--g-gold);text-decoration:underline}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px;border-radius:var(--g-radius-sm)}.guide-skip{z-index:var(--g-z-skip);padding:var(--g-sm) var(--g-md);background:var(--g-gold);color:var(--g-on-gold);border-radius:var(--g-radius);transition:inset-block-start var(--g-motion);font-weight:700;position:fixed;inset-block-start:-120px;inset-inline-start:var(--g-md)}.guide-skip:focus{text-decoration:none;inset-block-start:var(--g-sm)}.guide-header{z-index:var(--g-z-header);border-block-end:1px solid var(--g-border-soft);background:#08080ddb;position:sticky;inset-block-start:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.guide-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08080d9e}}.guide-header-inner{max-width:var(--g-maxw);min-height:var(--g-header-h);padding-inline:var(--g-md);align-items:center;gap:var(--g-md);margin-inline:auto;display:flex}.guide-brand{color:var(--g-text);flex:none;align-items:center;margin-inline-end:auto;display:flex}.guide-brand:hover{text-decoration:none}.guide-brand-logo{height:var(--g-brand-h);width:auto;display:block}.guide-primary-nav{align-items:center;gap:var(--g-lg);display:flex}.guide-nav-list{align-items:center;gap:var(--g-lg);margin:0;padding:0;list-style:none;display:flex}.guide-nav-link{color:var(--g-text-dim);font-weight:600;font-size:var(--g-text-base);padding-block:var(--g-xs2);white-space:nowrap;border-block-end:2px solid #0000}.guide-nav-link:hover{color:var(--g-text);text-decoration:none}.guide-nav-link.is-active{color:var(--g-gold);border-block-end-color:var(--g-gold)}.guide-nav-actions{align-items:center;gap:var(--g-md);display:flex}.guide-lang{align-items:center;gap:var(--g-xs);display:flex}.guide-lang-label{font-size:var(--g-text-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--g-text-muted)}.guide-lang-select{background:var(--g-bg-2);color:var(--g-text);border:1px solid var(--g-border-soft);border-radius:var(--g-radius);padding:var(--g-xs2) var(--g-sm);font-family:var(--g-font-ui);font-size:var(--g-text-base);min-height:var(--g-control-h-sm);cursor:pointer}.guide-lang-select:hover{border-color:var(--g-border)}.guide-cta{justify-content:center;align-items:center;gap:var(--g-sm);min-height:var(--g-control-h);padding-inline:var(--g-lg);background:linear-gradient(180deg, #ffef9e 0%, var(--g-gold) 100%);color:var(--g-on-gold);font-family:var(--g-font-display);letter-spacing:.04em;text-transform:uppercase;font-weight:700;font-size:var(--g-text-base);border:1px solid var(--g-gold-dim);border-radius:var(--g-radius);box-shadow:var(--g-shadow-cta);transition:filter var(--g-motion), box-shadow var(--g-motion);display:inline-flex}.guide-cta:hover{box-shadow:var(--g-shadow-cta-hover);background:linear-gradient(#fff7d1 0%,#ffe24a 100%);text-decoration:none}.guide-cta:link,.guide-cta:visited,.guide-cta:hover,.guide-cta:focus{color:var(--g-on-gold)}.guide-cta-sm{min-height:var(--g-control-h-sm);padding-inline:var(--g-md);font-size:var(--g-text-sm)}.guide-cta-ghost{color:var(--g-gold);border-color:var(--g-border);box-shadow:none;background:0 0}.guide-cta-ghost:link,.guide-cta-ghost:visited,.guide-cta-ghost:hover,.guide-cta-ghost:focus{color:var(--g-gold)}.guide-cta-ghost:hover{background:var(--g-wash-gold)}.guide-menu-toggle{width:var(--g-touch);height:var(--g-touch);background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-radius:var(--g-radius);cursor:pointer;justify-content:center;align-items:center;display:none}.guide-menu-bars,.guide-menu-bars:before,.guide-menu-bars:after{background:var(--g-text);width:20px;height:2px;display:block;position:relative}.guide-menu-bars:before,.guide-menu-bars:after{content:"";position:absolute;inset-inline-start:0}.guide-menu-bars:before{inset-block-start:-6px}.guide-menu-bars:after{inset-block-start:6px}.guide-layout{width:100%;max-width:var(--g-maxw);padding-inline:var(--g-md);gap:var(--g-lg);flex:1;grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}body.guide-has-sidebar .guide-layout{grid-template-columns:264px minmax(0,1fr)}.guide-sidebar{max-height:calc(100dvh - var(--g-header-h) - var(--g-lg));padding-block:var(--g-lg);align-self:start;padding-inline-end:var(--g-sm);position:sticky;inset-block-start:calc(var(--g-header-h) + var(--g-md));overflow-y:auto}.guide-sidebar[hidden]{display:none}.guide-side-group{margin-block-end:var(--g-lg)}.guide-side-heading{margin:0 0 var(--g-sm);font-family:var(--g-font-ui);font-size:var(--g-text-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--g-text-muted);font-weight:800}.guide-side-group ul{margin:0;padding:0;list-style:none}.guide-side-link{padding:var(--g-xs2) var(--g-sm);color:var(--g-text-dim);font-size:var(--g-text-base);border-radius:0 var(--g-radius) var(--g-radius) 0;border-inline-start:2px solid #0000;display:block}.guide-side-link:hover{color:var(--g-text);background:var(--g-wash);text-decoration:none}.guide-side-link.is-active{color:var(--g-gold);border-inline-start-color:var(--g-gold);background:var(--g-wash-gold)}.guide-topics-toggle{display:none}.guide-main{min-width:0;padding-block:var(--g-lg) var(--g-xl)}.guide-main:focus{outline:none}.guide-article{max-width:var(--g-prose)}.guide-article h1{font-family:var(--g-font-display);font-weight:700;font-size:var(--g-text-fluid-h1);line-height:var(--g-leading-snug);letter-spacing:.01em;margin:0 0 var(--g-md);color:var(--g-text)}.guide-article h2{font-family:var(--g-font-display);font-size:var(--g-text-fluid-h2);margin:var(--g-xl) 0 var(--g-sm);color:var(--g-gold-dim)}.guide-article p{margin:0 0 var(--g-md)}.guide-lead{font-size:var(--g-text-lead);color:var(--g-text-dim)}.guide-placeholder,.guide-notfound{padding-block-start:var(--g-md)}.guide-article h3{font-family:var(--g-font-display);color:var(--g-text);font-size:var(--g-text-lg);margin:0 0 var(--g-xs)}.guide-block{margin-block-start:var(--g-xl)}.guide-steps{counter-reset:step;gap:var(--g-md);margin:0;padding:0;list-style:none;display:grid}.guide-steps li{counter-increment:step;min-height:var(--g-2xl);padding-inline-start:var(--g-3xl);position:relative}.guide-steps li:before{content:counter(step);width:var(--g-2xl);height:var(--g-2xl);background:var(--g-gold);color:var(--g-on-gold);font-family:var(--g-font-display);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;inset-block-start:0;inset-inline-start:0}.guide-steps li p{color:var(--g-text-dim);margin:0}.guide-basics{gap:var(--g-md);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.guide-basic{background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-radius:var(--g-radius);padding:var(--g-md)}.guide-basic p{color:var(--g-text-dim);margin:0}.guide-callout{padding:var(--g-md);border-inline-start:var(--g-bw-accent) solid var(--g-gold);background:var(--g-wash-gold);border-radius:0 var(--g-radius) var(--g-radius) 0;color:var(--g-text-dim);margin-block-start:var(--g-lg)}.guide-keytable{border-collapse:collapse;width:100%}.guide-keytable th{text-align:start;font-size:var(--g-text-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--g-text-muted);padding:var(--g-xs) var(--g-sm);border-block-end:1px solid var(--g-border-soft)}.guide-keytable td{padding:var(--g-sm);border-block-end:1px solid var(--g-border-soft);color:var(--g-text-dim)}.guide-keys{white-space:nowrap}.guide-article kbd{text-align:center;background:var(--g-bg);border:1px solid var(--g-border);border-radius:var(--g-radius-sm);min-width:22px;font-family:var(--g-font-ui);font-size:var(--g-text-xs);color:var(--g-text);border-block-end-width:2px;margin-inline-end:2px;padding:2px 6px;display:inline-block}.guide-glossary{margin-block-start:var(--g-lg)}.guide-term{padding-block:var(--g-sm);border-block-end:1px solid var(--g-border-soft)}.guide-term dt{font-family:var(--g-font-display);color:var(--g-gold-dim);margin-block-end:var(--g-2xs);font-weight:700}.guide-term dd{color:var(--g-text-dim);margin:0}.guide-reveal{border:1px solid var(--g-border-soft);border-radius:var(--g-radius);margin-block:var(--g-md);background:var(--g-bg-2)}.guide-reveal summary{cursor:pointer;padding:var(--g-md);font-family:var(--g-font-display);color:var(--g-text);min-height:var(--g-control-h);align-items:center;font-weight:600;display:flex}.guide-reveal summary:hover{color:var(--g-gold)}.guide-reveal-body{padding:0 var(--g-md) var(--g-md);color:var(--g-text-dim)}.guide-badges{gap:var(--g-xs2);flex-wrap:wrap;align-items:center;display:inline-flex}.guide-badge{padding:var(--g-pad-pill-y) var(--g-pad-pill-x);border-radius:var(--g-radius-pill);font-size:var(--g-text-2xs);letter-spacing:.06em;text-transform:uppercase;border:1px solid;align-items:center;font-weight:700;display:inline-flex}.guide-role-tank{color:var(--g-role-tank)}.guide-role-healer{color:var(--g-role-healer)}.guide-role-dps{color:var(--g-role-dps)}.guide-badge-resource{color:var(--g-text-dim)}.guide-class-cards{gap:var(--g-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-block-start:var(--g-lg);display:grid}.guide-class-card{gap:var(--g-xs) var(--g-md);padding:var(--g-md);background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-block-start:var(--g-bw-accent) solid var(--class-color,var(--g-gold));border-radius:var(--g-radius-lg);color:var(--g-text);grid-template-columns:64px 1fr;align-items:center;display:grid}.guide-class-card:hover{border-color:var(--class-color,var(--g-gold));text-decoration:none}.guide-class-crest{grid-row:1/span 3;align-self:start;width:64px;height:64px}.guide-class-card-name{font-family:var(--g-font-display);font-size:var(--g-text-lg);color:var(--g-text);overflow-wrap:anywhere;min-width:0;font-weight:700}.guide-class-card-hook{color:var(--g-text-dim);font-size:var(--g-text-base);grid-column:2;min-width:0;margin:0}.guide-class-hero{align-items:center;gap:var(--g-md);margin-block:var(--g-sm) var(--g-md);border-block-end:1px solid var(--g-border-soft);padding-block-end:var(--g-md);display:flex}.guide-class-hero-crest{flex:none;width:96px;height:96px}.guide-class-hero{flex-wrap:wrap}.guide-class-portrait{flex:none;width:min(260px,100%)}.guide-class-portrait .guide-viewer{margin:0}.guide-class-hero-name{margin:0 0 var(--g-xs);color:var(--class-color,var(--g-gold))}.guide-spec-list{margin:var(--g-md) 0 0;gap:var(--g-sm);padding:0;list-style:none;display:grid}.guide-spec{justify-content:space-between;align-items:center;gap:var(--g-md);padding:var(--g-sm) var(--g-md);background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-radius:var(--g-radius);display:flex}.guide-spec-name{font-family:var(--g-font-display);font-weight:600}.guide-ability-strip{margin:var(--g-md) 0 0;gap:var(--g-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:0;list-style:none;display:grid}.guide-ability{text-align:center;align-items:start;gap:var(--g-xs);flex-direction:column;min-width:0;display:flex}.guide-ability-icon{border-radius:var(--g-radius);border:1px solid var(--g-border);width:48px;height:48px}.guide-ability-name{font-size:var(--g-text-xs);color:var(--g-text-dim);overflow-wrap:anywhere}.guide-bestiary{max-width:var(--g-maxw-bestiary)}.guide-family{margin-block-start:var(--g-xl)}.guide-family-head{align-items:center;gap:var(--g-md);display:flex}.guide-family-crest{flex:none;width:56px;height:56px}.guide-family-name{margin:0 0 var(--g-2xs);font-family:var(--g-font-display);font-size:var(--g-text-xl);color:var(--g-gold-dim);overflow-wrap:anywhere;min-width:0}.guide-family-desc{color:var(--g-text-dim);margin:0}.guide-creatures{margin:var(--g-md) 0 0;gap:var(--g-xs);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:0;list-style:none;display:grid}.guide-creature{align-items:center;gap:var(--g-sm);padding:var(--g-sm);background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-radius:var(--g-radius);display:flex}.guide-creature-info{gap:var(--g-2xs);flex-direction:column;flex:1;min-width:0;display:flex}.guide-creature-name{color:var(--g-text);overflow-wrap:anywhere;min-width:0;font-weight:600}.guide-creature-band{color:var(--g-text-muted);font-size:var(--g-text-xs)}.guide-badge-rare{padding:var(--g-pad-pill-y) var(--g-pad-pill-x);border-radius:var(--g-radius-pill);font-size:var(--g-text-3xs);letter-spacing:.06em;text-transform:uppercase;color:var(--g-rare);border:1px solid;margin-inline-start:var(--g-xs2);font-weight:700}.guide-zone-hub{margin:var(--g-sm) 0 0;color:var(--g-text-muted);font-size:var(--g-text-sm)}.guide-zone-hub span{color:var(--g-text-dim);font-weight:700}.guide-dungeon-grid{gap:var(--g-md);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-block-start:var(--g-md);display:grid}.guide-dungeon-card{background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-radius:var(--g-radius-lg);padding:var(--g-lg)}.guide-dungeon-card p{color:var(--g-text-dim);margin:0}.guide-dungeon-raid{border-color:var(--g-border);background:linear-gradient(170deg, #1a1410 0%, var(--g-bg-2) 70%)}.guide-dungeon-head{justify-content:space-between;align-items:baseline;gap:var(--g-sm);margin-block-end:var(--g-sm);display:flex}.guide-dungeon-name{font-family:var(--g-font-display);font-size:var(--g-text-lg);color:var(--g-text);overflow-wrap:anywhere;min-width:0;margin:0}.guide-badge-level{color:var(--g-gold-dim);white-space:nowrap}.guide-hero{text-align:center;width:100vw;min-height:min(78svh,640px);padding:var(--g-xl) var(--g-md);isolation:isolate;place-items:center;margin-inline:calc(50% - 50vw);display:grid;position:relative;overflow:hidden}.guide-hero:before{content:"";z-index:-1;background:linear-gradient(180deg, #08080d80 0%, #08080dc7 62%, var(--g-bg) 100%), url(/loading-screen.jpg) center / cover no-repeat;position:absolute;inset:0}.guide-hero-inner{max-width:var(--g-maxw-hero)}body[data-guide-route=home] .guide-main{padding-block-start:0}.guide-section{max-width:var(--g-maxw-section);padding-block:var(--g-xl);margin-inline:auto}.guide-section-h{font-family:var(--g-font-display);font-size:var(--g-text-fluid-section);text-align:center;margin:0 0 var(--g-sm);color:var(--g-text)}.guide-section-sub{text-align:center;color:var(--g-text-dim);max-width:54ch;margin:0 auto var(--g-lg)}.guide-section-more{text-align:center;margin-block-start:var(--g-lg)}.guide-section-more a{font-weight:700}.guide-pillars,.guide-zone-grid,.guide-group-grid{gap:var(--g-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.guide-pillar,.guide-group-card{background:var(--g-panel);border:1px solid var(--g-border-soft);border-radius:var(--g-radius-lg);padding:var(--g-lg)}.guide-pillar h3,.guide-group-card h3{font-family:var(--g-font-display);color:var(--g-gold-dim);margin:0 0 var(--g-sm);font-size:var(--g-text-lg)}.guide-pillar p,.guide-group-card p{color:var(--g-text-dim);margin:0}.guide-class-grid{gap:var(--g-sm);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.guide-class-chip{min-height:var(--g-chip-h);padding:var(--g-md);background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-inline-start:var(--g-bw-rail) solid var(--class-color,var(--g-gold));border-radius:var(--g-radius);color:var(--g-text);font-family:var(--g-font-display);letter-spacing:.02em;align-items:center;font-weight:600;display:flex}.guide-class-chip:hover{border-color:var(--class-color,var(--g-gold));background:var(--g-wash);text-decoration:none}.guide-zone-card{border:1px solid var(--g-border-soft);border-radius:var(--g-radius-lg);background:var(--g-bg-2);color:var(--g-text);display:block;overflow:hidden}.guide-zone-card:hover{border-color:var(--g-border);text-decoration:none}.guide-zone-body{padding:var(--g-lg)}.guide-zone-band{font-size:var(--g-text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--g-gold-dim);margin-block-end:var(--g-xs);font-weight:800;display:inline-block}.guide-zone-name{font-family:var(--g-font-display);margin:0 0 var(--g-xs);font-size:var(--g-text-xl);color:var(--g-text);overflow-wrap:anywhere}.guide-zone-blurb{color:var(--g-text-dim);margin:0}.guide-zone-vale{border-block-start:var(--g-bw-accent) solid var(--g-zone-vale)}.guide-zone-marsh{border-block-start:var(--g-bw-accent) solid var(--g-zone-marsh)}.guide-zone-peaks{border-block-start:var(--g-bw-accent) solid var(--g-zone-peaks)}.guide-faq{max-width:var(--g-maxw-narrow);margin-inline:auto}.guide-faq-item{border:1px solid var(--g-border-soft);border-radius:var(--g-radius);background:var(--g-bg-2);margin-block-end:var(--g-sm)}.guide-faq-item summary{cursor:pointer;padding:var(--g-md);font-family:var(--g-font-display);color:var(--g-text);min-height:var(--g-control-h);align-items:center;font-weight:600;display:flex}.guide-faq-item summary:hover{color:var(--g-gold)}.guide-faq-item p{padding:0 var(--g-md) var(--g-md);color:var(--g-text-dim);margin:0}.guide-community{text-align:center}.guide-community-cta{gap:var(--g-md);flex-wrap:wrap;justify-content:center;display:flex}.guide-link-disabled{opacity:.4;filter:grayscale(.75);pointer-events:none;cursor:default}.guide-eyebrow{margin:0 0 var(--g-sm);font-size:var(--g-text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--g-gold-dim);font-weight:800}.guide-hero-title{font-family:var(--g-font-display);font-weight:700;font-size:var(--g-text-fluid-hero);line-height:var(--g-leading-tight);letter-spacing:.02em;text-transform:uppercase;margin:0 0 var(--g-md);color:var(--g-gold);text-shadow:0 2px 24px #ffd10022,0 1px 2px #000}.guide-hero-sub{font-family:var(--g-font-serif);font-size:var(--g-text-fluid-lead);color:var(--g-text-dim);margin:0 auto var(--g-lg);max-width:30em}.guide-hero-cta{gap:var(--g-md);flex-wrap:wrap;justify-content:center;display:flex}.guide-footer{border-block-start:1px solid var(--g-border-soft);background:var(--g-bg-2)}.guide-footer-inner{max-width:var(--g-maxw);padding:var(--g-xl) var(--g-md);align-items:center;gap:var(--g-md);text-align:center;flex-direction:column;margin-inline:auto;display:flex}.guide-footer-blurb{max-width:52ch;color:var(--g-text-dim);margin:0}.guide-footer-links{gap:var(--g-md);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.guide-footer-links a:not(.guide-cta){color:var(--g-text-dim);font-size:var(--g-text-base)}.guide-footer-links a:not(.guide-cta):hover{color:var(--g-gold)}.guide-footer-rights{color:var(--g-text-muted);font-size:var(--g-text-sm);margin:0}@media (max-width:880px){body.guide-has-sidebar .guide-layout{grid-template-columns:minmax(0,1fr)}.guide-sidebar{max-height:none;padding-block:var(--g-md);border-block-end:1px solid var(--g-border-soft);position:static;overflow:visible}.guide-topics-toggle{min-height:var(--g-control-h);padding-inline:var(--g-md);background:var(--g-bg-2);color:var(--g-text);border:1px solid var(--g-border-soft);border-radius:var(--g-radius);font-family:var(--g-font-ui);cursor:pointer;align-items:center;font-weight:600;display:inline-flex}.guide-sidebar-nav{margin-block-start:var(--g-md);display:none}.guide-sidebar.topics-open .guide-sidebar-nav{display:block}}@media (max-width:1024px){.guide-menu-toggle{display:inline-flex}.guide-primary-nav{padding:var(--g-sm) var(--g-md) var(--g-md);border-block-end:1px solid var(--g-border-soft);background:#08080df7;flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;inset-block-start:var(--g-header-h);inset-inline:0}.guide-primary-nav.is-open{display:flex}.guide-nav-list{flex-direction:column;align-items:stretch;gap:0}.guide-nav-link{padding-block:var(--g-sm2);border-block-end:1px solid var(--g-border-soft)}.guide-nav-link.is-active{border-block-end-color:var(--g-border-soft);padding-inline-start:var(--g-sm)}.guide-nav-actions{align-items:stretch;gap:var(--g-sm);flex-direction:column;padding-block-start:var(--g-sm)}.guide-lang{justify-content:space-between}.guide-cta{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (prefers-contrast:more){:root{--g-text-dim:#f0ebd8;--g-text-muted:#d8cda3;--g-border-soft:#6f5a2a}.guide-nav-link{color:var(--g-text)}}.guide-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.guide-callout-title{font-family:var(--g-font-display);color:var(--g-text);margin-block-end:var(--g-2xs);font-weight:700;display:block}.guide-callout-note{border-inline-start-color:var(--g-role-tank);background:var(--g-wash-note)}.guide-callout-warn{border-inline-start-color:var(--g-warn);background:var(--g-wash-warn)}.guide-related{border-block-start:1px solid var(--g-border-soft);margin-block-start:var(--g-xl);padding-block-start:var(--g-md)}.guide-related-h{font-size:var(--g-text-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--g-text-muted);margin:0 0 var(--g-sm);font-weight:800}.guide-related-list{gap:var(--g-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.guide-related-list a{min-height:var(--g-control-h-sm);padding-inline:var(--g-pad-control);background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-radius:var(--g-radius-pill);color:var(--g-text-dim);font-size:var(--g-text-sm);align-items:center;font-weight:600;display:inline-flex}.guide-related-list a:hover{color:var(--g-gold);border-color:var(--g-border);text-decoration:none}@media (pointer:coarse){:root{--g-control-h-sm:var(--g-touch)}.guide-side-link,a.guide-poi{min-height:var(--g-touch)}.guide-side-link{align-items:center;display:flex}}.guide-chooser{margin-block:var(--g-lg);padding:var(--g-md);background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-radius:var(--g-radius-lg)}.guide-chooser-h{font-family:var(--g-font-display);font-size:var(--g-text-lg);margin:0 0 var(--g-2xs);color:var(--g-text)}.guide-chooser-sub{margin:0 0 var(--g-md);color:var(--g-text-dim);font-size:var(--g-text-base)}.guide-chooser-filters{gap:var(--g-md) var(--g-lg);flex-wrap:wrap;align-items:flex-end;display:flex}.guide-filter-group{gap:var(--g-xs);flex-direction:column;display:flex}.guide-filter-group-toggle{align-items:center;gap:var(--g-sm);flex-direction:row;margin-inline-start:auto}.guide-filter-label{font-size:var(--g-text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--g-text-muted);font-weight:800}.guide-chips{gap:var(--g-xs2);flex-wrap:wrap;display:flex}.guide-chip{min-height:var(--g-control-h-sm);padding-inline:var(--g-pad-control);background:var(--g-bg);color:var(--g-text-dim);border:1px solid var(--g-border-soft);border-radius:var(--g-radius-pill);font-family:var(--g-font-ui);font-size:var(--g-text-sm);cursor:pointer;transition:color var(--g-motion), border-color var(--g-motion), background var(--g-motion);font-weight:600}.guide-chip:hover{color:var(--g-text);border-color:var(--g-border)}.guide-chip[aria-pressed=true]{color:var(--g-on-gold);background:var(--g-gold);border-color:var(--g-gold-dim)}.guide-chooser-clear{min-height:var(--g-control-h-sm);padding-inline:var(--g-pad-control);color:var(--g-text-muted);border-radius:var(--g-radius-pill);font-family:var(--g-font-ui);font-size:var(--g-text-sm);cursor:pointer;background:0 0;border:1px solid #0000}.guide-chooser-clear:hover{color:var(--g-text);text-decoration:underline}.guide-chooser-count{margin:var(--g-md) 0 0;color:var(--g-text-muted);font-size:var(--g-text-sm)}.guide-chooser-none{color:var(--g-text-dim);margin-block-start:var(--g-md)}.guide-class-card-hook{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.guide-tags{gap:var(--g-xs2);flex-wrap:wrap;margin-block-start:var(--g-sm);display:flex}.guide-tag{padding:var(--g-pad-pill-y) var(--g-pad-pill-x);border-radius:var(--g-radius-pill);font-size:var(--g-text-xs);color:var(--g-text-dim);background:var(--g-bg-2);border:1px solid var(--g-border-soft);align-items:center;font-weight:600;display:inline-flex}.guide-tag-first{color:var(--g-gold-dim);border-color:var(--g-border)}.guide-tag-cx-high{color:var(--g-role-dps)}.guide-class-facts{gap:var(--g-md) var(--g-xl);margin:var(--g-md) 0 0;padding:var(--g-md) 0 0;border-block-start:1px solid var(--g-border-soft);flex-wrap:wrap;display:flex}.guide-fact{margin:0}.guide-fact dt{font-size:var(--g-text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--g-text-muted);font-weight:800}.guide-fact dd{margin:var(--g-2xs) 0 0;color:var(--g-text);font-weight:600}.guide-class-hero-text{min-width:0}.guide-kit{margin:var(--g-md) 0 0;gap:var(--g-sm);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0;list-style:none;display:grid}.guide-kit-item{gap:var(--g-sm);padding:var(--g-sm);background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-radius:var(--g-radius);align-items:flex-start;display:flex}.guide-kit-item .guide-ability-icon{flex:none}.guide-kit-text{gap:var(--g-2xs);flex-direction:column;min-width:0;display:flex}.guide-kit-name{font-family:var(--g-font-display);color:var(--g-text);overflow-wrap:anywhere;min-width:0;font-weight:600}.guide-kit-line{color:var(--g-text-dim);font-size:var(--g-text-sm)}.guide-spec-card{gap:var(--g-md);padding:var(--g-md);background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-radius:var(--g-radius);align-items:flex-start;display:flex}.guide-spec-icon{border-radius:var(--g-radius-sm);border:1px solid var(--g-border);flex:none;width:40px;height:40px}.guide-spec-body{min-width:0}.guide-spec-head{align-items:center;gap:var(--g-sm);flex-wrap:wrap;display:flex}.guide-spec-name{font-family:var(--g-font-display);font-weight:700;font-size:var(--g-text-md);color:var(--g-text);overflow-wrap:anywhere;min-width:0}.guide-spec-desc{margin:var(--g-xs) 0 0;color:var(--g-text-dim)}.guide-spec-mastery{margin:var(--g-xs) 0 0;color:var(--g-text-muted);font-size:var(--g-text-sm)}.guide-spec-mastery span{text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:var(--g-text-2xs);color:var(--g-gold-dim);margin-inline-end:var(--g-2xs)}.guide-pet-list{margin:var(--g-md) 0 0;gap:var(--g-sm);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:0;list-style:none;display:grid}.guide-pet{padding:var(--g-sm) var(--g-md);background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-radius:var(--g-radius)}.guide-pet-name{font-family:var(--g-font-display);color:var(--g-text);overflow-wrap:anywhere;min-width:0;font-weight:600;display:block}.guide-pet-line{color:var(--g-text-dim);font-size:var(--g-text-sm);margin-block-start:var(--g-2xs);display:block}@media (pointer:coarse){.guide-chip,.guide-chooser-clear{min-height:var(--g-touch)}}.guide-worldmap-wrap{margin-block:var(--g-lg) var(--g-xl)}.guide-worldmap-h{font-family:var(--g-font-display);font-size:var(--g-text-fluid-h2);color:var(--g-gold-dim);margin:0 0 var(--g-2xs)}.guide-worldmap-sub{margin:0 0 var(--g-md);color:var(--g-text-dim);max-width:var(--g-prose)}.guide-worldmap{gap:var(--g-sm);max-width:var(--g-maxw-map);flex-direction:column;display:flex}.guide-worldmap-zone{align-items:baseline;gap:var(--g-2xs) var(--g-md);padding:var(--g-md);background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-inline-start:var(--g-bw-rail) solid var(--g-border);border-radius:var(--g-radius);color:var(--g-text);grid-template-columns:1fr auto;display:grid}.guide-worldmap-zone:hover{border-color:var(--g-border);background:var(--g-wash);text-decoration:none}.guide-worldmap-band{font-size:var(--g-text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--g-gold-dim);grid-column:1;font-weight:800}.guide-worldmap-name{font-family:var(--g-font-display);font-weight:700;font-size:var(--g-text-lg);overflow-wrap:anywhere;grid-column:1;min-width:0}.guide-worldmap-hub{color:var(--g-text-muted);font-size:var(--g-text-sm);grid-area:1/2/span 2;align-self:center}.guide-worldmap-zone.guide-zone-vale{border-inline-start-color:var(--g-zone-vale);border-block-start-color:var(--g-border-soft)}.guide-worldmap-zone.guide-zone-marsh{border-inline-start-color:var(--g-zone-marsh);border-block-start-color:var(--g-border-soft)}.guide-worldmap-zone.guide-zone-peaks{border-inline-start-color:var(--g-zone-peaks);border-block-start-color:var(--g-border-soft)}.guide-zone-grid-detail{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.guide-zone-detail{margin-block-start:var(--g-md)}.guide-zone-subh{font-size:var(--g-text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--g-text-muted);margin:0 0 var(--g-xs);font-weight:800}.guide-poi-list{gap:var(--g-xs2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.guide-poi{min-width:0;padding:var(--g-pad-pill-y) var(--g-pad-pill-x);background:var(--g-bg);border:1px solid var(--g-border-soft);border-radius:var(--g-radius-pill);font-size:var(--g-text-sm);color:var(--g-text-dim);overflow-wrap:anywhere;align-items:center;display:inline-flex}a.guide-poi:hover{color:var(--g-gold);border-color:var(--g-border);text-decoration:none}.guide-dungeon-meta{margin:0 0 var(--g-sm);color:var(--g-text-muted);font-size:var(--g-text-sm)}.guide-talents-classes{gap:var(--g-lg);margin-block-start:var(--g-md);display:grid}.guide-talents-class{padding-block-start:var(--g-sm)}.guide-talents-class-h{align-items:center;gap:var(--g-sm);margin:0 0 var(--g-sm);font-family:var(--g-font-display);font-size:var(--g-text-xl);color:var(--g-text);display:flex}.guide-talents-class-h a{color:var(--g-text)}.guide-talents-class-h a:hover{color:var(--g-gold);text-decoration:none}.guide-talents-crest{flex:none;width:40px;height:40px}.guide-wish-list{gap:var(--g-md);margin-block-start:var(--g-md);display:grid}.guide-wish-item{padding:var(--g-md) var(--g-lg);background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-inline-start:var(--g-bw-accent) solid var(--g-gold);border-radius:0 var(--g-radius) var(--g-radius) 0}.guide-wish-title{font-family:var(--g-font-display);font-size:var(--g-text-lg);color:var(--g-text);margin:0 0 var(--g-2xs)}.guide-wish-item p{color:var(--g-text-dim);margin:0}.guide-breadcrumb{margin-block-end:var(--g-md)}.guide-breadcrumb ol{align-items:center;gap:var(--g-2xs) var(--g-sm);font-size:var(--g-text-sm);color:var(--g-text-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.guide-breadcrumb li{align-items:center;gap:var(--g-sm);display:inline-flex}.guide-breadcrumb li+li:before{content:"/";color:var(--g-border)}.guide-breadcrumb a{color:var(--g-text-dim)}.guide-breadcrumb a:hover{color:var(--g-gold)}.guide-breadcrumb [aria-current=page]{color:var(--g-text)}.guide-toc{margin-block:var(--g-md) var(--g-lg);padding:var(--g-md);background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-radius:var(--g-radius)}.guide-toc-h{font-size:var(--g-text-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--g-text-muted);margin-block-end:var(--g-sm);font-weight:800;display:block}.guide-toc ul{gap:var(--g-2xs);margin:0;padding:0;list-style:none;display:grid}.guide-toc a{padding:var(--g-2xs) var(--g-sm);color:var(--g-text-dim);font-size:var(--g-text-base);border-radius:0 var(--g-radius-sm) var(--g-radius-sm) 0;border-inline-start:2px solid #0000;display:block}.guide-toc a:hover{color:var(--g-text);background:var(--g-wash);text-decoration:none}.guide-toc a.is-active{color:var(--g-gold);border-inline-start-color:var(--g-gold);background:var(--g-wash-gold)}.guide-seq{gap:var(--g-md);border-block-start:1px solid var(--g-border-soft);grid-template-columns:1fr 1fr;margin-block-start:var(--g-xl);padding-block-start:var(--g-md);display:grid}.guide-seq-link{gap:var(--g-2xs);min-width:0;min-height:var(--g-touch);padding:var(--g-sm) var(--g-md);background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-radius:var(--g-radius);color:var(--g-text);flex-direction:column;display:flex}.guide-seq-link:hover{border-color:var(--g-border);background:var(--g-wash);text-decoration:none}.guide-seq-next{text-align:end}.guide-seq-dir{font-size:var(--g-text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--g-text-muted);font-weight:800}.guide-seq-name{font-family:var(--g-font-display);color:var(--g-text);overflow-wrap:anywhere;min-width:0;font-weight:600}.guide-seq-spacer{display:block}.guide-search{align-items:center;display:flex;position:relative}.guide-search-label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.guide-search-input{width:180px;max-width:100%;min-height:var(--g-control-h-sm);padding:var(--g-xs2) var(--g-sm);background:var(--g-bg-2);color:var(--g-text);border:1px solid var(--g-border-soft);border-radius:var(--g-radius);font-family:var(--g-font-ui);font-size:var(--g-text-base)}.guide-search-input::placeholder{color:var(--g-text-muted)}.guide-search-input:hover{border-color:var(--g-border)}.guide-search-results{z-index:var(--g-z-pop);width:min(320px,86vw);max-height:60vh;padding:var(--g-xs);background:var(--g-bg-2);border:1px solid var(--g-border);border-radius:var(--g-radius);box-shadow:var(--g-shadow-pop);position:absolute;inset-block-start:calc(100% + var(--g-xs));inset-inline-end:0;overflow-y:auto}.guide-search-opt{justify-content:space-between;align-items:baseline;gap:var(--g-sm);padding:var(--g-sm);border-radius:var(--g-radius-sm);color:var(--g-text);display:flex}.guide-search-opt:hover,.guide-search-opt.is-active{background:var(--g-wash);text-decoration:none}.guide-search-opt.is-active{outline:1px solid var(--g-border)}.guide-search-opt-label{overflow-wrap:anywhere;min-width:0;font-weight:600}.guide-search-opt-type{font-size:var(--g-text-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--g-text-muted);flex:none}.guide-search-empty{padding:var(--g-sm);color:var(--g-text-muted);font-size:var(--g-text-base);margin:0}@media (pointer:coarse){.guide-search-input{min-height:var(--g-touch);font-size:var(--g-text-md)}.guide-search-opt{min-height:var(--g-touch)}.guide-toc a{min-height:var(--g-touch);align-items:center;display:flex}.guide-nav-link{min-height:var(--g-touch);align-items:center;display:inline-flex}}@media (max-width:1024px){.guide-search,.guide-search-input{width:100%}.guide-search-results{width:auto;inset-inline:0}}.guide-viewer{margin:var(--g-md) 0 0}.guide-viewer-stage{aspect-ratio:4/5;background:radial-gradient(120% 85% at 50% 10%, #1b1b28 0%, transparent 72%), var(--g-bg-2);border:1px solid var(--g-border-soft);border-radius:var(--g-radius-lg);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.guide-viewer-feature .guide-viewer-stage{aspect-ratio:1}.guide-viewer-canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.guide-viewer-canvas:active{cursor:grabbing}.guide-viewer-poster{opacity:.92;width:auto;max-width:60%;max-height:60%}.guide-viewer-load{align-items:center;gap:var(--g-sm);min-height:var(--g-control-h);padding-inline:var(--g-md);background:linear-gradient(180deg, #ffef9e 0%, var(--g-gold) 100%);color:var(--g-on-gold);font-family:var(--g-font-display);font-weight:700;font-size:var(--g-text-sm);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--g-gold-dim);border-radius:var(--g-radius);box-shadow:var(--g-shadow-cta);cursor:pointer;display:inline-flex;position:absolute;inset-block-end:var(--g-md);inset-inline-start:50%;transform:translate(-50%)}.guide-viewer-load:hover{filter:brightness(1.06)}.guide-viewer-load:disabled{cursor:default;opacity:.7}.guide-viewer-load-icon{border:2px solid var(--g-on-gold);border-radius:2px;width:12px;height:12px;transform:rotate(45deg)}.guide-viewer-status{padding:var(--g-xs) var(--g-md);text-align:center;max-width:86%;font-size:var(--g-text-sm);color:var(--g-text-dim);border-radius:var(--g-radius-pill);background:#08080db8;margin:0;position:absolute;inset-block-end:var(--g-md)}.guide-viewer-status-loading,.guide-viewer-status-error{display:none}.guide-viewer-hint{margin:var(--g-xs) 0 0;text-align:center;font-size:var(--g-text-xs);color:var(--g-text-muted)}.guide-viewer-status,.guide-viewer-hint,.guide-viewer[data-state=loading] .guide-viewer-load{display:none}.guide-viewer[data-state=loading] .guide-viewer-status{display:block}.guide-viewer[data-state=loading] .guide-viewer-status-loading{display:inline}.guide-viewer[data-state=loading] .guide-viewer-poster{opacity:.45}.guide-viewer[data-state=ready] .guide-viewer-poster,.guide-viewer[data-state=ready] .guide-viewer-load{display:none}.guide-viewer[data-state=ready] .guide-viewer-hint,.guide-viewer[data-state=error] .guide-viewer-status{display:block}.guide-viewer[data-state=error] .guide-viewer-status-error{display:inline}.guide-viewer[data-state=nowebgl] .guide-viewer-load{display:none}.guide-viewer-thumb{flex:none;margin:0}.guide-viewer-thumb .guide-viewer-stage{aspect-ratio:1;border-radius:var(--g-radius);width:88px}.guide-viewer-thumb .guide-viewer-load{width:100%;min-height:100%;box-shadow:none;color:var(--g-gold);background:0 0;border:0;gap:0;padding:0;inset:0;inset-inline-start:0;transform:none}.guide-viewer-thumb .guide-viewer-load:hover{filter:none;background:var(--g-wash-gold)}.guide-viewer-thumb .guide-viewer-load-icon{border-color:var(--g-gold);width:16px;height:16px}.guide-viewer-thumb .guide-viewer-load-text{display:none}.guide-viewer-thumb .guide-viewer-status{font-size:var(--g-text-2xs);padding:var(--g-2xs) var(--g-xs);inset-block-end:var(--g-2xs)}.guide-viewer-thumb .guide-viewer-status-error,.guide-viewer-thumb[data-state=error] .guide-viewer-status{display:none}.guide-viewer-thumb[data-state=error] .guide-viewer-load{display:inline-flex}.guide-viewer-thumb .guide-viewer-hint{display:none!important}.guide-pet .guide-viewer{margin:0 0 var(--g-sm)}.guide-gallery{gap:var(--g-lg);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:760px){.guide-gallery{grid-template-columns:260px minmax(0,1fr);align-items:start}}.guide-gallery-picker{gap:var(--g-lg);display:grid}.guide-gallery-group-h{margin:0 0 var(--g-sm);font-size:var(--g-text-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--g-text-muted);font-weight:800}.guide-gallery-options{gap:var(--g-xs2);grid-template-columns:repeat(auto-fill,minmax(116px,1fr));display:grid}.guide-gallery-opt{align-items:center;gap:var(--g-sm);min-height:var(--g-control-h);padding:var(--g-xs2) var(--g-sm);background:var(--g-bg-2);color:var(--g-text-dim);border:1px solid var(--g-border-soft);border-inline-start:var(--g-bw-rail) solid var(--opt-color,var(--g-border));border-radius:var(--g-radius);font-family:var(--g-font-ui);font-weight:600;font-size:var(--g-text-sm);cursor:pointer;text-align:start;display:flex}.guide-gallery-opt:hover{color:var(--g-text);background:var(--g-wash)}.guide-gallery-opt[aria-pressed=true]{color:var(--g-text);border-color:var(--opt-color,var(--g-gold));background:var(--g-wash-gold)}.guide-gallery-opt img{flex:none;width:28px;height:28px}.guide-gallery-opt-name{overflow-wrap:anywhere;min-width:0}.guide-gallery-viewer{position:sticky;inset-block-start:calc(var(--g-header-h) + var(--g-md))}.guide-gallery-stage{aspect-ratio:1}.guide-gallery-fallback{padding:var(--g-lg);text-align:center;max-width:36ch;color:var(--g-text-dim);margin:0}.guide-list{margin:var(--g-sm) 0 0;gap:var(--g-xs);padding-inline-start:var(--g-lg);display:grid}.guide-list li{color:var(--g-text-dim)}.guide-list strong{color:var(--g-text)}.guide-quote{margin:var(--g-md) 0 0;padding:var(--g-sm) var(--g-md);border-inline-start:var(--g-bw-rail) solid var(--g-gold-dim);background:var(--g-wash-gold);border-radius:0 var(--g-radius) var(--g-radius) 0}.guide-quote blockquote{font-family:var(--g-font-serif);font-style:italic;font-size:var(--g-text-md);color:var(--g-text);margin:0}.guide-quote figcaption{font-size:var(--g-text-sm);color:var(--g-text-muted);margin-block-start:var(--g-xs);font-weight:600}.guide-figures{gap:var(--g-md);margin-block-start:var(--g-md);display:grid}.guide-figure{padding:var(--g-md);background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-radius:var(--g-radius)}.guide-figure-head{align-items:baseline;gap:var(--g-xs2) var(--g-sm);flex-wrap:wrap;margin-block-end:var(--g-xs);display:flex}.guide-figure-name{font-family:var(--g-font-display);font-weight:700;font-size:var(--g-text-md);color:var(--g-text);overflow-wrap:anywhere;min-width:0}.guide-figure-role{font-size:var(--g-text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--g-gold-dim);font-weight:700}.guide-figure-line{color:var(--g-text-dim);margin:0}.guide-beat-grid{gap:var(--g-md);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-block-start:var(--g-md);display:grid}.guide-beat{padding:var(--g-md);background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-radius:var(--g-radius)}.guide-beat-h{margin:0 0 var(--g-xs);font-family:var(--g-font-display);font-size:var(--g-text-lg);color:var(--g-gold-dim)}.guide-beat p{color:var(--g-text-dim);margin:0}.guide-creature-flavor{color:var(--g-text-muted);font-size:var(--g-text-xs);line-height:var(--g-leading-snug);margin-block-start:var(--g-2xs)}.guide-creature-flavor-label{letter-spacing:.06em;text-transform:uppercase;color:var(--g-gold-dim);margin-inline-end:var(--g-2xs);font-weight:700}.guide-zone-places-note{margin:var(--g-sm) 0 0;color:var(--g-text-dim);font-size:var(--g-text-sm)}.guide-gear-slots{gap:var(--g-xs2);margin:var(--g-sm) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.guide-gear-slots li{min-height:var(--g-control-h-sm);padding-inline:var(--g-sm);background:var(--g-bg-2);border:1px solid var(--g-border-soft);border-radius:var(--g-radius-pill);color:var(--g-text-dim);font-size:var(--g-text-sm);align-items:center;font-weight:600;display:inline-flex}.guide-gear-qualities{gap:var(--g-xs);margin:var(--g-sm) 0;padding:0;list-style:none;display:grid}.guide-gear-quality{align-items:center;gap:var(--g-sm);color:var(--g-text);display:flex}.guide-gear-swatch{border-radius:var(--g-radius-sm);border:1px solid #0006;flex:none;width:16px;height:16px}.guide-gallery-caption{margin:var(--g-sm) 0 0;text-align:center;font-family:var(--g-font-display);font-size:var(--g-text-lg);color:var(--g-text)}@media (pointer:coarse){.guide-gallery-opt{min-height:var(--g-touch)}}