:root{color-scheme:dark;--bg:#050912;--bg2:#08111c;--panel:#0c1724;--panel2:#101d2d;--panel3:#142338;--ink:#f2ead2;--muted:#a9b5c5;--faint:#718298;--gold:#e2bd63;--gold2:#9f7835;--line:#3b4d63;--blue:#3677d8;--blue2:#174b99;--green:#70d691;--red:#e16a68;--shadow:0 18px 55px rgba(0,0,0,.38);--serif:Georgia,'Times New Roman',serif;--sans:Inter,Segoe UI,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#15243a 0,#08111d 38%,#04070d 75%);color:var(--ink);font-family:var(--sans);line-height:1.55;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.013) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(#000,transparent 82%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(4,9,16,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,189,99,.35);box-shadow:0 9px 32px rgba(0,0,0,.28)}.nav-row{height:68px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand img{width:34px;height:34px;filter:drop-shadow(0 0 10px rgba(226,189,99,.25))}.brand-copy{display:grid;line-height:1}.brand-copy strong{font:700 19px/1.05 var(--serif);letter-spacing:.5px;color:#f5df9d;text-transform:uppercase}.brand-copy span{font-size:9px;letter-spacing:1.6px;color:#9ba9bc;text-transform:uppercase;margin-top:5px}.nav-links{display:flex;align-items:stretch;align-self:stretch;margin-left:auto}.nav-links a{display:flex;align-items:center;padding:0 13px;color:#cfd8e4;font-size:13px;border-bottom:2px solid transparent}.nav-links a:hover,.nav-links a.active{color:#fff0bd;background:linear-gradient(180deg,rgba(226,189,99,.06),rgba(226,189,99,.015));border-bottom-color:var(--gold)}.nav-play{align-self:center;margin-left:7px;border:1px solid #c99f4b!important;border-radius:5px;height:38px!important;padding:0 17px!important;background:linear-gradient(#234f95,#143971)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.mobile-nav{display:none}.mobile-menu{display:none}.phase-strip{border-bottom:1px solid rgba(226,189,99,.22);background:#0a1420}.phase-inner{min-height:36px;display:flex;align-items:center;gap:11px;font-size:12px;color:#cad4df}.phase-badge{border:1px solid #4e9763;background:#153621;color:#aef0be;padding:3px 8px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.phase-inner a{margin-left:auto;color:#f4d87f}.phase-live .beta-only,.phase-development .beta-only,.phase-maintenance .beta-only{display:none!important}.phase-open_beta .live-only,.phase-closed_beta .live-only{display:none!important}
.hero{padding:46px 0 34px}.hero-shell{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);min-height:520px;border:1px solid rgba(226,189,99,.52);border-radius:9px;overflow:hidden;background:linear-gradient(145deg,rgba(8,18,29,.97),rgba(10,20,33,.92));box-shadow:var(--shadow);position:relative}.hero-shell:after{content:"";position:absolute;inset:7px;border:1px solid rgba(226,189,99,.12);border-radius:5px;pointer-events:none}.hero-copy{padding:58px 45px 42px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.eyebrow{margin:0 0 10px;color:#d2af5a;text-transform:uppercase;font-size:10px;letter-spacing:2px;font-weight:800}.hero h1,.page-hero h1{font:700 clamp(42px,5.2vw,72px)/.95 var(--serif);margin:0;color:#f7df9a;text-shadow:0 3px 0 #2b1f0d,0 0 24px rgba(226,189,99,.13);letter-spacing:-1.5px}.hero-sub{font:700 17px/1.4 var(--serif);letter-spacing:.8px;text-transform:uppercase;color:#d6dfeb;margin:17px 0 14px}.hero-copy>p:not(.eyebrow):not(.hero-sub){font-size:15px;color:#b9c4d2;max-width:660px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 22px;border-radius:5px;border:1px solid #a17a35;background:#111d2d;color:#f3e6be;font-weight:800;font-size:13px;letter-spacing:.15px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);cursor:pointer}.btn.primary{background:linear-gradient(#2b68bd,#174481);border-color:#e0b651;color:white;box-shadow:0 8px 22px rgba(26,84,161,.24),inset 0 0 0 1px rgba(255,255,255,.15)}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.hero-art{position:relative;background:#0c1724;min-height:430px}.hero-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.06)}.hero-art:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#09121f 0,rgba(9,18,31,.3) 25%,transparent 54%),linear-gradient(0deg,rgba(3,8,14,.62),transparent 45%)}.hero-art-note{position:absolute;z-index:2;right:22px;bottom:20px;width:min(330px,82%);padding:14px 16px;border:1px solid rgba(226,189,99,.42);background:rgba(5,11,19,.84);backdrop-filter:blur(8px);border-radius:5px}.hero-art-note strong{font:700 18px var(--serif);color:#f3d77d}.hero-art-note span{display:block;color:#b6c2d1;font-size:11px;margin-top:4px}.hero-classes{display:flex;gap:8px;margin-top:30px;align-items:flex-end;flex-wrap:wrap}.mini-class{width:46px;text-align:center}.mini-class img{width:42px;height:42px;object-fit:contain;image-rendering:pixelated;margin:auto;filter:drop-shadow(0 4px 4px rgba(0,0,0,.45))}.mini-class span{display:block;font-size:8px;color:#d9be72;margin-top:4px;text-transform:uppercase}
.status-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:-8px auto 40px}.status-card{border:1px solid #32465c;background:linear-gradient(150deg,#0a1522,#0e1b2b);border-radius:7px;padding:17px 18px;min-height:106px}.status-card strong{font:700 16px var(--serif);color:#f0d786}.status-card p{font-size:11px;color:#9fb0c3;margin:6px 0 0}.status-line{display:flex;align-items:center;gap:9px}.dot{width:10px;height:10px;border-radius:50%;background:#7b8794;box-shadow:0 0 0 4px rgba(255,255,255,.03)}.dot.online{background:#4fd27b;box-shadow:0 0 12px rgba(79,210,123,.5)}.dot.offline{background:#d96b64}.status-value{color:#dce7f2;font-size:12px;margin-top:8px}.beta-card{border-color:#3f7e56;background:linear-gradient(145deg,#10271b,#0b1820)}.beta-card .phase-badge{display:inline-flex}.section{padding:38px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:19px}.section-heading h2{margin:0;font:700 31px var(--serif);color:#f2d985}.section-heading p{margin:4px 0 0;color:#91a3b7;font-size:13px;max-width:680px}.section-heading a{font-size:12px;color:#e2c56c}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{border:1px solid #354a61;background:linear-gradient(145deg,#0b1624,#0e1b2c);border-radius:7px;overflow:hidden;min-height:205px;box-shadow:0 12px 30px rgba(0,0,0,.18)}.feature-card .image{height:126px;overflow:hidden;border-bottom:1px solid #4d4b37;background:#101927}.feature-card .image img{width:100%;height:100%;object-fit:cover}.feature-card .body{padding:16px}.feature-card h3{font:700 19px var(--serif);color:#efd57e;margin:0}.feature-card p{color:#9fb0c2;font-size:12px;margin:7px 0 0}.feature-card a.more{display:inline-block;color:#f0ca63;font-size:11px;font-weight:800;margin-top:12px}.info-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.panel{border:1px solid #34485e;border-radius:7px;background:linear-gradient(145deg,#0a1522,#0d1a2a);padding:22px}.panel h2,.panel h3{font-family:var(--serif);color:#efd57e}.panel h2{font-size:27px;margin:0 0 10px}.panel h3{font-size:19px;margin:0 0 8px}.panel p{color:#a9b7c7;font-size:13px}.panel ul{color:#afbdcc;font-size:12px}.panel li+li{margin-top:8px}.callout{border-left:3px solid var(--gold);background:#131b25;padding:14px 16px;border-radius:3px;color:#bac6d3;font-size:12px}.callout strong{color:#f0d780}.image-frame{border:1px solid #6a5630;background:#060d16;padding:5px;border-radius:6px}.image-frame img{border:1px solid #263a4e;width:100%}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid #3e5269;background:#101c2b;border-radius:999px;padding:5px 9px;color:#b9c6d4;font-size:10px}.lore-quote{font:italic 20px/1.55 var(--serif);color:#dcc779;border-top:1px solid #3b4d63;border-bottom:1px solid #3b4d63;padding:20px;margin:20px 0}.stat-table{width:100%;border-collapse:collapse;font-size:11px}.stat-table th,.stat-table td{padding:8px;border-bottom:1px solid #26394d;text-align:left}.stat-table th{color:#d7bd72}.stat-table td{color:#b9c5d2}.class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.class-card{border:1px solid #3a4e64;background:linear-gradient(145deg,#0a1522,#101e30);border-radius:7px;padding:16px;position:relative;overflow:hidden}.class-card:after{content:"";position:absolute;inset:auto -20px -30px auto;width:90px;height:90px;border:1px solid rgba(226,189,99,.08);transform:rotate(45deg)}.class-head{display:flex;gap:12px;align-items:center}.class-head img{width:62px;height:62px;image-rendering:pixelated;object-fit:contain}.class-head h3{font:700 19px var(--serif);margin:0;color:#f0d57d}.class-head span{font-size:9px;color:#9daec0;text-transform:uppercase;letter-spacing:.8px}.class-card p{font-size:11px;color:#9fb0c2;min-height:50px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.stat{border:1px solid #2d4156;background:#0a1420;padding:5px;text-align:center}.stat b{display:block;color:#f0ce6e;font-size:12px}.stat span{font-size:8px;color:#8597ab}.advanced{border-color:#7d6230;background:linear-gradient(145deg,#141a21,#171b24)}.world-layout{display:grid;grid-template-columns:260px 1fr;gap:16px}.toc{position:sticky;top:124px;align-self:start;border:1px solid #34495f;background:#0a1522;border-radius:6px;overflow:hidden}.toc a{display:block;padding:10px 12px;border-bottom:1px solid #243649;color:#aebccd;font-size:11px}.toc a:hover,.toc a.active{background:#182538;color:#f1d77b}.article{border:1px solid #34485e;background:linear-gradient(145deg,#0a1522,#0c1929);border-radius:7px;padding:26px}.article h2{font:700 28px var(--serif);color:#efd57e;margin:0 0 12px}.article h3{font:700 20px var(--serif);color:#e7cb74;margin:28px 0 8px}.article p,.article li{font-size:13px;color:#abb9c8}.article section+section{border-top:1px solid #293c50;margin-top:30px;padding-top:30px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.guide-link{display:block;border:1px solid #33485e;background:#0d1a29;padding:15px;border-radius:6px}.guide-link strong{font:700 17px var(--serif);color:#edd27b}.guide-link span{display:block;color:#92a4b8;font-size:11px;margin-top:4px}.news-list{display:grid;gap:12px}.news-item{display:grid;grid-template-columns:82px 1fr;gap:17px;border:1px solid #34485e;background:#0b1725;padding:15px;border-radius:6px}.news-date{border:1px solid #65532e;background:#141a22;text-align:center;padding:9px}.news-date b{display:block;color:#efd379;font:700 24px var(--serif)}.news-date span{font-size:9px;color:#aab7c5;text-transform:uppercase}.news-item h3{font:700 20px var(--serif);color:#efd57e;margin:0}.news-item p{font-size:12px;color:#9fadc0;margin:5px 0}.community-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px}.metric-list{display:grid;gap:8px}.metric{display:flex;justify-content:space-between;gap:14px;border:1px solid #2f4358;padding:10px 12px;background:#0b1724}.metric span{color:#94a7bb;font-size:11px}.metric b{color:#e8d17c;font-size:11px}.play-shell{display:grid;grid-template-columns:1fr .9fr;gap:18px}.play-cta{text-align:center;padding:34px}.play-cta .crest-large{width:70px;margin:0 auto 16px}.play-cta h2{font:700 34px var(--serif);color:#efd67f;margin:0 0 8px}.play-cta p{max-width:640px;margin:0 auto 20px;color:#a9b8c8}.footer{margin-top:55px;border-top:1px solid rgba(226,189,99,.28);background:#050a11}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:26px;padding:34px 0}.footer h4{font:700 14px var(--serif);color:#e8ce78;margin:0 0 10px}.footer a,.footer p{display:block;color:#8497ab;font-size:10px;margin:6px 0}.footer-bottom{border-top:1px solid #1c2c3d;padding:16px 0 24px;color:#6f8296;font-size:9px;display:flex;justify-content:space-between;gap:20px}.page-hero{padding:50px 0 28px}.page-hero-inner{border-bottom:1px solid #3a4b5e;padding-bottom:28px}.page-hero h1{font-size:48px}.page-hero p{max-width:760px;color:#a6b4c4;font-size:14px}.page-kicker{color:#d1ad58;font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:800}.beta-box{border:1px solid #39734f;background:linear-gradient(145deg,#102719,#0a171f);padding:18px;border-radius:6px}.beta-box h3{color:#a9efbb;font:700 21px var(--serif);margin:0}.beta-box p{color:#b7cabd}.warn-box{border:1px solid #785c2d;background:#1d190f;padding:15px;border-radius:5px;color:#d8c697;font-size:12px}.muted{color:#8fa1b5}.spacer{height:10px}
@media(max-width:980px){.nav-links a{padding:0 8px;font-size:11px}.brand-copy span{display:none}.hero-shell{grid-template-columns:1fr}.hero-art{min-height:350px}.status-grid,.card-grid{grid-template-columns:1fr 1fr}.class-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.info-grid,.community-grid,.play-shell{grid-template-columns:1fr}}
@media(max-width:760px){.wrap{width:min(100% - 20px,1180px)}.nav-row{height:58px}.brand-copy strong{font-size:15px}.nav-links{display:none}.mobile-nav{display:block;margin-left:auto}.mobile-nav button{border:1px solid #5d4d2f;background:#0d1724;color:#ead487;border-radius:4px;padding:7px 10px}.mobile-menu{display:none;position:absolute;top:58px;left:0;right:0;background:#07101b;border-bottom:1px solid #5d4d2f;padding:8px 10px 12px}.mobile-menu.open{display:grid}.mobile-menu a{padding:11px;border-bottom:1px solid #1d3043;font-size:12px}.phase-inner{align-items:flex-start;padding:8px 0;flex-wrap:wrap}.phase-inner a{margin-left:0}.hero{padding-top:22px}.hero-shell{min-height:0}.hero-copy{padding:35px 23px 28px}.hero h1{font-size:46px}.hero-art{min-height:280px}.status-grid,.card-grid,.class-grid,.guide-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.world-layout{grid-template-columns:1fr}.toc{position:static;display:grid;grid-template-columns:1fr 1fr}.info-grid,.community-grid,.play-shell{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.news-item{grid-template-columns:64px 1fr}.hero-classes{gap:4px}.mini-class{width:39px}.mini-class img{width:36px;height:36px}}

/* Player handbook reference surfaces */
.reference-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;margin-bottom:22px}.reference-toolbar h2{margin:0 0 4px}.reference-toolbar p{margin:0;color:#9eafc0}.reference-toolbar input{width:min(360px,100%);border:1px solid #39516a;background:#07111d;color:#edf2f6;border-radius:5px;padding:11px 12px}.reference-group-title{font:700 25px var(--serif);color:#efd47c;margin:32px 0 14px}.class-summary{text-decoration:none;color:inherit;position:relative}.class-summary:hover{border-color:#92733b;transform:translateY(-1px)}.class-kind{display:inline-block;margin:6px 0 2px;color:#d4b45f;font-size:9px;text-transform:uppercase;letter-spacing:1.4px}.text-link{display:block;color:#eccb69;font-weight:700;font-size:10px;margin-top:12px}.class-rune{display:grid;place-items:center;width:58px;height:58px;border:1px solid #836a37;border-radius:5px;background:radial-gradient(circle at 40% 30%,#29354a,#111826 70%);color:#f0d779;font:700 26px var(--serif)}.class-reference-list{display:grid;gap:18px}.class-reference{scroll-margin-top:110px;padding:22px}.class-reference-head{display:flex;align-items:center;gap:15px}.class-reference-head img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.class-reference-head h2{margin:2px 0 0;font-size:30px}.class-role{margin:2px 0!important;color:#b9c7d7!important}.class-facts{display:flex;gap:8px 20px;flex-wrap:wrap;margin:14px 0;color:#a9b9ca;font-size:10px}.progression-details{border-top:1px solid #2d4154;margin-top:17px;padding-top:14px}.progression-details summary{cursor:pointer;color:#edd174;font:700 17px var(--serif);padding:6px 0 12px}.ability-table-wrap{overflow:auto;border:1px solid #2b4054;border-radius:5px;background:#091522}.ability-table{width:100%;border-collapse:collapse;min-width:760px}.ability-table th{position:sticky;top:0;background:#101d2c;color:#dfc36b;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:1px;padding:10px;border-bottom:1px solid #44566a}.ability-table td{padding:10px;border-bottom:1px solid #1b2d40;vertical-align:top;color:#b8c6d5;font-size:11px}.ability-table td strong{color:#edf1e7}.ability-table .sub{display:block;color:#71879b;margin-top:3px;font-size:9px}.level-cell{width:52px;color:#efd071!important;font-weight:800}.beast-rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.pet-rank{border:1px solid #32495f;background:#0a1724;padding:12px}.pet-rank b,.pet-rank span{display:block}.pet-rank b{color:#e9d075}.pet-rank span{font-size:10px;color:#9cb0c4;margin-top:3px}.reference-note{margin-top:10px}.pet-table td:nth-child(3),.pet-table td:nth-child(5){white-space:nowrap}.feature-card.text-only{min-height:0}.feature-card.text-only .feature-body{padding-top:20px}
@media(max-width:760px){.reference-toolbar{align-items:stretch;flex-direction:column}.reference-toolbar input{width:100%}.beast-rank-grid{grid-template-columns:1fr}.class-reference{padding:16px}.class-reference-head h2{font-size:25px}}