@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.contents{display:contents}.hidden{display:none}.table{display:table}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#102b34;--night:#08242d;--mist:#dbe8df;--paper:#f4f0e8;--acid:#c7ef58;--coral:#ee7b58}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Serif SC,Georgia,serif}a{color:inherit;text-decoration:none}.hero{color:#f7f1e7;background:#052431;min-height:100vh;position:relative;overflow:hidden}.grain{z-index:1;opacity:.13;pointer-events:none;mix-blend-mode:soft-light;background-image:url(/og.png);background-position:50%;background-size:cover;position:absolute;inset:0}.nav{z-index:3;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;height:84px;padding:0 clamp(24px,6vw,92px);display:flex;position:relative}.brand{letter-spacing:-1px;font-family:Georgia,serif;font-size:21px;font-weight:900}.brand span{color:var(--acid)}.nav-links{letter-spacing:1px;gap:34px;font-family:DM Mono,monospace;font-size:11px;display:flex}.nav-links a{opacity:.78}.nav-cta{border:1px solid #fff9;padding:11px 15px;font:11px DM Mono,monospace}.hero-copy{z-index:2;max-width:820px;padding:clamp(90px,17vh,160px) clamp(24px,12vw,180px);position:relative}.eyebrow{letter-spacing:1.7px;color:var(--coral);margin:0 0 18px;font:10px DM Mono,monospace}.eyebrow i{vertical-align:middle;background:currentColor;width:22px;height:1px;margin:0 9px 2px 0;display:inline-block}.hero h1,.section h2,.final h2{letter-spacing:-4px;margin:0;font-size:clamp(48px,6.4vw,92px);font-weight:900;line-height:1.09}.hero h1 em,.section h2 em,.final h2 em{color:var(--acid);font-style:normal}.hero-desc{color:#d6e2d8;margin:28px 0 36px;font-size:15px;line-height:1.9}.hero-actions{align-items:center;gap:14px;display:flex}.button{letter-spacing:.4px;cursor:pointer;border:1px solid #0000;align-items:center;gap:22px;padding:15px 18px;font-family:DM Mono,monospace;font-size:11px;display:inline-flex}.primary{background:var(--acid);color:#102b34}.ghost{color:#fff;background:0 0;border-color:#ffffff80}.hero-art{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-art img{object-fit:cover;object-position:center;filter:saturate(.9)contrast(1.05);width:100%;height:100%}.hero-photo-wash{background:linear-gradient(90deg,#041921fa 0%,#052227d6 36%,#051f255c 66%,#051c2140 100%);position:absolute;inset:0}.spark{color:#baf2d2;z-index:1;font-size:21px;animation:4s ease-in-out infinite float;position:absolute}.s1{top:32%;right:38%}.s2{animation-delay:1s;top:49%;right:21%}.s3{animation-delay:2s;top:64%;right:48%}@keyframes float{50%{opacity:.5;transform:translateY(-14px)}}.scroll-cue{z-index:2;letter-spacing:2px;text-align:center;font:9px DM Mono,monospace;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.scroll-cue b{background:var(--acid);width:1px;height:25px;margin:10px auto 0;display:block}.numbers{background:var(--ink);color:#f5eee3;grid-template-columns:repeat(4,1fr);gap:20px;padding:40px clamp(24px,12vw,180px);display:grid}.numbers div{border-left:1px solid #54706c;padding-left:20px}.numbers strong{color:var(--acid);font:500 43px/1 Georgia,serif;display:block}.numbers strong span{font-size:23px}.numbers span{letter-spacing:1px;color:#a6b8ae;font:10px DM Mono,monospace}.section{padding:clamp(80px,11vw,155px) clamp(24px,12vw,180px)}.section h2{font-size:clamp(42px,5.5vw,76px)}.world{background:#dae6d8}.section-head{max-width:720px;margin-bottom:60px}.region-grid{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.region{background:var(--ink);color:#eff0e7;flex-direction:column;justify-content:flex-end;min-height:310px;padding:26px 24px;display:flex;position:relative;overflow:hidden}.region>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.region-shade{background:linear-gradient(#051b200f 25%,#051b20f0);position:absolute;inset:0}.region>*{z-index:1;position:relative}.region>span{color:var(--acid);font:11px DM Mono,monospace;position:absolute;top:25px;left:24px}.region h3{margin:0 0 9px;font-size:25px}.region p{color:#d5ddd2;margin:0 0 20px;font-size:12px;line-height:1.7}.region a{letter-spacing:1px;color:var(--acid);font:10px DM Mono,monospace}.classes{background:#f4f0e8;grid-template-columns:1fr 1.2fr;gap:10vw;display:grid}.class-intro>p:not(.eyebrow){color:#526363;margin:28px 0;font-size:14px;line-height:1.9}.class-intro>a{border-bottom:1px solid var(--ink);padding-bottom:7px;font:11px DM Mono,monospace}.class-intro>a span{margin-left:28px}.class-stage{background:#e7ece1;border:1px solid #b8c4b4;grid-template-columns:1fr 190px;min-height:520px;display:grid;position:relative}.selected-class{color:#fbf4e7;background:radial-gradient(circle at 45% 40%,#cadc98,#0000 22%),linear-gradient(135deg,#6e9281,#1c4c50);flex-direction:column;justify-content:center;padding:64px 50px;display:flex}.class-symbol{color:var(--acid);filter:drop-shadow(0 8px #09282a52);font-size:130px;line-height:1}.selected-class p{letter-spacing:1px;margin:27px 0 9px;font:10px DM Mono,monospace}.selected-class h3{margin:0;font-size:44px}.role{color:#d3e4cf;margin-top:5px;font-size:13px}.class-list{background:#eff0e7;flex-direction:column;display:flex}.class-list button{text-align:left;color:#55625b;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #c7d0c4;align-items:center;gap:10px;height:14.2857%;padding:0 14px;font-family:inherit;font-size:13px;display:flex}.class-list button span{font-size:18px}.class-list button i{margin-left:auto;font:9px DM Mono,monospace}.class-list button.active{background:var(--ink);color:#fff}.guide{background:var(--coral);color:#152f35;grid-template-columns:1fr 1fr;gap:10vw;display:grid}.guide .eyebrow{color:#f8e9ce}.guide-copy>p:not(.eyebrow){max-width:430px;font-size:14px;line-height:1.9}.guide-shot{aspect-ratio:16/8;object-fit:cover;border:1px solid #152f3580;width:100%;max-width:430px;margin-top:30px;display:block}.guide-links{border-top:1px solid #152f3580}.guide-links a{border-bottom:1px solid #152f3580;grid-template-columns:1fr auto;gap:4px;padding:25px 0;display:grid}.guide-links small{letter-spacing:1.2px;font:9px DM Mono,monospace}.guide-links strong{font-size:20px}.guide-links span{grid-area:1/2/3;align-self:center;font-size:22px}.final{background:var(--night);color:#f4f0e8;align-items:center;min-height:61vh;padding:80px clamp(24px,12vw,180px);display:flex;position:relative;overflow:hidden}.final:after{content:"";border:1px solid #395b5a;border-radius:50%;width:70vw;height:70vw;position:absolute;top:-16vw;right:-28vw;box-shadow:0 0 0 45px #0c3037,0 0 0 46px #395b5a}.final>div{z-index:1;position:relative}.final h2{margin-bottom:32px}.final .eyebrow{color:#a1d8cb}footer{color:#eff1e8;background:#071f26;justify-content:space-between;align-items:center;padding:28px clamp(24px,6vw,92px);font-family:DM Mono,monospace;font-size:10px;display:flex}footer p{color:#90a7a2}.modal{z-index:5;background:#04161bc7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal>div{max-width:440px;color:var(--ink);background:#f4f0e8;padding:45px;position:relative}.modal button[aria-label]{cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:10px;right:15px}.modal h3{margin:0;font-size:32px}.modal p:not(.eyebrow){margin:18px 0 25px;font-size:14px;line-height:1.8}@media (width<=760px){.nav{height:68px}.nav-links{display:none}.nav-cta{padding:8px 10px}.hero-copy{padding-top:110px}.hero-art{opacity:.76}.hero-art img{object-position:60% center}.numbers{grid-template-columns:1fr 1fr;padding:30px 24px}.numbers strong{font-size:34px}.region-grid{grid-template-columns:1fr 1fr}.region{min-height:230px}.classes,.guide{grid-template-columns:1fr;gap:50px}.class-stage{grid-template-columns:1fr 130px}.selected-class{padding:38px 26px}.selected-class h3{font-size:33px}.class-symbol{font-size:90px}.final h2,.section h2,.hero h1{letter-spacing:-2px}footer{flex-wrap:wrap;gap:14px}footer p{order:3;width:100%;margin:0}.scroll-cue{display:none}}.guide-shell,.article-shell{background:var(--paper);min-height:100vh;color:var(--ink)}.guide-nav{background:#f7f4ed;border-bottom:1px solid #c8d0c3;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(24px,6vw,92px);display:flex}.guide-nav nav{letter-spacing:1px;align-items:center;gap:24px;font:10px DM Mono,monospace;display:flex}.guide-nav nav a:last-child{border:1px solid #8da19a;padding:9px 11px}.guide-hero{background:var(--ink);color:#f6f0e5;padding:clamp(70px,10vw,130px) clamp(24px,12vw,180px);position:relative;overflow:hidden}.guide-hero:after{content:"";border:1px solid #60837d;border-radius:50%;width:57vw;height:57vw;position:absolute;top:-27vw;right:-14vw;box-shadow:0 0 0 42px #123942,0 0 0 43px #60837d}.guide-hero>*{z-index:1;position:relative}.guide-hero h1,.article h1,.class-profile h1{letter-spacing:-4px;max-width:860px;margin:0;font-size:clamp(48px,6.5vw,88px);line-height:1.02}.guide-hero h1 em{color:var(--acid);font-style:normal}.guide-hero>p:last-child{color:#c8d8d0;max-width:580px;margin:25px 0 0;font-size:15px;line-height:1.8}.guide-index{background:#dce7da;grid-template-columns:repeat(3,1fr);gap:2px;padding:clamp(55px,8vw,110px) clamp(24px,12vw,180px);display:grid}.guide-card{background:#f7f3eb;flex-direction:column;min-height:315px;padding:28px;display:flex}.guide-card>p:first-child,.patch-list p{letter-spacing:1px;color:#63736b;margin:0;font:10px DM Mono,monospace}.guide-card>p:first-child span{float:right}.guide-card h2{margin:30px 0 15px;font-size:31px;line-height:1.08}.card-desc{color:#52625c;margin:0;font-size:13px;line-height:1.75}.guide-card footer{color:var(--ink);letter-spacing:.4px;background:0 0;justify-content:space-between;margin-top:auto;padding:0;font:10px DM Mono,monospace;display:flex}.guide-card footer a{color:#235c56}.article{max-width:850px;margin:0 auto;padding:clamp(65px,9vw,115px) 24px}.article h1,.class-profile h1{margin:0 0 22px}.article-dek{color:#405a56;max-width:760px;font-size:20px;line-height:1.65}.article-meta{letter-spacing:.6px;color:#64736b;border-top:1px solid #c8d0c3;margin:35px 0 55px;padding-top:15px;font:10px DM Mono,monospace}.article section{margin:0 0 42px}.article section h2,.source-box h2{margin:0 0 12px;font-size:29px;line-height:1.15}.article section p{color:#334e4a;margin:0;font-size:16px;line-height:1.85}.source-box{background:#e4ece1;border:1px solid #aabbb0;margin-top:55px;padding:27px 30px}.source-box>p{margin:0 0 18px;font-size:13px;line-height:1.75}.source-box ul{margin:0;padding:0;list-style:none}.source-box li{border-top:1px solid #bdcabf;align-items:center;gap:14px;padding:13px 0;font-size:14px;display:flex}.source-box li span{letter-spacing:.5px;color:#67796d;min-width:72px;font:9px DM Mono,monospace}.source-box a{border-bottom:1px solid;padding-bottom:2px}.article-footer{background:var(--night);color:#eff0e7;letter-spacing:.5px;justify-content:space-between;padding:25px clamp(24px,12vw,180px);font:10px DM Mono,monospace;display:flex}.class-atlas{background:#dce7da;grid-template-columns:repeat(4,1fr);gap:2px;padding:clamp(55px,8vw,110px) clamp(24px,12vw,180px);display:grid}.atlas-card{background:#f6f2ea;flex-direction:column;min-height:265px;padding:24px;display:flex;position:relative}.atlas-card>span{color:#6b7b72;font:10px DM Mono,monospace}.atlas-card b{color:#35736c;margin:22px 0 11px;font-size:48px}.atlas-card h2{margin:0;font-size:28px}.atlas-card p{color:#53635c;margin:8px 0;font-size:13px}.atlas-card small{letter-spacing:.6px;color:#6d7d75;margin-top:auto;font:9px DM Mono,monospace}.class-profile{max-width:850px;margin:0 auto;padding:clamp(65px,9vw,115px) 24px}.profile-icon{background:#d0e0a3;place-items:center;width:85px;height:85px;margin-bottom:28px;font-size:44px;display:inline-grid}.class-profile dl{grid-template-columns:1fr 1fr;gap:2px;margin:45px 0 0;display:grid}.class-profile dl div{background:#dde8db;padding:23px}.class-profile dt{letter-spacing:1px;color:#68786e;font:10px DM Mono,monospace}.class-profile dd{margin:9px 0 0;font-size:24px}.patch-list{background:#dce7da;padding:clamp(55px,8vw,110px) clamp(24px,12vw,180px)}.patch-list a{border-bottom:1px solid #aebcb0;grid-template-columns:180px 1fr auto;align-items:center;gap:20px;padding:29px 0;display:grid}.patch-list a:first-child{border-top:1px solid #aebcb0}.patch-list h2{margin:0;font-size:34px}.patch-list span{letter-spacing:.6px;font:10px DM Mono,monospace}@media (width<=760px){.guide-nav{height:65px}.guide-nav nav{gap:12px;font-size:9px}.guide-nav nav a:last-child{display:none}.guide-hero h1,.article h1,.class-profile h1{letter-spacing:-2px}.guide-index{grid-template-columns:1fr}.class-atlas{grid-template-columns:1fr 1fr}.patch-list a{grid-template-columns:1fr auto;gap:7px}.patch-list h2{grid-column:1;font-size:27px}.patch-list a>p{grid-column:1}.patch-list span{grid-area:1/2/3}.article-footer{gap:18px}.class-profile dl{grid-template-columns:1fr}.article-dek{font-size:18px}}.region>picture{position:absolute;inset:0}.region>picture img{object-fit:cover;width:100%;height:100%;display:block}.guide-card-image{background:#163f46;height:148px;margin:-28px -28px 22px;display:block;overflow:hidden}.guide-card-image img,.article-cover img{object-fit:cover;width:100%;height:100%;display:block}.guide-card-image img{filter:saturate(.9)contrast(1.06)}.article-cover{aspect-ratio:16/7;background:#163f46;margin:34px 0 0;display:block;overflow:hidden}.article-cover img{filter:saturate(.9)contrast(1.04)}