:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#101512;--ink-2:#17241f;--paper:#f7f0e2;--paper-2:#e6dcc7;--gold:#f4c95d;--teal:#35c7b6;--red:#c94d38;--leaf:#7fbd72;--white:#fffaf0;--muted:#b8c8bf;--line:#fffaf029;--shadow:0 24px 70px #0000005c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #101512f5, #131e1bfa), radial-gradient(circle at top left, #35c7b62e, transparent 34%), var(--ink);color:var(--white);letter-spacing:0;margin:0;font-family:Microsoft JhengHei,PingFang HK,Noto Sans TC,Arial,sans-serif}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 74%);mask-image:linear-gradient(#0000008c,#0000 74%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}main{min-height:100vh;overflow:hidden}.site-header{z-index:10;justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);margin:0 auto;padding:22px 0;display:flex;position:absolute;top:0;left:0;right:0}.brand-mark{width:46px;height:46px;color:var(--gold);background:#10151294;border:1px solid #f4c95d9e;border-radius:6px;place-items:center;font-size:24px;font-weight:800;display:grid;box-shadow:0 12px 38px #0000003d}.top-nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.top-nav a{color:#f7ecd8;background:#10151280;border:1px solid #fffaf033;border-radius:6px;padding:12px 15px;font-size:15px;font-weight:700;line-height:1;transition:border-color .16s,background .16s,color .16s}.top-nav a:hover{color:#fff;background:#35c7b629;border-color:#35c7b6bd}.hero{background:linear-gradient(90deg,#070c0ae6 0%,#070c0ab8 38%,#070c0a38 72%),linear-gradient(#0000 64%,#101512f0 100%),url(/hero-collage.webp) 50%/cover no-repeat;border-bottom:1px solid #fffaf021;align-items:center;min-height:86svh;padding:120px max(24px,50vw - 590px) 90px;display:flex;position:relative}.hero:after{content:"";background:linear-gradient(90deg, var(--gold), var(--teal), var(--red), var(--leaf));height:10px;position:absolute;inset:auto 0 0}.hero-copy{width:min(720px,100%);position:relative}.eyebrow,.section-kicker{color:var(--teal);margin:0 0 14px;font-size:15px;font-weight:800}.hero h1{color:var(--gold);text-shadow:0 10px 44px #0000008f;margin:0;font-size:82px;font-weight:900;line-height:1.02}.hero-lede{color:#fff4df;width:min(650px,100%);margin:26px 0 0;font-size:22px;font-weight:650;line-height:1.78}.hero-stats{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-stats span{background:#10151294;border:1px solid #fffaf02e;border-radius:6px;grid-template-columns:auto 1fr;align-items:baseline;gap:8px;min-width:118px;padding:13px 16px;display:grid}.hero-stats strong{color:var(--gold);font-size:30px;line-height:1}.hero-stats small{color:#f2e5ca;font-size:15px;font-weight:700}.intro-band{grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);gap:46px;width:min(1180px,100% - 40px);margin:0 auto;padding:64px 0 48px;display:grid}.intro-band h2,.section-heading h2,.legend-copy h2{color:var(--white);margin:0;font-size:38px;line-height:1.24}.intro-band>p,.legend-copy p{color:#d8e4dc;margin:0;font-size:18px;line-height:1.9}.section-wrap{width:min(1180px,100% - 40px);margin:0 auto;padding:72px 0}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.realm-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.realm-card{background:linear-gradient(180deg, #243630e6, #101512eb), var(--ink-2);border:1px solid #fffaf029;border-radius:6px;min-height:280px;padding:22px;box-shadow:0 18px 50px #0000002e}.realm-card:nth-child(2){border-color:#c94d3857}.realm-card:nth-child(3){border-color:#35c7b657}.realm-card:nth-child(4){border-color:#f4c95d57}.realm-card:nth-child(5){border-color:#7fbd7257}.realm-card h3{color:var(--gold);margin:0;font-size:24px;line-height:1.25}.realm-card p{color:#cddbd2;min-height:112px;margin:14px 0 18px;font-size:15px;line-height:1.72}.realm-card ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.realm-card li{color:#fff0d2;border:1px solid #fffaf024;border-radius:5px;padding:8px 9px;font-size:13px;line-height:1}.featured{border-top:1px solid var(--line)}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.featured-card{background:var(--paper);color:#171a16;min-height:330px;box-shadow:var(--shadow);border:1px solid #fffaf029;border-radius:6px;grid-template-columns:minmax(230px,.95fr) minmax(240px,1.05fr);display:grid;overflow:hidden}.zoom-image-button{width:100%;height:100%;color:inherit;cursor:zoom-in;text-align:inherit;background:#e3d6bf;border:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.zoom-image-button img{object-fit:cover;width:100%;height:100%;transition:filter .18s,transform .18s}:is(.zoom-image-button:hover img,.zoom-image-button:focus-visible img){filter:saturate(1.06)contrast(1.04);transform:scale(1.025)}.zoom-image-button:focus-visible{outline:3px solid var(--teal);outline-offset:-3px}.zoom-cue{color:#fff7e8;opacity:0;background:#0a0e0cc2;border:1px solid #fffaf080;border-radius:6px;padding:9px 11px;font-size:13px;font-weight:900;line-height:1;transition:opacity .16s,transform .16s;position:absolute;bottom:12px;right:12px;transform:translateY(4px)}:is(.zoom-image-button:hover .zoom-cue,.zoom-image-button:focus-visible .zoom-cue){opacity:1;transform:translateY(0)}.featured-image-button{min-height:100%}.featured-copy{flex-direction:column;justify-content:center;min-width:0;padding:28px;display:flex}.featured-copy>p:first-child{color:#177f76;margin:0 0 10px;font-size:14px;font-weight:900}.featured-card h3{color:#101512;margin:0;font-size:32px;line-height:1.2}.featured-card span{color:#9a2f24;margin-top:8px;font-size:15px;font-weight:900;display:block}.featured-copy>p:last-child{color:#3f463f;margin:20px 0 0;font-size:16px;line-height:1.78}.bestiary{border-top:1px solid var(--line)}.monster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.monster-card{background:var(--paper);color:#161914;border:1px solid #fffaf029;border-radius:6px;overflow:hidden;box-shadow:0 18px 48px #00000038}.monster-image{aspect-ratio:23/16;background:#e6dcc7}.monster-copy{padding:22px 22px 24px;position:relative}.monster-number{color:#10151252;font-size:28px;font-weight:900;line-height:1;position:absolute;top:22px;right:22px}.monster-card h3{color:#111712;max-width:calc(100% - 58px);margin:0 0 14px;font-size:27px;line-height:1.22}.monster-card dl{gap:8px;margin:0;display:grid}.monster-card dl div{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:10px;display:grid}.monster-card dt{color:#9a2f24;font-size:13px;font-weight:900}.monster-card dd{color:#25332c;min-width:0;margin:0;font-size:14px;font-weight:800;line-height:1.35}.monster-card p{color:#3d483f;margin:18px 0 0;font-size:15px;line-height:1.76}.legend-band{width:min(1180px,100% - 40px);box-shadow:var(--shadow);background:linear-gradient(135deg,#35c7b62e,#0000 42%),linear-gradient(#22312bf0,#0d1210f5);border:1px solid #fffaf029;border-radius:6px;grid-template-columns:minmax(300px,1fr) minmax(300px,.85fr);gap:34px;margin:0 auto 80px;padding:64px;display:grid}.legend-copy p{margin-top:22px}.legend-notes{align-content:center;gap:12px;display:grid}.legend-notes p{border-left:4px solid var(--teal);color:#e2ede5;background:#fffaf014;border-radius:0 6px 6px 0;margin:0;padding:16px 18px;font-size:16px;line-height:1.72}.legend-notes p:nth-child(2){border-left-color:var(--gold)}.legend-notes p:nth-child(3){border-left-color:var(--red)}.legend-notes strong{color:var(--white);font-size:14px;display:block}.image-lightbox{z-index:80;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.lightbox-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:zoom-out;background:#040706db;border:0;padding:0;position:absolute;inset:0}.lightbox-close{z-index:82;color:#fffaf0;cursor:pointer;background:#101512db;border:1px solid #fffaf04d;border-radius:6px;place-items:center;width:46px;height:46px;padding:0;font-size:30px;line-height:1;display:grid;position:fixed;top:22px;right:22px}:is(.lightbox-close:hover,.lightbox-close:focus-visible){border-color:var(--gold);background:#f4c95d2e;outline:none}.lightbox-figure{z-index:81;cursor:default;grid-template-rows:minmax(0,1fr) auto;gap:14px;width:min(1120px,100%);max-height:calc(100svh - 64px);margin:0;display:grid;position:relative}.lightbox-figure img{background:var(--paper);object-fit:contain;border:1px solid #fffaf03d;border-radius:6px;width:100%;max-height:calc(100svh - 124px);box-shadow:0 28px 90px #00000080}.lightbox-figure figcaption{color:#fff1d2;text-align:center;font-size:20px;font-weight:900;line-height:1.35}@media (max-width:1080px){.realm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.realm-card,.realm-card p{min-height:auto}.featured-grid,.monster-grid,.intro-band,.legend-band{grid-template-columns:1fr}}@media (max-width:760px){.site-header{align-items:flex-start;gap:12px;width:calc(100% - 28px)}.brand-mark{flex:none;width:42px;height:42px;font-size:22px}.top-nav{gap:6px}.top-nav a{padding:10px 11px;font-size:13px}.hero{background:linear-gradient(90deg,#070c0ae6 0%,#070c0aad 100%),linear-gradient(#0000 66%,#101512f0 100%),url(/hero-collage.webp) 50%/cover no-repeat;min-height:84svh;padding:118px 20px 74px}.hero h1{font-size:50px}.hero-lede{font-size:18px;line-height:1.72}.hero-stats span{min-width:100px;padding:12px 14px}.hero-stats strong{font-size:26px}.intro-band,.section-wrap{width:calc(100% - 28px);padding:48px 0}.intro-band h2,.section-heading h2,.legend-copy h2{font-size:30px}.intro-band>p,.legend-copy p{font-size:16px}.section-heading{display:block}.realm-grid,.featured-grid,.monster-grid,.featured-card{grid-template-columns:1fr}.featured-image-button{aspect-ratio:23/16;height:auto}.featured-card div{padding:24px}.featured-card h3{font-size:28px}.monster-card h3{font-size:25px}.legend-band{width:calc(100% - 28px);margin-bottom:48px;padding:28px}}