/* Black launch page. The original loading artwork fills the viewport. */
@font-face{font-family:'World Interface';src:url('/assets/world/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--ink:#f3efe5;--muted:#b0aba4;--red:#dd0613;--safe-x:clamp(24px,5vw,80px);font-family:'World Interface','Segoe UI',Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#000;color:var(--ink)}
*,*::before,*::after{box-sizing:border-box}
html{background:#000}
body,h1,h2,h3,p,figure{margin:0}
body{min-width:280px;background:#000;isolation:isolate}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border-radius:0}
button,a,summary{-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%;height:auto}
[hidden]{display:none!important}
:focus-visible{outline:2px solid #f3efe5;outline-offset:6px}
::selection{background:#99232d;color:#fff}
.skip-link{position:fixed;z-index:10;top:-100px;left:var(--safe-x);padding:14px 20px;background:var(--ink);color:#000}
.skip-link:focus{top:12px}
.artwork-backdrop,.artwork-shade{position:fixed;inset:0;pointer-events:none}
.artwork-backdrop{z-index:-2;overflow:hidden;background:#000}
.artwork-scene,.scene-landscape,.scene-character{position:absolute;inset:0}
.artwork-scene{opacity:0;overflow:hidden;background:#900d0e;transition:opacity 420ms ease-in}
.artwork-scene.is-visible{opacity:1;transition:opacity 650ms ease-out 420ms}
.scene-landscape{inset:-5%;background:#9f1010 url('/assets/world/red-mountains.jpg') var(--landscape-x,50%) center/cover no-repeat;transform:scale(1.035)}
.scene-character{inset:3% -4% -8%;background-repeat:no-repeat;background-size:auto 100%;background-position:var(--character-x,15%) bottom;transform-origin:var(--character-x,15%) 80%}
.artwork-scene.is-moving .scene-landscape{animation:world-landscape-drift 10s linear both;will-change:transform}
.artwork-scene.is-moving .scene-character{animation:world-character-drift 10s linear both;will-change:transform}
.artwork-shade{z-index:-1;background:linear-gradient(0deg,#000 0%,#0008 17%,#0002 45%,#0005 78%,#000 100%),linear-gradient(90deg,#0005 0%,#0009 27%,#000d 43%,#000d 58%,#0009 76%,#0005 100%)}
@keyframes world-landscape-drift{from{transform:translate3d(-.5%,0,0) scale(1.035)}to{transform:translate3d(.5%,-.3%,0) scale(1.065)}}
@keyframes world-character-drift{from{transform:translate3d(var(--drift-from,-1%),0,0) scale(1)}to{transform:translate3d(var(--drift-to,1%),.3%,0) scale(1.035)}}
.motion-is-paused .scene-landscape,.motion-is-paused .scene-character{animation-play-state:paused!important}
.launch-page{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto}
.launch-header{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:90px;padding:24px var(--safe-x)}
.site-label{font-size:10px;line-height:1.8;font-weight:550;letter-spacing:.2em;text-transform:uppercase}
.site-label>span{margin-inline:12px;color:#817c76}
.development{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.development>span{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:var(--red)}
.launch-main{display:grid;place-items:center;min-height:480px;padding:20px var(--safe-x) 32px}
.launch-main:focus{outline:none}
.launch-main:focus-visible{outline:2px solid var(--ink);outline-offset:-8px}
.launch-copy{text-align:center;width:100%;max-width:1040px}
.launch-identity{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}
.launch-emblem{flex:0 0 auto;width:clamp(116px,18svh,176px)}
.launch-emblem .de-engraving-stroke{stroke-width:7px}
.launch-identity h1{font-size:12px;font-weight:500;line-height:1}
.launch-wordmark{width:clamp(280px,36vw,500px);height:auto}
.world-label{display:block;letter-spacing:.65em;text-transform:uppercase;padding-left:.65em;margin-top:14px;color:#e7e1d7;font-size:11px}
.introduction{margin-top:30px;font-size:13px;line-height:1.9;color:#c8c1b8}
.launch-action{display:inline-flex;justify-content:space-between;align-items:center;gap:42px;min-height:50px;min-width:210px;padding:14px 20px;margin-top:24px;border:1px solid #8d746b;background:#0006;color:var(--ink);font-size:11px;font-weight:550;letter-spacing:.02em;transition:background 160ms ease-out,border-color 160ms ease-out}
.launch-action>span{font-size:18px;line-height:1;color:#ed696c}
.launch-action:hover{background:#28080b;border-color:#d6bdb3}
.action-note{margin-top:14px;font-size:9px;line-height:1.8;color:var(--muted)}
.launch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:88px;padding:24px var(--safe-x) 28px;font-size:9px;line-height:1.8;color:var(--muted)}
.launch-toolbar nav{display:flex;align-items:center;gap:28px}.launch-toolbar a:hover{color:var(--ink)}.explore-world{display:flex;align-items:center;gap:18px;color:#d3ccc2}.explore-world>span{color:#e6b4b0;font-size:15px}
.world-content{position:relative;background:#000;color:var(--ink)}
.content-shell{width:min(1240px,calc(100% - var(--safe-x)*2));margin-inline:auto}
.features-section{padding-block:98px 84px;scroll-margin-top:32px}
.content-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:36px}
.section-label{font-size:10px;line-height:1.8;letter-spacing:.18em;text-transform:uppercase;color:#d0aaa3;margin-bottom:16px}
.world-content h2{font-size:clamp(32px,3.3vw,50px);line-height:1.12;letter-spacing:-.045em;font-weight:450}
.playtest-status{display:flex;align-items:center;gap:9px;padding-bottom:5px;color:#c6bfb4;font-size:10px;line-height:1.7;white-space:nowrap}.playtest-status>span{width:4px;height:4px;border-radius:50%;background:#d8c6a5}
.features-layout{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,1fr);gap:50px;align-items:start}
.creator-capture{background:#141414;border:1px solid #423d36;border-radius:4px;overflow:hidden}.capture-heading{display:flex;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid #3d3832;font-size:10px;color:#e5dfd4}.capture-heading>span:last-child{font-size:9px;color:#a9a295}.creator-capture img,.creator-capture video{display:block;width:100%;height:auto}.creator-capture figcaption{border-top:1px solid #3d3832;padding:13px 17px;font-size:9px;line-height:1.8;color:#a9a295}
.feature-list{border-top:1px solid #494139}.feature-entry{display:grid;grid-template-columns:26px minmax(0,1fr);gap:16px;padding:24px 0;border-bottom:1px solid #302c27}.feature-number{font-size:9px;line-height:2;color:#c38f86}.feature-entry h3{font-size:19px;line-height:1.4;letter-spacing:-.02em;font-weight:500;margin-bottom:10px}.feature-entry p{font-size:12px;line-height:1.9;color:#bbb4a9}.feature-note{max-width:690px;font-size:10px;line-height:1.9;color:#a29b90;margin-top:27px}
.mission-section{padding-block:80px 86px;border-block:1px solid #322b25;background:#11100f;scroll-margin-top:0}
.mission-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:80px;align-items:start}.mission-heading h2{font-size:clamp(42px,4.2vw,64px);line-height:1.05}.mission-copy{padding-top:5px}.mission-copy>p{font-size:17px;line-height:1.95;letter-spacing:-.01em;color:#c6bfb4}.mission-copy strong{font-weight:600;color:#eee8dc}.mission-copy .mission-principle{margin-top:25px;padding-left:19px;border-left:2px solid #a5212b;font-size:19px;color:#f0e7da;line-height:1.7}
.faq-section{padding-block:88px 92px;scroll-margin-top:32px}.faq-source{font-size:10px;line-height:1.9;color:#aaa295;text-align:right}.faq-source time{color:#7e786e}.world-faq{border:1px solid #423b33;border-radius:4px;overflow:hidden;background:#121212}.world-faq details+details{border-top:1px solid #332e28}.world-faq summary{display:grid;grid-template-columns:24px minmax(0,1fr) 14px;align-items:center;gap:20px;min-height:69px;padding:20px 26px;cursor:pointer;list-style:none;color:#e9e2d6;font-size:13px;line-height:1.7;transition:background 140ms ease-out}.world-faq summary::-webkit-details-marker{display:none}.world-faq summary::after{content:'+';font-size:19px;color:#c39a8e;font-weight:300;text-align:center}.world-faq summary:hover{background:#1b1917}.world-faq summary:focus-visible{outline:1px solid #e4c3b2;outline-offset:-5px}.faq-number{font-size:9px;color:#9d8b7c}.world-faq details[open]>summary{background:#211819}.world-faq details[open]>summary::after{content:'−';color:#ed9b9c}.world-faq details[open] .faq-number{color:#e4aaa3}.faq-answer{padding:0 60px 24px 70px;background:#161313;font-size:12px;line-height:1.95;color:#c5bcb0}.faq-answer p+p{margin-top:13px}.faq-follow{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:25px;font-size:11px;line-height:1.8;color:#aaa295}.faq-follow a{display:inline-flex;align-items:center;gap:24px;min-height:44px;color:#e9e0d3;white-space:nowrap}.faq-follow a:hover{color:#eea09f}.faq-follow a>span{color:#c98f87;font-size:17px}
.launch-footer{position:relative;padding:24px var(--safe-x) 28px;font-size:9px;line-height:1.8;color:var(--muted);background:#000;border-top:1px solid #2b2622}
.footer-line{display:flex;align-items:center;gap:28px;padding-right:150px;min-height:36px}
.footer-line>a{color:#d3ccc2}
.launch-footer a:hover,.site-notes summary:hover{color:#fff}
.site-notes summary{position:absolute;right:var(--safe-x);top:24px;cursor:pointer;list-style:none;min-height:36px;display:flex;align-items:center}
.site-notes summary::-webkit-details-marker{display:none}
.site-notes summary::after{content:' +';margin-left:9px;color:#d1b0aa}
.site-notes[open] summary::after{content:' −'}
.notes-copy{border-top:1px solid #40312e;margin-top:20px;padding-top:18px;max-width:850px;font-size:10px;color:#b7b0a7}
.notes-copy p+p{margin-top:7px}
.notes-copy a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){
  .launch-header{min-height:76px;padding-block:20px}.site-label{font-size:9px}.site-label>span{margin-inline:8px}.development{font-size:8px;letter-spacing:.07em;gap:7px}
  .launch-main{min-height:500px;padding:32px 24px 48px}.launch-identity{flex-direction:column;gap:27px}.launch-emblem{flex:0 0 auto;width:clamp(136px,30vw,180px)}.launch-wordmark{width:clamp(232px,62vw,350px)}.world-label{font-size:9px;margin-top:12px;letter-spacing:.55em;padding-left:.55em}
  .introduction{font-size:11px;margin-top:30px}.launch-action{margin-top:21px}.action-note{font-size:8px}.artwork-shade{background:linear-gradient(0deg,#000 0%,#0007 24%,#0007 72%,#000 100%),linear-gradient(90deg,#0007,#000a 50%,#0007)}
  .launch-toolbar{min-height:106px;padding:18px var(--safe-x) 22px;gap:16px;flex-wrap:wrap;font-size:8px}.launch-toolbar nav{gap:17px}.explore-world{gap:10px}
  .features-section{padding-block:64px 56px}.content-heading{display:block;margin-bottom:27px}.section-label{font-size:9px;margin-bottom:12px}.world-content h2{font-size:34px}.playtest-status{margin-top:18px;font-size:9px;white-space:normal}.features-layout{grid-template-columns:1fr;gap:28px}.capture-heading{padding:13px 14px;font-size:10px}.capture-heading>span:last-child{font-size:8px}.creator-capture figcaption{padding:12px 14px;font-size:8px}.feature-entry{padding-block:21px;gap:12px;grid-template-columns:22px minmax(0,1fr)}.feature-entry h3{font-size:18px}.feature-entry p{font-size:12px}.feature-note{font-size:10px;margin-top:23px}
  .mission-section{padding-block:55px 58px}.mission-layout{grid-template-columns:1fr;gap:28px}.mission-heading h2{font-size:45px}.mission-heading h2 br{display:none}.mission-copy{padding-top:0}.mission-copy>p{font-size:14px;line-height:1.95}.mission-copy .mission-principle{font-size:17px;padding-left:15px;margin-top:22px}
  .faq-section{padding-block:60px 58px}.faq-source{font-size:9px;text-align:left;margin-top:18px}.world-faq summary{grid-template-columns:18px minmax(0,1fr) 12px;gap:10px;padding:18px 14px;font-size:12px;min-height:67px}.faq-number{font-size:8px}.faq-answer{padding:0 18px 23px 42px;font-size:11px}.faq-follow{display:block;font-size:10px;margin-top:23px}.faq-follow a{margin-top:10px;font-size:11px}
  .launch-footer{padding-block:18px 22px;font-size:8px}.footer-line{gap:20px;padding-right:0;flex-wrap:wrap;max-width:calc(100% - 105px)}.site-notes summary{top:18px;font-size:8px}.notes-copy{font-size:9px;line-height:1.9}
}
@media(max-aspect-ratio:4/3){.scene-character{background-position:50% bottom}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
