/* Public website only: independent from the game interface. */
:root{--fg:#eef3ed;--muted:#a5b5ac}html{scroll-behavior:smooth;scroll-padding-top:125px}body{background:radial-gradient(ellipse at 0 45%,#12302b44,transparent 45%),#090f10}.header{max-width:none;position:sticky;top:0;background:#090f10ed;backdrop-filter:blur(18px);border-bottom-color:#7ef5cc22;padding-block:18px}nav{gap:22px}h1{font-weight:750}h2{font-weight:650}p{line-height:1.8}.hero{min-height:730px;background:linear-gradient(90deg,#090f10f5 0%,#090f10a6 35%,#090f100a 70%),linear-gradient(0deg,#090f10,transparent 30%),url(city.jpg) 60% center/cover}.hero-content{max-width:850px;padding-top:70px;padding-bottom:100px}.hero h1{font-size:clamp(45px,5.8vw,88px)}.hero .lead{max-width:500px}.hero-tag{display:grid;gap:8px;padding:18px 22px;border-left:1px solid var(--mint);background:#090f1099;bottom:55px}.hero-tag b{font:15px system-ui;color:var(--fg)}.hero-tag span{font:10px monospace;color:var(--muted)}.signal-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 16px var(--mint);margin-right:8px}.button{gap:26px;padding:16px 25px;box-shadow:0 8px 32px #7ef5cc14;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.strip{background:#101b17;font-size:10px}.intro-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.intro-split .lead{margin-top:0;font-size:20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:14px;margin:0}.class-section{padding-top:45px}.class-picker{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid #ffffff1a}.class-picker button{font-size:14px;cursor:pointer;background:transparent;color:var(--muted);padding:20px 12px;border:none;border-bottom:2px solid transparent;display:flex;gap:16px;justify-content:center}.class-picker button span{font:10px/23px monospace;opacity:.5}.class-picker button[aria-selected=true]{color:var(--mint);border-bottom-color:var(--mint);background:#7ef5cc09}.class-panel{display:grid;grid-template-columns:44% 56%;min-height:510px;background:radial-gradient(ellipse at 0 100%,#255d4733,transparent 60%),#101916}.class-art{height:510px;position:relative;padding:20px 35px 0}.class-art img{width:100%;height:100%;object-fit:contain;object-position:bottom center;display:block;filter:drop-shadow(0 16px 35px #0007)}.art-label{position:absolute;left:20px;bottom:20px;font:10px monospace;letter-spacing:.13em;background:#090f10d9;padding:10px 14px;color:var(--mint)}.class-copy{padding:45px 55px 40px 30px;align-self:center}.class-copy .eyebrow{margin-top:0;margin-bottom:14px}.class-copy h3{font-size:50px;letter-spacing:-.035em;line-height:1;margin:0 0 18px}.class-quote{font-size:19px;color:var(--fg)}.class-copy>p:not(.eyebrow){font-size:15px}.ability-list{margin:25px 0;font-size:13px}.ability-list>div{border-top:1px solid #ffffff14;padding:12px 0}.ability-list dt{color:var(--mint);font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.ability-list dd{margin:0;color:var(--muted)}.class-copy .button{font-size:13px;padding:12px 20px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-grid article{padding:30px;background:#101b17}.feature-grid article h3{font-size:26px}.feature-grid article p{font-size:15px}.feature-grid .feature-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:0;overflow:hidden}.feature-wide img{width:100%;height:330px;object-fit:contain;background:#060c0b}.feature-wide>div{padding:35px 35px 35px 0}.feature-wide h3{font-size:34px!important}.journey{background:#0d1613;max-width:none;padding-inline:max(5%,calc((100vw - 1215px)/2))}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps li{padding-top:22px;border-top:1px solid #466455}.steps span{color:var(--orange);font:13px monospace}.steps h3{font-size:18px}.steps p{font-size:14px}.callout{background:linear-gradient(90deg,#152b23ed,#090f10ab),url(world.jpg) center/cover;min-height:230px;margin-top:50px;border-left:3px solid var(--mint)}.anchor-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.anchor-nav a{font-size:12px;padding:8px 16px;border:1px solid #335145;border-radius:30px;color:var(--muted)}.anchor-nav a:hover{color:var(--mint);border-color:var(--mint)}.system-row{display:grid;grid-template-columns:42fr 58fr;gap:50px;align-items:center}.system-row>div{min-width:0}.system-art img{width:100%;height:480px;object-fit:contain}.system-row.reverse .equipment-art{order:2}.system-row.reverse{grid-template-columns:58fr 42fr;gap:35px}.equipment-art img{width:100%;height:auto;display:block;border:1px solid #3a554a}.clean-list{padding-left:19px;color:var(--muted);font-size:14px}.clean-list li{margin:16px 0;padding-left:6px}.clean-list b{color:var(--fg)}.slot-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.slot-tags span{font-size:11px;background:#173027;color:var(--mint);padding:6px 12px}.world-banner{min-height:520px;padding-top:130px;background:linear-gradient(90deg,#090f10d9,#090f1022),linear-gradient(0deg,#090f10,transparent 50%),url(world.jpg) center/cover}.world-banner h1{font-size:clamp(44px,5.5vw,80px)}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.timeline article{border-top:1px solid #416759;padding-top:25px}.timeline b{color:var(--orange);font:19px monospace}.timeline p{font-size:14px}.archive-timeline{padding-top:15px;padding-bottom:25px}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.region-card{background:#101916}.region-image{position:relative;height:240px;background:#060c0b}.region-image img{width:100%;height:100%;object-fit:contain;display:block}.region-image span{position:absolute;bottom:10px;left:10px;font:10px monospace;background:#090f10dd;padding:9px;color:var(--mint)}.region-copy{padding:24px}.region-copy h3{font-size:21px;margin-top:0}.region-copy p{font-size:14px}.region-copy small{font:10px/1.8 monospace;color:var(--orange)}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:25px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--mint);font-weight:400;font-size:24px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details[open]{background:#7ef5cc05}.faq details{padding:24px 20px}.faq details p{padding-left:0}.access-card{border-color:#7ef5cc35;box-shadow:0 25px 100px #0009}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:10;background:var(--mint);color:#090f10;padding:12px}.skip-link:focus{top:10px}footer{background:#070d0b;padding-block:45px}a.text-link:hover{color:var(--mint)}@media(max-width:1100px){.hero-tag{right:3%;font-size:9px}.hero-tag b{font-size:12px}.system-row{gap:25px;grid-template-columns:40fr 60fr}.class-copy{padding-right:30px}.header{gap:20px}.header nav{gap:16px}}@media(max-width:950px){html{scroll-padding-top:150px}.header nav{order:3;width:100%;justify-content:space-between}.hero{min-height:670px}.hero-tag{display:none}.class-panel{grid-template-columns:40fr 60fr}.class-art{height:490px;padding:20px 10px 0}.class-copy{padding:30px 25px}.steps{grid-template-columns:repeat(2,1fr)}.intro-split{gap:35px}.region-grid{grid-template-columns:1fr}.region-card{display:grid;grid-template-columns:40fr 60fr}.region-image{height:100%;min-height:250px}.system-row,.system-row.reverse{grid-template-columns:1fr 1fr;gap:25px}.feature-wide img{height:280px}}@media(max-width:650px){.header{padding-block:14px}.header nav{gap:8px;font-size:12px}.hero{min-height:660px;background-position:65% center}.hero-content{padding:55px 24px 75px;background:linear-gradient(90deg,#090f10a9,transparent)}.hero h1{font-size:clamp(43px,10vw,64px)}.hero .lead{max-width:400px}.intro-split,.system-row,.system-row.reverse{grid-template-columns:1fr;gap:20px}.system-row.reverse .equipment-art{order:0}.system-art img{height:270px}.equipment-art{max-width:350px;margin:auto}.section-heading{display:block}.section-heading>p{margin-top:20px}.class-picker button{padding:16px 3px;font-size:10px;display:block}.class-picker button span{display:block;line-height:17px}.class-panel{display:block}.class-art{height:320px;padding:15px 20px 0}.class-copy{padding:28px 24px}.class-copy h3{font-size:42px}.feature-grid{grid-template-columns:1fr}.feature-grid .feature-wide{display:block}.feature-wide>div{padding:24px}.feature-wide img{height:240px}.feature-grid article{padding:24px}.steps{gap:25px 20px}.steps p{font-size:13px}.timeline{grid-template-columns:1fr;gap:25px}.region-card{display:block}.region-image{height:230px}.region-copy{padding:24px}.world-banner{padding-top:80px;min-height:450px}.callout{margin-top:20px}.faq details{padding-inline:4px}.faq summary{font-size:16px}.section{overflow-wrap:break-word}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* 0.22.4: bilingual public navigation and the economy guide. */
.market-guide{max-width:980px;margin-top:36px;padding:26px 30px;background:#101b17;border-left:2px solid var(--mint)}
.market-guide h3{margin-top:0}.market-guide p{font-size:14px}.market-guide p:last-child{margin-bottom:0}
.economy .grid{gap:30px}.header{gap:22px}.header>.button{white-space:nowrap}
@media(max-width:1100px){.header{gap:14px}.header nav{gap:12px;font-size:13px}}
@media(max-width:950px){.header>.button{margin-left:0}.header nav{order:3}}
@media(max-width:650px){.header>.logo{flex:1 1 160px}.logo small{font-size:8px;letter-spacing:.12em}.header>.button{padding:9px 13px;font-size:12px}.header nav{flex-wrap:wrap;justify-content:flex-start;gap:8px 18px}.header nav a{padding-block:5px}.market-guide{padding:20px}.economy .grid{gap:24px}}