@layer reset, base, components, responsive;
@layer reset {
  *,*::before,*::after {box-sizing:border-box}
  html {scroll-behavior:smooth;scroll-padding-top:95px}
  body,h1,h2,h3,p,figure {margin:0}
  button,input {font:inherit}
  button,a {-webkit-tap-highlight-color:transparent}
  button {cursor:pointer}
  img,svg {display:block;max-width:100%}
  a {color:inherit;text-decoration:none}
  button {color:inherit}
  [hidden] {display:none!important}
}
@layer base {
  :root {--paper:#f4f1e8;--cream:#fbf7e9;--ink:#263f33;--muted:#687267;--line:#d6d8c8;--rust:#b8633d;--gold:#e5b57a;--dark:#1d352c;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
  body {background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}
  ::selection {background:#cbbd81;color:#1d352c}
  :focus-visible {outline:3px solid #b8743e;outline-offset:6px}
  h1,h2,h3 {font-weight:400}
  h2 {font-family:var(--serif);font-size:clamp(38px,4.1vw,62px);line-height:1.08;letter-spacing:-2.1px}
  h3 {font-family:var(--serif);font-size:26px;line-height:1.2;letter-spacing:-.6px}
  p {line-height:1.7}
  section[id] {scroll-margin-top:20px}
  button {border:0;background:none}
  .section {max-width:1360px;padding:100px 64px;margin:auto}
  .eyebrow {font:500 10px/1.5 var(--mono);letter-spacing:1.6px}
  .section-top {display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:38px}
  .section-coordinate {font:10px/1.5 var(--mono);letter-spacing:1.1px;color:var(--muted)}
  .text-button {display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:600;padding:10px 0}
  .text-button span:last-child {transition:transform .2s}
  .text-button:hover span:last-child {transform:translate(3px,-3px)}
  .button {display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:18px 24px;font-size:13px;font-weight:600;min-height:52px;transition:background .2s,transform .2s;border-radius:3px}
  .button:hover {transform:translateY(-2px)}
  .button-gold {background:#e6bc88;color:#23382d}
  .button-gold:hover {background:#f0cea3}
  .button-dark {background:var(--ink);color:var(--cream)}
  .skip-link {position:fixed;top:10px;left:10px;transform:translateY(-150%);z-index:30;background:var(--cream);padding:14px}
  .skip-link:focus {transform:translateY(0)}
}
@layer components {
  .site-header {height:88px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:30px;border-bottom:1px solid #243a2d12;position:sticky;top:0;z-index:20}
  .brand {display:flex;align-items:center;gap:10px;flex-shrink:0;font:700 17px/1.2 var(--serif);letter-spacing:1px}
  .brand-sub {display:block;font:8px/1 var(--mono);letter-spacing:2.1px;margin-top:6px}
  .site-header nav {display:flex;align-items:center;gap:35px;font-size:12px;font-weight:500}
  .site-header nav>a {padding:12px 0;position:relative}
  .site-header nav>a:not(.nav-cta)::after {content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s}
  .site-header nav>a:hover::after {transform:scaleX(1)}
  .site-header nav .nav-cta {padding:13px 19px;border:1px solid #a7af9c;border-radius:3px;display:flex;gap:25px;margin-left:15px}
  .nav-cta:hover {background:#e5e8d9}
  .menu-toggle {display:none}
  .hero {min-height:700px;height:calc(100svh - 88px);max-height:900px;position:relative;overflow:hidden;color:var(--cream);background:#17362e}
  .hero-art {position:absolute;inset:0 0 0 auto;width:77%;height:100%;object-fit:cover;object-position:50% 53%}
  .hero-shade {position:absolute;inset:0;background:linear-gradient(90deg,#112e28 0%,#112e28ec 23%,#102d28a3 43%,#102d2815 70%),linear-gradient(0deg,#0e2928cb,transparent 33%)}
  .hero-content {position:relative;z-index:1;max-width:1360px;margin:auto;padding:105px 64px 140px}
  .hero-eyebrow {color:#e2c696;display:flex;align-items:center;gap:12px;font-size:10px}
  .little-star {font:24px/1 var(--serif)}
  h1 {font-family:var(--serif);font-size:clamp(58px,6.3vw,94px);letter-spacing:-4.5px;line-height:1.03;margin:34px 0 27px}
  h1 em {font-weight:400;color:#dfb885}
  .hero-content>p {font-size:16px;line-height:1.8;color:#dadfd1;letter-spacing:.1px}
  .hero-actions {display:flex;align-items:center;gap:30px;margin-top:34px}
  .light {color:var(--cream)}
  .play-icon {border:1px solid #bdc6b777;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-size:18px}
  .hero-platforms {display:flex;align-items:center;gap:19px;font-size:10px;color:#c1cbbc;margin-top:36px}
  .hero-platforms span+span::before {content:'·';display:inline-block;padding-right:19px;color:#899b8d}
  .hero-bottom {position:absolute;bottom:34px;left:64px;right:64px;display:flex;justify-content:space-between;align-items:center}
  .hero-edition {font:9px/1.5 var(--mono);letter-spacing:1.1px;color:#becaba;display:flex;align-items:center;gap:9px}
  .status-dot {width:6px;height:6px;border-radius:50%;display:inline-block;background:#c8b279;box-shadow:0 0 0 4px #d0bf8b0b;flex-shrink:0}
  .scroll-cue {display:flex;align-items:center;gap:30px;font-size:11px;color:#dddcc6}
  .scroll-cue span {font-size:22px}
  .art-label {position:absolute;right:20px;top:40%;writing-mode:vertical-rl;font:8px var(--mono);letter-spacing:1.8px;color:#d3d0b680}
  .trail-strip {background:#e9e9dc;border-bottom:1px solid #d3d8c8;padding:27px 64px;display:flex;justify-content:center;align-items:center;gap:40px;font:10px/1 var(--mono);letter-spacing:2px}
  .trail-strip i {color:#8a9677;font-size:13px;font-style:normal}
  .strip-note {font:italic 16px var(--serif);letter-spacing:0;text-transform:none;color:#6c795e}
  .gameplay-section {padding-bottom:20px}
  .gameplay-heading {display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}
  .gameplay-heading>p {font-size:14px;color:var(--muted)}
  .gameplay-player {background:#152d24;border:1px solid #50664c;border-radius:5px;overflow:hidden}
  .gameplay-player video {display:block;width:100%;height:auto;aspect-ratio:239/110;object-fit:contain;background:#152d24}
  .gameplay-footer {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:10px}
  .gameplay-footer>span {font:8px var(--mono);letter-spacing:1.2px;color:var(--muted)}
  .gameplay-chapters {display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 12px}
  .gameplay-chapters[hidden] {display:none}
  .gameplay-chapters button {display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #bbc3ad;border-radius:3px;background:transparent;color:var(--ink);font:12px var(--sans);cursor:pointer}
  .gameplay-chapters button span {font:10px var(--mono);color:var(--muted)}
  .gameplay-chapters button:hover,.gameplay-chapters button[aria-current="true"] {background:#e1e7d3;border-color:#667b55}
  .gameplay-transcript {margin-top:7px}.gameplay-transcript p {max-width:800px}
  .intro-grid {display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center;margin-bottom:54px}
  .intro-grid>p {font-size:14px;color:#657163;max-width:420px;justify-self:end;line-height:1.7}
  .world-layout {display:grid;grid-template-columns:1.65fr 1fr;gap:48px;align-items:stretch}
  .image-button {padding:0;text-align:left;overflow:hidden;position:relative;background:#72805a;display:block;width:100%}
  .image-button img {width:100%;height:100%;object-fit:cover;transition:transform .65s}
  .image-button:hover img {transform:scale(1.035)}
  .world-photo {min-height:390px;border-radius:4px}
  .world-photo img {position:absolute;inset:0;object-position:48% center}
  .world-photo::after {content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#152c24dc)}
  .image-caption {position:absolute;z-index:1;bottom:26px;left:26px;right:26px;display:flex;align-items:end;justify-content:space-between;gap:18px;color:#f5f1dc;font:20px/1.3 var(--serif)}
  .tiny-label {display:block;font:8px var(--mono);letter-spacing:1.6px;margin-bottom:11px;color:#d4dbbf}
  .round-arrow {display:grid;place-items:center;width:38px;height:38px;border:1px solid #ebead682;border-radius:50%;font:18px var(--sans);flex-shrink:0}
  .world-details {display:flex;flex-direction:column;justify-content:space-between}
  .world-details article {display:flex;gap:19px;border-bottom:1px solid var(--line);padding:0 0 23px;margin-bottom:25px}
  .world-details article:last-child {margin:0;padding-bottom:0;border:0}
  .feature-number {font:10px/1.7 var(--mono);color:#a16c4b;padding-top:5px}
  .world-details h3 {font-size:24px;margin-bottom:10px}
  .world-details p {font-size:13px;color:var(--muted);line-height:1.65}
  .world-footnote {display:flex;justify-content:space-between;align-items:center;margin-top:19px;gap:20px;font:9px var(--mono);color:var(--muted)}
  .world-footnote .text-button {font-family:var(--sans);color:var(--ink)}
  .companions-section {background:#e5e8dc;position:relative;overflow:hidden}
  .companions-inner {padding-top:82px;padding-bottom:54px}
  .companion-intro {display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}
  .companion-intro>p {color:#68745f;font-size:14px}
  .companion-tabs {display:flex;border-bottom:1px solid #bdc6b1;gap:0}
  .companion-tabs button {padding:19px 30px;display:flex;align-items:center;gap:10px;border-bottom:2px solid transparent;font-size:14px;margin-bottom:-1px;min-height:60px}
  .companion-tabs button:first-child {padding-left:0;padding-right:38px}
  .companion-tabs button[aria-selected=true] {border-color:#364e36;font-weight:600}
  .companion-tabs button:hover {color:#9d5f37}
  .companion-tabs small {font-size:10px;color:#72806a;font-weight:400}
  .type-dot {width:7px;height:7px;border-radius:50%;display:inline-block;background:#b46a3c}
  .type-dot.water {background:#68969a}.type-dot.grass {background:#7b8a53}.type-dot.ghost {background:#9b88a9}
  .companion-panel {display:grid;grid-template-columns:1.1fr 1fr;min-height:470px;gap:70px;align-items:center;outline-offset:0}
  .companion-art {height:430px;position:relative;display:grid;place-items:center}
  .specimen-number {position:absolute;left:0;top:30px;font:10px var(--mono);letter-spacing:1px;color:#79866f}
  .orbit {position:absolute;width:310px;height:310px;border:1px solid #bac3ac;opacity:.6;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
  .orbit-two {width:370px;height:370px;border-style:dashed;opacity:.45}
  .sprite-frame {width:345px;max-width:85%;aspect-ratio:1;position:relative;object-fit:contain;height:auto;z-index:1;filter:drop-shadow(0 16px 9px #30472715);transition:transform .4s}
  .companion-art:hover .sprite-frame {transform:translateY(-5px) rotate(-2deg)}
  .specimen-signature {position:absolute;right:10px;bottom:37px;transform:rotate(-9deg);font:italic 27px var(--serif);color:#768164;z-index:2}
  .model-note {position:absolute;bottom:5px;font:8px var(--mono);letter-spacing:1.4px;color:#78836e}
  .companion-copy {padding:25px 0}
  .element-tag {display:inline-block;background:#d8c9ad;color:#805839;padding:7px 10px;font:9px var(--mono);letter-spacing:1.5px;margin-bottom:18px}
  [data-creature=nacre] .element-tag {background:#cbdedb;color:#37696d}[data-creature=briar] .element-tag {background:#cdd6b6;color:#4d653a}[data-creature=vesper] .element-tag {background:#d9d0dc;color:#76617e}
  .companion-copy h3 {font-size:37px;line-height:1.1;margin-bottom:18px}
  .companion-copy>p {font-size:14px;color:#677360;max-width:430px}
  .move-row {display:flex;align-items:center;gap:20px;margin-top:27px;padding:17px 0;border-top:1px solid #c7cebc;border-bottom:1px solid #c7cebc}
  .move-row>span:first-child {font:8px var(--mono);letter-spacing:1px;color:#748168}.move-row strong {font-size:12px;font-weight:500;flex:1}.move-row>span:last-child {color:#91a080}
  .keeper-note {display:flex;gap:12px;margin-top:20px}.note-mark {font-size:24px;color:#7e8d6c;line-height:1}
  .keeper-note strong {font-size:11px;font-weight:600}.keeper-note p {font-size:11px;color:#748069;line-height:1.7;margin-top:5px}
  .companion-footer {border-top:1px solid #c8d0bc;padding-top:22px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#6e7b63}
  .companion-footer>span:last-child {font:8px/1.8 var(--mono);text-align:right}
  .together-section {padding-bottom:36px}
  .together-heading {display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px}
  .together-heading>p {font-size:14px;color:var(--muted);line-height:1.8}
  .together-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .together-card {border-top:1px solid #bdc6b1;padding:0 26px 25px;background:#e9ecdf;border-radius:0 0 4px 4px}
  .together-card h3 {font-size:30px;margin:0 0 16px}
  .together-card>p {font-size:14px;color:#53634f;line-height:1.75}
  .together-card .together-note {font-size:11px;border-top:1px solid #c7cebc;margin-top:22px;padding-top:16px}
  .party-visual,.trade-visual {height:205px;display:flex;align-items:center;justify-content:center;gap:22px}
  .party-visual>strong {font:130px/1 var(--serif);color:#38523b;letter-spacing:-6px}
  .party-visual>div>span {font:9px var(--mono);letter-spacing:1.5px;color:#637154}
  .party-visual p {font:italic 22px/1.4 var(--serif);margin-top:9px}
  .party-seats {display:flex;gap:8px;margin-top:17px}
  .party-seats i {display:grid;place-items:center;border:1px solid #9eaf8d;border-radius:50%;width:35px;height:35px;font:10px var(--mono);background:#dce3cc}
  .party-seats i:first-child {background:#38523b;border-color:#38523b;color:#f4f1e8}
  .trade-visual {gap:0}
  .trade-visual img {width:38%;max-width:180px;height:auto;object-fit:contain;filter:drop-shadow(0 10px 8px #30472715)}
  .trade-visual>span {font-size:36px;color:#8b714b}
  .home-section {display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center;padding-top:112px;padding-bottom:112px}
  .home-copy>.eyebrow {margin-bottom:24px}.home-copy h2 {font-size:49px}.home-copy>p:not(.eyebrow) {color:var(--muted);font-size:14px;margin-top:24px;max-width:370px}
  .home-feature {display:flex;gap:18px;margin-top:27px}.home-feature>span {width:30px;font:32px/1 var(--serif);color:#9b7852}.home-feature h3 {font:600 13px var(--sans);letter-spacing:0;margin-bottom:7px}.home-feature p {font-size:12px;color:var(--muted);max-width:300px}.home-copy>.text-button {margin-top:25px}
  .home-visual {position:relative;padding:0 0 72px 0}
  .home-image {aspect-ratio:1.07;border-radius:48% 48% 3px 3px}
  .home-image img {object-position:52% center}
  .home-image .round-arrow {position:absolute;right:22px;bottom:24px;color:white;background:#233c2b77}
  .home-quote {position:absolute;bottom:0;left:-34px;background:#d8c39f;padding:23px 28px;box-shadow:5px 5px 0 #eee8d9;transform:rotate(-3deg);width:277px}
  .quote-star {position:absolute;right:22px;top:18px;color:#867044;font-size:24px}
  .home-quote p {font:italic 27px/1.2 var(--serif);margin-bottom:17px;letter-spacing:-.7px}
  .home-quote>span:last-child {font:8px var(--mono);letter-spacing:1px;color:#796b50}
  .journal-section {background:#eae7dd;border-top:1px solid #dedfd0;border-bottom:1px solid #dedfd0}
  .journal-section .section {padding-top:72px;padding-bottom:82px}
  .journal-heading {display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:30px}.journal-heading>span {font-size:12px;color:var(--muted)}
  .journal-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
  .journal-card {padding:0 5px;display:flex;flex-direction:column}
  .journal-icon {height:145px;display:flex;align-items:center;justify-content:center;background:#e1e1d3;margin-bottom:25px;position:relative;overflow:hidden}
  .journal-icon::before {content:'';position:absolute;width:120px;height:120px;border:1px solid #c6cdbb;border-radius:50%}
  .journal-icon svg {height:110px;z-index:1;transform:rotate(-8deg);transition:transform .4s}.journal-card:hover svg {transform:rotate(0) translateY(-4px)}
  .journal-card>.eyebrow {font-size:8px;color:#827b63;margin-bottom:10px}.journal-card h3 {font-size:25px;margin-bottom:13px}.journal-card>p:not(.eyebrow) {font-size:12px;color:var(--muted);margin-bottom:23px;flex:1;line-height:1.75}
  details {border-top:1px solid #cbcebe}
  summary {list-style:none;padding:15px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;font-size:11px;font-weight:600;min-height:45px}
  summary::-webkit-details-marker {display:none}summary>span {font-size:20px;font-weight:300;transition:transform .2s}details[open] summary>span {transform:rotate(45deg)}
  details>p {font-size:12px;color:#5d6b58;padding-bottom:12px}
  .platform-section {color:#eeeede;background:#213b30;position:relative;overflow:hidden}
  .platform-section::after {content:'';position:absolute;width:650px;height:650px;border:1px solid #b6c19b09;border-radius:50%;left:-300px;top:60px;pointer-events:none}
  .platform-section .section {padding-top:66px;padding-bottom:55px;position:relative;z-index:1}
  .platform-section .eyebrow {color:#b4c2a7}
  .beta-badge {font:8px/1.5 var(--mono);letter-spacing:1px;color:#c1cbaa;display:flex;align-items:center;gap:10px}
  .platform-layout {display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;margin:45px 0}
  .platform-heading h2 {font-size:66px;color:#f2eedc}.platform-heading>p {font-size:14px;color:#b7c4ac;margin-top:20px}
  .platform-tabs {display:inline-flex;border-bottom:1px solid #9aaf8d55;gap:8px;margin-top:29px;flex-wrap:wrap}
  .platform-tabs button {padding:14px 18px;font-size:12px;border-bottom:2px solid transparent;margin-bottom:-1px;color:#b6c6ac}.platform-tabs button:first-child {padding-left:0;padding-right:24px}.platform-tabs button[aria-selected=true] {color:#ead0a3;border-color:#d8b17c}.platform-tabs button:hover {color:#fff3dd}
  .platform-panel {position:relative;min-height:295px;padding:28px 0 0 28px;border-left:1px solid #aab99833}
  .device-symbol {color:#b6c896;font-size:38px;position:absolute;right:10px;top:0;line-height:1}
  .platform-panel h3 {font-size:29px;margin:10px 0 18px}.platform-panel>p:not(.platform-label) {font-size:13px;line-height:1.75;color:#b5c4a8;max-width:440px}
  .platform-panel ul {padding:0;list-style:none;margin:23px 0;font-size:11px;color:#d4dec7}.platform-panel li {margin-top:12px;display:flex;gap:10px}.platform-panel li::before {content:'↗';color:#b5a17b}
  .platform-panel .platform-label {font:9px/1.7 var(--mono);color:#96aa8a}
  .availability {display:flex;align-items:center;gap:20px;border-top:1px solid #a8b99044;margin-top:50px;padding-top:27px}
  .availability-mark {font-size:24px;color:#d2b783}.availability strong {font:22px var(--serif);color:#dfddc8}.availability p {font-size:11px;color:#adbd9c;margin-top:7px}.availability>a {margin-left:auto;white-space:nowrap;font-size:11px;display:flex;gap:26px;padding:15px 0}
  .site-footer {padding:37px 48px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}
  .site-footer .brand {font-size:13px}.site-footer>p {font:italic 13px var(--serif);color:#6c7864}.site-footer>div {display:flex;gap:22px;font-size:10px;margin-left:auto}.copyright {font:8px var(--mono);color:#84907a}
  dialog {max-width:min(1100px,94vw);width:100%;max-height:92svh;padding:24px;background:var(--paper);border:1px solid #86957a;border-radius:6px;color:var(--ink);box-shadow:0 30px 120px #0008}
  dialog::backdrop {background:#0d201be8;backdrop-filter:blur(6px)}
  body:has(dialog[open]) {overflow:hidden}
  .gallery-header {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.gallery-header h2 {font-size:30px;letter-spacing:-1px;margin-top:6px}.gallery-header .eyebrow {font-size:8px}
  .gallery-close {font-size:32px;width:44px;height:44px;border:1px solid #bdc8b2;border-radius:50%;flex-shrink:0;line-height:1}
  .gallery-image-wrap {height:min(58svh,600px);background:#182d23;display:flex;justify-content:center}.gallery-image-wrap img {width:100%;height:100%;object-fit:contain}
  .gallery-footer {display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:17px}.gallery-footer p {font-size:12px;max-width:650px;color:var(--muted)}.gallery-controls {display:flex;gap:17px;align-items:center;font:10px var(--mono);white-space:nowrap}.gallery-controls button {border:1px solid #b6c3a8;border-radius:50%;width:40px;height:40px;font-size:18px}.gallery-controls button:hover,.gallery-close:hover {background:#dce1d1}
  .not-found {max-width:800px;margin:15vh auto;padding:30px}.not-found h1 {font-size:60px;letter-spacing:-2px}.not-found .button {margin-top:30px}
  .noscript-note {padding:20px;background:#e1d3af;color:var(--ink)}
}
@layer responsive {
  @media(min-width:1600px) {.hero-content {padding-top:140px}.hero-art {width:75%}.hero-shade {background:linear-gradient(90deg,#112e28 0%,#112e28eb 25%,#102d2895 46%,#102d280a 73%),linear-gradient(0deg,#0e2928cb,transparent 33%)}}
  @media(max-width:1100px) {
    .section {padding-left:40px;padding-right:40px}.site-header {padding:0 32px}.site-header nav {gap:24px}.site-header nav .nav-cta {margin-left:0}
    .hero-content {padding-left:40px;padding-right:40px}.hero-bottom {left:40px;right:40px}.hero {min-height:670px;max-height:780px}.hero-art {width:83%}
    .trail-strip {padding:24px;gap:26px}.strip-note {display:none}.intro-grid {gap:50px}.world-layout {gap:32px;grid-template-columns:1.25fr 1fr}.world-photo {min-height:400px}
    .companion-panel {gap:40px}.companion-copy h3 {font-size:33px}.sprite-frame {width:300px}.orbit {width:270px;height:270px}.orbit-two {width:325px;height:325px}
    .home-section {gap:55px}.home-copy h2 {font-size:43px}.home-quote {left:-22px;width:245px}.home-quote p {font-size:24px}.journal-grid {gap:22px}.platform-layout {gap:60px}.platform-heading h2 {font-size:59px}.site-footer {padding:32px}.site-footer>p {display:none}
  }
  @media(max-width:780px) {
    html {scroll-padding-top:80px}.site-header {height:76px;padding:0 24px}.brand {font-size:15px}.brand-sub {font-size:7px;letter-spacing:1.8px}.brand img {width:30px;height:30px}
    .menu-toggle {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;border:1px solid #b6c0aa;border-radius:3px}.menu-toggle span {width:18px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child {transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child {transform:translateY(-3.5px) rotate(-45deg)}
    .site-header nav {display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:20px 24px 28px;border-bottom:1px solid #c7d0bb;box-shadow:0 10px 20px #2037291a;gap:14px;align-items:stretch;flex-direction:column}.site-header nav.open {display:flex}.site-header nav>a {padding:13px 0;font-size:15px}.site-header nav .nav-cta {justify-content:space-between;margin-top:7px}
    .hero {height:auto;min-height:700px;max-height:none}.hero-art {width:100%;object-position:70% 55%;opacity:.82}.hero-shade {background:linear-gradient(90deg,#102c28e6,#102c2845),linear-gradient(0deg,#0d2827,transparent 60%)}
    .hero-content {padding:82px 28px 150px}.hero-eyebrow {font-size:8px;letter-spacing:1.2px;max-width:325px;line-height:1.7}h1 {font-size:clamp(48px,13.5vw,64px);letter-spacing:-3.3px;margin:28px 0 24px}.hero-content>p {font-size:14px;color:#e0e3d6}.hero-actions {gap:24px;margin-top:29px}.hero-platforms {gap:13px;font-size:9px;margin-top:30px}.hero-platforms span+span::before {padding-right:13px}.hero-bottom {left:28px;right:28px;bottom:25px}.hero-edition {font-size:7px;letter-spacing:.6px;max-width:210px}.scroll-cue {font-size:9px;gap:10px}.art-label {display:none}
    .trail-strip {gap:21px;padding:24px 18px;font-size:8px;letter-spacing:1.3px}.trail-strip i {font-size:10px}.trail-strip i:last-of-type {display:none}
    .section {padding:65px 28px}.section-top {margin-bottom:26px;gap:16px}.section-coordinate {font-size:8px;letter-spacing:.5px;text-align:right;max-width:140px}.eyebrow {font-size:8px;letter-spacing:1.2px}h2 {font-size:42px;letter-spacing:-1.7px}
    .gameplay-section {padding-bottom:0}.gameplay-heading {flex-direction:column;align-items:start;gap:20px;margin-bottom:25px}.gameplay-heading>p {font-size:13px}.gameplay-footer>span {font-size:7px;letter-spacing:.7px}.gameplay-footer .text-button {font-size:11px}
    .intro-grid {grid-template-columns:1fr;gap:25px;margin-bottom:34px}.intro-grid>p {justify-self:start;max-width:550px;font-size:13px}.intro-grid br+br {display:none}
    .world-layout {grid-template-columns:1fr;gap:30px}.world-photo {min-height:0;aspect-ratio:1.4}.world-details article {padding-bottom:20px;margin-bottom:21px}.world-details p {max-width:500px}.world-details h3 {font-size:25px}.world-footnote {margin-top:28px;align-items:start}.world-footnote>span {font-size:8px;max-width:155px;line-height:1.7}.world-footnote .text-button {font-size:11px;padding:0}
    .companion-intro {align-items:start;flex-direction:column;gap:20px;margin-bottom:25px}.companion-intro>p {font-size:13px}.companion-tabs {width:100%;justify-content:space-between}.companion-tabs button,.companion-tabs button:first-child {padding:14px 6px;gap:6px;font-size:12px;min-height:48px}.companion-tabs button small {display:none}
    .companion-panel {grid-template-columns:1fr;gap:0}.companion-art {height:365px}.sprite-frame {width:290px;max-width:90%}.orbit {width:270px;height:270px}.orbit-two {width:320px;height:320px}.specimen-number {top:20px}.specimen-signature {right:15px;bottom:36px;font-size:25px}.model-note {font-size:7px;letter-spacing:1.2px;bottom:11px}.companion-copy {padding:22px 0 30px}.companion-copy h3 {font-size:35px}.companion-copy>p {max-width:550px;font-size:13px}.move-row {margin-top:23px}.keeper-note p {font-size:12px}.companion-footer {flex-direction:column;gap:12px;font-size:10px}.companion-footer>span:last-child {text-align:left;font-size:7px}
    .home-section {grid-template-columns:1fr;gap:40px;padding-top:66px;padding-bottom:65px}.home-copy h2 {font-size:44px}.home-copy>p:not(.eyebrow) {max-width:500px;font-size:13px}.home-feature p {max-width:420px}.home-visual {max-width:500px;width:100%;margin:auto;padding:0 12px 65px}.home-image {aspect-ratio:1.18}.home-quote {left:0;padding:22px 24px;width:244px}.home-quote p {font-size:24px}
    .together-section {padding-bottom:0}.together-heading {flex-direction:column;align-items:start;gap:22px;margin-bottom:28px}.together-heading>p {font-size:13px}.together-grid {grid-template-columns:1fr;gap:24px}.together-card {padding:0 22px 24px}.together-card h3 {font-size:28px}.together-card>p {font-size:13px}.party-visual,.trade-visual {height:180px}.party-visual>strong {font-size:112px}.party-visual p {font-size:21px}.party-seats {gap:6px}.party-seats i {width:32px;height:32px}.trade-visual img {max-width:165px}
    .journal-section .section {padding-top:60px;padding-bottom:60px}.journal-heading {align-items:start;flex-direction:column;gap:17px;margin-bottom:28px}.journal-grid {grid-template-columns:1fr;gap:35px}.journal-card {padding:0}.journal-icon {height:155px;margin-bottom:21px}.journal-card h3 {font-size:28px}.journal-card>p:not(.eyebrow) {font-size:13px;margin-bottom:18px}.journal-card>.eyebrow {font-size:8px}.journal-card summary {font-size:12px}details>p {font-size:13px}
    .platform-section .section {padding-top:55px;padding-bottom:35px}.platform-section .section-top {align-items:start;flex-direction:column;gap:14px}.beta-badge {font-size:7px}.platform-layout {grid-template-columns:1fr;gap:30px;margin:30px 0}.platform-heading h2 {font-size:55px}.platform-heading>p {font-size:13px}.platform-tabs {margin-top:24px}.platform-tabs button {font-size:13px;min-height:47px}.platform-panel {padding:18px 0 0;min-height:285px;border-left:0;border-top:1px solid #aab99833}.platform-panel h3 {font-size:27px;max-width:310px;padding-right:15px}.device-symbol {top:17px;font-size:30px}.platform-panel ul {font-size:12px;line-height:1.5}.platform-panel .platform-label {font-size:8px}.availability {align-items:start;flex-wrap:wrap;margin-top:25px;padding-top:25px;gap:13px}.availability-mark {font-size:21px}.availability>div {flex:1;min-width:230px}.availability p {font-size:11px}.availability>a {margin-left:34px;padding:8px 0;gap:16px;font-size:11px}
    .site-footer {padding:30px 28px;gap:24px;justify-content:space-between}.site-footer .brand {font-size:12px}.site-footer>div {order:3;width:100%;margin:0;justify-content:space-between}.copyright {font-size:7px}
    dialog {padding:16px;max-width:94vw}.gallery-header {margin-bottom:15px}.gallery-header h2 {font-size:25px}.gallery-header .eyebrow {font-size:6px;letter-spacing:1px}.gallery-image-wrap {height:48svh}.gallery-footer {flex-direction:column;align-items:stretch;gap:15px}.gallery-footer p {font-size:11px}.gallery-controls {justify-content:center;gap:25px}.gallery-close {width:40px;height:40px}
  }
  @media(max-width:380px) {
    .hero-content {padding:63px 22px 145px}h1 {font-size:48px;letter-spacing:-2.8px}.hero {min-height:660px}.hero-actions {gap:15px;align-items:start;flex-direction:column}.hero-actions .text-button {padding-top:0}.hero-platforms {font-size:8px;gap:10px;margin-top:24px}.hero-platforms span+span::before {padding-right:10px}.hero-bottom {left:22px;right:22px}.hero-edition {max-width:168px}.scroll-cue {font-size:8px}.section {padding-left:22px;padding-right:22px}.section-coordinate {max-width:110px;font-size:7px}.trail-strip {gap:16px;font-size:7px}.brand {font-size:13px}.brand-sub {font-size:6px}.site-header {padding:0 20px}.orbit-two {width:280px;height:280px}.companion-art {height:330px}.sprite-frame {width:270px}.specimen-signature {right:0;bottom:24px}.model-note {font-size:6px}.companion-tabs button {font-size:11px}.home-copy h2 {font-size:40px}.site-footer {padding:27px 22px}
  }
  @media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}*,*::before,*::after {transition:none!important;animation:none!important}}
}