:root {--bg: var(--jf-color-canvas);--bg-soft: #080b11;--panel: rgba(12, 16, 23, 0.82);--panel-solid: #0b0f16;--line: rgba(218, 190, 124, 0.2);--line-bright: rgba(238, 200, 111, 0.48);--gold: var(--jf-color-core-gold);--gold-pale: #f6dfaa;--gold-deep: #8f5e17;--ink: var(--jf-color-ink);--muted: var(--jf-color-muted);--quiet: #737e8e;--blue: #83d6ff;--green: #56d3a3;--red: #ec7b72;--sans: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--hei: var(--sans);--display: var(--hei);--mono: var(--hei);--page: min(1480px, calc(100vw - 72px));--type-hero: var(--jf-type-hero-regular);--type-page-title: var(--jf-type-page-title-regular);--type-section: var(--jf-type-section-regular);--type-product-title: var(--jf-type-product-title-regular);--type-story: var(--jf-type-story-regular);--type-domain-title: var(--jf-type-domain-title-regular);--type-games-hero: var(--jf-type-games-hero-regular);--type-game-title: var(--jf-type-game-title-regular);--type-body: var(--jf-type-body-regular);--type-control: var(--jf-type-control-regular);--type-coordinate: var(--jf-type-coordinate-regular);--px: 0;--py: 0;--domain-depth-scale: 1;--domain-field-origin: 50% 50%;--domain-flow-rotation: 0deg;--journey-accent-rgb: var(--domain-finance-rgb);}
*,*::before,*::after {box-sizing: border-box;}
html {color-scheme: dark;background: var(--bg);scroll-behavior: smooth;scroll-padding-top: 96px;overflow-x: hidden;}
body {margin: 0;min-width: 320px;overflow-x: hidden;background:
radial-gradient(circle at 80% 8%, rgba(34, 82, 112, 0.12), transparent 26rem),radial-gradient(circle at 12% 28%, rgba(137, 88, 18, 0.08), transparent 28rem),var(--bg);color: var(--ink);font-family: var(--sans);font-size: var(--type-body);line-height: var(--jf-type-body-line-height);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;}
body.nav-open {overflow: hidden;}
a {color: inherit;text-decoration: none;}
button,input,textarea,select {color: inherit;font: inherit;}
button,a {-webkit-tap-highlight-color: transparent;}
button {border: 0;}
img {display: block;max-width: 100%;}
.sr-only {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}
h1,h2,h3,p,blockquote,figure,dl,dd {margin: 0;}
ul,ol {margin: 0;}
:focus-visible {outline: 2px solid var(--gold);outline-offset: 4px;}
::selection {background: var(--gold);color: #07080a;}
.skip-link {position: fixed;z-index: 1000;top: 10px;left: 10px;transform: translateY(-160%);padding: 10px 16px;border-radius: 999px;background: var(--ink);color: var(--bg);font-weight: 800;transition: transform var(--motion-domain-hover) var(--ease-domain-hover);}
.skip-link:focus {transform: translateY(0);}
.scroll-progress {position: fixed;z-index: 110;inset: 0 0 auto;height: 2px;background: rgba(255, 255, 255, 0.035);}
.scroll-progress i {display: block;width: 100%;height: 100%;transform: scaleX(0);transform-origin: left;background: linear-gradient(90deg, var(--gold-deep), var(--gold-pale), var(--blue));}
.ambient-grid {position: fixed;z-index: -1;inset: 0;pointer-events: none;background-image:
linear-gradient(rgba(115, 153, 184, 0.027) 1px, transparent 1px),linear-gradient(90deg, rgba(115, 153, 184, 0.027) 1px, transparent 1px);background-size: 64px 64px;mask-image: linear-gradient(to bottom, black, transparent 88%);}
.site-header {position: absolute;z-index: 100;top: 0;left: 50%;display: grid;grid-template-columns: minmax(240px, 1fr) auto minmax(180px, 1fr);align-items: center;width: var(--page);height: 88px;transform: translateX(-50%);border-bottom: 1px solid rgba(255, 255, 255, 0.1);transition: top var(--motion-domain-control) var(--ease-domain-control), width var(--motion-domain-control) var(--ease-domain-control), height var(--motion-domain-control) var(--ease-domain-control), padding var(--motion-domain-control) var(--ease-domain-control), background var(--motion-domain-control) var(--ease-domain-control), border-color var(--motion-domain-control) var(--ease-domain-control), border-radius var(--motion-domain-control) var(--ease-domain-control);}
.site-header.is-scrolled {position: fixed;top: 10px;width: min(1080px, calc(100% - 28px));height: 64px;padding-inline: 16px;border: 1px solid rgba(219, 187, 113, 0.18);border-radius: var(--jf-radius-card);background: rgba(4, 7, 11, 0.86);box-shadow: var(--jf-elevation-overlay);backdrop-filter: blur(18px) saturate(1.2);}
.site-header.is-scrolled .brand small {display: none;}
.brand {display: inline-flex;align-items: center;justify-self: start;gap: 12px;min-height: 48px;}
.brand img {filter: drop-shadow(0 0 15px rgba(239, 183, 78, 0.18));}
.brand span {display: grid;line-height: 1.1;}
.brand strong,.brand small,.site-nav a,.header-signal,.nav-toggle {font-family: var(--mono);letter-spacing: 0.12em;}
.brand strong {font-size: 0.79rem;}
.brand small {margin-top: 5px;color: var(--quiet);font-size: 0.59rem;}
.site-nav {display: flex;align-items: center;gap: 3px;}
.site-nav a {min-height: 44px;padding: 13px 15px;color: #c2c8d2;font-size: 0.65rem;transition: color var(--motion-domain-hover) var(--ease-domain-hover), background var(--motion-domain-hover) var(--ease-domain-hover);}
.site-nav a:hover {border-radius: 999px;background: rgba(255, 255, 255, 0.045);color: var(--ink);}
.header-signal {display: inline-flex;align-items: center;justify-self: end;gap: 9px;min-height: 44px;color: var(--gold-pale);font-size: 0.62rem;}
.live-dot,.status-dot {display: inline-block;width: 7px;height: 7px;border-radius: 50%;background: var(--green);box-shadow: 0 0 0 4px rgba(86, 211, 163, 0.09), 0 0 16px rgba(86, 211, 163, 0.6);}
.nav-toggle {display: none;align-items: center;justify-content: center;gap: 12px;min-width: 72px;min-height: 44px;background: transparent;font-size: 0.68rem;}
.nav-toggle i,.nav-toggle i::before {display: block;width: 17px;height: 1px;background: currentColor;content: "";transition: transform var(--motion-domain-hover) var(--ease-domain-hover);}
.nav-toggle i::before {transform: translateY(5px);}
.hero {position: relative;display: grid;grid-template-columns: minmax(0, 1fr);align-items: start;min-height: auto;overflow: clip;padding: 112px max(36px, calc((100vw - 1540px) / 2)) 96px;isolation: isolate;}
.hero::before {position: absolute;z-index: -1;inset: 0;background:
radial-gradient(circle at 50% 26%, rgba(202, 144, 39, 0.09), transparent 46%),linear-gradient(0deg, var(--bg), transparent 34%);content: "";}
.hero-copy {position: relative;z-index: 2;grid-row: 2;width: min(100%, 980px);max-width: none;margin-top: clamp(54px, 7vw, 96px);padding-right: 0;}
.hero-system,.coordinate,.eyebrow,.hero-facts dt,.hero-facts dd,.hero-scroll,.mission-index,.readout-label,.product-status,.section-heading > .eyebrow,.breadcrumbs,.product-card-meta,.release-table,.footer-grid strong,.footer-base {font-family: var(--mono);letter-spacing: 0.11em;}
.hero-system {display: flex;align-items: center;gap: 16px;margin-bottom: clamp(28px, 5vh, 54px);color: var(--gold-pale);font-size: 0.66rem;}
.hero-system i {flex: 0 0 64px;height: 1px;background: linear-gradient(90deg, var(--gold), transparent);}
.hero h1 {max-width: 820px;font-family: var(--display);font-weight: 400;letter-spacing: -0.055em;line-height: 0.82;}
.hero h1 em,.page-hero h1 em,.mission-band h2 em,.release-hero h1 em {color: var(--gold);font-style: italic;text-shadow: 0 0 34px rgba(239, 183, 78, 0.12);}
.hero-copy > p:not(.hero-system) {max-width: 690px;margin-top: 38px;color: #bdc6d3;font-size: clamp(1rem, 1.35vw, 1.22rem);line-height: 1.75;}
.hero-actions,.product-actions,.not-found > div:last-child {display: flex;flex-wrap: wrap;gap: 12px;margin-top: 38px;}
.button {display: inline-flex;align-items: center;justify-content: center;gap: 18px;min-height: 54px;padding: 0 var(--jf-space-content);border: 1px solid transparent;border-radius: var(--jf-radius-pill);font-size: var(--type-control);font-weight: 720;letter-spacing: 0.025em;line-height: var(--jf-type-control-line-height);transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;}
.button:hover {transform: translateY(-2px);}
.button-primary {background: linear-gradient(135deg, #f5c363, #cf8f26);color: #100b04;box-shadow: 0 14px 46px rgba(196, 128, 25, 0.12);}
.button-primary:hover {background: linear-gradient(135deg, #ffda85, #e2a53a);}
.button-ghost {border-color: rgba(255, 255, 255, 0.17);background: rgba(5, 8, 13, 0.56);color: var(--ink);backdrop-filter: blur(14px);}
.button-ghost:hover {border-color: var(--line-bright);}
.button-disabled {border-color: rgba(255, 255, 255, 0.1);color: var(--quiet);cursor: default;}
.button-disabled:hover {transform: none;}
.availability-state {display: inline-flex;align-items: center;min-height: 54px;color: var(--muted);font-family: var(--mono);font-size: 0.68rem;letter-spacing: 0.08em;}
.button-small {min-height: 44px;padding-inline: 18px;font-size: 0.72rem;}
.hero-facts {display: flex;gap: clamp(26px, 4vw, 60px);margin-top: clamp(50px, 7vh, 86px);}
.hero-facts div {display: grid;gap: 5px;}
.hero-facts dt {color: var(--quiet);font-size: 0.58rem;}
.hero-facts dd {color: var(--gold-pale);font-size: 0.68rem;}
.hero-space,.hero-space::before,.hero-space::after {position: absolute;z-index: -2;inset: 0;pointer-events: none;}
.hero-space::before,.hero-space::after {background-image: radial-gradient(circle, rgba(255, 255, 255, 0.55) 0 1px, transparent 1.4px);background-size: 92px 83px;content: "";opacity: 0.23;}
.hero-space::after {background-position: 41px 27px;background-size: 147px 119px;opacity: 0.12;}
.star {position: absolute;width: 3px;height: 3px;border-radius: 50%;background: white;box-shadow: 0 0 18px 4px rgba(135, 204, 255, 0.54);}
.star-a { top: 18%; left: 14%; }
.star-b { top: 34%; right: 10%; }
.star-c { bottom: 14%; left: 44%; }
.hero-orbit {position: absolute;border: 1px solid rgba(129, 184, 219, 0.09);border-radius: 50%;}
.hero-orbit-a {top: -40%;right: -18%;width: 76vw;aspect-ratio: 1;}
.hero-orbit-b {right: 7%;bottom: -34%;width: 42vw;aspect-ratio: 1;border-color: rgba(230, 178, 73, 0.09);}
.hero-scroll {position: absolute;bottom: 22px;left: 50%;display: flex;align-items: center;gap: 18px;transform: translateX(-50%);color: var(--quiet);font-size: 0.55rem;}
.hero-scroll i {display: block;width: 70px;height: 1px;background: linear-gradient(90deg, var(--gold), transparent);}
.section-shell {width: var(--page);margin-inline: auto;}
.mission-band {display: grid;grid-template-columns: 150px minmax(0, 1.3fr) minmax(280px, 0.7fr);gap: clamp(26px, 6vw, 90px);align-items: start;padding-block: clamp(100px, 14vw, 200px);border-bottom: 1px solid var(--line);}
.mission-index {color: var(--gold);font-size: 0.62rem;}
.mission-band h2 {font-family: var(--display);font-weight: 400;letter-spacing: -0.045em;line-height: var(--jf-type-section-line-height);}
.mission-band > div > p {max-width: 690px;margin-top: 30px;color: var(--muted);font-size: 1.08rem;}
.mission-band blockquote {padding: 25px 0 0 26px;border-left: 1px solid var(--line-bright);color: var(--gold-pale);font-family: var(--display);font-size: clamp(1.2rem, 1.8vw, 1.65rem);font-style: italic;line-height: 1.45;}
.home-page .mission-band { gap: clamp(24px, 4vw, 64px); align-items: center; padding-block: clamp(56px, 5vw, 80px) clamp(40px, 3.5vw, 56px); }
.home-page .mission-band > div > p { margin-top: 20px; }
.home-page .mission-band blockquote { padding: 10px 0 0 22px; }
.origin-hero {--px: 0;--py: 0;position: relative;display: grid;justify-items: center;min-height: 100svh;padding: 96px max(28px, calc((100vw - 1540px) / 2)) 28px;overflow: clip;}
.origin-hero-frame {position: relative;width: min(100%, 1420px);margin: 0;padding: 12px;overflow: hidden;border: 1px solid rgba(222, 184, 99, 0.24);border-radius: 30px;background: rgba(5, 8, 12, 0.92);box-shadow: 0 42px 120px rgba(0, 0, 0, 0.42);}
.origin-hero-art { position: relative; overflow: hidden; border-radius: 20px; background: #010203; }
.origin-hero-art::after {position: absolute;inset: 0;border: 1px solid rgba(255, 226, 163, 0.09);border-radius: inherit;content: "";pointer-events: none;}
.origin-hero-image-map {--origin-globe-window:39.2%;--origin-globe-frame:43.4%;position: relative;overflow: hidden;}
.origin-hero-art img {display: block;width: 100%;height: auto;transform: translate3d(calc(var(--px) * 4px), calc(var(--py) * 4px), 0) scale(1.008);}
.origin-space-motion{position:absolute;z-index:3;inset:0;width:100%;height:100%;opacity:1;mix-blend-mode:screen;pointer-events:none}
.origin-galaxy-toggle{position:absolute;z-index:6;top:11.2%;left:90%;width:clamp(52px,16%,190px);height:clamp(44px,8%,90px);padding:0;transform:translate(-50%,-50%) rotate(-23deg);border:0;border-radius:50%;outline:0;background:transparent;cursor:pointer;touch-action:manipulation}
.origin-galaxy-toggle::before{position:absolute;inset:5%;border:1px solid rgba(255,218,154,.16);border-radius:50%;box-shadow:0 0 18px rgba(239,183,78,.08),inset 0 0 14px rgba(255,222,163,.05);content:"";opacity:.35;transition:opacity 220ms ease,border-color 220ms ease,box-shadow 220ms ease,transform 220ms ease}
.origin-galaxy-toggle:hover:not([aria-pressed="true"])::before,.origin-galaxy-toggle:focus-visible:not([aria-pressed="true"])::before{border-color:rgba(255,223,165,.62);box-shadow:0 0 28px rgba(239,183,78,.3),inset 0 0 20px rgba(255,228,174,.18);opacity:1;transform:scale(1.08)}
.origin-galaxy-toggle[aria-pressed="true"]::before{border-color:transparent;box-shadow:none;opacity:0;transform:none}
.origin-galaxy-toggle[hidden]{display:none}
.origin-world-sphere,.origin-world-sphere-hit{position:absolute;top:var(--origin-world-y);left:var(--origin-world-x);width:var(--origin-world-size);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%}
.origin-world-sphere{--globe-shift:0px;--globe-shift-y:0px;z-index:1;overflow:hidden;isolation:isolate;opacity:0;pointer-events:none}
.origin-world-sphere-hit{z-index:5;background:transparent;cursor:grab;outline:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.origin-world-sphere-hit:focus-visible{box-shadow:inset 0 0 0 1px rgba(239,183,78,.34)}
.origin-world-sphere-texture{position:absolute;z-index:1;inset:-4%;transform:translateY(var(--globe-shift-y));background-position:calc(50% + var(--globe-shift)) 50%;background-repeat:repeat-x;background-size:auto 100%;opacity:0;filter:saturate(.92) contrast(1.02) brightness(.98)}
.origin-world-sphere-texture,.origin-world-sphere-canvas{-webkit-mask-image:radial-gradient(circle closest-side,#000 0 87%,#000000d8 91%,#00000070 94%,transparent 97%);mask-image:radial-gradient(circle closest-side,#000 0 87%,#000000d8 91%,#00000070 94%,transparent 97%)}
.origin-world-sphere[data-origin-world-globe="nature"],.origin-world-sphere[data-origin-world-globe="travel"]{z-index:3}
.origin-world-sphere[data-origin-world-globe="nature"] .origin-world-sphere-texture,.origin-world-sphere[data-origin-world-globe="nature"] .origin-world-sphere-canvas{-webkit-mask-image:radial-gradient(circle closest-side,#000 0 94.5%,#000000e0 96%,#000000a0 97.2%,#00000055 98.3%,#00000020 99.2%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 0 94.5%,#000000e0 96%,#000000a0 97.2%,#00000055 98.3%,#00000020 99.2%,transparent 100%)}
.origin-world-sphere[data-origin-world-globe="travel"] .origin-world-sphere-texture,.origin-world-sphere[data-origin-world-globe="travel"] .origin-world-sphere-canvas{-webkit-mask-image:radial-gradient(circle closest-side,#000 0 91%,#000000c7 95%,#00000052 98%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 0 91%,#000000c7 95%,#00000052 98%,transparent 100%)}
.origin-world-sphere-canvas{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;opacity:0;filter:saturate(.92) contrast(1.02) brightness(.98);pointer-events:none;transition:opacity 260ms ease}
.origin-world-sphere-grid{position:absolute;z-index:3;inset:0;border-radius:inherit;background:radial-gradient(ellipse 28% 100% at 50% 50%,transparent 49%,rgba(127,207,244,.1) 49.4%,transparent 50%),radial-gradient(ellipse 100% 36% at 50% 50%,transparent 49%,rgba(127,207,244,.07) 49.4%,transparent 50%);opacity:.2;pointer-events:none}
.origin-world-sphere.is-engaged.is-ready{opacity:1;transition:opacity 280ms ease}
.origin-world-sphere.is-engaged.is-ready:not(.is-webgl) .origin-world-sphere-texture{opacity:1}
.origin-world-sphere.is-engaged.is-ready.is-webgl .origin-world-sphere-canvas{opacity:1}
.origin-world-sphere.is-engaged .origin-world-sphere-texture,.origin-world-sphere.is-dragging .origin-world-sphere-texture{will-change:background-position,transform}
.origin-world-sphere[data-origin-world-globe="creative"]{z-index:0}
.origin-world-sphere-hit.is-dragging{cursor:grabbing}
.origin-games-globe,.origin-games-globe-hit{position:absolute;top:52%;left:50%;width:var(--origin-globe-window);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%}
.origin-games-globe{--globe-shift:0px;--globe-shift-y:0px;z-index:0;overflow:hidden;isolation:isolate;pointer-events:none}
.origin-games-globe-mask{position:absolute;z-index:2;top:52%;left:50%;width:var(--origin-globe-frame);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,#fff8dbc7 0,#ffbf4038 1.2deg,transparent 3.8deg 39deg,#ffcd671f 40deg,#ffe8a678 41deg,#ffb42c1c 42.2deg,transparent 44deg 91deg,#ffd27359 92deg,transparent 94deg 134deg,#ffdf8f3d 136deg,transparent 138deg 177deg,#fff6d2ad 180deg,#ffb7332b 181.5deg,transparent 184deg 235deg,#ffcd6357 237deg,transparent 239deg 301deg,#ffe59e6b 303deg,transparent 305deg 356deg,#ffc24645 358.5deg,#fff8dbc7 360deg),repeating-conic-gradient(from .37deg,transparent 0 .31deg,#ffe8ac26 .36deg .48deg,transparent .54deg 1.71deg,#300d002e 1.79deg 1.91deg,transparent 1.98deg 4.3deg),radial-gradient(circle closest-side,transparent 0 73%,#56210010 77%,#8c3f0720 80.5%,#c86d1430 83.5%,#f0a43f34 85.5%,#b9631622 87%,#5420000e 88.2%,transparent 89%);-webkit-mask-image:radial-gradient(circle closest-side,transparent 0 72%,#00000018 76%,#00000066 80%,#000000b0 83.5%,#0000008a 85.8%,#0000003c 87.5%,transparent 89%);mask-image:radial-gradient(circle closest-side,transparent 0 72%,#00000018 76%,#00000066 80%,#000000b0 83.5%,#0000008a 85.8%,#0000003c 87.5%,transparent 89%);mix-blend-mode:normal;pointer-events:none}
.origin-games-globe-hit{z-index:5;background:transparent;cursor:grab;outline:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.origin-games-globe-hit:focus-visible{box-shadow:inset 0 0 0 1px rgba(239,183,78,.38)}
.origin-games-globe-texture { position: absolute; z-index: 1; inset: -4%; transform: translateY(var(--globe-shift-y)); background-position: calc(50% + var(--globe-shift)) 50%; background-repeat: repeat-x; background-size: auto 100%; opacity: 0; filter: saturate(0.92) contrast(1.02) brightness(0.98); transition: opacity 260ms ease; }
.origin-games-globe-texture,.origin-games-globe-canvas{-webkit-mask-image:radial-gradient(circle closest-side,#000 0 92%,#000000d6 94%,#00000070 97%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 0 92%,#000000d6 94%,#00000070 97%,transparent 100%)}
.origin-games-globe-canvas{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;opacity:0;filter:saturate(.9) contrast(1.02) brightness(.98);pointer-events:none;transition:opacity 320ms ease}
.origin-games-globe-grid { position: absolute; z-index: 3; inset: 0; border-radius: inherit; background: radial-gradient(ellipse 22% 100% at 50% 50%, transparent 48.7%, rgba(127, 207, 244, 0.14) 49.2%, transparent 49.8%), radial-gradient(ellipse 62% 100% at 50% 50%, transparent 49%, rgba(127, 207, 244, 0.08) 49.4%, transparent 50%), radial-gradient(ellipse 100% 28% at 50% 50%, transparent 48.7%, rgba(127, 207, 244, 0.1) 49.2%, transparent 49.8%), radial-gradient(ellipse 100% 66% at 50% 50%, transparent 49%, rgba(127, 207, 244, 0.065) 49.4%, transparent 50%); opacity: 0.32; pointer-events: none; transition: opacity 240ms ease; }
.origin-games-globe small { position: absolute; z-index: 5; right: 0; bottom: 7.5%; left: 0; color: rgba(211, 226, 238, 0.62); font-family: var(--mono); font-size: clamp(0.38rem, 0.49vw, 0.5rem); font-weight: 600; letter-spacing: 0.13em; text-align: center; text-shadow: 0 1px 10px rgba(0, 0, 0, 0.96); pointer-events: none; transition: color 200ms ease, opacity 200ms ease; }
.origin-games-globe.is-engaged .origin-games-globe-texture { opacity: 1; }
.origin-games-globe.is-webgl .origin-games-globe-texture{opacity:0}
.origin-games-globe.is-ready:not(.is-webgl) .origin-games-globe-texture{opacity:1}
.origin-games-globe.is-ready.is-webgl .origin-games-globe-canvas{opacity:1}
.origin-games-globe.is-engaged .origin-games-globe-texture,.origin-games-globe.is-dragging .origin-games-globe-texture{will-change:background-position,transform}
.origin-games-globe.is-engaged .origin-games-globe-grid { opacity: 0.32; }
.origin-games-globe.is-engaged small{color:rgba(159,219,246,.84)}
.origin-games-globe-hit.is-dragging{cursor:grabbing}
.origin-games-globe.is-dragging .origin-games-globe-texture{transition:none}
.origin-games-globe.is-dragging small{opacity:.28}
.origin-globe-integration{position:absolute;z-index:3;top:52%;left:50%;width:var(--origin-globe-frame);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;mix-blend-mode:screen;filter:drop-shadow(0 0 8px rgba(236,177,69,.12));pointer-events:none}
.origin-globe-integration::before{position:absolute;inset:4.6%;border-radius:50%;background:conic-gradient(from 12deg,transparent 0 5%,rgba(255,213,121,.92) 7%,rgba(255,213,121,.18) 10%,transparent 15% 36%,rgba(116,205,243,.28) 39%,transparent 44% 62%,rgba(255,193,78,.76) 65%,rgba(255,193,78,.12) 69%,transparent 74% 90%,rgba(138,214,245,.32) 94%,transparent 98%);content:"";-webkit-mask:radial-gradient(circle,transparent 0 76%,#00000028 79%,#000000c0 83.5%,#00000072 87.5%,transparent 91%);mask:radial-gradient(circle,transparent 0 76%,#00000028 79%,#000000c0 83.5%,#00000072 87.5%,transparent 91%)}
.origin-globe-integration>i{position:absolute;display:block;pointer-events:none}
.origin-globe-integration>i:nth-child(1){inset:36% -6%;border:1px solid rgba(248,193,82,.48);border-radius:50%;transform:rotate(-7deg) scaleY(.34);box-shadow:0 0 10px rgba(248,193,82,.16);-webkit-mask:linear-gradient(90deg,transparent 0,#000 8% 30%,transparent 43% 58%,#000 70% 93%,transparent);mask:linear-gradient(90deg,transparent 0,#000 8% 30%,transparent 43% 58%,#000 70% 93%,transparent)}
.origin-globe-integration>i:nth-child(2){inset:7% 31%;border:1px solid rgba(111,201,239,.28);border-radius:50%;transform:rotate(19deg) scaleX(.46);box-shadow:0 0 8px rgba(111,201,239,.12);-webkit-mask:linear-gradient(180deg,transparent 0,#000 8% 27%,transparent 42% 64%,#000 78% 94%,transparent);mask:linear-gradient(180deg,transparent 0,#000 8% 27%,transparent 42% 64%,#000 78% 94%,transparent)}
.origin-globe-integration>i:nth-child(3){top:21%;right:-2%;width:31%;height:1px;transform:rotate(-31deg);transform-origin:right center;background:linear-gradient(90deg,transparent,rgba(255,222,149,.2) 22%,rgba(255,205,100,.82) 76%,transparent);box-shadow:0 0 9px rgba(255,196,74,.28)}
.origin-globe-integration>i:nth-child(4){bottom:18%;left:-1%;width:28%;height:1px;transform:rotate(-27deg);transform-origin:left center;background:linear-gradient(90deg,transparent,rgba(255,199,83,.7) 25%,rgba(121,207,244,.24) 74%,transparent);box-shadow:0 0 8px rgba(255,196,74,.2)}
.origin-hero-lockup {position: absolute;z-index: 4;top: 27%;left: 50%;display: grid;justify-items: center;width: min(88%, 1160px);transform: translate(-50%, -50%) translate3d(calc(var(--px) * -2px), calc(var(--py) * -2px), 0);text-align: center;text-shadow: 0 2px 18px rgba(0, 0, 0, 0.96), 0 0 44px rgba(0, 0, 0, 0.82);}
.origin-hero-lockup > p,.origin-hero-lockup > small,.origin-hero-frame figcaption,.origin-hero-enter { font-family: var(--mono); letter-spacing: 0.12em; }
.origin-hero-lockup > p { color: var(--gold-pale); font-size: clamp(0.46rem, 0.62vw, 0.64rem); }
.origin-hero-lockup h1 { margin-top: 17px; color: #f7f4ec; font-family: var(--hei); font-size: clamp(2.15rem, 4.45vw, 5rem); font-weight: 900; letter-spacing: -0.035em; line-height: 0.92; }
.origin-hero-lockup h1 span,.origin-hero-lockup h1 strong { display: block; }
.origin-hero-lockup h1 span,.origin-hero-lockup h1 strong { white-space: nowrap; }
.origin-hero-lockup h1 strong { margin-top: 14px; color: #efd391; font-family: var(--sans); font-size: 0.39em; font-weight: 540; letter-spacing: 0.105em; line-height: 1.2; }
.origin-hero-lockup > small { margin-top: 18px; color: rgba(210, 218, 228, 0.68); font-size: clamp(0.4rem, 0.52vw, 0.52rem); }
.origin-domain-labels { position: absolute; z-index: 4; inset: 0; margin: 0; padding: 0; list-style: none; pointer-events: none; }
.origin-domain-labels > li { position: absolute; width: clamp(250px, 21vw, 360px); color: #f4ead2; font-family: var(--hei); }
.origin-domain-callout { position: relative; padding: 4px 0; border: 0; border-radius: 0; background: none; box-shadow: none; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.98), 0 0 28px rgba(0, 0, 0, 0.92); }
.origin-domain-callout > strong { display: flex; align-items: center; gap: 10px; font-size: clamp(1.08rem, 1.36vw, 1.4rem); font-weight: 700; letter-spacing: 0.09em; line-height: 1; }
.origin-domain-callout > strong::before { width: 9px; height: 9px; border-radius: 50%; background: rgb(var(--origin-domain-rgb)); box-shadow: 0 0 16px rgba(var(--origin-domain-rgb), 0.82); content: ""; }
.origin-domain-products { display: grid; gap: 8px; margin: 12px 0 0 4px; padding: 0 0 0 18px; border-left: 1px solid rgba(var(--origin-domain-rgb), 0.58); list-style: none; }
.origin-domain-products li { position: relative; min-width: 0; color: rgba(248, 249, 251, 0.9); font-size: clamp(0.86rem, 1.12vw, 1.16rem); font-weight: 500; letter-spacing: 0.005em; line-height: 1.25; }
.origin-domain-products li::before { position: absolute; top: 0.62em; left: -18px; width: 11px; height: 1px; background: rgba(var(--origin-domain-rgb), 0.62); content: ""; }
.origin-domain-products span,.origin-domain-products small { display: block; }
.origin-domain-products small { margin-top: 3px; color: rgba(var(--origin-domain-rgb), 0.96); font-size: 0.64em; font-weight: 600; letter-spacing: 0.07em; }
.origin-domain-labels > li::after { position: absolute; height: 1px; background: linear-gradient(90deg, rgba(var(--origin-domain-rgb), 0.78), rgba(var(--origin-domain-rgb), 0.08)); content: ""; }
.origin-domain-labels > li[data-origin-node="finance"] { top: 40%; left: 2.5%; transform: translateY(-50%); }
.origin-domain-labels > li[data-origin-node="finance"]::after,.origin-domain-labels > li[data-origin-node="civilization"]::after { top: 50%; left: 100%; width: clamp(18px, 3.6vw, 52px); }
.origin-domain-labels > li[data-origin-node="nature"] { top: 37.2%; right: 1.6%; transform: translateY(-50%); }
.origin-domain-labels > li[data-origin-node="nature"]::after,.origin-domain-labels > li[data-origin-node="travel"]::after { top: 50%; right: 100%; width: clamp(18px, 3.6vw, 52px); transform: rotate(180deg); }
.origin-domain-labels > li[data-origin-node="civilization"] { top: 71%; left: 2.5%; transform: translateY(-50%); }
.origin-domain-labels > li[data-origin-node="travel"] { top: 71%; right: 2.5%; transform: translateY(-50%); }
.origin-domain-labels > li[data-origin-node="game"] { top: 58.5%; left: 50%; transform: translate(-50%, -50%); }
.origin-domain-labels > li[data-origin-node="creative"] { top: 75.5%; left: 35%; transform: none; }
.origin-domain-labels > li[data-origin-node="game"]::after { bottom: 100%; left: 50%; width: 1px; height: clamp(18px, 2.8vw, 38px); background: linear-gradient(rgba(var(--origin-domain-rgb), 0.08), rgba(var(--origin-domain-rgb), 0.78)); }
.origin-domain-labels > li[data-origin-node="creative"]::after { display: none; }
.origin-hero-frame figcaption { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 18px; padding: 16px 6px 4px; color: var(--quiet); font-size: 0.5rem; }
.origin-hero-frame figcaption b { color: var(--gold-pale); font-weight: 500; }
.origin-hero-enter { display: grid; justify-items: center; gap: 8px; margin-top: 16px; color: var(--quiet); font-size: 0.5rem; }
.origin-hero-enter i { display: block; width: 1px; height: 28px; background: linear-gradient(var(--gold), transparent); }
.observatory,.product-areas,.featured,.method,.release-index,.products-directory,.knowledge-directory {padding-block: clamp(110px, 12vw, 180px);}
.section-heading {display: grid;grid-template-columns: minmax(180px, 0.34fr) minmax(0, 1fr) minmax(280px, 0.52fr);gap: clamp(24px, 4vw, 64px);align-items: end;margin-bottom: clamp(54px, 7vw, 90px);}
.eyebrow {color: rgb(var(--journey-accent-rgb));font-size: var(--type-coordinate);line-height: var(--jf-type-coordinate-line-height);}
.section-heading h2 {font-family: var(--display);font-weight: 400;letter-spacing: -0.045em;line-height: var(--jf-type-section-line-height);}
.section-copy {align-self: end;color: var(--muted);font-size: 0.98rem;line-height: 1.75;}
.world-archive {--world-rgb: 239, 183, 78;overflow: hidden;border: 1px solid var(--line);border-radius: 24px;background: linear-gradient(145deg, rgba(13, 18, 26, 0.78), rgba(4, 7, 11, 0.94));box-shadow: 0 28px 80px rgba(0, 0, 0, 0.16);}
.world-archive[data-active-world="nature"] { --world-rgb: 105, 190, 125; }
.world-archive[data-active-world="civilization"] { --world-rgb: 221, 166, 114; }
.world-archive[data-active-world="atlas"] { --world-rgb: 105, 173, 219; }
.world-archive[data-active-world="digital"] { --world-rgb: 91, 192, 226; }
.world-archive-tablist {display: grid;width: 100%;min-width: 0;grid-template-columns: repeat(5, minmax(0, 1fr));gap: 1px;overflow: hidden;background: var(--line);}
.world-archive-card {appearance: none;display: grid;width: 100%;min-width: 0;grid-template-rows: auto minmax(86px, auto);overflow: hidden;padding: 0;border: 0;background: #080b10;color: inherit;text-align: left;cursor: pointer;}
.world-archive-image {position: relative;display: block;width: 100%;min-width: 0;aspect-ratio: 4 / 3;overflow: hidden;background: #080b10;filter: saturate(0.7) brightness(0.68);transition: filter 240ms ease, transform 240ms ease;}
.world-archive-image > img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.world-archive-image::before,.world-archive-image::after {position: absolute;z-index: 1;inset: 0;content: "";pointer-events: none;}
.world-archive-image::before {background: linear-gradient(180deg, transparent 45%, rgba(2, 4, 7, 0.78));}
.world-archive-image::after {border: 1px solid transparent;background: linear-gradient(120deg, rgba(255, 255, 255, 0.12), transparent 30%, rgba(0, 0, 0, 0.28) 72%);transition: border-color 240ms ease, background 240ms ease;}
.world-archive-card-copy {position: relative;display: grid;min-width: 0;grid-template-columns: minmax(0, 1fr) auto;gap: 7px 12px;min-height: 86px;padding: 16px 18px 14px;border-top: 1px solid rgba(255, 255, 255, 0.05);}
.world-archive-card-copy small {grid-column: 1 / -1;color: var(--quiet);font-family: var(--mono);font-size: 0.43rem;letter-spacing: 0.1em;}
.world-archive-card-copy strong {overflow: hidden;color: var(--muted);font-family: var(--mono);font-size: 0.66rem;font-weight: 600;letter-spacing: 0.1em;text-overflow: ellipsis;white-space: nowrap;transition: color 220ms ease;}
.world-archive-card-copy i {color: var(--quiet);font-size: 0.8rem;font-style: normal;transition: color 220ms ease, transform 220ms ease;}
.world-archive-card[aria-selected="true"] {background: rgba(var(--world-rgb), 0.045);}
.world-archive-card[aria-selected="true"] .world-archive-image {filter: saturate(0.96) brightness(0.94);}
.world-archive-card[aria-selected="true"] .world-archive-image::after {border-color: rgba(var(--world-rgb), 0.58);background: linear-gradient(120deg, rgba(var(--world-rgb), 0.16), transparent 34%, rgba(0, 0, 0, 0.2) 72%);}
.world-archive-card[aria-selected="true"] .world-archive-card-copy::before {position: absolute;top: -1px;right: 18px;left: 18px;height: 1px;background: rgb(var(--world-rgb));box-shadow: 0 0 18px rgba(var(--world-rgb), 0.42);content: "";}
.world-archive-card[aria-selected="true"] :is(strong,i) {color: rgb(var(--world-rgb));}
.world-archive-card[aria-selected="true"] i {transform: translate(2px, 2px);}
.world-archive-card:focus {outline: none;}
.world-archive-card:focus-visible {position: relative;z-index: 2;outline: 2px solid var(--gold);outline-offset: -4px;}
@media (hover: hover) and (pointer: fine) {.world-archive-card:hover .world-archive-image {filter: saturate(0.9) brightness(0.88);}
.world-archive-card:hover .world-archive-card-copy strong {color: var(--ink);}
}
.world-archive-details {position: relative;min-height: 292px;padding: 26px clamp(24px, 3.4vw, 48px) 34px;background: linear-gradient(180deg, rgba(5, 8, 12, 0.58), rgba(3, 5, 8, 0.9));}
.world-archive-label {margin-bottom: 24px;color: var(--quiet);font-family: var(--mono);font-size: 0.46rem;letter-spacing: 0.11em;}
.world-panel:not([hidden]) {display: grid;grid-template-columns: minmax(150px, 0.55fr) minmax(260px, 1fr) minmax(300px, 1.15fr);gap: clamp(24px, 3.2vw, 52px);align-items: start;animation: world-panel-in 220ms ease-out;}
.world-panel[hidden] {display: none;}
@keyframes world-panel-in {0% {opacity: 0;transform: translateY(4px);}
100% {opacity: 1;transform: none;}
}
.coordinate {color: var(--gold);font-size: var(--type-coordinate);line-height: var(--jf-type-coordinate-line-height);text-transform: uppercase;}
.world-panel .coordinate {margin-top: 0;color: rgb(var(--world-rgb));}
.world-panel h3 {margin-top: 10px;font-family: var(--display);font-size: clamp(2rem, 2.8vw, 3.2rem);font-weight: 500;line-height: 1;}
.world-copy {display: grid;gap: 18px;}
.world-copy p {color: var(--muted);font-size: 0.9rem;line-height: 1.5;}
.world-copy p:first-child {color: var(--gold-pale);font-size: 1rem;}
.world-copy span,.world-products > p,.world-product-status,.world-product-empty span,.world-product-empty strong {font-family: var(--mono);letter-spacing: 0.08em;}
.world-copy span {display: block;margin-bottom: 6px;color: var(--quiet);font-size: 0.46rem;}
.world-products {display: grid;}
.world-products > p {margin-bottom: 7px;color: var(--quiet);font-size: 0.46rem;}
.world-product-track {display: grid;margin: 0;padding: 0;list-style: none;}
.world-product-row {min-width: 0;}
.world-product-row > a,.world-product-empty {gap: 18px;min-height: 48px;border-top: 1px solid rgba(255, 255, 255, 0.08);}
.world-product-coordinate {display: grid;grid-template-columns: minmax(0, 1fr) fit-content(140px);align-items: center;min-width: 0;overflow: hidden;isolation: isolate;}
.world-product-empty {display: flex;align-items: center;justify-content: space-between;}
.world-product-row:last-child > a,.world-product-empty:last-child {border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.world-product-copy {display: grid;min-width: 0;overflow: hidden;gap: 2px;contain: inline-size paint;isolation: isolate;}
.world-product-name {display: block;min-width: 0;overflow: hidden;color: #dce2e9;font-size: 0.78rem;font-weight: 600;text-overflow: ellipsis;unicode-bidi: isolate;white-space: nowrap;}
.world-product-positioning {display: block;width: 100%;min-width: 0;max-width: 100%;margin: 0;overflow: hidden;color: var(--quiet);font-size: 0.58rem;text-overflow: ellipsis;unicode-bidi: isolate;white-space: nowrap;}
.world-product-status {display: block;min-width: 0;max-width: 140px;overflow: hidden;contain: inline-size paint;color: var(--gold-pale);font-size: 0.46rem;font-weight: 500;text-align: right;text-overflow: ellipsis;unicode-bidi: isolate;white-space: nowrap;}
.world-product-coordinate:hover .world-product-name {color: var(--gold-pale);}
.world-product-empty {color: var(--quiet);font-size: 0.55rem;}
.world-product-empty strong {color: var(--quiet);}
.product-areas {border-top: 1px solid var(--line);}
.area-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));border-top: 1px solid var(--line);border-left: 1px solid var(--line);}
.area-card {position: relative;min-height: 520px;padding: clamp(34px, 4.5vw, 70px);overflow: hidden;border-right: 1px solid var(--line);border-bottom: 1px solid var(--line);background: linear-gradient(145deg, rgba(14, 19, 27, 0.82), rgba(5, 8, 12, 0.82));}
.area-card::after {position: absolute;right: -11%;bottom: -32%;width: 54%;aspect-ratio: 1;border: 1px solid rgba(225, 179, 80, 0.1);border-radius: 50%;box-shadow: 0 0 0 24px rgba(225, 179, 80, 0.012), 0 0 0 62px rgba(112, 181, 223, 0.012);content: "";}
.area-index {position: absolute;top: 18px;right: 30px;color: rgba(239, 183, 78, 0.15);font-family: var(--display);font-size: clamp(5rem, 9.5vw, 8.5rem);line-height: 1;}
.area-card h3 {max-width: 560px;margin-top: 56px;font-family: var(--display);font-size: clamp(2.25rem, 3.6vw, 3.9rem);font-weight: 400;line-height: 0.98;}
.area-statement {max-width: 520px;margin-top: 24px;color: var(--gold-pale);font-family: var(--display);font-size: 1.38rem;}
.area-card > p:not(.coordinate):not(.area-statement) {max-width: 570px;margin-top: 18px;color: var(--muted);}
.area-products {position: relative;z-index: 2;display: grid;margin-top: 48px;}
.area-products a {display: flex;align-items: center;justify-content: space-between;gap: 20px;min-height: 52px;border-top: 1px solid rgba(255, 255, 255, 0.09);}
.area-products a:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.09); }
.area-products span { display: flex; align-items: center; gap: 10px; font-size: 0.88rem; }
.area-products span b { font-weight: 500; }
.area-products span em { padding: 3px 7px; border: 1px solid rgba(239, 183, 78, 0.26); border-radius: 999px; color: var(--gold); font-family: var(--mono); font-size: 0.42rem; font-style: normal; letter-spacing: 0.08em; }
.area-products small { color: var(--quiet); font-family: var(--mono); font-size: 0.53rem; letter-spacing: 0.08em; }
.area-products a:hover span { color: var(--gold-pale); }
.area-products .area-product-empty { margin: 0; padding: 18px 2px; border-top: 1px solid rgba(255, 255, 255, 0.09); border-bottom: 1px solid rgba(255, 255, 255, 0.09); color: var(--quiet); font-family: var(--mono); font-size: 0.58rem; letter-spacing: 0.12em; }
.area-products .area-product-flagship { min-height: 62px; border-color: rgba(239, 183, 78, 0.22); }
.area-products .area-product-flagship small { color: var(--gold-pale); }
.home-page .product-areas { padding-block: clamp(48px, 5vw, 72px) clamp(32px, 3vw, 44px); }
.home-page .product-areas .section-heading { margin-bottom: clamp(28px, 3vw, 42px); }
.home-page .product-areas .section-heading { grid-template-columns: minmax(160px, 0.22fr) minmax(0, 1fr); }
.home-page .product-areas .section-heading h2 { font-size: clamp(2.05rem, 2.8vw, 3.45rem); white-space: nowrap; }
.home-page .product-areas .section-copy { grid-column: 2; max-width: 760px; }
.home-page .area-card { min-height: 0; padding: clamp(24px, 2.6vw, 36px); }
.home-page .area-card h3 { margin-top: 22px; font-size: clamp(2rem, 2.7vw, 3rem); }
.home-page .area-statement { margin-top: 13px; font-size: 1.15rem; }
.home-page .area-card > p:not(.coordinate):not(.area-statement) { margin-top: 10px; }
.home-page .area-products { margin-top: 22px; }
.home-page .area-products a { min-height: 44px; }
.home-page .area-products .area-product-flagship { min-height: 48px; }
.home-page .area-products .area-product-empty { padding-block: 13px; }
.inner-page .product-areas { padding-block: clamp(62px, 6vw, 88px); }
.inner-page .product-areas .section-heading { margin-bottom: clamp(30px, 3.5vw, 46px); }
.inner-page .product-areas .area-card { min-height: 390px; padding: clamp(26px, 3.2vw, 46px); }
.inner-page .product-areas .area-card h3 { margin-top: 34px; font-size: clamp(2.15rem, 3.1vw, 3.35rem); }
.inner-page .product-areas .area-statement { margin-top: 16px; font-size: 1.18rem; }
.inner-page .product-areas .area-card > p:not(.coordinate):not(.area-statement) { margin-top: 12px; }
.inner-page .product-areas .area-products { margin-top: 28px; }
.home-page :is(.observatory,.featured,.method,.release-index) { padding-block: clamp(52px, 4.5vw, 72px) clamp(32px, 3vw, 44px); }
.home-page :is(.observatory,.featured,.method,.release-index) .section-heading { margin-bottom: clamp(34px, 3.5vw, 50px); }
.home-page .mission-band h2,.home-page .section-heading h2,.home-page .apple-native h2 { font-family: var(--hei); font-weight: 700; letter-spacing: -0.035em; line-height: var(--jf-type-section-line-height); }
.home-page .featured .section-heading { grid-template-columns: minmax(160px, 0.22fr) minmax(0, 1fr); }
.home-page .featured .section-heading h2 { font-size: clamp(2.15rem, 3vw, 3.7rem); white-space: nowrap; }
.home-page .featured .section-copy { grid-column: 2; max-width: 760px; }
.home-page .release-index .section-heading { grid-template-columns: minmax(160px, 0.22fr) minmax(0, 1fr); }
.home-page .release-index .section-heading h2 { white-space: nowrap; }
.home-page .release-index .section-copy { grid-column: 2; max-width: 760px; }
.home-page :is(.product-areas,.featured,.release-index) .section-heading { grid-template-columns: clamp(160px, 13vw, 190px) minmax(0, 1fr); column-gap: clamp(24px, 3vw, 44px); row-gap: 12px; align-items: center; }
.home-page :is(.product-areas,.featured,.release-index) .section-copy { align-self: start; }
.home-page .featured .section-heading { margin-bottom: clamp(28px, 3vw, 40px); }
.home-page .method-line article { min-height: 230px; padding: 22px; }
.home-page .method-line h3 { margin-top: 52px; }
.featured-grid {display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:18px;}
.product-card[data-product-card="weathermelody"] {grid-column:auto;}
.product-card {min-width: 0;overflow: hidden;border: 1px solid var(--line);border-radius: var(--jf-radius-panel);background: linear-gradient(155deg, rgba(13, 18, 26, 0.9), rgba(6, 9, 14, 0.92));box-shadow: var(--jf-elevation-raised);transition: transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 220ms ease, box-shadow 260ms ease;}
.product-card:hover {transform: translateY(-5px);border-color: var(--line-bright);box-shadow: var(--jf-elevation-floating);}
.product-card-visual {position: relative;display: block;height: 320px;overflow: hidden;background: #070a0e;}
.product-card-visual::after {z-index: 2;position: absolute;inset: 0;background: linear-gradient(180deg, rgba(3, 5, 8, 0.06) 34%, rgba(3, 5, 8, 0.86));content: "";pointer-events: none;}
.product-card-cover {width: 100%;height: 100%;object-fit: cover;object-position: top center;filter: saturate(0.78) contrast(1.04);transition: transform 500ms ease, filter 500ms ease;}
.product-card:hover .product-card-cover {transform: scale(1.035);filter: saturate(0.98) contrast(1.04);}
.product-card:not(.product-card-featured) .product-card-visual { height: 260px; }
.product-card-showcase .product-card-visual { height: 420px; isolation: isolate; }
.product-card.product-card-showcase:not(.product-card-featured) .product-card-visual { height: 420px; }
.product-card-showcase.product-card-featured .product-card-visual { height: 460px; }
.showcase-atmosphere {position: absolute;inset: -22px;overflow: hidden;background: #06090e;}
.showcase-atmosphere::after {position: absolute;inset: 0;background: radial-gradient(circle at 50% 38%, rgba(236, 190, 97, 0.16), transparent 38%), linear-gradient(180deg, rgba(2, 4, 7, 0.2), rgba(2, 4, 7, 0.78));content: "";}
.showcase-atmosphere img {width: 100%;height: 100%;object-fit: cover;opacity: 0.34;filter: blur(7px) saturate(0.68);transform: scale(1.08);}
.product-card[data-product-card="weathermelody"] .showcase-atmosphere::after {background: radial-gradient(circle at 18% 28%, rgba(255, 176, 82, 0.32), transparent 34%), radial-gradient(circle at 82% 24%, rgba(126, 97, 255, 0.3), transparent 36%), radial-gradient(circle at 76% 84%, rgba(67, 206, 232, 0.22), transparent 34%), linear-gradient(180deg, rgba(5, 7, 12, 0.16), rgba(3, 5, 9, 0.86));}
.product-card[data-product-card="weathermelody"] .showcase-atmosphere img {opacity: 0.22;filter: blur(15px) saturate(1.15);transform: scale(1.18);}
.showcase-device {position: absolute;z-index: 1;display: block;overflow: hidden;border: 1px solid rgba(255, 255, 255, 0.2);background: #06080c;box-shadow: 0 28px 65px rgba(0, 0, 0, 0.55), 0 0 0 7px rgba(255, 255, 255, 0.025);transition: transform 520ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 300ms ease;}
.showcase-device img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.showcase-device-hide-status-time::after {content:"";position:absolute;z-index:2;top:1.35%;left:8.25%;width:18.5%;height:3.1%;background:#15181d;pointer-events:none;}
.showcase-device-landscape {top: 18%;left: 7%;width: 74%;aspect-ratio: 1.6;border-radius: 12px;}
.product-card-featured .showcase-device-landscape {left: 50%;width: min(74%, 560px);transform: translateX(-50%);}
.showcase-device-portrait {top: 13%;left: 17%;width: 39%;aspect-ratio: 1284 / 2778;border-radius: 22px;}
.product-card[data-product-card="weathermelody"] .product-card-visual {height:420px;}
.product-card[data-product-card="weathermelody"] .showcase-device-portrait {aspect-ratio:1320/2868;border-radius:18px;box-shadow:0 28px 64px rgba(0,0,0,.68),0 0 30px rgba(233,197,122,.08);}
.product-card[data-product-card="weathermelody"] .showcase-device-portrait:not(.showcase-device-secondary):not(.showcase-device-tertiary):not(.showcase-device-quaternary):not(.showcase-device-quinary) {z-index:3;top:31%;right:auto;left:-1%;width:19%;transform:rotate(-8deg);}
.product-card[data-product-card="weathermelody"] .showcase-device-secondary.showcase-device-portrait {z-index:4;top:13%;right:auto;left:16%;width:24%;transform:rotate(-3deg);}
.product-card[data-product-card="weathermelody"] .showcase-device-tertiary.showcase-device-portrait {z-index:6;top:3%;right:auto;left:50%;width:31%;transform:translateX(-50%) rotate(1deg);}
.product-card[data-product-card="weathermelody"] .showcase-device-quaternary.showcase-device-portrait {z-index:4;top:21%;right:15%;left:auto;width:23%;transform:rotate(5deg);}
.product-card[data-product-card="weathermelody"] .showcase-device-quinary.showcase-device-portrait {z-index:3;top:34%;right:-1%;left:auto;width:19%;transform:rotate(9deg);}
.showcase-device-secondary.showcase-device-portrait {top: 25%;right: 11%;left: auto;width: 33%;transform: rotate(2.2deg);}
.showcase-device-tertiary.showcase-device-portrait {top: 20%;right: 8%;left: auto;width: 31%;transform: rotate(2.8deg);}
.product-card-featured .showcase-device-secondary.showcase-device-portrait {top: 22%;right: 5%;width: 20%;}
.product-card:hover .showcase-device { transform: translateY(-6px); border-color: rgba(245, 219, 158, 0.46); }
.product-card-featured:hover .showcase-device-landscape { transform: translate(-50%, -6px); }
.product-card[data-product-card="weathermelody"]:hover .showcase-device-portrait:not(.showcase-device-secondary):not(.showcase-device-tertiary):not(.showcase-device-quaternary):not(.showcase-device-quinary) {transform:translateY(-3px) rotate(-7deg);}
.product-card[data-product-card="weathermelody"]:hover .showcase-device-secondary.showcase-device-portrait {transform:translateY(-5px) rotate(-2deg);}
.product-card[data-product-card="weathermelody"]:hover .showcase-device-tertiary.showcase-device-portrait {transform:translate(-50%,-7px) rotate(0deg);}
.product-card[data-product-card="weathermelody"]:hover .showcase-device-quaternary.showcase-device-portrait {transform:translateY(-5px) rotate(4deg);}
.product-card[data-product-card="weathermelody"]:hover .showcase-device-quinary.showcase-device-portrait {transform:translateY(-3px) rotate(8deg);}
.product-card:hover .showcase-device-secondary.showcase-device-portrait { transform: translateY(-3px) rotate(1deg); }
.product-card:hover .showcase-device-tertiary.showcase-device-portrait { transform: translateY(-3px) rotate(1deg); }
.showcase-fact {position: absolute;z-index: 4;bottom: 18px;left: 18px;display: grid;gap: 2px;color: var(--quiet);font-family: var(--mono);font-size: 0.55rem;font-style: normal;letter-spacing: 0.09em;}
.showcase-fact i { font-style: normal; }
.showcase-fact b { color: var(--gold-pale); font-size: 0.64rem; font-weight: 500; }
.product-status {display: inline-flex;align-items: center;gap: 8px;width: fit-content;color: var(--muted);font-size: 0.62rem;}
.product-status i,.status-dot {width: 7px;height: 7px;margin-right: 7px;border-radius: 50%;background: var(--quiet);box-shadow: none;}
.product-status i { display: inline-block; margin-right: 0; }
.product-card[data-product-card="weathermelody"] .product-status { z-index: 5; }
.product-status.status-released i,.product-status.status-available i,.status-dot.status-released,.status-dot.status-available { background: var(--green); box-shadow: 0 0 12px rgba(86, 211, 163, 0.55); }
.product-status.status-release-candidate i,.status-dot.status-release-candidate { background: var(--gold); }
.product-status.status-in-review i,.status-dot.status-in-review { background: #d7a8ff; box-shadow: 0 0 12px rgba(215, 168, 255, 0.45); }
.product-status.status-internal-testflight i,.status-dot.status-internal-testflight { background: var(--blue); }
.product-status.status-development i,.product-status.status-in-development i,.status-dot.status-development,.status-dot.status-in-development { background: #8d9db2; }
.product-status.status-planned i,.status-dot.status-planned { border: 1px solid var(--quiet); background: transparent; }
.product-card-visual > .product-status {position: absolute;z-index: 3;top: 18px;left: 18px;padding: 8px 12px;border: 1px solid rgba(255, 255, 255, 0.12);border-radius: 999px;background: rgba(4, 7, 11, 0.75);backdrop-filter: blur(10px);}
.product-icon {position: absolute;z-index: 3;right: 18px;bottom: 18px;width: 68px;height: 68px;border: 1px solid rgba(255, 255, 255, 0.16);border-radius: 18px;object-fit: cover;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.36);}
.product-card-body {padding: 28px;}
.product-card h3 {margin-top: 14px;font-family: var(--display);font-size: clamp(1.65rem, 2.35vw, 2.45rem);font-weight: 400;line-height: 1.03;}
.product-card-body > p:not(.coordinate) {min-height: 68px;margin-top: 16px;color: var(--muted);font-size: 0.88rem;line-height: 1.58;}
.product-card-meta {display: grid;grid-template-columns: minmax(0, 1.35fr) minmax(66px, 0.55fr) minmax(90px, 0.8fr);gap: 12px;margin-top: 24px;padding-top: 17px;border-top: 1px solid rgba(255, 255, 255, 0.08);}
.product-card-meta div { min-width: 0; }
.product-card-meta dt { color: var(--quiet); font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.08em; }
.product-card-meta dd {margin-top: 4px;overflow: hidden;color: #c7d0dc;font-family: var(--mono);font-size: 0.68rem;letter-spacing: 0.02em;text-overflow: ellipsis;white-space: nowrap;}
.product-card-meta div:last-child dd {color: var(--gold-pale);font-weight: 500;text-align: right;}
.product-card-actions {display: flex;gap: 8px;margin-top: 16px;}
.product-card-actions .button {flex: 1 1 auto;min-width: 0;padding-inline: 15px;white-space: nowrap;}
.text-link { display: inline-flex; gap: 14px; margin-top: 34px; color: var(--gold-pale); font-size: 0.86rem; }
.text-link:hover { color: var(--gold); }
.method {border-top: 1px solid var(--line);}
.method-formula {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: clamp(8px, 1.4vw, 20px);margin: -22px 0 42px;padding: 18px 0;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);color: var(--gold-pale);font-family: var(--mono);font-size: clamp(0.66rem, 1.1vw, 0.9rem);letter-spacing: 0.1em;text-align: center;}
.method-formula i {color: var(--gold);font-style: normal;}
.method-line {display: grid;grid-template-columns: repeat(5, 1fr);}
.method-line article {position: relative;min-height: 310px;padding: 26px;border-top: 1px solid var(--line);border-right: 1px solid var(--line);border-bottom: 1px solid var(--line);}
.method-line article:first-child { border-left: 1px solid var(--line); }
.method-line article::before { position: absolute; top: -2px; left: 0; width: 0; height: 3px; background: var(--gold); content: ""; transition: width 400ms ease; }
.method-line article:hover::before { width: 100%; }
.method-line span { color: var(--gold); font-family: var(--mono); font-size: 0.63rem; }
.method-line h3 { margin-top: 92px; font-family: var(--display); font-size: 1.65rem; font-weight: 400; }
.method-line p { margin-top: 16px; color: var(--muted); font-size: 0.86rem; }
.apple-native {padding-block: clamp(72px, 7vw, 104px);border-bottom: 1px solid var(--line);}
.apple-native-copy { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.75fr); column-gap: clamp(50px, 7vw, 100px); max-width: 1180px; margin-inline: auto; }
.apple-native .eyebrow { grid-column: 1 / -1; }
.apple-native h2 { grid-column: 1; margin-top: 20px; font-family: var(--display); font-weight: 400; letter-spacing: -0.045em; line-height: var(--jf-type-section-line-height); }
.apple-native-copy > p:not(.eyebrow) { grid-column: 2; align-self: start; max-width: 520px; margin-top: 26px; color: var(--muted); font-size: 1rem; }
.apple-native ul { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 38px; padding: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); list-style: none; }
.apple-native li { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 16px 24px; border-right: 1px solid var(--line); color: #ccd3dd; }
.apple-native li:first-child { padding-left: 0; }
.apple-native li:last-child { padding-right: 0; border-right: 0; }
.apple-native li::before { color: var(--gold); content: "◇"; }
.home-page .apple-native { padding-block: clamp(48px, 4.5vw, 72px) clamp(32px, 3vw, 44px); }
.release-index .section-heading { margin-bottom: 54px; }
.release-main .release-index { padding-block: clamp(50px, 5.5vw, 78px) clamp(76px, 8vw, 116px); }
.release-table { border-top: 1px solid var(--line-bright); }
.release-row { display: grid; grid-template-columns: minmax(310px, 1.45fr) minmax(150px, 0.76fr) 100px minmax(150px, 0.7fr) minmax(190px, 0.85fr); gap: 20px; align-items: center; min-height: 80px; border-bottom: 1px solid var(--line); color: #bdc5d0; font-size: 0.6rem; }
.release-row > * { min-width: 0; }
.release-header { min-height: 50px; color: var(--quiet); font-size: 0.5rem; }
.release-product { display: flex; align-items: center; gap: 22px; min-width: 0; overflow: hidden; contain: inline-size paint; isolation: isolate; }
.release-product > small { color: var(--gold); }
.release-product > img { flex: 0 0 42px; width: 42px; height: 42px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 10px; object-fit: cover; }
.release-product a { display: grid; flex: 1 1 0; width: 0; min-width: 0; max-width: 100%; overflow: hidden; letter-spacing: 0; }
.release-product b { overflow: hidden; color: var(--ink); font-family: var(--sans); font-size: 0.87rem; letter-spacing: 0; text-overflow: ellipsis; white-space: nowrap; }
.release-product em { display: block; width: 100%; min-width: 0; max-width: 100%; overflow: hidden; color: var(--quiet); font-family: var(--sans); font-size: 0.7rem; font-style: normal; letter-spacing: 0; text-overflow: ellipsis; white-space: nowrap; }
.release-product em[data-overflowing] { cursor: ew-resize; }
.release-product em.is-auto-scrolling { text-overflow: clip; }
@media (hover: none), (pointer: coarse) {
  .release-product em { overflow: visible; line-height: 1.45; text-overflow: clip; white-space: normal; }
  .release-product em[data-overflowing] { cursor: inherit; }
  .origin-world-sphere-hit,.origin-games-globe-hit { touch-action: pan-y pinch-zoom; }
}
.release-platform,.release-version { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.release-version { font-variant-numeric: tabular-nums; }
.release-status { display: flex; align-items: center; overflow: hidden; white-space: nowrap; }
.release-actions { display: grid; gap: 7px; }
.release-actions a { width: fit-content; color: var(--gold-pale); white-space: nowrap; }
.release-actions a:last-child { color: var(--muted); }
.release-actions a:hover { color: var(--gold); }
.release-policy { display: grid; grid-template-columns: 180px 1fr auto; gap: 26px; align-items: center; margin-top: 25px; padding: 24px 0; color: var(--muted); }
.release-policy b { color: var(--gold); font-family: var(--mono); font-size: 0.58rem; letter-spacing: 0.1em; }
.release-policy p { font-size: 0.84rem; }
.release-policy a { color: var(--gold-pale); font-size: 0.77rem; }
.home-page .release-index .section-heading h2 { font-size: clamp(1.75rem, 2.2vw, 2.65rem); line-height: 1.02; }
.site-footer {width: var(--page);margin: 30px auto 0;padding-top: 20px;}
.footer-signal {display: grid;grid-template-columns: 1fr auto 1fr;gap: 20px;align-items: center;color: var(--gold);font-family: var(--mono);font-size: 0.55rem;letter-spacing: 0.15em;}
.footer-signal i { height: 1px; background: linear-gradient(90deg, transparent, var(--line-bright)); }
.footer-signal i:last-child { background: linear-gradient(90deg, var(--line-bright), transparent); }
.footer-grid { display: grid; grid-template-columns: minmax(280px, 1.5fr) 0.65fr 0.65fr 0.7fr; gap: 50px; padding-block: 72px; }
.footer-statement { display: grid; grid-template-columns: 56px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 18px; row-gap: 2px; align-content: start; align-items: start; max-width: 540px; }
.footer-statement img { grid-column: 1; grid-row: 1; }
.footer-statement p { grid-column: 2; grid-row: 1; margin: 0; font-family: var(--display); font-size: 1.7rem; line-height: 1.25; }
.footer-statement small { display: block; grid-column: 2; grid-row: 2; margin: 0; color: var(--quiet); }
.footer-grid nav { display: grid; align-content: start; gap: 11px; }
.footer-grid strong { margin-bottom: 6px; color: var(--quiet); font-size: 0.56rem; }
.footer-grid nav a { color: var(--muted); font-size: 0.8rem; }
.footer-grid nav a:hover { color: var(--gold-pale); }
.footer-status { display: grid; align-content: start; gap: 12px; }
.footer-status b { display: flex; align-items: center; gap: 12px; color: var(--gold-pale); font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.08em; }
.footer-status small { color: var(--quiet); font-size: 0.65rem; }
.footer-base { display: flex; justify-content: space-between; gap: 20px; padding: 22px 0 34px; border-top: 1px solid var(--line); color: var(--quiet); font-size: 0.5rem; }
.inner-main {padding-top: 88px;}
.inner-page .site-header,.product-page .site-header,.knowledge-page .site-header,.legal-page .site-header {position: absolute;}
.page-hero {display: grid;align-content: end;min-height: min(760px, 88svh);padding: 160px max(36px, calc((100vw - 1480px) / 2)) 90px;border-bottom: 1px solid var(--line);background:
linear-gradient(0deg, var(--bg), transparent 45%),radial-gradient(circle at 75% 25%, rgba(53, 124, 167, 0.12), transparent 28rem),radial-gradient(circle at 22% 58%, rgba(218, 155, 42, 0.1), transparent 32rem);}
.page-hero h1 {max-width: 1050px;margin-top: 20px;font-family: var(--display);font-weight: 400;letter-spacing: -0.055em;line-height: var(--jf-type-page-title-line-height);}
.page-hero > p:last-child,.page-hero > p:nth-last-child(2) {max-width: 760px;margin-top: 34px;color: var(--muted);font-size: 1.06rem;}
.all-products-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px;}
.all-products-grid .product-card-visual { height: 290px; }
.all-products-grid .product-card-body > p:not(.coordinate) { min-height: 54px; }
.release-hero dl { display: flex; gap: 60px; margin-top: 48px; }
.release-hero dl div { display: grid; gap: 4px; }
.release-hero dt { color: var(--quiet); font-family: var(--mono); font-size: 0.52rem; letter-spacing: 0.1em; }
.release-hero dd { color: var(--gold-pale); font-family: var(--display); font-size: 2.1rem; }
.fact-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 70px; background: var(--line); }
.fact-notes article { padding: 40px; background: var(--panel-solid); }
.fact-notes h2 { font-family: var(--display); font-size: 2rem; font-weight: 400; }
.fact-notes p { margin-top: 13px; color: var(--muted); }
.registry-link { margin-top: 30px; color: var(--quiet); font-family: var(--mono); font-size: 0.65rem; }
.registry-link a { color: var(--gold-pale); }
.product-main { --product-type-title: var(--jf-type-product-title-regular); --product-type-title-line-height: var(--jf-type-product-title-line-height); --product-type-section: var(--jf-type-story-regular); --product-type-section-line-height: var(--jf-type-story-line-height); --product-type-body: var(--jf-type-body-regular); --product-type-body-line-height: var(--jf-type-body-line-height); --product-type-meta: var(--jf-type-coordinate-regular); --product-type-meta-line-height: var(--jf-type-coordinate-line-height); --product-type-action: var(--jf-type-control-regular); --product-type-action-line-height: var(--jf-type-control-line-height); --product-space-shell-inline: var(--jf-space-content); --product-space-section-block: var(--jf-space-section); --product-space-panel-inset: var(--jf-space-panel); --product-space-scene-gap: var(--jf-space-scene); --product-space-control-gap: var(--jf-space-control); --product-radius-scene: var(--jf-radius-scene); --product-radius-panel: var(--jf-radius-panel); --product-radius-card: var(--jf-radius-card); --product-radius-control: var(--jf-radius-control); --product-stroke-boundary: var(--jf-stroke-hairline); --product-stroke-focus: var(--jf-stroke-focus); --product-elevation-scene: var(--jf-elevation-raised); --product-elevation-dock: var(--jf-elevation-overlay); --type-product-title: var(--product-type-title); --type-story: var(--product-type-section); padding-top: calc(var(--product-space-scene-gap) + var(--product-space-shell-inline)); }
.product-main .breadcrumbs { font-size: var(--product-type-meta); line-height: var(--product-type-meta-line-height); }
.product-main .button { font-size: var(--product-type-action); line-height: var(--product-type-action-line-height); }
.product-hero { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(420px, 0.78fr); gap: clamp(calc(var(--product-space-panel-inset) + var(--jf-space-compact)), 7vw, calc(var(--product-space-scene-gap) + var(--product-space-panel-inset) + var(--product-space-control-gap))); align-items: center; width: var(--page); min-height: min(920px, calc(100svh - 20px)); margin: 0 auto; padding-block: calc(var(--product-space-scene-gap) + var(--jf-space-body)); }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 50px; color: var(--quiet); font-size: 0.64rem; }
.breadcrumbs a:hover { color: var(--gold-pale); }
.product-title-lockup { display: flex; align-items: center; gap: var(--product-space-shell-inline); margin-top: var(--product-space-shell-inline); }
.product-title-lockup > img { width: 112px; height: 112px; border: var(--product-stroke-boundary) solid rgba(255, 255, 255, 0.16); border-radius: var(--product-radius-panel); object-fit: cover; box-shadow: var(--product-elevation-scene); }
.product-title-lockup h1 { margin-top: 11px; font-family: var(--display); font-weight: 400; letter-spacing: -0.055em; line-height: var(--product-type-title-line-height); }
.product-positioning { max-width: 720px; margin-top: var(--product-space-panel-inset); color: var(--gold-pale); font-family: var(--display); font-size: clamp(1.45rem, 2.05vw, 2.1rem); line-height: 1.28; }
.product-summary { max-width: 680px; margin-top: var(--product-space-shell-inline); color: var(--muted); font-size: var(--product-type-body); line-height: var(--product-type-body-line-height); }
.availability-note { margin-top: 16px; color: var(--quiet); font-size: 0.72rem; }
.product-hero-visual { position: relative; min-height: 0; overflow: hidden; aspect-ratio: 1 / 1.05; border: var(--product-stroke-boundary) solid var(--line); border-radius: var(--product-radius-scene); background: radial-gradient(circle at center, rgba(218, 158, 45, 0.12), transparent 55%), #070a0f; box-shadow: var(--product-elevation-scene); }
.product-hero-visual::before { position: absolute; z-index: 2; inset: 0; background: linear-gradient(180deg, transparent 62%, rgba(3, 5, 8, 0.88)); content: ""; pointer-events: none; }
.product-hero-visual > img { width: 100%; height: 100%; padding: var(--product-space-panel-inset); object-fit: contain; object-position: center; }
.product-main[data-hero-layout="wide"] .product-hero-visual { aspect-ratio: 16 / 10; }
.product-hero-visual > i { position: absolute; z-index: 3; right: var(--product-space-panel-inset); bottom: var(--product-space-panel-inset); width: 130px; height: var(--product-stroke-boundary); background: linear-gradient(90deg, var(--gold), transparent); }
.visual-coordinate { position: absolute; z-index: 4; top: var(--product-space-shell-inline); right: var(--product-space-shell-inline); left: var(--product-space-shell-inline); display: flex; justify-content: space-between; gap: var(--product-space-control-gap); color: var(--quiet); font-family: var(--mono); font-size: var(--product-type-meta); line-height: var(--product-type-meta-line-height); letter-spacing: 0.08em; }
.visual-coordinate b { color: var(--gold-pale); }
.product-fact-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); border-top: var(--product-stroke-boundary) solid var(--line); border-left: var(--product-stroke-boundary) solid var(--line); }
.product-fact-strip div { min-height: 116px; padding: var(--product-space-shell-inline); border-right: var(--product-stroke-boundary) solid var(--line); border-bottom: var(--product-stroke-boundary) solid var(--line); }
.product-fact-strip dt { color: var(--quiet); font-family: var(--mono); font-size: var(--product-type-meta); line-height: var(--product-type-meta-line-height); letter-spacing: 0.09em; }
.product-fact-strip dd { margin-top: 10px; color: var(--gold-pale); font-size: 0.88rem; }
.domain-journey-dock { height: 84px; margin-top: 14px; }
.domain-journey { --journey-top: 12px; --passage-route: none; --passage-border-style: solid; --passage-rotation: 0deg; --passage-route-rotation: 0deg; z-index: 45; display: grid; grid-template-columns: minmax(190px, 1.65fr) repeat(var(--journey-step-count), minmax(78px, 1fr)); gap: 1px; width: 100%; padding: 5px; border: 1px solid rgba(var(--domain-accent-rgb), 0.2); border-radius: 15px; background: rgba(4, 7, 11, 0.96); box-shadow: 0 16px 50px rgba(0, 0, 0, 0.24); font-family: var(--mono); }
.domain-journey.is-docked { position: fixed; top: var(--journey-top); left: 50%; width: var(--page); transform: translateX(-50%); }
.domain-journey-origin { position: relative; display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 10px; align-items: center; min-width: 0; min-height: 58px; overflow: hidden; padding: 7px 10px 7px 7px; border-radius: 10px; background: var(--passage-surface, none), radial-gradient(circle at var(--domain-field-origin), rgba(var(--domain-accent-rgb), 0.1), transparent 76%); }
.domain-journey-origin::after { position: absolute; inset: 7px; transform: rotate(calc(var(--domain-flow-rotation) + var(--passage-rotation, 0deg) + var(--passage-route-rotation, 0deg))) scale(var(--domain-depth-scale)); transform-origin: var(--domain-field-origin); border: 1px var(--passage-border-style, solid) rgba(var(--domain-accent-rgb), 0.14); border-radius: var(--passage-route-radius, var(--passage-radius, 8px)); background: var(--passage-route, none), var(--passage-geometry, none); color: rgb(var(--domain-accent-rgb)); opacity: 0.38; content: ""; pointer-events: none; }
.domain-journey-origin > * { position: relative; z-index: 1; }
.domain-journey-origin .product-domain-mark { width: 36px; }
.domain-journey-origin > span:last-child { display: grid; min-width: 0; }
.domain-journey small { color: var(--quiet); font-size: 0.4rem; letter-spacing: 0.075em; }
.domain-journey-origin strong { margin-top: 4px; overflow: hidden; color: rgb(var(--domain-accent-rgb)); font-size: 0.47rem; font-weight: 500; letter-spacing: 0.06em; text-overflow: ellipsis; white-space: nowrap; }
.domain-journey > a { position: relative; display: grid; align-content: center; min-width: 0; min-height: 58px; padding: 8px 10px; overflow: hidden; border: 1px solid transparent; border-radius: 10px; transition: border-color var(--motion-domain-control) var(--ease-domain-control), background var(--motion-domain-control) var(--ease-domain-control); }
.domain-journey > a::after { position: absolute; right: 10px; bottom: 7px; left: 10px; height: 1px; transform: scaleX(0); transform-origin: left; background: rgb(var(--domain-accent-rgb)); content: ""; transition: transform var(--motion-domain-control) var(--ease-domain-control); }
.domain-journey > a b { margin-top: 4px; overflow: hidden; color: var(--muted); font-size: 0.45rem; font-weight: 500; letter-spacing: 0.045em; text-overflow: ellipsis; white-space: nowrap; }
.domain-journey > a[aria-current="location"] { border-color: rgba(var(--domain-accent-rgb), 0.28); background: rgba(var(--domain-accent-rgb), 0.055); }
.domain-journey > a[aria-current="location"]::after { transform: scaleX(1); }
.domain-journey > a[aria-current="location"] b { color: rgb(var(--domain-accent-rgb)); }
.domain-journey > a:focus-visible { z-index: 2; outline: 2px solid rgb(var(--domain-accent-rgb)); outline-offset: 1px; }
[data-domain-journey-section] { scroll-margin-top: 170px; }
.product-story { display: grid; grid-template-columns: 0.45fr 1.3fr; gap: calc(var(--product-space-scene-gap) - var(--product-space-control-gap)); padding-block: clamp(calc(var(--product-space-section-block) + var(--product-space-control-gap)), 13vw, calc(var(--product-space-section-block) * 2)); border-bottom: var(--product-stroke-boundary) solid var(--line); }
.product-story h2 { max-width: 930px; font-family: var(--display); font-weight: 400; letter-spacing: -0.05em; line-height: var(--product-type-section-line-height); }
.product-story div > p { max-width: 720px; margin-top: var(--product-space-panel-inset); color: var(--muted); font-size: var(--product-type-body); line-height: var(--product-type-body-line-height); }
.product-features,.product-gallery { padding-block: clamp(var(--product-space-section-block), 11vw, calc(var(--product-space-section-block) + var(--product-space-scene-gap))); }
.product-features ol { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0; border-top: var(--product-stroke-boundary) solid var(--line); border-left: var(--product-stroke-boundary) solid var(--line); list-style: none; }
.product-features li { min-height: 230px; padding: var(--product-space-panel-inset); border-right: var(--product-stroke-boundary) solid var(--line); border-bottom: var(--product-stroke-boundary) solid var(--line); }
.product-features li span { color: var(--gold); font-family: var(--mono); font-size: 0.58rem; }
.product-features li p { margin-top: var(--product-space-scene-gap); color: #d5dbe4; font-family: var(--display); font-size: 1.35rem; line-height: 1.35; }
.product-gallery { border-top: var(--product-stroke-boundary) solid var(--line); }
.screenshot-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 18px; align-items: start; }
.screenshot { grid-column: span 6; overflow: hidden; border: var(--product-stroke-boundary) solid var(--line); border-radius: var(--product-radius-panel); background: var(--panel-solid); }
.screenshot-hide-status-time {position:relative;}
.screenshot-hide-status-time::after {content:"";position:absolute;z-index:2;top:.95%;left:8.25%;width:18.5%;height:2.15%;background:#15181d;pointer-events:none;}
.screenshot-layout-wide { grid-column: span 12; }
.screenshot img { width: 100%; height: auto; object-fit: contain; object-position: top; background: #070a0d; }
.screenshot-portrait img { max-height: 760px; }
.screenshot figcaption { padding: var(--product-space-shell-inline); border-top: var(--product-stroke-boundary) solid var(--line); color: var(--muted); font-size: var(--product-type-action); line-height: var(--product-type-action-line-height); }
.product-placeholder { display: grid; place-items: center; min-height: 520px; overflow: hidden; border: var(--product-stroke-boundary) solid var(--line); border-radius: var(--product-radius-panel); background: linear-gradient(rgba(3, 5, 8, 0.62), rgba(3, 5, 8, 0.84)), var(--world-image) center / cover; text-align: center; }
.product-placeholder span { font-family: var(--display); font-size: 4rem; }
.product-placeholder small { color: var(--quiet); font-family: var(--mono); letter-spacing: 0.1em; }
.product-boundary,.product-availability { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(calc(var(--product-space-scene-gap) - var(--product-space-control-gap)), 8vw, calc(var(--product-space-section-block) + var(--product-space-shell-inline))); padding-block: clamp(calc(var(--product-space-section-block) - var(--jf-space-compact)), 10vw, calc(var(--product-space-section-block) + var(--jf-space-cluster))); border-top: var(--product-stroke-boundary) solid var(--line); }
.product-boundary h2,.product-availability h2 { margin-top: var(--product-space-shell-inline); font-family: var(--display); font-weight: 400; letter-spacing: -0.04em; line-height: var(--product-type-section-line-height); }
.product-boundary > div:last-child > p { color: var(--muted); font-size: var(--product-type-body); line-height: var(--product-type-body-line-height); }
.product-boundary ul { display: grid; gap: 10px; margin-top: 30px; padding: 0; list-style: none; }
.product-boundary li::before { margin-right: 12px; color: var(--gold); content: "◇"; }
.product-availability > div:last-child > dl { display: grid; gap: 14px; margin-top: 34px; }
.product-availability dl div { display: grid; grid-template-columns: 150px 1fr; padding-top: var(--product-space-control-gap); border-top: var(--product-stroke-boundary) solid var(--line); }
.product-availability dt { color: var(--quiet); font-family: var(--mono); font-size: var(--product-type-meta); line-height: var(--product-type-meta-line-height); letter-spacing: 0.08em; }
.product-availability dd { color: #ccd3dc; font-size: var(--product-type-action); line-height: var(--product-type-action-line-height); }
.product-links { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: calc(var(--product-space-scene-gap) + var(--jf-space-body)); border-top: var(--product-stroke-boundary) solid var(--line); border-left: var(--product-stroke-boundary) solid var(--line); }
.product-links a { display: grid; min-height: 150px; padding: var(--product-space-shell-inline); border-right: var(--product-stroke-boundary) solid var(--line); border-bottom: var(--product-stroke-boundary) solid var(--line); }
.product-links span { color: var(--quiet); font-family: var(--mono); font-size: var(--product-type-meta); line-height: var(--product-type-meta-line-height); letter-spacing: 0.1em; }
.product-links b { align-self: end; color: var(--gold-pale); font-size: var(--product-type-action); line-height: var(--product-type-action-line-height); }
.product-links a:hover { background: rgba(255, 255, 255, 0.025); }
.weathermelody-product-hero {isolation:isolate;background:radial-gradient(circle at 50% 32%,rgba(235,183,78,.14),transparent 42%),#05070b;}
.weathermelody-product-composition {position:absolute;z-index:3;inset:0;overflow:hidden;}
.weathermelody-product-composition > span {position:absolute;display:block;width:24%;aspect-ratio:1320/2868;overflow:hidden;border:1px solid rgba(235,226,201,.34);border-radius:11%/5.4%;box-shadow:0 30px 72px rgba(0,0,0,.7);}
.weathermelody-product-composition img,.weathermelody-view-grid figure > img {display:block;width:100%;height:100%;object-fit:cover;object-position:top center;}
[data-weather-product-view="0"] {z-index:6;top:4%;left:50%;width:31%!important;transform:translateX(-50%);}
[data-weather-product-view="1"] {z-index:4;top:18%;left:11%;transform:rotate(-5deg);}
[data-weather-product-view="2"] {z-index:4;top:18%;right:11%;transform:rotate(5deg);}
.weathermelody-view-gallery {padding-block: clamp(var(--product-space-section-block), 11vw, calc(var(--product-space-section-block) + var(--product-space-scene-gap)));border-top: var(--product-stroke-boundary) solid var(--line);}
.weathermelody-view-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--product-space-shell-inline);}
.weathermelody-view-grid figure {display: grid;min-width: 0;margin: 0;padding: clamp(18px, 3vw, 28px);overflow: hidden;border: var(--product-stroke-boundary) solid var(--line);border-radius: var(--product-radius-panel);background: radial-gradient(circle at 50% 22%, rgba(235, 183, 78, 0.09), transparent 42%), #070a0f;}
.weathermelody-view-grid figure > img {width:min(68%,205px);height:auto;aspect-ratio:1320/2868;margin-inline:auto;overflow:hidden;border:1px solid rgba(235,226,201,.34);border-radius:11%/5.4%;}
.weathermelody-view-grid figcaption {display: grid;gap: 8px;margin-top: var(--product-space-shell-inline);padding-top: var(--product-space-shell-inline);border-top: var(--product-stroke-boundary) solid var(--line);}
.weathermelody-view-grid figcaption b {color: var(--gold-pale);font-size: 1rem;}
.weathermelody-view-grid figcaption small {color: var(--muted);font-size: 0.72rem;line-height: 1.5;}
.knowledge-hero { background: radial-gradient(circle at 70% 24%, rgba(55, 130, 169, 0.14), transparent 31rem), linear-gradient(0deg, var(--bg), transparent 44%); }
.knowledge-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.knowledge-grid article { min-height: 360px; padding: clamp(30px, 4vw, 60px); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.knowledge-grid h2 { margin-top: 28px; font-family: var(--display); font-size: clamp(2.1rem, 3.2vw, 3.2rem); font-weight: 400; }
.knowledge-grid article > p:not(.coordinate) { max-width: 600px; margin-top: 16px; color: var(--muted); }
.knowledge-grid nav { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 34px; }
.knowledge-grid nav a { padding: 9px 11px; border: 1px solid var(--line); border-radius: 999px; color: var(--quiet); font-family: var(--mono); font-size: 0.64rem; letter-spacing: 0.07em; }
.knowledge-grid nav a:hover { border-color: var(--line-bright); color: var(--gold-pale); }
.machine-principles { display: grid; grid-template-columns: 0.8fr 1.2fr auto; gap: 60px; align-items: start; padding: 55px; margin-bottom: 110px; border: 1px solid var(--line); background: rgba(10, 14, 20, 0.72); }
.machine-principles h2 { font-family: var(--display); font-size: 2.4rem; font-weight: 400; }
.machine-principles ul { display: grid; gap: 9px; padding-left: 18px; color: var(--muted); }
.machine-principles a { color: var(--gold-pale); font-size: 0.8rem; white-space: nowrap; }
.knowledge-doc-main { display: grid; grid-template-columns: 300px minmax(0, 1fr); width: var(--page); margin: 0 auto; padding-top: 150px; }
.knowledge-rail { position: sticky; top: 50px; align-self: start; min-height: calc(100svh - 80px); padding: 24px 34px 60px 0; border-right: 1px solid var(--line); }
.knowledge-back,.knowledge-rail > p,.knowledge-rail nav a,.raw-link { font-family: var(--mono); font-size: 0.64rem; letter-spacing: 0.08em; }
.knowledge-back { color: var(--gold-pale); }
.knowledge-rail > p { margin-top: 62px; color: var(--quiet); }
.knowledge-project-name { display: block; margin-top: 12px; font-family: var(--display); font-size: 2.1rem; font-weight: 400; line-height: 1; }
.knowledge-rail nav { display: grid; margin-top: 40px; }
.knowledge-rail nav a { padding: 13px 0; border-top: 1px solid var(--line); color: var(--quiet); }
.knowledge-rail nav a:last-child { border-bottom: 1px solid var(--line); }
.knowledge-rail nav a[aria-current="page"] { color: var(--gold-pale); }
.raw-link { display: inline-block; margin-top: 30px; color: var(--blue); }
.knowledge-document { min-width: 0; max-width: 980px; padding: 10px 0 120px clamp(42px, 7vw, 110px); }
.knowledge-document > header { padding-bottom: 54px; border-bottom: 1px solid var(--line-bright); }
.knowledge-document > header h1 { margin-top: 20px; font-family: var(--display); font-size: clamp(2.8rem, 4.7vw, 4.8rem); font-weight: 400; letter-spacing: -0.045em; line-height: 0.94; }
.knowledge-document > header > div { display: flex; flex-wrap: wrap; gap: 18px 32px; margin-top: 34px; color: var(--quiet); font-family: var(--mono); font-size: 0.53rem; letter-spacing: 0.07em; }
.markdown-body { padding-top: 50px; color: #c7d0dc; }
.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5 { color: var(--ink); font-family: var(--display); font-weight: 400; line-height: 1.15; }
.markdown-body h2 { margin: 70px 0 22px; font-size: 2.8rem; }
.markdown-body h3 { margin: 48px 0 18px; font-size: 2rem; }
.markdown-body p { max-width: 780px; margin-top: 18px; }
.markdown-body ul,.markdown-body ol { display: grid; gap: 10px; max-width: 780px; margin-top: 20px; padding-left: 22px; }
.markdown-body li::marker { color: var(--gold); }
.markdown-body code { padding: 2px 5px; border: 1px solid var(--line); border-radius: 4px; background: rgba(255, 255, 255, 0.035); color: var(--gold-pale); font-family: var(--mono); font-size: 0.85em; }
.markdown-body pre { max-width: 100%; overflow-x: auto; padding: 20px; border: 1px solid var(--line); border-radius: 10px; background: #06090d; }
.markdown-body pre code { padding: 0; border: 0; background: transparent; }
.knowledge-facts { display: grid; margin-top: 26px; border-top: 1px solid var(--line); }
.knowledge-facts div { display: grid; grid-template-columns: 190px 1fr; gap: 26px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.knowledge-facts dt { color: var(--quiet); font-family: var(--mono); font-size: 0.57rem; letter-spacing: 0.08em; text-transform: uppercase; }
.knowledge-facts dd { color: #d4dae2; }
.knowledge-document > footer { display: flex; justify-content: space-between; gap: 30px; margin-top: 80px; padding-top: 25px; border-top: 1px solid var(--line); color: var(--quiet); font-size: 0.72rem; }
.knowledge-document > footer a { color: var(--gold-pale); white-space: nowrap; }
.legal-content { display: grid; grid-template-columns: minmax(220px, 0.5fr) minmax(0, 1fr); gap: 90px; padding-block: 100px 140px; }
.legal-intro { color: var(--muted); }
.legal-intro p + p { margin-top: 20px; color: var(--quiet); font-family: var(--mono); font-size: 0.58rem; }
.legal-note h2,.legal-products h2,.product-legal-content h2 { margin-top: 38px; font-family: var(--display); font-size: 2.4rem; font-weight: 400; }
.legal-note h2:first-child { margin-top: 0; }
.legal-note p,.legal-note ol,.product-legal-content p,.product-legal-content ol,.product-legal-content ul { margin-top: 16px; color: var(--muted); }
.product-legal-content ol,.product-legal-content ul { display: grid; gap: 10px; padding-left: 22px; }
.product-legal-content a { color: var(--gold-pale); text-decoration: underline; text-decoration-color: rgba(232, 184, 84, 0.35); text-underline-offset: 0.2em; }
.product-legal-content p strong { color: #e2e7ed; }
.legal-products { grid-column: 2; margin-top: 40px; }
.legal-products > a { display: flex; justify-content: space-between; gap: 25px; padding: 18px 0; border-top: 1px solid var(--line); }
.legal-products > a:last-child { border-bottom: 1px solid var(--line); }
.legal-products b { color: var(--gold-pale); font-family: var(--mono); font-size: 0.55rem; letter-spacing: 0.08em; }
.product-legal-content { max-width: 980px; padding-block: 90px 140px; }
.product-legal-content > h2:first-child { margin-top: 0; }
.product-legal-content dl { display: grid; margin-top: 24px; border-top: 1px solid var(--line); }
.product-legal-content dl div { display: grid; grid-template-columns: 180px 1fr; padding: 14px 0; border-bottom: 1px solid var(--line); }
.product-legal-content dt { color: var(--quiet); font-family: var(--mono); font-size: 0.56rem; letter-spacing: 0.08em; }
.product-legal-content dd { color: #d0d7e0; }
.notice { margin-top: 42px; padding: 26px; border: 1px solid var(--line-bright); background: rgba(218, 162, 52, 0.045); }
.notice strong { color: var(--gold-pale); }
.notice ul { margin-top: 14px; }
.notice-todo { border-color: rgba(121, 184, 221, 0.3); background: rgba(121, 184, 221, 0.045); }
.notice-todo strong,.todo-copy strong { color: #a7cce3; }
.todo-copy { padding-left: 16px; border-left: 2px solid rgba(121, 184, 221, 0.4); color: #adc3d4 !important; }
.privacy-record dd { line-height: 1.55; }
.product-legal-content footer { display: flex; justify-content: space-between; gap: 20px; margin-top: 70px; padding-top: 24px; border-top: 1px solid var(--line); }
.product-legal-content footer a { color: var(--gold-pale); }
.not-found { display: grid; place-items: center; align-content: center; min-height: 100svh; padding: 120px 30px 60px; text-align: center; }
.lost-orbit { position: relative; display: grid; place-items: center; width: 230px; aspect-ratio: 1; margin-bottom: 48px; border: 1px solid var(--line); border-radius: 50%; }
.lost-orbit::before,.lost-orbit::after { position: absolute; border: 1px dashed rgba(121, 184, 221, 0.15); border-radius: 50%; content: ""; }
.lost-orbit::before { inset: -28px; }
.lost-orbit::after { inset: 38px; }
.lost-orbit span { color: var(--gold); font-family: var(--display); font-size: 4rem; }
.not-found h1 { margin-top: 20px; font-family: var(--display); font-size: clamp(2.5rem, 5.4vw, 4.6rem); font-weight: 400; }
.not-found > p:not(.coordinate) { margin-top: 16px; color: var(--muted); }
.reveal-ready [data-reveal] {opacity: 0;transform: translateY(24px);transition: opacity 600ms ease, transform 600ms cubic-bezier(0.2, 0.8, 0.2, 1);}
.reveal-ready [data-reveal].is-visible {opacity: 1;transform: none;}
@media (max-width: 1180px) {:root { --page: min(100% - 48px, 1120px); }
.site-header { grid-template-columns: 1fr auto auto; }
.header-signal { display: none; }
.hero { grid-template-columns: minmax(0, 1fr); padding-inline: 32px; }
.section-heading { grid-template-columns: 170px 1fr; }
.section-copy { grid-column: 2; max-width: 720px; }
.featured-grid { grid-template-columns: minmax(0, 1.6fr) repeat(2, minmax(0, 1fr)); }
.product-card-featured { grid-column: auto; }
.product-card-featured .product-card-visual { height: 430px; }
.product-card.product-card-showcase:not(.product-card-featured) .product-card-visual { height: 390px; }
.product-card[data-product-card="weathermelody"] .product-card-visual { height: 390px; }
.all-products-grid { grid-template-columns: repeat(2, 1fr); }
.product-hero { grid-template-columns: minmax(0, 1fr) minmax(380px, 0.8fr); }
.release-row { grid-template-columns: minmax(280px, 1.35fr) minmax(130px, 0.7fr) 90px minmax(140px, 0.7fr) minmax(180px, 0.85fr); gap: 14px; }
}
@media (max-width: 920px) {:root { --page: calc(100% - 36px); }
.featured-grid { grid-template-columns: 1fr; }
.site-header { width: calc(100% - 36px); }
.site-nav { position: fixed; z-index: 120; top: 0; right: 0; display: grid; align-content: center; width: min(84vw, 420px); height: 100svh; padding: 100px 36px 60px; transform: translateX(10px); border-left: 1px solid var(--line); background: rgba(6, 9, 14, 0.98); box-shadow: -30px 0 80px rgba(0, 0, 0, 0.35); visibility: hidden; opacity: 0; pointer-events: none; transition: opacity var(--motion-domain-control) var(--ease-domain-control), transform var(--motion-domain-control) var(--ease-domain-control), visibility 0s linear var(--motion-domain-control); }
.site-nav a { display: flex; align-items: center; min-height: 62px; border-top: 1px solid var(--line); font-size: 0.75rem; }
.site-nav a:last-child { border-bottom: 1px solid var(--line); }
.site-nav.is-open { transform: none; visibility: visible; opacity: 1; pointer-events: auto; transition-delay: 0s; }
.nav-toggle { position: relative; z-index: 130; display: flex; }
.nav-toggle[aria-expanded="true"] i { transform: rotate(45deg); }
.nav-toggle[aria-expanded="true"] i::before { transform: rotate(90deg); }
.hero { grid-template-columns: 1fr; min-height: auto; padding: 108px 18px 95px; }
.hero::before { background: radial-gradient(circle at 50% 22%, rgba(202, 144, 39, 0.08), transparent 46%), linear-gradient(0deg, var(--bg), transparent 34%); }
.hero-copy { grid-row: 2; align-self: start; margin-top: 56px; padding: 0; }
.hero-scroll { display: none; }
.mission-band { grid-template-columns: 120px 1fr; }
.mission-band blockquote { grid-column: 2; }
.section-heading { grid-template-columns: 1fr; }
.section-copy { grid-column: 1; }
.world-archive-card-copy { padding-inline: 14px; }
.world-panel:not([hidden]) { grid-template-columns: minmax(130px, 0.55fr) minmax(240px, 1.35fr); }
.world-products { grid-column: 1 / -1; }
.world-product-track { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.world-product-row > a,.world-product-empty { min-height: 62px; padding: 10px 12px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 10px; }
.area-grid { grid-template-columns: 1fr; }
.method-line { grid-template-columns: repeat(2, 1fr); }
.method-line article:nth-child(3),.method-line article:nth-child(5) { border-left: 1px solid var(--line); }
.release-table { overflow-x: auto; }
.release-row { min-width: 1080px; }
.release-policy { grid-template-columns: 1fr; }
.footer-grid { grid-template-columns: 1fr 1fr; }
.product-hero { grid-template-columns: 1fr; min-height: auto; padding: calc(var(--product-space-section-block) + var(--jf-space-cluster)) 0 calc(var(--product-space-scene-gap) + var(--jf-space-compact)); }
.product-hero-visual { min-height: 600px; }
.product-main[data-hero-layout="wide"] .product-hero-visual { min-height: 0; }
.product-fact-strip { grid-template-columns: repeat(2, 1fr); }
.product-story { grid-template-columns: 1fr; }
.product-features ol { grid-template-columns: repeat(2, 1fr); }
.screenshot-layout-wide,.screenshot { grid-column: span 6; }
.product-boundary,.product-availability { grid-template-columns: 1fr; }
.weathermelody-view-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.knowledge-doc-main { grid-template-columns: 230px minmax(0, 1fr); }
.knowledge-document { padding-left: 40px; }
.legal-content { grid-template-columns: 1fr; gap: 50px; }
.legal-products { grid-column: 1; }
.apple-native-copy { grid-template-columns: 1fr; }
.apple-native h2,.apple-native-copy > p:not(.eyebrow) { grid-column: 1; }
.apple-native-copy > p:not(.eyebrow) { max-width: 680px; margin-top: 20px; }
}
@media (min-width: 641px) and (max-width: 920px) {.home-page .area-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {:root { --page: calc(100% - 28px); }
html { scroll-padding-top: 76px; }
.site-header { width: calc(100% - 28px); height: 72px; }
.brand img { width: 32px; height: 32px; }
.brand strong { font-size: 0.7rem; }
.brand small { font-size: 0.49rem; }
.nav-toggle span { display: none; }
.hero { display: grid; padding: 92px 14px 72px; }
.hero-copy { margin-top: 38px; padding-top: 0; }
.hero-system { gap: 10px; margin-bottom: 25px; font-size: 0.53rem; }
.hero-system i { flex-basis: 30px; }
.hero h1 { line-height: 0.86; }
.hero-copy > p:not(.hero-system) { margin-top: 26px; font-size: 0.92rem; }
.hero-actions,.product-actions { display: grid; }
.hero-actions .button,.product-actions .button { width: 100%; }
.hero-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 44px; }
.hero-facts dt { font-size: 0.45rem; }
.hero-facts dd { font-size: 0.52rem; }
.mission-band { grid-template-columns: 1fr; gap: 34px; padding-block: 90px; }
.mission-band blockquote { grid-column: 1; }
.observatory,.product-areas,.featured,.method,.release-index,.products-directory,.knowledge-directory { padding-block: 90px; }
.apple-native { padding-block: 64px; }
.apple-native ul { grid-template-columns: 1fr; margin-top: 28px; }
.apple-native li,.apple-native li:first-child,.apple-native li:last-child { min-height: 52px; padding: 13px 0; border-right: 0; border-bottom: 1px solid var(--line); }
.apple-native li:last-child { border-bottom: 0; }
.section-heading { margin-bottom: 42px; }
.world-archive { border-radius: 18px; }
.world-archive-tablist { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(210px, 78vw); overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.world-archive-tablist::-webkit-scrollbar { display: none; }
.world-archive-card { scroll-snap-align: start; }
.world-archive-image { aspect-ratio: 16 / 10; }
.world-archive-card-copy { min-height: 78px; padding: 14px 16px 12px; }
.world-archive-details { min-height: 420px; padding: 22px 18px 26px; }
.world-archive-label { margin-bottom: 22px; line-height: 1.5; }
.world-panel:not([hidden]) { grid-template-columns: 1fr; gap: 24px; }
.world-products { grid-column: auto; }
.world-panel .coordinate { max-width: 100%; margin-top: 0; font-size: 0.52rem; }
.world-panel h3 { margin-top: 7px; font-size: 2.4rem; }
.world-copy { grid-template-columns: 1fr; gap: 16px; }
.world-copy p,.world-copy p:first-child { font-family: var(--sans); font-size: 0.78rem; line-height: 1.42; }
.world-copy p:first-child { color: var(--gold-pale); }
.world-copy span { font-size: 0.44rem; }
.world-products > p { margin-bottom: 7px; }
.world-product-track { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(205px, 78%); gap: 8px; padding: 1px 1px 7px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; scrollbar-width: thin; }
.world-product-row { scroll-snap-align: start; }
.world-product-row > a,.world-product-empty { min-height: 66px; padding: 11px 12px; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 10px; }
.world-product-name { font-size: 0.72rem; }
.world-product-positioning { font-size: 0.54rem; }
.world-product-status { max-width: 100px; font-size: 0.43rem; }
.area-card { min-height: 460px; padding: 30px 24px; }
.area-card h3 { margin-top: 48px; font-size: 3.4rem; }
.area-index { font-size: 7rem; }
.featured-grid { grid-template-columns: 1fr; }
.product-card-featured { grid-column: auto; }
.product-card-featured .product-card-visual,.product-card-visual,.product-card:not(.product-card-featured) .product-card-visual { height: 280px; }
.product-card-showcase.product-card-featured .product-card-visual { height: 300px; }
.product-card.product-card-showcase:not(.product-card-featured) .product-card-visual { height: 390px; }
.product-card-featured .showcase-device-landscape { top: 20%; width: 76%; }
.product-card-featured .showcase-device-secondary.showcase-device-portrait { top: 24%; width: 22%; }
.product-card[data-product-card="weathermelody"] .product-card-visual { height: 400px; }
.product-card[data-product-card="weathermelody"] .showcase-device-portrait:not(.showcase-device-secondary):not(.showcase-device-tertiary):not(.showcase-device-quaternary):not(.showcase-device-quinary) {top:37%;right:auto;left:0;width:min(22%,78px);}
.product-card[data-product-card="weathermelody"] .showcase-device-secondary.showcase-device-portrait {top:18%;right:auto;left:9%;width:min(29%,108px);}
.product-card[data-product-card="weathermelody"] .showcase-device-tertiary.showcase-device-portrait {top:3%;right:auto;left:50%;width:min(40%,150px);}
.product-card[data-product-card="weathermelody"] .showcase-device-quaternary.showcase-device-portrait {top:23%;right:8%;left:auto;width:min(28%,104px);}
.product-card[data-product-card="weathermelody"] .showcase-device-quinary.showcase-device-portrait {top:40%;right:0;left:auto;width:min(22%,78px);}
.product-card-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.product-card-meta div:last-child { grid-column: 1 / -1; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.product-card-meta div:last-child dd { text-align: left; }
.product-card-body > p:not(.coordinate) { min-height: auto; }
.product-card-actions { display: grid; }
.product-card-actions .button { width: 100%; }
.method-line { grid-template-columns: 1fr; }
.method-line article,.method-line article:nth-child(3),.method-line article:nth-child(5) { min-height: 260px; border-left: 1px solid var(--line); }
.method-line h3 { margin-top: 65px; }
.apple-native { padding-block: 64px; }
.release-policy { padding-inline: 4px; }
.footer-grid { grid-template-columns: 1fr; gap: 42px; padding-block: 55px; }
.footer-base { display: grid; }
.page-hero { min-height: 78svh; padding: 130px 14px 70px; }
.all-products-grid { grid-template-columns: 1fr; }
.all-products-grid .product-card-visual { height: 280px; }
.release-hero dl { gap: 24px; }
.release-hero dd { font-size: 1.45rem; }
.fact-notes { grid-template-columns: 1fr; }
.product-main { --product-type-title: var(--jf-type-product-title-compact); --product-type-section: var(--jf-type-story-compact); --product-type-body: var(--jf-type-body-compact); --product-type-meta: var(--jf-type-coordinate-compact); --product-type-action: var(--jf-type-control-compact); padding-top: calc(var(--product-space-scene-gap) + var(--jf-space-compact)); }
.product-hero { gap: calc(var(--product-space-scene-gap) - var(--jf-space-compact)); padding-top: var(--product-space-section-block); }
.breadcrumbs { margin-bottom: 36px; }
.product-title-lockup { align-items: flex-start; gap: 16px; }
.product-title-lockup > div { min-width: 0; }
.product-title-lockup > img { width: 76px; height: 76px; border-radius: var(--product-radius-card); }
.product-main[data-title-density="compact"] .product-title-lockup { display: grid; grid-template-columns: 68px minmax(0, 1fr); gap: 14px; }
.product-main[data-title-density="compact"] .product-title-lockup > img { width: 68px; height: 68px; border-radius: min(var(--product-radius-card), 17px); }
.product-main[data-title-density="compact"] .product-title-lockup h1 { font-size: min(var(--product-type-title), clamp(1.95rem, 9.8vw, 2.6rem)); letter-spacing: -0.06em; line-height: max(var(--product-type-title-line-height), 0.9); }
.product-positioning { font-size: 1.55rem; }
.product-hero-visual { width: 100%; min-width: 0; max-width: 100%; min-height: 0; aspect-ratio: 1 / 1.05; border-radius: var(--product-radius-panel); }
.product-hero-visual > img { height: 100%; padding: var(--product-space-shell-inline); }
.product-main[data-hero-layout="wide"] .product-hero-visual { min-height: 0; aspect-ratio: 16 / 10; }
.product-fact-strip { grid-template-columns: 1fr 1fr; }
.product-fact-strip .fact-wide { grid-column: 1 / -1; }
.product-fact-strip div { min-height: 100px; padding: var(--product-space-shell-inline); }
.product-story { padding-block: calc(var(--product-space-section-block) - var(--jf-space-body)); }
.product-features,.product-gallery { padding-block: calc(var(--product-space-section-block) - var(--jf-space-body)); }
.product-features ol { grid-template-columns: 1fr; }
.product-features li { min-height: 200px; }
.product-features li p { margin-top: 42px; }
.screenshot-grid { display: grid; grid-template-columns: 1fr; }
.screenshot-layout-wide,.screenshot { grid-column: 1; }
.product-placeholder { min-height: 400px; }
.product-placeholder span { font-size: 2.7rem; }
.product-boundary,.product-availability { padding-block: calc(var(--product-space-section-block) - var(--jf-space-body)); }
.product-availability dl div { grid-template-columns: 110px 1fr; }
.product-links { grid-template-columns: 1fr; }
.weathermelody-product-hero .visual-coordinate { font-size: 0.46rem; }
.weathermelody-view-grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(250px, 78%); gap: 12px; padding: 1px 1px 10px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; }
.weathermelody-view-grid figure { scroll-snap-align: start; }
.knowledge-grid { grid-template-columns: 1fr; }
.machine-principles { grid-template-columns: 1fr; gap: 30px; padding: 28px; }
.knowledge-doc-main { display: block; width: var(--page); padding-top: 108px; }
.knowledge-rail { position: static; min-height: auto; padding: 20px 0 34px; border-right: 0; border-bottom: 1px solid var(--line); }
.knowledge-rail > p,.knowledge-project-name { display: none; }
.knowledge-rail nav { display: flex; overflow-x: auto; margin-top: 25px; padding-bottom: 12px; scroll-snap-type: x proximity; scrollbar-color: var(--line-bright) transparent; scrollbar-width: thin; }
.knowledge-rail nav::-webkit-scrollbar { height: 4px; }
.knowledge-rail nav::-webkit-scrollbar-thumb { border-radius: 999px; background: var(--line-bright); }
.knowledge-rail nav a { flex: 0 0 auto; padding: 11px 14px; border: 1px solid var(--line); scroll-snap-align: start; }
.raw-link { margin-top: 18px; }
.knowledge-document { padding: 50px 0 90px; }
.knowledge-document > header h1 { font-size: 3.6rem; }
.knowledge-facts div { grid-template-columns: 1fr; gap: 7px; }
.knowledge-document > footer { display: grid; }
.legal-content { padding-block: 75px 110px; }
.legal-products > a { align-items: start; }
.product-legal-content dl div { grid-template-columns: 110px 1fr; }
.product-legal-content .compliance-record div { grid-template-columns: 1fr; gap: 8px; padding-block: 17px; }
.product-legal-content { padding-block: 72px 100px; }
.product-legal-content h2 { font-size: 2.15rem; line-height: 1.08; }
.product-legal-content footer { display: grid; }
}
.games-page,.game-page {--game-ice: #b9e8f2;--game-ice-soft: rgba(185, 232, 242, 0.14);--game-amber: #e9bd6a;--game-panel: rgba(7, 13, 20, 0.9);background:
radial-gradient(circle at 82% 12%, rgba(74, 142, 170, 0.15), transparent 34rem),radial-gradient(circle at 18% 45%, rgba(206, 145, 45, 0.07), transparent 32rem),var(--bg);}
.games-main,.game-main {position: relative;overflow: clip;isolation: isolate;}
.games-main::before,.game-main::before {position: fixed;z-index: -1;inset: 0;opacity: 0.48;background-image:
linear-gradient(rgba(185, 232, 242, 0.025) 1px, transparent 1px),linear-gradient(90deg, rgba(185, 232, 242, 0.025) 1px, transparent 1px);background-size: 80px 80px;content: "";pointer-events: none;}
.games-hero {position: relative;display: grid;align-items: end;min-height: min(980px, 100svh);overflow: hidden;padding: 160px max(36px, calc((100vw - 1480px) / 2)) 88px;border-bottom: 1px solid rgba(185, 232, 242, 0.14);isolation: isolate;}
.games-hero-art {position: absolute;z-index: -2;inset: 0;overflow: hidden;background: #04080d;}
.games-hero-art img {width: min(62vw, 760px);height: 100%;margin-left: auto;object-fit: cover;object-position: center 48%;filter: saturate(0.82) contrast(1.06) brightness(0.82);transform: scale(1.035) translate3d(calc(var(--px) * -4px), calc(var(--py) * -3px), 0);transition: transform 700ms cubic-bezier(0.2, 0.7, 0.2, 1), filter 500ms ease;}
.games-hero-art::before {position: absolute;z-index: 1;inset: 0;background:
linear-gradient(90deg, rgba(2, 5, 9, 0.98) 0%, rgba(2, 5, 9, 0.9) 32%, rgba(2, 5, 9, 0.42) 63%, rgba(2, 5, 9, 0.1) 100%),linear-gradient(0deg, rgba(2, 5, 9, 0.96) 0%, transparent 44%, rgba(2, 5, 9, 0.42) 100%);content: "";}
.games-hero-art::after {position: absolute;z-index: 2;inset: 0;opacity: 0.22;background-image:
linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);background-size: 96px 96px;mask-image: linear-gradient(90deg, black, transparent 72%);content: "";}
.games-hero-art > .game-signal,.game-hero > .game-signal {position: absolute;right: 7vw;bottom: 16%;width: min(34vw, 520px);aspect-ratio: 1;border: 1px solid rgba(var(--domain-accent-rgb), 0.22);border-radius: 50%;box-shadow: 0 0 0 34px rgba(var(--domain-accent-rgb), 0.025), 0 0 0 96px rgba(233, 189, 106, 0.025);pointer-events: none;}
.games-hero-art > .game-signal { z-index: 3; }
.game-hero > .game-signal { z-index: 0; }
.games-hero-copy {position: relative;z-index: 3;width: min(760px, 64vw);min-width: 0;}
.games-hero-index,.game-lockup small,.game-feature dl,.game-status-line,.game-fact-strip,.game-key-art figcaption,.games-lineage-section ol {font-family: var(--mono);letter-spacing: 0.1em;}
.games-hero h1 {display: grid;width: min-content;color: #f7f6f0;font-family: var(--sans);font-weight: 780;letter-spacing: -0.085em;line-height: var(--jf-type-games-hero-line-height);text-transform: uppercase;}
.games-hero h1 small {margin: 0 0 22px 0.04em;color: var(--game-amber);font-family: var(--mono);font-size: clamp(0.72rem, 1vw, 0.95rem);font-weight: 700;letter-spacing: 0.36em;line-height: 1;white-space: nowrap;}
.games-tagline {margin-top: 46px;color: var(--game-ice);font-family: var(--display);font-size: clamp(1.75rem, 2.75vw, 3rem);line-height: 1.1;}
.games-intro {max-width: 650px;margin-top: 24px;color: #c3ccd7;font-size: clamp(0.98rem, 1.25vw, 1.16rem);}
.games-hero-index {position: absolute;z-index: 4;right: max(36px, calc((100vw - 1480px) / 2));bottom: 92px;display: grid;justify-items: end;color: rgba(218, 230, 236, 0.58);font-size: 0.55rem;}
.games-hero-index b {margin-block: 5px;color: var(--game-amber);font-family: var(--display);font-size: 2.4rem;font-weight: 400;letter-spacing: 0;}
.games-positioning,.games-projects,.games-lineage-section,.game-story,.game-direction,.game-current {padding-block: clamp(100px, 12vw, 175px);}
.games-section-lead,.games-lineage-section,.game-story,.game-current {display: grid;grid-template-columns: minmax(250px, 0.54fr) minmax(0, 1fr);gap: clamp(50px, 8vw, 140px);align-items: start;}
.games-section-lead > div,.games-section-lead > p,.games-section-lead > h2 {min-width: 0;}
.games-section-lead h2,.games-section-head h2,.games-lineage-section h2,.game-story h2,.game-direction h2,.game-current h2 {font-family: var(--display);font-weight: 400;letter-spacing: -0.055em;line-height: 0.9;}
.games-section-lead > p:last-child,.games-section-head > p:last-child,.games-lineage-section > div > p:last-child,.game-story > div > p,.game-current > div:last-child > p {max-width: 690px;color: var(--muted);font-size: 1.02rem;}
.games-section-lead > p:last-child {grid-column: 2;margin-top: 28px;}
.games-pillars {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));margin-top: 78px;border-top: 1px solid rgba(185, 232, 242, 0.2);border-left: 1px solid rgba(185, 232, 242, 0.14);}
.games-pillars article {min-height: 280px;padding: 32px;border-right: 1px solid rgba(185, 232, 242, 0.14);border-bottom: 1px solid rgba(185, 232, 242, 0.14);background: linear-gradient(155deg, rgba(185, 232, 242, 0.045), transparent 55%);}
.games-pillars span,.game-direction article > span {color: var(--game-amber);font-family: var(--mono);font-size: 0.58rem;letter-spacing: 0.12em;}
.games-pillars h3,.game-direction h3 {margin-top: 82px;color: #edf3f4;font-family: var(--display);font-size: clamp(1.55rem, 2.2vw, 2.4rem);font-weight: 400;line-height: 1.05;}
.games-pillars p,.game-direction article p {margin-top: 16px;color: var(--quiet);font-size: 0.82rem;}
.games-projects {border-top: 1px solid var(--line);}
.games-section-head {display: grid;grid-template-columns: 0.46fr minmax(0, 1fr) minmax(260px, 0.62fr);gap: 40px;align-items: end;margin-bottom: 58px;}
.games-section-head .eyebrow {align-self: start;}
.game-feature {display: grid;grid-template-columns: minmax(0, 1.45fr) minmax(330px, 0.62fr);min-height: 620px;overflow: hidden;border: 1px solid rgba(185, 232, 242, 0.2);border-radius: 30px;background: var(--game-panel);box-shadow: 0 55px 130px rgba(0, 0, 0, 0.34);}
.game-feature-art {position: relative;height: clamp(620px, 54vw, 760px);min-width: 0;overflow: hidden;background:
radial-gradient(circle at 58% 42%, rgba(105, 179, 206, 0.13), transparent 48%),#050b12;}
.game-feature-art::after {position: absolute;inset: 0;background: linear-gradient(90deg, transparent 58%, rgba(6, 11, 18, 0.8)), linear-gradient(0deg, rgba(4, 8, 13, 0.62), transparent 40%);content: "";pointer-events: none;}
.game-feature-art img {width: 100%;height: 100%;padding: 26px;object-fit: contain;object-position: center;transition: transform 600ms cubic-bezier(0.2, 0.7, 0.2, 1), filter 400ms ease;}
.game-feature-art > span {position: absolute;z-index: 2;bottom: 26px;left: 28px;color: rgba(229, 239, 242, 0.7);font-family: var(--mono);font-size: 0.55rem;letter-spacing: 0.12em;}
.game-feature-copy {position: relative;z-index: 2;display: flex;flex-direction: column;justify-content: center;min-width: 0;padding: clamp(36px, 4.5vw, 70px);border-left: 1px solid rgba(185, 232, 242, 0.14);}
.game-lockup,.game-title-lockup {display: flex;gap: 22px;align-items: center;min-width: 0;}
.game-lockup p,.game-title-lockup > div {display: grid;flex: 1 1 0;min-width: 0;}
.game-lockup small,.game-title-lockup p {color: var(--game-amber);font-size: 0.55rem;}
.game-lockup strong {margin-top: 7px;color: #f5f3eb;font-family: var(--display);font-size: clamp(2.15rem, 3.05vw, 3.55rem);font-weight: 400;letter-spacing: -0.05em;line-height: 0.94;}
.snowman-mark {position: relative;flex: 0 0 74px;width: 74px;height: 74px;border: 1px solid rgba(185, 232, 242, 0.4);border-radius: 50%;background: radial-gradient(circle at 48% 40%, rgba(185, 232, 242, 0.13), transparent 58%);box-shadow: 0 0 42px rgba(104, 190, 213, 0.1);}
.snowman-mark::before,.snowman-mark::after,.snowman-mark i,.snowman-mark b,.snowman-mark em {position: absolute;display: block;content: "";}
.snowman-mark::before {top: 15px;left: 29px;width: 15px;height: 15px;border: 1px solid var(--game-ice);border-radius: 50%;}
.snowman-mark::after {bottom: 14px;left: 23px;width: 27px;height: 27px;border: 1px solid var(--game-ice);border-radius: 50%;}
.snowman-mark i {top: 11px;left: 25px;width: 24px;height: 1px;background: var(--game-amber);}
.snowman-mark b {top: 8px;left: 32px;width: 10px;height: 4px;border: 1px solid var(--game-amber);border-bottom: 0;}
.snowman-mark em {right: 9px;bottom: 13px;left: 9px;height: 1px;background: linear-gradient(90deg, transparent, rgba(185, 232, 242, 0.7), transparent);}
.game-feature-copy > p {margin-top: 34px;color: var(--muted);}
.game-feature-copy dl {display: grid;gap: 0;margin-top: 38px;border-top: 1px solid rgba(185, 232, 242, 0.16);}
.game-feature-copy dl div {display: grid;grid-template-columns: 110px minmax(0, 1fr);gap: 16px;padding-block: 14px;border-bottom: 1px solid rgba(185, 232, 242, 0.12);}
.game-feature-copy dt,.game-feature-copy dd {font-size: 0.62rem;}
.game-feature-copy dt { color: var(--quiet); }
.game-feature-copy dd { color: #d9e6e9; font-size: 0.68rem; }
.game-feature-copy dd i,.game-status-line span i {display: inline-block;width: 7px;height: 7px;margin-right: 9px;border-radius: 50%;background: var(--game-amber);box-shadow: 0 0 0 4px rgba(233, 189, 106, 0.08), 0 0 18px rgba(233, 189, 106, 0.36);}
.game-feature-copy .button {align-self: flex-start;margin-top: 34px;}
.game-feature-art:focus-visible {z-index: 3;outline: 0;box-shadow: inset 0 0 0 2px var(--game-amber), inset 0 0 0 6px rgba(3, 7, 12, 0.78);}
.games-lineage-section {border-top: 1px solid var(--line);}
.games-lineage-section > div > p:last-child {margin-top: 28px;}
.games-lineage-section ol {display: grid;padding: 0;border-top: 1px solid rgba(185, 232, 242, 0.2);list-style: none;}
.games-lineage-section li {display: grid;grid-template-columns: 38px minmax(0, 1fr) auto;gap: 18px;align-items: center;min-height: 92px;border-bottom: 1px solid rgba(185, 232, 242, 0.14);}
.games-lineage-section li span,.games-lineage-section li small {color: var(--quiet);font-size: 0.52rem;}
.games-lineage-section li b {color: #e7eef0;font-size: 0.72rem;}
.games-lineage-section li:nth-child(2) b { color: var(--game-amber); }
.game-hero {position: relative;display: grid;align-items: end;min-height: min(980px, 100svh);overflow: hidden;padding: 142px max(36px, calc((100vw - 1480px) / 2)) 92px;border-bottom: 1px solid rgba(185, 232, 242, 0.2);isolation: isolate;}
.game-hero-backdrop {position: absolute;z-index: -2;inset: 0;right: 0;left: auto;width: min(62vw, 760px);height: 100%;object-fit: cover;object-position: center 48%;filter: saturate(0.9) contrast(1.04) brightness(0.8);transform: scale(1.035) translate3d(calc(var(--px) * -4px), calc(var(--py) * -3px), 0);transition: transform 700ms cubic-bezier(0.2, 0.7, 0.2, 1);}
.game-hero-shade {position: absolute;z-index: -1;inset: 0;background:
linear-gradient(90deg, rgba(2, 5, 9, 0.96), rgba(2, 5, 9, 0.66) 48%, rgba(2, 5, 9, 0.08)),linear-gradient(0deg, rgba(2, 5, 9, 0.97), transparent 56%);}
.game-hero-copy {position: relative;z-index: 1;width: min(900px, 76vw);min-width: 0;}
.game-title-lockup {margin-top: 24px;}
.game-title-lockup .snowman-mark {flex-basis: 94px;width: 94px;height: 94px;}
.game-title-lockup .snowman-mark::before { top: 20px; left: 37px; width: 19px; height: 19px; }
.game-title-lockup .snowman-mark::after { bottom: 17px; left: 29px; width: 35px; height: 35px; }
.game-title-lockup .snowman-mark i { top: 14px; left: 32px; width: 30px; }
.game-title-lockup .snowman-mark b { top: 10px; left: 40px; width: 13px; }
.game-title-lockup .snowman-mark em { right: 12px; bottom: 16px; left: 12px; }
.game-title-lockup h1 {margin-top: 12px;font-family: var(--display);font-weight: 400;letter-spacing: -0.065em;line-height: var(--jf-type-game-title-line-height);}
.game-hero-tagline {max-width: 700px;margin-top: 42px;color: var(--game-ice);font-family: var(--display);font-size: clamp(1.6rem, 2.5vw, 2.65rem);line-height: 1.14;}
.game-status-line {display: flex;flex-wrap: wrap;gap: 22px;align-items: center;margin-top: 34px;color: #dce7e9;font-size: 0.6rem;}
.game-status-line small {padding-left: 22px;border-left: 1px solid rgba(185, 232, 242, 0.2);color: var(--quiet);font: inherit;}
.game-fact-strip {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));border-bottom: 1px solid rgba(185, 232, 242, 0.14);background: rgba(5, 10, 16, 0.82);}
.game-fact-strip div {min-height: 114px;padding: 28px max(24px, calc((100vw - 1480px) / 8));border-right: 1px solid rgba(185, 232, 242, 0.14);}
.game-fact-strip div:last-child { border-right: 0; }
.game-fact-strip dt { color: var(--quiet); font-size: 0.6rem; }
.game-fact-strip dd { margin-top: 10px; color: var(--game-ice); font-size: 0.72rem; }
.game-story {border-bottom: 1px solid var(--line);}
.game-story > div > p {margin-top: 30px;}
.game-story > div > p + p {margin-top: 18px;color: var(--quiet);}
.game-direction {border-bottom: 1px solid var(--line);}
.game-direction > div:last-child {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));margin-top: 56px;border-top: 1px solid rgba(185, 232, 242, 0.18);border-left: 1px solid rgba(185, 232, 242, 0.13);}
.game-direction article {min-height: 300px;padding: 34px;border-right: 1px solid rgba(185, 232, 242, 0.13);border-bottom: 1px solid rgba(185, 232, 242, 0.13);background: linear-gradient(145deg, rgba(185, 232, 242, 0.04), transparent 60%);}
.game-key-art {display: grid;grid-template-columns: minmax(0, 0.78fr) minmax(280px, 0.42fr);gap: clamp(34px, 6vw, 90px);align-items: end;padding-block: clamp(80px, 10vw, 145px);}
.game-key-art img {width: min(700px, 100%);height: auto;border: 1px solid rgba(185, 232, 242, 0.18);border-radius: 30px;box-shadow: 0 55px 130px rgba(0, 0, 0, 0.34);}
.game-key-art figcaption {display: grid;gap: 18px;padding: 28px 0;border-top: 1px solid rgba(185, 232, 242, 0.18);border-bottom: 1px solid rgba(185, 232, 242, 0.12);color: var(--quiet);font-size: 0.6rem;}
.game-key-art figcaption span { color: var(--game-ice); }
.game-current {border-top: 1px solid var(--line);}
.game-current > div:last-child > p {margin-bottom: 34px;}
@media (hover: hover) and (pointer: fine) {.game-feature:hover {border-color: rgba(185, 232, 242, 0.36);transform: translateY(-3px);box-shadow: 0 70px 150px rgba(0, 0, 0, 0.42);}
.game-feature:hover .game-feature-art img {filter: saturate(1.05) brightness(1.04);transform: scale(1.025);}
.game-feature,.game-feature-art img {transition: transform 500ms cubic-bezier(0.2, 0.7, 0.2, 1), border-color 300ms ease, box-shadow 500ms ease, filter 400ms ease;}
}
@media (max-width: 1180px) {.games-hero-copy { width: min(720px, 72vw); }
.games-hero-index { display: none; }
.games-section-lead,.games-lineage-section,.game-story,.game-current { grid-template-columns: minmax(200px, 0.42fr) minmax(0, 1fr); gap: 60px; }
.games-section-head { grid-template-columns: 0.34fr minmax(0, 1fr); }
.games-section-head > p:last-child { grid-column: 2; }
.game-feature { grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.74fr); }
}
@media (max-width: 920px) {.games-hero { min-height: 900px; padding-inline: 18px; }
.games-hero-copy { width: min(700px, 92vw); }
.games-positioning,.games-projects,.games-lineage-section,.game-story,.game-direction,.game-current { padding-block: 105px; }
.games-section-lead,.games-lineage-section,.game-story,.game-current { grid-template-columns: 1fr; gap: 40px; }
.games-section-lead > p:last-child { grid-column: 1; margin-top: 0; padding-top: 0; }
.games-section-head { grid-template-columns: 1fr; gap: 28px; }
.games-section-head > p:last-child { grid-column: 1; }
.game-feature { grid-template-columns: 1fr; }
.game-feature-art { height: 560px; min-height: 0; }
.game-feature-art::after { background: linear-gradient(0deg, rgba(6, 11, 18, 0.94), transparent 45%); }
.game-feature-copy { border-top: 1px solid rgba(185, 232, 242, 0.14); border-left: 0; }
.game-hero { min-height: 900px; padding-inline: 18px; }
.game-hero-backdrop { width: min(76vw, 720px); }
.game-hero-copy { width: min(760px, 94vw); }
.game-fact-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.game-fact-strip div:nth-child(2) { border-right: 0; }
.game-fact-strip div:nth-child(-n + 2) { border-bottom: 1px solid rgba(185, 232, 242, 0.14); }
.game-direction > div:last-child { grid-template-columns: 1fr; }
.game-direction article { min-height: 230px; }
.game-direction h3 { margin-top: 54px; }
.game-key-art { grid-template-columns: minmax(0, 1fr) minmax(230px, 0.5fr); }
}
@media (max-width: 640px) {.games-hero { min-height: 820px; padding: 124px 14px 62px; }
.games-hero-art img { width: 100%; object-position: center 48%; }
.games-hero-art::before { background: linear-gradient(0deg, rgba(2, 5, 9, 0.98) 0%, rgba(2, 5, 9, 0.78) 58%, rgba(2, 5, 9, 0.36) 100%); }
.games-hero-art::after { background-size: 64px 64px; mask-image: linear-gradient(to top, black, transparent 76%); }
.games-hero-copy { width: 100%; }
.games-hero h1 small { margin-bottom: 17px; font-size: 0.62rem; letter-spacing: 0.24em; }
.games-tagline { margin-top: 34px; font-size: clamp(1.75rem, 8.5vw, 2.35rem); }
.games-intro { font-size: 0.92rem; }
.games-hero .hero-actions,.games-hero .button,.game-feature-copy .button,.game-current .button { width: 100%; }
.games-positioning,.games-projects,.games-lineage-section,.game-story,.game-direction,.game-current { padding-block: 78px; }
.games-pillars { grid-template-columns: 1fr; margin-top: 50px; }
.games-pillars article { min-height: 220px; padding: 26px; }
.games-pillars h3 { margin-top: 48px; }
.game-feature { min-height: 0; border-radius: 22px; }
.game-feature-art { height: 460px; min-height: 0; }
.game-feature-art img { padding: 16px; object-position: center; }
.game-feature-art > span { right: 20px; bottom: 20px; left: 20px; font-size: 0.5rem; }
.game-feature-copy { padding: 30px 24px 34px; }
.game-lockup { align-items: flex-start; gap: 15px; }
.snowman-mark { flex-basis: 58px; width: 58px; height: 58px; }
.snowman-mark::before { top: 12px; left: 23px; width: 12px; height: 12px; }
.snowman-mark::after { bottom: 11px; left: 18px; width: 22px; height: 22px; }
.snowman-mark i { top: 8px; left: 19px; width: 20px; }
.snowman-mark b { top: 6px; left: 25px; width: 8px; height: 3px; }
.snowman-mark em { right: 7px; bottom: 10px; left: 7px; }
.game-lockup strong { font-size: clamp(2rem, 9.5vw, 2.7rem); }
.game-feature-copy dl div { grid-template-columns: 92px minmax(0, 1fr); }
.games-lineage-section li { grid-template-columns: 30px minmax(0, 1fr); gap: 12px; padding-block: 18px; }
.games-lineage-section li small { grid-column: 2; margin-top: -8px; }
.game-hero { min-height: 820px; padding: 118px 14px 62px; }
.game-hero-backdrop { width: 100%; object-position: center 48%; }
.game-hero-shade { background: linear-gradient(0deg, rgba(2, 5, 9, 0.98), rgba(2, 5, 9, 0.78) 58%, rgba(2, 5, 9, 0.22)); }
.game-hero-copy { width: 100%; }
.game-title-lockup { align-items: flex-start; gap: 15px; }
.game-title-lockup .snowman-mark { flex-basis: 64px; width: 64px; height: 64px; }
.game-title-lockup .snowman-mark::before { top: 13px; left: 25px; width: 13px; height: 13px; }
.game-title-lockup .snowman-mark::after { bottom: 12px; left: 20px; width: 24px; height: 24px; }
.game-title-lockup .snowman-mark i { top: 9px; left: 22px; width: 21px; }
.game-title-lockup .snowman-mark b { top: 7px; left: 27px; width: 9px; height: 3px; }
.game-title-lockup .snowman-mark em { right: 8px; bottom: 11px; left: 8px; }
.game-title-lockup h1 { line-height: 0.84; overflow-wrap: anywhere; }
.game-hero-tagline { margin-top: 34px; font-size: 1.8rem; }
.game-status-line { gap: 12px; }
.game-status-line small { width: 100%; padding: 10px 0 0; border-top: 1px solid rgba(185, 232, 242, 0.18); border-left: 0; }
.game-fact-strip div { min-height: 104px; padding: 22px 18px; }
.game-key-art { grid-template-columns: 1fr; padding-block: 72px; }
.game-key-art img { justify-self: center; border-radius: 20px; }
.game-key-art figcaption { display: grid; gap: 8px; }
}
.universe-hero {--domain-accent-rgb: var(--domain-finance-rgb);grid-template-columns: minmax(390px, 0.72fr) minmax(720px, 1.28fr);align-items: center;gap: clamp(34px, 4vw, 76px);min-height: auto;padding: 76px max(36px, calc((100vw - 1580px) / 2)) 64px;}
.universe-hero::before {background:
radial-gradient(circle at 69% 48%, rgba(var(--domain-accent-rgb), 0.11), transparent 25rem),radial-gradient(circle at 18% 42%, rgba(63, 118, 154, 0.08), transparent 28rem),linear-gradient(0deg, var(--bg), transparent 32%);transition: background var(--motion-domain-confirm) var(--ease-domain-confirm);}
.universe-hero-copy {position: relative;z-index: 4;align-self: center;max-width: 590px;}
.universe-hero .hero-system {margin-bottom: clamp(28px, 4vh, 46px);}
.universe-hero h2 {max-width: 610px;font-family: var(--hei);font-weight: 900;letter-spacing: -0.045em;line-height: var(--jf-type-hero-line-height);}
.universe-mission {max-width: 560px;margin-top: 30px;color: var(--ink);font-family: var(--hei);font-size: clamp(1.55rem, 2.05vw, 2rem);font-weight: 700;letter-spacing: -0.025em;line-height: 1.3;}
.universe-intro {max-width: 580px;margin-top: 17px;color: var(--muted);font-size: 0.96rem;line-height: 1.76;}
.universe-hero .hero-actions {margin-top: 31px;}
.universe-hero .hero-facts {gap: clamp(20px, 3vw, 48px);margin-top: clamp(38px, 5vh, 60px);}
.universe-console {--scene-accent-rgb: var(--domain-accent-rgb);--scene-depth-inset: 3%;--scene-depth-opacity: 0.72;--scene-flow-x: 0px;--scene-flow-y: 0px;--domain-field-origin: 50% 50%;--domain-flow-rotation: 0deg;--domain-depth-scale: 1;--motif-surface:
linear-gradient(112deg, transparent 0 43%, rgba(var(--domain-accent-rgb), 0.075) 43.15% 43.35%, transparent 43.5%),repeating-linear-gradient(90deg, transparent 0 67px, rgba(var(--domain-accent-rgb), 0.022) 68px, transparent 69px);--motif-geometry:
linear-gradient(90deg, transparent 0 14%, rgba(var(--domain-accent-rgb), 0.1) 14.2% 14.5%, transparent 14.7% 85%, rgba(var(--domain-accent-rgb), 0.1) 85.2% 85.5%, transparent 85.7%),linear-gradient(transparent 0 48%, rgba(var(--domain-accent-rgb), 0.14) 48.2% 48.5%, transparent 48.7%);--motif-radius: 3px;--motif-rotation: 0deg;position: relative;z-index: 2;display: grid;grid-template-columns: minmax(490px, 1fr) minmax(260px, 0.5fr);min-width: 0;min-height: 690px;overflow: hidden;border: 1px solid rgba(var(--domain-accent-rgb), 0.24);border-radius: 30px;background:
radial-gradient(circle at 38% 50%, rgba(var(--domain-accent-rgb), 0.09), transparent 36%),linear-gradient(138deg, rgba(13, 18, 25, 0.82), rgba(3, 6, 10, 0.96));box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.38), 0 38px 120px rgba(0, 0, 0, 0.28);transition: border-color var(--motion-domain-panel) var(--ease-domain-panel), background var(--motion-domain-panel) var(--ease-domain-panel), box-shadow var(--motion-domain-panel) var(--ease-domain-panel);}
.universe-console[data-domain-depth="near-focus"] {--scene-depth-inset:1.5%;--scene-depth-opacity:.82;--scene-front:4px}
.universe-console[data-domain-depth="layered-provenance"] {--scene-depth-inset:4%;--scene-depth-opacity:.72;--scene-front:3px}
.universe-console[data-domain-depth="deep-time"] {--scene-depth-inset:6%;--scene-depth-opacity:.64;--scene-front:2px}
.universe-console[data-domain-depth="system-near"] {--scene-depth-inset:3%;--scene-depth-opacity:.76;--scene-front:3.5px}
.universe-console[data-domain-depth="shifting-plane"] {--scene-depth-inset:2%;--scene-depth-opacity:.78;--scene-front:4.5px}
.universe-console[data-domain-depth="portal-depth"] {--scene-depth-inset:7%;--scene-depth-opacity:.68;--scene-front:2.5px}
[data-domain-depth="near-focus"]{--domain-depth-scale:1.025}
[data-domain-depth="layered-provenance"]{--domain-depth-scale:.99}
[data-domain-depth="deep-time"]{--domain-depth-scale:.95}
[data-domain-depth="system-near"]{--domain-depth-scale:.985}
[data-domain-depth="shifting-plane"]{--domain-depth-scale:1.01}
[data-domain-depth="portal-depth"]{--domain-depth-scale:.94}
[data-domain-field="axial-field"],[data-domain-field="world-field"]{--domain-field-origin:50% 50%}
[data-domain-field="organic-field"]{--domain-field-origin:31% 39%}
[data-domain-field="stratified-field"]{--domain-field-origin:50% 78%}
[data-domain-field="modular-field"]{--domain-field-origin:66% 39%}
[data-domain-field="compositional-field"]{--domain-field-origin:42% 55%}
[data-domain-flow="inward-convergence"],[data-domain-flow="lateral-continuity"],[data-domain-flow="routed-confirmation"] { --domain-flow-rotation: 0deg; }
[data-domain-flow="cyclical-return"]{--domain-flow-rotation:-.45deg}
[data-domain-flow="frame-expansion"]{--domain-flow-rotation:-.8deg}
[data-domain-flow="outward-discovery"]{--domain-flow-rotation:.55deg}
.universe-console[data-domain-flow="cyclical-return"] { --scene-flow-x: -2px; --scene-flow-y: 2px; }
.universe-console[data-domain-flow="lateral-continuity"] { --scene-flow-y: 4px; }
.universe-console[data-domain-flow="routed-confirmation"] { --scene-flow-x: 2px; --scene-flow-y: -2px; }
.universe-console[data-domain-flow="frame-expansion"] { --scene-flow-x: 2px; --scene-flow-y: -1px; }
.universe-console[data-domain-flow="outward-discovery"] { --scene-flow-y: -3px; }
.universe-console[data-domain-surface="measured-grid"][data-domain-geometry="convergent-axis"][data-domain-line-style="solid-ticks"][data-domain-response="axis-resolve"] {--motif-confirm-transform: rotate(0deg) scaleX(0.985);}
.universe-console[data-domain-surface="provenance-rings"][data-domain-geometry="leaf-axis"][data-domain-line-style="organic-hairline"][data-domain-response="provenance-close"] {--motif-surface:
radial-gradient(ellipse at 23% 28%, transparent 0 7%, rgba(var(--domain-accent-rgb), 0.065) 7.2% 7.5%, transparent 7.8% 14%, rgba(var(--domain-accent-rgb), 0.035) 14.2% 14.5%, transparent 14.8%),radial-gradient(ellipse at 78% 72%, transparent 0 9%, rgba(var(--domain-accent-rgb), 0.05) 9.2% 9.5%, transparent 9.8%);--motif-geometry:
radial-gradient(ellipse at center, transparent 0 35%, rgba(var(--domain-accent-rgb), 0.12) 35.3% 35.7%, transparent 36%),linear-gradient(32deg, transparent 0 49%, rgba(var(--domain-accent-rgb), 0.13) 49.2% 49.5%, transparent 49.7%);--motif-radius: 64% 36% 62% 38%;--motif-rotation: -8deg;--motif-confirm-transform: rotate(-8deg) scale(0.985);}
.universe-console[data-domain-surface="chronology-strata"][data-domain-geometry="open-arch"][data-domain-line-style="measured-double-line"][data-domain-response="strata-align"] {--motif-surface:
repeating-linear-gradient(0deg, transparent 0 53px, rgba(var(--domain-accent-rgb), 0.035) 54px, transparent 55px 82px),linear-gradient(90deg, transparent 0 18%, rgba(var(--domain-accent-rgb), 0.055) 18.2% 18.4%, transparent 18.6% 81%, rgba(var(--domain-accent-rgb), 0.055) 81.2% 81.4%, transparent 81.6%);--motif-geometry:
radial-gradient(ellipse at 50% 88%, transparent 0 46%, rgba(var(--domain-accent-rgb), 0.13) 46.3% 46.7%, transparent 47%),linear-gradient(transparent 0 72%, rgba(var(--domain-accent-rgb), 0.12) 72.2% 72.5%, transparent 72.7%);--motif-radius: 48% 48% 5px 5px;--motif-rotation: 0deg;--motif-confirm-transform: rotate(0deg) translateY(-5px);}
.universe-console[data-domain-surface="orthogonal-grid"][data-domain-geometry="routing-frame"][data-domain-line-style="right-angle-dotted"][data-domain-response="route-confirm"] {--motif-surface:
repeating-linear-gradient(0deg, transparent 0 35px, rgba(var(--domain-accent-rgb), 0.03) 36px, transparent 37px),repeating-linear-gradient(90deg, transparent 0 35px, rgba(var(--domain-accent-rgb), 0.03) 36px, transparent 37px);--motif-geometry:
linear-gradient(90deg, transparent 0 24%, rgba(var(--domain-accent-rgb), 0.13) 24.2% 24.6%, transparent 24.8% 74%, rgba(var(--domain-accent-rgb), 0.13) 74.2% 74.6%, transparent 74.8%),linear-gradient(transparent 0 31%, rgba(var(--domain-accent-rgb), 0.11) 31.2% 31.6%, transparent 31.8% 67%, rgba(var(--domain-accent-rgb), 0.11) 67.2% 67.6%, transparent 67.8%);--motif-radius: 9px;--motif-rotation: 0deg;--motif-confirm-transform: rotate(0deg) translate(2px, -2px);}
.universe-console[data-domain-surface="composition-planes"][data-domain-geometry="off-axis-frame"][data-domain-line-style="crop-marks"][data-domain-response="frame-register"] {--motif-surface:
linear-gradient(138deg, transparent 0 31%, rgba(var(--domain-accent-rgb), 0.052) 31.2% 31.5%, transparent 31.7%),linear-gradient(18deg, transparent 0 68%, rgba(var(--domain-accent-rgb), 0.042) 68.2% 68.5%, transparent 68.7%);--motif-geometry:
linear-gradient(90deg, rgba(var(--domain-accent-rgb), 0.13) 0 1px, transparent 1px calc(100% - 1px), rgba(var(--domain-accent-rgb), 0.13) calc(100% - 1px)),linear-gradient(rgba(var(--domain-accent-rgb), 0.13) 0 1px, transparent 1px calc(100% - 1px), rgba(var(--domain-accent-rgb), 0.13) calc(100% - 1px));--motif-radius: 2px;--motif-rotation: -5deg;--motif-confirm-transform: rotate(-3deg) translate(2px, -1px);}
.universe-console[data-domain-surface="contour-field"][data-domain-geometry="portal-ellipse"][data-domain-line-style="dotted-waypoint"][data-domain-response="portal-reveal"] {--motif-surface:
repeating-radial-gradient(ellipse at center, transparent 0 30px, rgba(var(--domain-accent-rgb), 0.026) 31px 32px, transparent 33px 48px),radial-gradient(circle at 74% 28%, rgba(var(--domain-accent-rgb), 0.055) 0 2px, transparent 3px);--motif-geometry:
radial-gradient(ellipse at center, transparent 0 42%, rgba(var(--domain-accent-rgb), 0.14) 42.3% 42.8%, transparent 43.1%),linear-gradient(24deg, transparent 0 49%, rgba(var(--domain-accent-rgb), 0.11) 49.2% 49.5%, transparent 49.7%);--motif-radius: 50%;--motif-rotation: -11deg;--motif-confirm-transform: rotate(-11deg) scaleX(1.025);}
.universe-map {position: relative;min-width: 0;min-height: 690px;overflow: hidden;border-right: 1px solid rgba(255, 255, 255, 0.07);background-image:
linear-gradient(rgba(132, 174, 204, 0.035) 1px, transparent 1px),linear-gradient(90deg, rgba(132, 174, 204, 0.035) 1px, transparent 1px);background-size: 44px 44px;touch-action: pan-y;}
.universe-map::before{position:absolute;inset:0;background:radial-gradient(circle at var(--domain-field-origin),transparent 0 18%,rgba(var(--domain-accent-rgb),.035) 18.2% 18.5%,transparent 18.8%);content:"";pointer-events:none}
.universe-map::after{position:absolute;z-index:0;inset:0;background:var(--motif-surface);opacity:.52;content:"";pointer-events:none;transition:opacity var(--motion-domain-panel) var(--ease-domain-panel)}
.universe-map-scene{--universe-radius:clamp(174px,15.2vw,238px);position:absolute;z-index:1;inset:44px 18px 58px}
.universe-map-scene::before{position:absolute;z-index:0;inset:13%;transform:rotate(var(--motif-rotation));border:1px solid rgba(var(--domain-accent-rgb),.095);border-radius:var(--motif-radius);background:var(--motif-geometry);opacity:.58;content:"";pointer-events:none;transition:transform var(--motion-domain-spatial) var(--ease-domain-spatial),opacity var(--motion-domain-panel) var(--ease-domain-panel),border-radius var(--motion-domain-panel) var(--ease-domain-panel)}
.universe-console.is-switching .universe-map::after { opacity: 0.7; }
.universe-console.is-switching .universe-map-scene::before { transform: var(--motif-confirm-transform, rotate(var(--motif-rotation)) scale(1.015)); opacity: 0.74; }
.universe-map-scene::after{position:absolute;z-index:1;top:50%;left:50%;width:calc(var(--universe-radius) - 38px);height:1px;transform:rotate(var(--active-domain-angle,-90deg));transform-origin:left center;background:linear-gradient(90deg,rgba(var(--domain-accent-rgb),.12),rgba(var(--domain-accent-rgb),.68),transparent);box-shadow:0 0 18px rgba(var(--domain-accent-rgb),.24);content:"";transition:transform var(--motion-domain-spatial) var(--ease-domain-spatial),background var(--motion-domain-panel) var(--ease-domain-panel)}
.universe-scene-signature{position:absolute;z-index:0;inset:var(--scene-depth-inset);contain:layout paint;color:rgb(var(--scene-accent-rgb));opacity:var(--scene-depth-opacity);pointer-events:none;transform:translate3d(var(--scene-flow-x),var(--scene-flow-y),0) rotate(var(--domain-flow-rotation));transform-origin:var(--domain-field-origin);transition:opacity var(--motion-domain-hover) var(--ease-domain-hover),transform var(--motion-domain-spatial) var(--ease-domain-spatial),color var(--motion-domain-panel) var(--ease-domain-panel)}
.universe-scene-signature > span,.universe-scene-geometry::before,.universe-scene-geometry::after,.universe-scene-line::before,.universe-scene-line::after,.universe-scene-response::before,.universe-scene-response::after {position: absolute;display: block;box-sizing: border-box;}
.universe-scene-geometry::before,.universe-scene-geometry::after,.universe-scene-line::before,.universe-scene-line::after,.universe-scene-response::before,.universe-scene-response::after { content: ""; }
.universe-scene-signature>span{translate:calc(var(--px)*var(--scene-shift)) calc(var(--py)*var(--scene-shift))}
.universe-scene-surface{--scene-shift:.5px;z-index:0;inset:0;opacity:.58}
.universe-scene-geometry{--scene-shift:1.5px;z-index:1}
.universe-scene-line{--scene-shift:2.5px;z-index:2}
.universe-scene-response{--scene-shift:var(--scene-front);z-index:3}
.universe-console[data-domain-scene-state="previewing"] .universe-scene-signature {transform: translate3d(var(--scene-flow-x), var(--scene-flow-y), 0) rotate(var(--domain-flow-rotation)) scale(0.992);opacity: 0.88;}
.universe-console[data-domain-surface="measured-grid"][data-domain-geometry="convergent-axis"][data-domain-line-style="solid-ticks"][data-domain-response="axis-resolve"] .universe-scene-surface {inset: 6% 7%;background:
repeating-linear-gradient(90deg, transparent 0 30px, rgba(var(--scene-accent-rgb), 0.095) 31px, transparent 32px),repeating-linear-gradient(0deg, transparent 0 30px, rgba(var(--scene-accent-rgb), 0.045) 31px, transparent 32px),radial-gradient(circle at center, rgba(var(--scene-accent-rgb), 0.07), transparent 58%);}
.universe-console[data-domain-geometry="convergent-axis"] .universe-scene-geometry {inset: 17% 14%;background:
linear-gradient(76deg, transparent 0 49.72%, rgba(var(--scene-accent-rgb), 0.28) 49.86% 50.14%, transparent 50.28%),linear-gradient(104deg, transparent 0 49.72%, rgba(var(--scene-accent-rgb), 0.28) 49.86% 50.14%, transparent 50.28%);clip-path: polygon(12% 0, 88% 0, 65% 100%, 35% 100%);}
.universe-console[data-domain-geometry="convergent-axis"] .universe-scene-geometry::before {top: 50%;left: 8%;width: 84%;height: 1px;background: repeating-linear-gradient(90deg, currentColor 0 2px, transparent 2px 8px);opacity: 0.76;}
.universe-console[data-domain-geometry="convergent-axis"] .universe-scene-geometry::after {top: 9%;bottom: 9%;left: 50%;width: 1px;background: linear-gradient(transparent, currentColor 12% 88%, transparent);opacity: 0.42;}
.universe-console[data-domain-line-style="solid-ticks"] .universe-scene-line {top: 50%;right: 16%;left: 16%;height: 22px;transform: translateY(-50%);border-top: 1px solid rgba(var(--scene-accent-rgb), 0.72);background: repeating-linear-gradient(90deg, transparent 0 11px, rgba(var(--scene-accent-rgb), 0.5) 11px 12px, transparent 12px 24px);background-size: 100% 8px;background-repeat: no-repeat;}
.universe-console[data-domain-line-style="solid-ticks"] .universe-scene-line::before,.universe-console[data-domain-line-style="solid-ticks"] .universe-scene-line::after {top: -4px;width: 1px;height: 9px;background: currentColor;}
.universe-console[data-domain-line-style="solid-ticks"] .universe-scene-line::before { left: 0; }
.universe-console[data-domain-line-style="solid-ticks"] .universe-scene-line::after { right: 0; }
.universe-console[data-domain-response="axis-resolve"] .universe-scene-response { top: 18%; left: 50%; width: 8px; height: 8px; transform: translateX(-50%) rotate(45deg); border: 1px solid currentColor; }
.universe-console[data-domain-surface="provenance-rings"][data-domain-geometry="leaf-axis"][data-domain-line-style="organic-hairline"][data-domain-response="provenance-close"] .universe-scene-surface {background:
repeating-radial-gradient(ellipse at 29% 34%, transparent 0 24px, rgba(var(--scene-accent-rgb), 0.09) 25px, transparent 26px 39px),repeating-radial-gradient(ellipse at 72% 68%, transparent 0 31px, rgba(var(--scene-accent-rgb), 0.055) 32px, transparent 33px 50px);}
.universe-console[data-domain-geometry="leaf-axis"] .universe-scene-geometry {top: 13%;left: 26%;width: 48%;height: 74%;transform: rotate(-18deg);border: 1px solid rgba(var(--scene-accent-rgb), 0.48);border-radius: 78% 22% 70% 30%;background: radial-gradient(ellipse at 44% 46%, rgba(var(--scene-accent-rgb), 0.075), transparent 58%);}
.universe-console[data-domain-geometry="leaf-axis"] .universe-scene-geometry::before {top: 9%;bottom: 8%;left: 51%;width: 1px;transform: rotate(18deg);transform-origin: center bottom;background: linear-gradient(transparent, currentColor 18% 88%, transparent);opacity: 0.6;}
.universe-console[data-domain-geometry="leaf-axis"] .universe-scene-geometry::after {top: 24%;left: 18%;width: 58%;height: 48%;transform: rotate(18deg);border: 1px solid rgba(var(--scene-accent-rgb), 0.24);border-radius: 64% 36% 70% 30%;}
.universe-console[data-domain-line-style="organic-hairline"] .universe-scene-line {top: 27%;left: 13%;width: 74%;height: 48%;transform: rotate(17deg);border: 1px solid rgba(var(--scene-accent-rgb), 0.38);border-radius: 64% 36% 61% 39%;}
.universe-console[data-domain-line-style="organic-hairline"] .universe-scene-line::before {inset: 13% 10%;transform: rotate(-13deg);border: 1px solid rgba(var(--scene-accent-rgb), 0.25);border-radius: 38% 62% 42% 58%;}
.universe-console[data-domain-line-style="organic-hairline"] .universe-scene-line::after { right: 8%; bottom: 12%; width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 14px rgba(var(--scene-accent-rgb), 0.62); }
.universe-console[data-domain-response="provenance-close"] .universe-scene-response { top: 61%; left: 22%; width: 9px; height: 9px; border: 1px solid currentColor; border-radius: 68% 32% 66% 34%; }
.universe-console[data-domain-surface="chronology-strata"][data-domain-geometry="open-arch"][data-domain-line-style="measured-double-line"][data-domain-response="strata-align"] .universe-scene-surface {inset: 5% 7%;background:
repeating-linear-gradient(0deg, transparent 0 27px, rgba(var(--scene-accent-rgb), 0.09) 28px, transparent 29px 43px),linear-gradient(90deg, transparent, rgba(var(--scene-accent-rgb), 0.07) 14% 86%, transparent);}
.universe-console[data-domain-geometry="open-arch"] .universe-scene-geometry {top: 31%;left: 18%;width: 64%;height: 46%;border: 3px double rgba(var(--scene-accent-rgb), 0.46);border-bottom: 0;border-radius: 50% 50% 0 0;}
.universe-console[data-domain-geometry="open-arch"] .universe-scene-geometry::before {inset: 17% 17% 0;border: 1px solid rgba(var(--scene-accent-rgb), 0.25);border-bottom: 0;border-radius: 50% 50% 0 0;}
.universe-console[data-domain-geometry="open-arch"] .universe-scene-geometry::after { right: -8%; bottom: 0; left: -8%; height: 1px; background: linear-gradient(90deg, transparent, currentColor 12% 88%, transparent); opacity: 0.48; }
.universe-console[data-domain-line-style="measured-double-line"] .universe-scene-line {top: 29%;left: 13%;width: 74%;height: 38%;border-top: 3px double rgba(var(--scene-accent-rgb), 0.52);border-bottom: 3px double rgba(var(--scene-accent-rgb), 0.34);}
.universe-console[data-domain-line-style="measured-double-line"] .universe-scene-line::before { top: -7px; left: 14%; width: 1px; height: calc(100% + 14px); background: currentColor; box-shadow: calc(var(--universe-radius) * 0.72) 0 0 currentColor; opacity: 0.34; }
.universe-console[data-domain-line-style="measured-double-line"] .universe-scene-line::after { top: 50%; right: 16%; left: 16%; height: 1px; background: repeating-linear-gradient(90deg, currentColor 0 3px, transparent 3px 13px); opacity: 0.5; }
.universe-console[data-domain-response="strata-align"] .universe-scene-response { top: 22%; left: 50%; width: 20px; height: 6px; transform: translateX(-50%); border-block: 1px solid currentColor; }
.universe-console[data-domain-surface="orthogonal-grid"][data-domain-geometry="routing-frame"][data-domain-line-style="right-angle-dotted"][data-domain-response="route-confirm"] .universe-scene-surface {inset: 4%;background-image:
linear-gradient(rgba(var(--scene-accent-rgb), 0.085) 1px, transparent 1px),linear-gradient(90deg, rgba(var(--scene-accent-rgb), 0.085) 1px, transparent 1px);background-size: 29px 29px;}
.universe-console[data-domain-geometry="routing-frame"] .universe-scene-geometry {top: 20%;left: 17%;width: 66%;height: 59%;border: 1px solid rgba(var(--scene-accent-rgb), 0.42);border-radius: 9px;background:
linear-gradient(90deg, transparent 0 24%, rgba(var(--scene-accent-rgb), 0.14) 24.2% 24.6%, transparent 24.8%),linear-gradient(transparent 0 66%, rgba(var(--scene-accent-rgb), 0.14) 66.2% 66.6%, transparent 66.8%);}
.universe-console[data-domain-geometry="routing-frame"] .universe-scene-geometry::before { top: 19%; right: 20%; bottom: 20%; left: 22%; border-top: 1px solid rgba(var(--scene-accent-rgb), 0.28); border-right: 1px solid rgba(var(--scene-accent-rgb), 0.28); }
.universe-console[data-domain-geometry="routing-frame"] .universe-scene-geometry::after { top: calc(19% - 3px); right: calc(20% - 3px); width: 7px; height: 7px; border: 1px solid currentColor; border-radius: 2px; background: rgba(3, 5, 8, 0.92); }
.universe-console[data-domain-line-style="right-angle-dotted"] .universe-scene-line {top: 26%;left: 24%;width: 52%;height: 48%;border-top: 1px dotted rgba(var(--scene-accent-rgb), 0.72);border-right: 1px dotted rgba(var(--scene-accent-rgb), 0.72);border-bottom: 1px dotted rgba(var(--scene-accent-rgb), 0.52);border-radius: 0 8px 8px 0;}
.universe-console[data-domain-line-style="right-angle-dotted"] .universe-scene-line::before { top: -4px; left: -4px; width: 7px; height: 7px; border-radius: 2px; background: currentColor; box-shadow: calc(var(--universe-radius) * 0.9) calc(var(--universe-radius) * 0.62) 0 rgba(var(--scene-accent-rgb), 0.72); }
.universe-console[data-domain-line-style="right-angle-dotted"] .universe-scene-line::after { top: 46%; left: 39%; width: 18%; height: 1px; background: currentColor; opacity: 0.55; }
.universe-console[data-domain-response="route-confirm"] .universe-scene-response { right: 20%; bottom: 22%; width: 10px; height: 10px; border: 1px solid currentColor; border-radius: 2px; box-shadow: 0 0 16px rgba(var(--scene-accent-rgb), 0.48); }
.universe-console[data-domain-surface="composition-planes"][data-domain-geometry="off-axis-frame"][data-domain-line-style="crop-marks"][data-domain-response="frame-register"] .universe-scene-surface {background:
linear-gradient(137deg, transparent 0 31%, rgba(var(--scene-accent-rgb), 0.12) 31.2% 31.5%, transparent 31.7%),linear-gradient(17deg, transparent 0 67%, rgba(var(--scene-accent-rgb), 0.085) 67.2% 67.5%, transparent 67.7%),linear-gradient(115deg, transparent 0 74%, rgba(var(--scene-accent-rgb), 0.045) 74.2% 74.5%, transparent 74.7%);}
.universe-console[data-domain-geometry="off-axis-frame"] .universe-scene-geometry {top: 18%;left: 18%;width: 64%;height: 62%;transform: rotate(-6deg);border: 1px solid rgba(var(--scene-accent-rgb), 0.48);border-radius: 2px;}
.universe-console[data-domain-geometry="off-axis-frame"] .universe-scene-geometry::before {inset: -9px;background:
linear-gradient(90deg, currentColor 0 22px, transparent 22px) 0 0 / 42px 1px no-repeat,linear-gradient(currentColor 0 22px, transparent 22px) 0 0 / 1px 42px no-repeat,linear-gradient(270deg, currentColor 0 22px, transparent 22px) 100% 100% / 42px 1px no-repeat,linear-gradient(0deg, currentColor 0 22px, transparent 22px) 100% 100% / 1px 42px no-repeat;opacity: 0.74;}
.universe-console[data-domain-geometry="off-axis-frame"] .universe-scene-geometry::after { top: 13%; right: 12%; bottom: 13%; left: 12%; transform: rotate(11deg); border: 1px solid rgba(var(--scene-accent-rgb), 0.22); }
.universe-console[data-domain-line-style="crop-marks"] .universe-scene-line {top: 25%;left: 24%;width: 53%;height: 50%;transform: rotate(5deg);background:
linear-gradient(90deg, currentColor 0 15%, transparent 15% 85%, currentColor 85%) top / 100% 1px no-repeat,linear-gradient(90deg, currentColor 0 15%, transparent 15% 85%, currentColor 85%) bottom / 100% 1px no-repeat,linear-gradient(currentColor 0 15%, transparent 15% 85%, currentColor 85%) left / 1px 100% no-repeat,linear-gradient(currentColor 0 15%, transparent 15% 85%, currentColor 85%) right / 1px 100% no-repeat;opacity: 0.72;}
.universe-console[data-domain-line-style="crop-marks"] .universe-scene-line::before { top: 50%; left: -9%; width: 118%; height: 1px; background: linear-gradient(90deg, transparent, currentColor 22% 78%, transparent); opacity: 0.3; }
.universe-console[data-domain-line-style="crop-marks"] .universe-scene-line::after { top: -9%; left: 50%; width: 1px; height: 118%; background: linear-gradient(transparent, currentColor 22% 78%, transparent); opacity: 0.3; }
.universe-console[data-domain-response="frame-register"] .universe-scene-response { top: 19%; right: 18%; width: 12px; height: 12px; background: linear-gradient(90deg, transparent 0 45%, currentColor 45% 55%, transparent 55%), linear-gradient(transparent 0 45%, currentColor 45% 55%, transparent 55%); }
.universe-console[data-domain-surface="contour-field"][data-domain-geometry="portal-ellipse"][data-domain-line-style="dotted-waypoint"][data-domain-response="portal-reveal"] .universe-scene-surface {inset: 2%;background:
repeating-radial-gradient(ellipse at 50% 51%, transparent 0 27px, rgba(var(--scene-accent-rgb), 0.085) 28px, transparent 29px 43px),radial-gradient(circle at 24% 69%, rgba(var(--scene-accent-rgb), 0.5) 0 2px, transparent 3px),radial-gradient(circle at 79% 28%, rgba(var(--scene-accent-rgb), 0.42) 0 2px, transparent 3px);}
.universe-console[data-domain-geometry="portal-ellipse"] .universe-scene-geometry {top: 22%;left: 16%;width: 68%;height: 55%;transform: rotate(-11deg);border: 1px dotted rgba(var(--scene-accent-rgb), 0.7);border-radius: 50%;background: radial-gradient(ellipse at center, rgba(var(--scene-accent-rgb), 0.09), transparent 58%);}
.universe-console[data-domain-geometry="portal-ellipse"] .universe-scene-geometry::before { inset: 14% 11%; border: 1px solid rgba(var(--scene-accent-rgb), 0.3); border-radius: 50%; }
.universe-console[data-domain-geometry="portal-ellipse"] .universe-scene-geometry::after { top: 50%; right: 8%; left: 8%; height: 1px; background: linear-gradient(90deg, transparent, currentColor 18% 82%, transparent); opacity: 0.42; }
.universe-console[data-domain-line-style="dotted-waypoint"] .universe-scene-line {top: 50%;left: 18%;width: 64%;height: 1px;transform: rotate(-17deg);background: repeating-linear-gradient(90deg, currentColor 0 2px, transparent 2px 9px);opacity: 0.76;}
.universe-console[data-domain-line-style="dotted-waypoint"] .universe-scene-line::before,.universe-console[data-domain-line-style="dotted-waypoint"] .universe-scene-line::after { top: -4px; width: 9px; height: 9px; border: 1px solid currentColor; border-radius: 50%; background: rgba(3, 5, 8, 0.9); }
.universe-console[data-domain-line-style="dotted-waypoint"] .universe-scene-line::before { left: 13%; }
.universe-console[data-domain-line-style="dotted-waypoint"] .universe-scene-line::after { right: 13%; }
.universe-console[data-domain-response="portal-reveal"] .universe-scene-response { top: 27%; right: 20%; width: 10px; height: 10px; border: 1px dotted currentColor; border-radius: 50%; box-shadow: 0 0 18px rgba(var(--scene-accent-rgb), 0.52); }
.universe-console[data-domain-scene-state="responding"] { --scene-response-duration: var(--motion-domain-confirm); }
.universe-hero.is-domain-arrival .universe-console { --scene-response-duration: var(--motion-domain-confirm); }
.universe-console[data-domain-scene-state="responding"][data-domain-response="axis-resolve"] .universe-scene-line,.universe-hero.is-domain-arrival .universe-console[data-domain-response="axis-resolve"] .universe-scene-line { animation: universe-scene-axis var(--scene-response-duration) var(--ease-domain-confirm) 1 both; }
.universe-console[data-domain-scene-state="responding"][data-domain-response="provenance-close"] .universe-scene-geometry,.universe-hero.is-domain-arrival .universe-console[data-domain-response="provenance-close"] .universe-scene-geometry { animation: universe-scene-provenance var(--scene-response-duration) var(--ease-domain-confirm) 1 both; }
.universe-console[data-domain-scene-state="responding"][data-domain-response="strata-align"] .universe-scene-line,.universe-hero.is-domain-arrival .universe-console[data-domain-response="strata-align"] .universe-scene-line { animation: universe-scene-strata var(--scene-response-duration) var(--ease-domain-confirm) 1 both; }
.universe-console[data-domain-scene-state="responding"][data-domain-response="route-confirm"] .universe-scene-line,.universe-hero.is-domain-arrival .universe-console[data-domain-response="route-confirm"] .universe-scene-line { animation: universe-scene-route var(--scene-response-duration) var(--ease-domain-confirm) 1 both; }
.universe-console[data-domain-scene-state="responding"][data-domain-response="frame-register"] .universe-scene-geometry,.universe-hero.is-domain-arrival .universe-console[data-domain-response="frame-register"] .universe-scene-geometry { animation: universe-scene-frame var(--scene-response-duration) var(--ease-domain-confirm) 1 both; }
.universe-console[data-domain-scene-state="responding"][data-domain-response="portal-reveal"] .universe-scene-geometry,.universe-hero.is-domain-arrival .universe-console[data-domain-response="portal-reveal"] .universe-scene-geometry { animation: universe-scene-portal var(--scene-response-duration) var(--ease-domain-confirm) 1 both; }
.universe-console[data-domain-scene-state="responding"] .universe-scene-response,.universe-hero.is-domain-arrival .universe-scene-response { animation: universe-scene-marker var(--scene-response-duration) var(--ease-domain-confirm) 1 both; }
@keyframes universe-scene-axis {from { transform: var(--scene-layer-from,translateY(-50%) scaleX(0.68)); opacity: var(--scene-layer-opacity-from,0.38); }
to { transform: var(--scene-layer-to,translateY(-50%) scaleX(1)); opacity: var(--scene-layer-opacity-to,1); }
}
@keyframes universe-scene-provenance {from { transform: var(--scene-layer-from,rotate(-18deg) scale(1.055)); opacity: var(--scene-layer-opacity-from,0.45); }
to { transform: var(--scene-layer-to,rotate(-18deg) scale(1)); opacity: var(--scene-layer-opacity-to,1); }
}
@keyframes universe-scene-strata {from { transform: var(--scene-layer-from,translateY(8px)); opacity: var(--scene-layer-opacity-from,0.36); }
to { transform: var(--scene-layer-to,none); opacity: var(--scene-layer-opacity-to,1); }
}
@keyframes universe-scene-route {from { clip-path: inset(0 100% 0 0); opacity: var(--scene-layer-opacity-from,0.4); }
to { clip-path: inset(0); opacity: var(--scene-layer-opacity-to,1); }
}
@keyframes universe-scene-frame {from { transform: var(--scene-layer-from,translate(4px, -3px) rotate(-9deg)); opacity: var(--scene-layer-opacity-from,0.42); }
to { transform: var(--scene-layer-to,rotate(-6deg)); opacity: var(--scene-layer-opacity-to,1); }
}
@keyframes universe-scene-portal {from { transform: var(--scene-layer-from,rotate(-11deg) scaleX(0.9)); opacity: var(--scene-layer-opacity-from,0.36); }
to { transform: var(--scene-layer-to,rotate(-11deg) scaleX(1)); opacity: var(--scene-layer-opacity-to,1); }
}
@keyframes universe-scene-marker {0% { opacity: 0; scale: 0.55; }
62% { opacity: 1; scale: 1.18; }
100% { opacity: 0.9; scale: 1; }
}
.universe-orbit,.universe-axis {position: absolute;z-index: 0;top: 50%;left: 50%;pointer-events: none;}
.universe-orbit {aspect-ratio: 1;transform: translate(-50%, -50%);border: 1px solid rgba(198, 175, 121, 0.14);border-radius: 50%;}
.universe-orbit::before,.universe-orbit::after {position: absolute;width: 4px;height: 4px;border-radius: 50%;background: rgb(var(--domain-accent-rgb));box-shadow: 0 0 12px rgba(var(--domain-accent-rgb), 0.72);content: "";}
.universe-orbit::before { top: 20%; left: 8%; }
.universe-orbit::after { right: 12%; bottom: 14%; }
.universe-orbit-one { width: calc(var(--universe-radius) * 1.04); border-style: dashed; }
.universe-orbit-two { width: calc(var(--universe-radius) * 1.55); border-color: rgba(111, 183, 220, 0.13); }
.universe-orbit-three { width: calc(var(--universe-radius) * 2.08); border-style: dotted; }
.universe-axis {background: linear-gradient(90deg, transparent, rgba(var(--domain-accent-rgb), 0.12), transparent);}
.universe-axis-horizontal { width: calc(var(--universe-radius) * 2.35); height: 1px; transform: translate(-50%, -50%); }
.universe-axis-vertical { width: 1px; height: calc(var(--universe-radius) * 2.35); transform: translate(-50%, -50%); background: linear-gradient(transparent, rgba(var(--domain-accent-rgb), 0.12), transparent); }
.universe-core {position: absolute;z-index: 5;top: 50%;left: 50%;display: grid;justify-items: center;align-content: center;width: 164px;aspect-ratio: 1;transform: translate(-50%, -50%);border: 1px solid rgba(var(--domain-accent-rgb), 0.44);border-radius: 50%;background: radial-gradient(circle at 50% 42%, rgba(var(--domain-accent-rgb), 0.11), transparent 54%), rgba(4, 7, 11, 0.96);box-shadow: 0 0 0 14px rgba(var(--domain-accent-rgb), 0.025), 0 0 62px rgba(var(--domain-accent-rgb), 0.18), inset 0 0 30px rgba(var(--domain-accent-rgb), 0.05);text-align: center;transition: border-color var(--motion-domain-control) var(--ease-domain-control), box-shadow var(--motion-domain-control) var(--ease-domain-control);}
.universe-core img {width: 68px;height: 68px;filter: drop-shadow(0 0 18px rgba(var(--domain-accent-rgb), 0.24));transition: filter var(--motion-domain-control) var(--ease-domain-control);}
.universe-core > span:not(.universe-core-rings),.universe-core > strong,.universe-core > small {position: relative;z-index: 2;font-family: var(--mono);letter-spacing: 0.13em;}
.universe-core > span:not(.universe-core-rings) { margin-top: 7px; color: var(--gold-pale); font-size: 0.45rem; }
.universe-core > strong { margin-top: 1px; color: rgb(var(--domain-accent-rgb)); font-size: 0.83rem; font-weight: 600; }
.universe-core > small { margin-top: 2px; color: var(--quiet); font-size: 0.35rem; }
.universe-core-rings {position: absolute;inset: -18px;border: 1px solid rgba(var(--domain-accent-rgb), 0.18);border-radius: 50%;pointer-events: none;transition: border-color var(--motion-domain-control) var(--ease-domain-control), opacity var(--motion-domain-control) var(--ease-domain-control);}
.universe-core-rings i {position: absolute;inset: -10px;border: 1px dashed rgba(var(--domain-accent-rgb), 0.1);border-radius: 50%;transition: border-color var(--motion-domain-control) var(--ease-domain-control);}
.universe-core-rings i:nth-child(2) { inset: 12px; border-style: solid; }
.universe-core-rings i:nth-child(3) { inset: 28px; border-style: dotted; }
.universe-tablist {position: absolute;z-index: 6;inset: 0;pointer-events: none;}
.universe-node {--node-scale: 1;appearance: none;position: absolute;top: 50%;left: 50%;display: grid;justify-items: center;width: 112px;min-height: 86px;padding: 0;transform: translate(-50%, -50%) rotate(var(--domain-angle)) translateX(var(--universe-radius)) rotate(var(--domain-counter)) scale(var(--node-scale));background: transparent;color: var(--muted);cursor: pointer;pointer-events: auto;transition: transform var(--motion-domain-control) var(--ease-domain-control), color var(--motion-domain-control) var(--ease-domain-control), opacity var(--motion-domain-control) var(--ease-domain-control);}
.universe-node > span {display: grid;place-items: center;width: 54px;aspect-ratio: 1;border: 1px solid rgba(var(--domain-accent-rgb), 0.4);border-radius: 50%;background: radial-gradient(circle at 42% 36%, rgba(var(--domain-accent-rgb), 0.16), rgba(5, 8, 13, 0.94) 66%);box-shadow: 0 0 0 7px rgba(var(--domain-accent-rgb), 0.025), 0 0 22px rgba(var(--domain-accent-rgb), 0.1);color: rgb(var(--domain-accent-rgb));font-family: var(--mono);font-size: 0.6rem;letter-spacing: 0.08em;transition: border-color var(--motion-domain-control) var(--ease-domain-control), box-shadow var(--motion-domain-control) var(--ease-domain-control), background var(--motion-domain-control) var(--ease-domain-control);}
.universe-node > b {position: absolute;top: 2px;right: 18px;display: grid;place-items: center;width: 22px;height: 22px;border: 1px solid rgba(var(--domain-accent-rgb), 0.32);border-radius: 50%;background: #06090d;color: rgb(var(--domain-accent-rgb));font-family: var(--mono);font-size: 0.43rem;font-weight: 500;}
.universe-node > strong {max-width: 112px;margin-top: 8px;overflow: hidden;font-family: var(--mono);font-size: 0.54rem;font-weight: 500;letter-spacing: 0.08em;text-overflow: ellipsis;white-space: nowrap;}
.universe-node:hover { --node-scale: 1.04; color: var(--ink); }
.universe-node:focus { outline: none; }
.universe-node:focus-visible > span { outline: 2px solid var(--gold); outline-offset: 3px; box-shadow: 0 0 0 3px #05080c, 0 0 0 5px var(--gold); }
.universe-node[aria-selected="true"] { --node-scale: 1.075; color: rgb(var(--domain-accent-rgb)); }
.universe-node[aria-selected="true"] > span { border-color: rgba(var(--domain-accent-rgb), 0.92); background: radial-gradient(circle at 42% 36%, rgba(var(--domain-accent-rgb), 0.32), rgba(5, 8, 13, 0.94) 70%); box-shadow: 0 0 0 9px rgba(var(--domain-accent-rgb), 0.055), 0 0 34px rgba(var(--domain-accent-rgb), 0.34); }
.universe-console[data-core-anchor-state="previewing"] .universe-core { border-color: rgba(var(--scene-accent-rgb), 0.58); box-shadow: 0 0 0 14px rgba(var(--scene-accent-rgb), 0.035), 0 0 66px rgba(var(--scene-accent-rgb), 0.2), inset 0 0 30px rgba(var(--scene-accent-rgb), 0.055); }
.universe-console[data-core-anchor-state="previewing"] .universe-core img { filter: drop-shadow(0 0 19px rgba(var(--scene-accent-rgb), 0.3)); }
.universe-console[data-core-anchor-state="previewing"] .universe-core-rings { border-color: rgba(var(--scene-accent-rgb), 0.32); opacity: 0.92; }
.universe-console[data-core-anchor-state="previewing"] .universe-core-rings i { border-color: rgba(var(--scene-accent-rgb), 0.18); }
/* A finite Core-to-Domain approach: orientation, not spectacle. */
.universe-console.is-approaching .universe-core { animation: universe-approach-core var(--motion-domain-spatial) var(--ease-domain-spatial) 1 both; }
.universe-console.is-approaching .universe-core-rings { animation: universe-approach-rings var(--motion-domain-spatial) var(--ease-domain-spatial) 1 both; }
.universe-console.is-approaching .universe-map-scene::after { animation: universe-approach-bearing var(--motion-domain-confirm) var(--ease-domain-confirm) 1 both; }
.universe-console.is-approaching .universe-scene-signature { animation: universe-approach-scene var(--motion-domain-confirm) var(--ease-domain-confirm) 1 both; }
.universe-console.is-approaching .universe-node { animation: universe-approach-node var(--motion-domain-control) var(--ease-domain-control) var(--approach-delay, 0ms) 1 both; }
.universe-console.is-approaching .universe-domain-readout { animation: universe-approach-readout var(--motion-domain-control) var(--ease-domain-control) 1 both; }
.universe-console.is-approaching .universe-map-note { animation: universe-approach-instruction var(--motion-domain-control) var(--ease-domain-control) 1 both; }
@keyframes universe-approach-core {from { transform: translate(-50%, -50%) scale(0.94); opacity: 0.72; }
to { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}
@keyframes universe-approach-rings {from { transform: scale(0.82); opacity: 0; }
to { transform: scale(1); opacity: 1; }
}
@keyframes universe-approach-bearing {from { transform: rotate(var(--active-domain-angle, -90deg)) scaleX(0.12); opacity: 0; }
to { transform: rotate(var(--active-domain-angle, -90deg)) scaleX(1); opacity: 1; }
}
@keyframes universe-approach-scene {from { transform: translateZ(0) scale(0.97); opacity: 0.18; }
to { transform: translateZ(0) scale(1); opacity: 0.72; }
}
@keyframes universe-approach-node {from { transform: translate(-50%, -50%) rotate(var(--domain-angle)) translateX(calc(var(--universe-radius) - 28px)) rotate(var(--domain-counter)) scale(0.86); opacity: 0.16; }
to { transform: translate(-50%, -50%) rotate(var(--domain-angle)) translateX(var(--universe-radius)) rotate(var(--domain-counter)) scale(var(--node-scale)); opacity: 1; }
}
@keyframes universe-approach-readout {from { transform: translateX(8px); opacity: 0.62; }
to { transform: none; opacity: 1; }
}
@keyframes universe-approach-instruction {from { transform: translateY(4px); opacity: 0.48; }
to { transform: none; opacity: 1; }
}
.universe-map-note {position: absolute;z-index: 8;bottom: 20px;left: 24px;display: flex;align-items: center;gap: 14px;color: var(--quiet);font-family: var(--mono);font-size: 0.48rem;letter-spacing: 0.1em;}
.universe-map-note::before { width: 36px; height: 1px; background: linear-gradient(90deg, rgb(var(--domain-accent-rgb)), transparent); content: ""; transition: background var(--motion-domain-hover) var(--ease-domain-hover); }
.universe-map-note [data-universe-approach-status] { color: rgb(var(--domain-accent-rgb)); font-weight: 600; transition: color var(--motion-domain-hover) var(--ease-domain-hover); }
.universe-console[data-domain-scene-state="previewing"] .universe-map-note::before { background: linear-gradient(90deg, rgb(var(--scene-accent-rgb)), transparent); }
.universe-console[data-domain-scene-state="previewing"] .universe-map-note [data-universe-approach-status] { color: rgb(var(--scene-accent-rgb)); }
.universe-map-note b { color: rgba(var(--domain-accent-rgb), 0.86); font-weight: 500; }
.universe-domain-readout {position: relative;z-index: 9;display: flex;min-width: 0;min-height: 690px;flex-direction: column;justify-content: center;padding: 34px 30px;background: linear-gradient(180deg, rgba(8, 12, 18, 0.72), rgba(4, 7, 11, 0.94));}
.universe-domain-readout .readout-label {display: flex;align-items: center;gap: 10px;margin-bottom: 36px;color: var(--quiet);font-size: 0.5rem;}
.universe-domain-readout .readout-label b { color: rgb(var(--domain-accent-rgb)); font-weight: 500; }
.universe-domain-readout .readout-label > strong { color: rgb(var(--domain-accent-rgb)); font-weight: 600; letter-spacing: 0.08em; }
.universe-domain-panel[hidden] { display: none; }
.universe-domain-panel:not([hidden]) { animation: universe-panel-in var(--motion-domain-panel) var(--ease-domain-panel); }
.universe-domain-panel .coordinate { color: rgba(var(--domain-accent-rgb), 0.92); font-size: 0.49rem; line-height: 1.55; }
.universe-domain-panel h2 { margin-top: 16px; color: rgb(var(--domain-accent-rgb)); font-family: var(--display); font-weight: 400; letter-spacing: -0.04em; line-height: var(--jf-type-domain-title-line-height); }
.universe-domain-panel > p:not(.coordinate) { margin-top: 18px; color: #b8c2cf; font-size: 0.83rem; line-height: 1.68; }
.universe-entries {display: grid;gap: 7px;}
.universe-entry {display: grid;grid-template-columns: 34px minmax(0, 1fr) auto;gap: 11px;align-items: center;min-height: 58px;padding: 10px 10px 10px 8px;border: 1px solid rgba(255, 255, 255, 0.075);border-radius: 12px;background: rgba(255, 255, 255, 0.018);transition: transform var(--motion-domain-hover) var(--ease-domain-hover), border-color var(--motion-domain-hover) var(--ease-domain-hover), background var(--motion-domain-hover) var(--ease-domain-hover);}
.universe-entry:hover { transform: translateX(3px); border-color: rgba(var(--domain-accent-rgb), 0.28); background: rgba(var(--domain-accent-rgb), 0.045); }
.universe-entry-mark { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid rgba(var(--domain-accent-rgb), 0.28); border-radius: 9px; color: rgb(var(--domain-accent-rgb)); font-family: var(--mono); font-size: 0.48rem; }
.universe-entry > span:not(.universe-entry-mark) { display: grid; min-width: 0; }
.universe-entry b { overflow: hidden; font-size: 0.73rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.universe-entry small { margin-top: 2px; color: var(--quiet); font-family: var(--mono); font-size: 0.43rem; letter-spacing: 0.06em; }
.universe-entry > i { color: rgb(var(--domain-accent-rgb)); font-style: normal; }
.universe-native-links {width: min(100%, 1120px);margin: var(--jf-space-cluster) auto 0;padding: var(--jf-space-panel);border: 1px solid var(--line);border-radius: var(--jf-radius-panel);background: rgba(4, 7, 11, 0.82);}
.universe-native-links > p,.universe-native-links li > span { color: var(--quiet); font-family: var(--mono); font-size: var(--type-coordinate); line-height: var(--jf-type-coordinate-line-height); letter-spacing: 0.1em; }
.universe-native-links h3 { margin-top: var(--jf-space-compact); font-family: var(--display); font-size: var(--type-domain-title); font-weight: 400; line-height: var(--jf-type-domain-title-line-height); }
.universe-native-links ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--jf-space-control); margin-top: var(--jf-space-content); padding: 0; list-style: none; }
.universe-native-links li { display: grid; gap: var(--jf-space-compact); padding: var(--jf-space-body); border: 1px solid rgba(var(--domain-accent-rgb), 0.2); border-radius: var(--jf-radius-card); }
.universe-native-links li > span { color: rgb(var(--domain-accent-rgb)); }
.universe-native-links li div { display: grid; gap: var(--jf-space-micro); }
.universe-native-links a { display: block; min-height: 44px; padding-block: var(--jf-space-control); border-bottom: 1px solid rgba(var(--domain-accent-rgb), 0.14); }
.universe-native-links a:focus-visible { outline: var(--jf-stroke-focus) solid rgb(var(--domain-accent-rgb)); outline-offset: 2px; }
[data-native-domain="finance"] { --domain-accent-rgb: var(--domain-finance-rgb); }
[data-native-domain="nature"] { --domain-accent-rgb: var(--domain-nature-rgb); }
[data-native-domain="civilization"] { --domain-accent-rgb: var(--domain-civilization-rgb); }
[data-native-domain="digital"] { --domain-accent-rgb: var(--domain-digital-rgb); }
[data-native-domain="creative"] { --domain-accent-rgb: var(--domain-creative-rgb); }
[data-native-domain="game"] { --domain-accent-rgb: var(--domain-game-rgb); }
.universe-console.is-switching .universe-core { box-shadow: 0 0 0 18px rgba(var(--domain-accent-rgb), 0.035), 0 0 76px rgba(var(--domain-accent-rgb), 0.24), inset 0 0 32px rgba(var(--domain-accent-rgb), 0.07); }
@keyframes universe-panel-in {from { opacity: 0; transform: translateY(9px); }
to { opacity: 1; transform: none; }
}
@media (max-width: 1420px) {.universe-hero { grid-template-columns: minmax(360px, 0.62fr) minmax(650px, 1.38fr); gap: 32px; }
.universe-console { grid-template-columns: minmax(440px, 1fr) 260px; }
.universe-map-scene { --universe-radius: clamp(168px, 15vw, 212px); }
}
@media (max-width: 1180px) {.universe-hero { grid-template-columns: 1fr; min-height: auto; padding: 90px 24px 72px; }
.universe-hero-copy { width: min(100%, 850px); max-width: none; }
.universe-hero h2 { max-width: 790px; }
.universe-intro { max-width: 720px; }
.universe-console { grid-template-columns: minmax(500px, 1fr) minmax(280px, 0.5fr); width: min(100%, 1120px); min-height: 660px; }
.universe-map,.universe-domain-readout { min-height: 660px; }
.universe-map-scene { --universe-radius: clamp(184px, 20vw, 232px); }
}
@media (max-width: 820px) {.universe-hero { gap: 48px; padding-inline: 18px; }
.universe-native-links ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.universe-console { grid-template-columns: 1fr; min-height: 0; border-radius: 24px; }
.universe-map { min-height: 580px; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
.universe-map-scene { --universe-radius: clamp(180px, 30vw, 230px); inset: 24px 12px 46px; }
.universe-domain-readout { min-height: 0; padding: 30px; }
.universe-domain-readout .readout-label { margin-bottom: 24px; }
}
@media (max-width: 560px) {.universe-hero { gap: 38px; padding: 74px 14px 54px; }
.universe-native-links { padding: var(--jf-space-body); }
.universe-native-links ul { grid-template-columns: 1fr; }
.universe-hero .hero-system { gap: 9px; margin-bottom: 24px; font-size: 0.47rem; }
.universe-hero .hero-system i { flex-basis: 22px; }
.universe-hero h2 { line-height: 0.96; }
.universe-mission { margin-top: 24px; font-size: 1.48rem; }
.universe-intro { margin-top: 14px; font-size: 0.88rem; }
.universe-hero .hero-actions { display: grid; }
.universe-hero .hero-actions .button { width: 100%; }
.universe-hero .hero-facts { display: grid; grid-template-columns: 1.5fr 0.7fr 0.9fr; gap: 10px; margin-top: 36px; }
.universe-console { border-radius: 20px; }
.universe-map { min-height: 430px; }
.universe-map-scene { --universe-radius: min(36vw, 148px); inset: 12px 3px 34px; }
.universe-orbit-one { width: calc(var(--universe-radius) * 0.98); }
.universe-core { width: 116px; }
.universe-core img { width: 48px; height: 48px; }
.universe-core > span:not(.universe-core-rings) { font-size: 0.37rem; }
.universe-core > strong { font-size: 0.68rem; }
.universe-core > small { font-size: 0.28rem; }
.universe-core-rings { inset: -12px; }
.universe-node { width: 78px; min-height: 70px; }
.universe-node > span { width: 44px; font-size: 0.5rem; }
.universe-node > b { top: 1px; right: 7px; width: 19px; height: 19px; font-size: 0.38rem; }
.universe-node > strong { max-width: 78px; margin-top: 6px; font-size: 0.44rem; letter-spacing: 0.04em; }
.universe-map-note { right: 0; bottom: 10px; left: 0; flex-wrap: wrap; justify-content: center; gap: 3px 9px; padding-inline: 10px; font-size: 0.4rem; line-height: 1.45; text-align: center; }
.universe-map-note [data-universe-approach-status] { flex-basis: 100%; }
.universe-map-note::before { display: none; }
.universe-domain-readout { padding: 24px 20px 22px; }
.universe-domain-panel > p:not(.coordinate) { font-size: 0.79rem; }
.universe-entry { min-height: 56px; }
}
.universe-scroll-rail {--rail-index: 0;position: fixed;z-index: 72;top: 50%;right: 17px;display: grid;gap: 7px;transform: translateY(-50%);}
.universe-scroll-rail > i {position: absolute;z-index: -1;top: 16px;bottom: 16px;left: 11px;width: 1px;background: rgba(255, 255, 255, 0.09);}
.universe-scroll-rail > i span {position: absolute;top: calc(var(--rail-index) * 25%);left: -2px;width: 5px;height: 25%;border-radius: 999px;background: linear-gradient(rgb(var(--journey-accent-rgb)), transparent);box-shadow: 0 0 12px rgba(var(--journey-accent-rgb), 0.46);transition: top 420ms cubic-bezier(0.2, 0.8, 0.2, 1), background 320ms ease;}
.universe-scroll-rail a {display: grid;grid-template-columns: 24px auto;align-items: center;min-height: 35px;color: var(--quiet);font-family: var(--mono);font-size: 0.46rem;letter-spacing: 0.08em;}
.universe-scroll-rail a span {display: grid;place-items: center;width: 23px;height: 23px;border: 1px solid rgba(255, 255, 255, 0.09);border-radius: 50%;background: rgba(3, 5, 8, 0.82);transition: color 180ms ease, border-color 180ms ease, background 180ms ease;}
.universe-scroll-rail a b {padding: 6px 9px;transform: translateX(5px);border: 1px solid transparent;border-radius: 999px;background: rgba(3, 5, 8, 0.76);opacity: 0;font-weight: 500;transition: opacity 180ms ease, transform 180ms ease, color 180ms ease, border-color 180ms ease;}
.universe-scroll-rail a:hover b,.universe-scroll-rail a:focus-visible b { transform: none; opacity: 1; }
.universe-scroll-rail a[aria-current="location"] { color: var(--gold-pale); }
.universe-scroll-rail a[aria-current="location"] span { border-color: rgba(var(--journey-accent-rgb), 0.56); background: rgba(var(--journey-accent-rgb), 0.08); color: rgb(var(--journey-accent-rgb)); }
.home-page .area-card {transition: transform 260ms ease, background 260ms ease, border-color 260ms ease;}
.home-page .area-card:hover {transform: translateY(-4px);background: linear-gradient(150deg, rgba(17, 22, 30, 0.92), rgba(7, 10, 15, 0.88));border-color: rgba(239, 183, 78, 0.28);}
.home-page .area-card:hover::after { opacity: 0.72; }
.creative-branch {position: relative;display: grid;grid-template-columns: minmax(240px, 0.78fr) minmax(480px, 1.35fr) auto;gap: clamp(26px, 4vw, 60px);align-items: center;margin-top: 24px;padding: clamp(28px, 4vw, 48px);overflow: hidden;border: 1px solid rgba(var(--domain-accent-rgb), 0.21);border-radius: 24px;background:
radial-gradient(circle at 78% 10%, rgba(var(--domain-accent-rgb), 0.08), transparent 22rem),linear-gradient(135deg, rgba(14, 17, 24, 0.92), rgba(5, 8, 12, 0.96));}
.creative-branch > :not(.creative-branch-scene) { position: relative; z-index: 1; }
.creative-branch-scene { z-index: 0; inset: 9%; opacity: 0.52; }
.creative-branch-heading h3 {margin-top: 16px;font-family: var(--display);font-size: clamp(1.9rem, 2.7vw, 3.05rem);font-weight: 400;letter-spacing: -0.04em;line-height: 1;}
.creative-branch-heading > p:last-child { margin-top: 16px; color: var(--muted); font-size: 0.82rem; }
.creative-branch-lineage { display: flex; align-items: center; gap: 14px; min-width: 0; }
.creative-branch-lineage > span { display: grid; min-width: 0; }
.creative-branch-lineage small { color: rgba(var(--domain-accent-rgb), 0.82); font-family: var(--mono); font-size: 0.44rem; letter-spacing: 0.08em; }
.creative-branch-lineage b { margin-top: 7px; font-size: 0.78rem; font-weight: 600; }
.creative-branch-lineage em { margin-top: 5px; color: var(--quiet); font-family: var(--mono); font-size: 0.43rem; font-style: normal; letter-spacing: 0.08em; }
.creative-branch-lineage > i { color: rgba(var(--domain-accent-rgb), 0.54); font-style: normal; }
.creative-branch > .button { white-space: nowrap; }
@media (max-width: 1280px) {.universe-scroll-rail { display: none; }
.creative-branch { grid-template-columns: minmax(240px, 0.8fr) minmax(440px, 1.2fr); }
.creative-branch > .button { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 820px) {.creative-branch { grid-template-columns: 1fr; }
.creative-branch-lineage { align-items: flex-start; flex-direction: column; }
.creative-branch-lineage > i { transform: rotate(90deg); }
.creative-branch > .button { grid-column: auto; width: 100%; }
}
/* Universe passages and first approach */
.domain-passage[hidden],.universe-orientation[hidden] { display: none; }
html.is-domain-passage,body.is-domain-passage { overflow: hidden; overscroll-behavior: none; }
.domain-passage {--domain-accent-rgb: var(--domain-finance-rgb);position: fixed;z-index: 999;inset: 0;display: grid;place-content: center;justify-items: center;padding: 24px;overflow: hidden;background:
radial-gradient(circle at var(--domain-field-origin), rgba(var(--domain-accent-rgb), 0.09), transparent 24rem),rgba(3, 5, 8, 0.965);opacity: 0;pointer-events: none;text-align: center;transition: opacity var(--motion-domain-control) var(--ease-domain-control);}
.domain-passage-scene {--passage-radius: 4px;--passage-rotation: 0deg;--passage-border-style: solid;--passage-response-from: scaleX(0.72);--passage-response-to: scaleX(1);--passage-response-clip-from: inset(0);--passage-response-clip-to: inset(0);position: absolute;z-index: 0;top: 50%;left: 50%;width: min(72vw, 620px);aspect-ratio: 1;transform: translate(-50%, -50%) rotate(var(--domain-flow-rotation)) scale(var(--domain-depth-scale));transform-origin: var(--domain-field-origin);border: 1px solid rgba(var(--domain-accent-rgb), 0.08);border-radius: var(--passage-radius);background: var(--passage-surface, none);opacity: 0.16;contain: paint;color: rgb(var(--domain-accent-rgb));pointer-events: none;transition: opacity var(--motion-domain-passage) var(--ease-domain-passage), transform var(--motion-domain-passage) var(--ease-domain-passage), border-radius var(--motion-domain-control) var(--ease-domain-control);}
.domain-passage.is-visible .domain-passage-scene { transform: translate(-50%, -50%) rotate(var(--domain-flow-rotation)) scale(var(--domain-depth-scale)); opacity: 0.44; }
.domain-passage-scene i { position: absolute; display: block; pointer-events: none; }
.domain-passage-scene i:nth-child(1) { inset: 13%; transform: rotate(var(--passage-rotation)); border: 1px var(--passage-border-style) rgba(var(--domain-accent-rgb), 0.26); border-radius: var(--passage-radius); background: var(--passage-geometry, none); }
.domain-passage-scene i:nth-child(2) { inset: 25%; transform: rotate(var(--passage-route-rotation, 0deg)); border: 1px var(--passage-border-style) rgba(var(--domain-accent-rgb), 0.2); border-radius: var(--passage-route-radius, var(--passage-radius)); background: var(--passage-route, none); opacity: 0.66; }
.domain-passage-scene i:nth-child(3) { inset: 19%; transform: var(--passage-response-from); border: 1px solid rgba(var(--domain-accent-rgb), 0.5); border-radius: var(--passage-radius); background: var(--passage-response, none); opacity: 0; clip-path: var(--passage-response-clip-from); }
.domain-passage.is-visible .domain-passage-scene i:nth-child(3) { animation: domain-passage-response var(--motion-domain-passage) var(--ease-domain-passage) 1 both; }
[data-domain-surface="measured-grid"] { --passage-surface: repeating-linear-gradient(90deg, transparent 0 47px, rgba(var(--domain-accent-rgb), 0.08) 48px, transparent 49px), repeating-linear-gradient(0deg, transparent 0 47px, rgba(var(--domain-accent-rgb), 0.035) 48px, transparent 49px); }
[data-domain-surface="provenance-rings"] { --passage-surface: repeating-radial-gradient(ellipse at center, transparent 0 31px, rgba(var(--domain-accent-rgb), 0.075) 32px, transparent 33px 49px); }
[data-domain-surface="chronology-strata"] { --passage-surface: repeating-linear-gradient(0deg, transparent 0 37px, rgba(var(--domain-accent-rgb), 0.07) 38px, transparent 39px 62px); }
[data-domain-surface="orthogonal-grid"] { --passage-surface: repeating-linear-gradient(0deg, rgba(var(--domain-accent-rgb), 0.065) 0 1px, transparent 1px 36px), repeating-linear-gradient(90deg, rgba(var(--domain-accent-rgb), 0.065) 0 1px, transparent 1px 36px); }
[data-domain-surface="composition-planes"] { --passage-surface: linear-gradient(138deg, transparent 0 38%, rgba(var(--domain-accent-rgb), 0.09) 38.2% 38.5%, transparent 38.7%), linear-gradient(18deg, transparent 0 64%, rgba(var(--domain-accent-rgb), 0.06) 64.2% 64.5%, transparent 64.7%); }
[data-domain-surface="contour-field"] { --passage-surface: repeating-radial-gradient(ellipse at center, transparent 0 35px, rgba(var(--domain-accent-rgb), 0.07) 36px, transparent 37px 54px); }
[data-domain-geometry="convergent-axis"] { --passage-geometry: linear-gradient(90deg, transparent 0 9%, rgba(var(--domain-accent-rgb), 0.26) 9.3% 9.7%, transparent 10% 90%, rgba(var(--domain-accent-rgb), 0.26) 90.3% 90.7%, transparent 91%), linear-gradient(transparent 0 49%, rgba(var(--domain-accent-rgb), 0.3) 49.3% 49.7%, transparent 50%); --passage-radius: 2px; }
[data-domain-geometry="leaf-axis"] { --passage-geometry: radial-gradient(ellipse at center, transparent 0 42%, rgba(var(--domain-accent-rgb), 0.28) 42.4% 42.8%, transparent 43.2%), linear-gradient(32deg, transparent 0 49%, rgba(var(--domain-accent-rgb), 0.26) 49.3% 49.7%, transparent 50%); --passage-radius: 68% 32% 66% 34%; --passage-rotation: -8deg; }
[data-domain-geometry="open-arch"] { --passage-geometry: radial-gradient(ellipse at 50% 92%, transparent 0 48%, rgba(var(--domain-accent-rgb), 0.28) 48.4% 48.8%, transparent 49.2%), linear-gradient(transparent 0 76%, rgba(var(--domain-accent-rgb), 0.24) 76.3% 76.7%, transparent 77%); --passage-radius: 48% 48% 5px 5px; }
[data-domain-geometry="routing-frame"] { --passage-geometry: linear-gradient(90deg, rgba(var(--domain-accent-rgb), 0.28) 0 1px, transparent 1px 76%, rgba(var(--domain-accent-rgb), 0.28) 76% 76.5%, transparent 76.5%), linear-gradient(rgba(var(--domain-accent-rgb), 0.28) 0 1px, transparent 1px 64%, rgba(var(--domain-accent-rgb), 0.28) 64% 64.5%, transparent 64.5%); --passage-radius: 9px; }
[data-domain-geometry="off-axis-frame"] { --passage-geometry: linear-gradient(90deg, rgba(var(--domain-accent-rgb), 0.28) 0 1px, transparent 1px calc(100% - 1px), rgba(var(--domain-accent-rgb), 0.28) calc(100% - 1px)), linear-gradient(rgba(var(--domain-accent-rgb), 0.28) 0 1px, transparent 1px calc(100% - 1px), rgba(var(--domain-accent-rgb), 0.28) calc(100% - 1px)); --passage-radius: 2px; --passage-rotation: -5deg; }
[data-domain-geometry="portal-ellipse"] { --passage-geometry: radial-gradient(ellipse at center, transparent 0 43%, rgba(var(--domain-accent-rgb), 0.3) 43.4% 43.8%, transparent 44.2%), radial-gradient(circle at 78% 33%, rgb(var(--domain-accent-rgb)) 0 2px, transparent 3px); --passage-radius: 50%; --passage-rotation: -11deg; }
[data-domain-line-style="solid-ticks"] { --passage-route: linear-gradient(90deg, transparent 0 20%, rgba(var(--domain-accent-rgb), 0.4) 20% 21%, transparent 21% 49%, rgba(var(--domain-accent-rgb), 0.5) 49% 51%, transparent 51% 79%, rgba(var(--domain-accent-rgb), 0.4) 79% 80%, transparent 80%); --passage-route-radius: 2px; }
[data-domain-line-style="organic-hairline"] { --passage-border-style: solid; --passage-route-radius: 70% 30% 68% 32%; --passage-route-rotation: 18deg; }
[data-domain-line-style="measured-double-line"] { --passage-route: linear-gradient(transparent 0 42%, rgba(var(--domain-accent-rgb), 0.3) 42.5% 43%, transparent 43.5% 57%, rgba(var(--domain-accent-rgb), 0.3) 57.5% 58%, transparent 58.5%); --passage-route-radius: 48% 48% 4px 4px; }
[data-domain-line-style="right-angle-dotted"] { --passage-border-style: dotted; --passage-route-radius: 8px; }
[data-domain-line-style="crop-marks"] { --passage-route: linear-gradient(90deg, currentColor 0 14%, transparent 14% 86%, currentColor 86%), linear-gradient(currentColor 0 14%, transparent 14% 86%, currentColor 86%); --passage-route-rotation: 5deg; --passage-route-radius: 2px; }
[data-domain-line-style="dotted-waypoint"] { --passage-border-style: dotted; --passage-route-radius: 50%; --passage-route-rotation: -17deg; }
[data-domain-response="axis-resolve"] { --passage-response: linear-gradient(90deg, transparent, rgba(var(--domain-accent-rgb), 0.58), transparent); --passage-response-from: scaleX(0.72); --passage-response-to: scaleX(1); }
[data-domain-response="provenance-close"] { --passage-response-from: scale(1.06) rotate(-8deg); --passage-response-to: scale(1) rotate(-8deg); }
[data-domain-response="strata-align"] { --passage-response-from: translateY(5px); --passage-response-to: translateY(0); }
[data-domain-response="route-confirm"] { --passage-response-from: none; --passage-response-to: none; --passage-response-clip-from: inset(0 100% 0 0); --passage-response-clip-to: inset(0); }
[data-domain-response="frame-register"] { --passage-response-from: translate(3px, -2px) rotate(-7deg); --passage-response-to: rotate(-5deg); }
[data-domain-response="portal-reveal"] { --passage-response-from: rotate(-11deg) scaleX(0.94); --passage-response-to: rotate(-11deg) scaleX(1.02); }
@keyframes domain-passage-response {0% { transform: var(--passage-response-from); opacity: 0; clip-path: var(--passage-response-clip-from); }
42% { opacity: 0.72; }
100% { transform: var(--passage-response-to); opacity: 0; clip-path: var(--passage-response-clip-to); }
}
.domain-passage::before,.domain-passage::after {position: absolute;top: 50%;width: min(34vw, 420px);height: 1px;transform: scaleX(0);background: linear-gradient(90deg, transparent, rgba(var(--domain-accent-rgb), 0.62));content: "";transition: transform var(--motion-domain-passage) var(--ease-domain-passage);}
.domain-passage::before { right: calc(50% + 52px); transform-origin: right; }
.domain-passage::after { left: calc(50% + 52px); transform-origin: left; background: linear-gradient(90deg, rgba(var(--domain-accent-rgb), 0.62), transparent); }
.domain-passage.is-visible { opacity: 1; pointer-events: auto; }
.domain-passage.is-visible::before,.domain-passage.is-visible::after { transform: scaleX(1); }
.domain-passage-core {position: relative;z-index: 2;display: grid;place-items: center;width: 74px;aspect-ratio: 1;transform: scale(0.88);border: 1px solid rgba(var(--domain-accent-rgb), 0.55);border-radius: 50%;box-shadow: 0 0 0 12px rgba(var(--domain-accent-rgb), 0.025), 0 0 42px rgba(var(--domain-accent-rgb), 0.18);color: rgb(var(--domain-accent-rgb));font-family: var(--mono);font-size: 0.55rem;transition: transform var(--motion-domain-passage) var(--ease-domain-passage);}
.domain-passage-core i { position: absolute; inset: -10px; border: 1px dashed rgba(var(--domain-accent-rgb), 0.18); border-radius: 50%; }
.domain-passage.is-visible .domain-passage-core { transform: none; }
.domain-passage > p { position: relative; z-index: 2; margin-top: 31px; color: var(--quiet); font-family: var(--mono); font-size: 0.48rem; letter-spacing: 0.16em; }
.domain-passage > strong { position: relative; z-index: 2; margin-top: 10px; color: rgb(var(--domain-accent-rgb)); font-family: var(--display); font-size: var(--type-domain-title); font-weight: 400; letter-spacing: -0.04em; line-height: 0.9; }
.domain-passage > small { position: relative; z-index: 2; max-width: 520px; margin-top: 13px; color: var(--muted); font-family: var(--mono); font-size: 0.52rem; letter-spacing: 0.1em; line-height: 1.6; }
.domain-passage-destination b { color: rgb(var(--domain-accent-rgb)); font-weight: 500; }
.universe-orientation {position: absolute;z-index: 14;right: 18px;bottom: 18px;left: 18px;display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 18px;align-items: center;padding: 17px 18px;transform: translateY(8px);border: 1px solid rgba(var(--domain-accent-rgb), 0.3);border-radius: 14px;background: rgba(4, 7, 11, 0.94);box-shadow: 0 20px 55px rgba(0, 0, 0, 0.36), inset 0 0 28px rgba(var(--domain-accent-rgb), 0.04);opacity: 0;transition: opacity var(--motion-domain-control) var(--ease-domain-control), transform var(--motion-domain-control) var(--ease-domain-control), border-color var(--motion-domain-panel) var(--ease-domain-panel);}
.universe-orientation.is-visible { transform: none; opacity: 1; }
.universe-orientation div { display: grid; }
.universe-orientation span { color: rgb(var(--domain-accent-rgb)); font-family: var(--mono); font-size: 0.43rem; letter-spacing: 0.1em; line-height: 1.5; }
.universe-orientation strong { margin-top: 6px; color: var(--ink); font-family: var(--display); font-size: 1.35rem; font-weight: 400; }
.universe-orientation p { margin-top: 4px; color: var(--muted); font-size: 0.69rem; line-height: 1.5; }
.universe-orientation button,.readout-label [data-universe-guide-open] {appearance: none;min-height: 45px;padding: 0 12px;border: 1px solid rgba(var(--domain-accent-rgb), 0.28);border-radius: 999px;background: rgba(var(--domain-accent-rgb), 0.055);color: rgb(var(--domain-accent-rgb));font-family: var(--mono);font-size: 0.43rem;letter-spacing: 0.08em;cursor: pointer;}
.readout-label [data-universe-guide-open] { margin-left: auto; padding-inline: 11px; }
.universe-domain-readout .readout-label b { margin-left: 0; }
.universe-orientation button:focus-visible,.readout-label [data-universe-guide-open]:focus-visible { outline: 2px solid var(--gold-pale); outline-offset: 2px; }
.universe-console.is-guided .universe-core { border-color: rgba(var(--domain-accent-rgb), 0.82); box-shadow: 0 0 0 17px rgba(var(--domain-accent-rgb), 0.035), 0 0 72px rgba(var(--domain-accent-rgb), 0.24), inset 0 0 30px rgba(var(--domain-accent-rgb), 0.07); }
.universe-domain-panel > .universe-domain-invitation {margin-top: 14px;padding-left: 11px;border-left: 1px solid rgba(var(--domain-accent-rgb), 0.46);color: rgb(var(--domain-accent-rgb));font-family: var(--display);font-size: 1rem;line-height: 1.35;}
.universe-domain-signals { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 17px; padding: 0; list-style: none; }
.universe-domain-signals li { padding: 6px 8px; border: 1px solid rgba(var(--domain-accent-rgb), 0.18); border-radius: 999px; color: rgba(var(--domain-accent-rgb), 0.82); font-family: var(--mono); font-size: 0.48rem; letter-spacing: 0.07em; }
.universe-domain-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 17px; padding: 0; border-block: 1px solid rgba(var(--domain-accent-rgb), 0.14); list-style: none; }
.universe-domain-actions li { position: relative; display: grid; gap: 3px; padding: 9px 14px 9px 0; font-family: var(--mono); }
.universe-domain-actions li:not(:last-child)::after { position: absolute; top: 50%; right: 6px; transform: translateY(-50%); color: rgba(var(--domain-accent-rgb), 0.42); content: "→"; font-size: 0.58rem; }
.universe-domain-actions span { color: var(--quiet); font-size: 0.4rem; letter-spacing: 0.08em; }
.universe-domain-actions b { color: rgb(var(--domain-accent-rgb)); font-size: 0.46rem; font-weight: 500; letter-spacing: 0.08em; }
.universe-entries { margin-top: 21px; }
.universe-node > span { position: relative; }
.universe-node > span::before { position: absolute; inset: 11px; opacity: 0.48; content: ""; pointer-events: none; transition: opacity var(--motion-domain-control) var(--ease-domain-control); }
.universe-node[data-domain-motif="signal-axis"] > span::before { background: linear-gradient(90deg, transparent 0 12%, currentColor 13% 15%, transparent 16% 84%, currentColor 85% 87%, transparent 88%), linear-gradient(transparent 0 48%, currentColor 49% 51%, transparent 52%); }
.universe-node[data-domain-motif="living-rings"] > span::before { inset: 12px 10px; transform: rotate(-18deg); border: 1px solid currentColor; border-radius: 72% 28% 68% 32%; }
.universe-node[data-domain-motif="time-axis"] > span::before { inset: 12px 9px; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; background: linear-gradient(90deg, transparent 0 49%, currentColor 49% 51%, transparent 51%); }
.universe-node[data-domain-motif="system-grid"] > span::before { background: repeating-linear-gradient(0deg, transparent 0 6px, currentColor 7px, transparent 8px), repeating-linear-gradient(90deg, transparent 0 6px, currentColor 7px, transparent 8px); }
.universe-node[data-domain-motif="authoring-frame"] > span::before { inset: 10px; transform: rotate(-8deg); border: 1px solid currentColor; border-radius: 2px; }
.universe-node[data-domain-motif="world-orbit"] > span::before { inset: 13px 8px; transform: rotate(-24deg); border: 1px dotted currentColor; border-radius: 50%; }
.universe-node[aria-selected="true"] > span::before { opacity: 0.78; }
.universe-node > span::after { position: absolute; inset: -8px; transform: scale(0.88); border: 1px dashed rgba(var(--domain-accent-rgb), 0.48); border-radius: 50%; opacity: 0; content: ""; transition: opacity var(--motion-domain-hover) var(--ease-domain-hover), transform var(--motion-domain-control) var(--ease-domain-control); }
.universe-node.is-preview > span::after,.universe-node:focus-visible > span::after { transform: none; opacity: 0.76; }
.universe-console.has-domain-preview .universe-node:not(.is-preview):not([aria-selected="true"]) { opacity: 0.52; }
.universe-tablist:focus-within .universe-node:not(:focus):not([aria-selected="true"]) { opacity: 0.62; }
.universe-console.is-switching .universe-map-scene::after { box-shadow: 0 0 28px rgba(var(--domain-accent-rgb), 0.52); }
.universe-console.is-switching .universe-node[aria-selected="true"] > span::after { animation: universe-node-confirm var(--motion-domain-confirm) var(--ease-domain-confirm); }
@keyframes universe-node-confirm {from { transform: scale(0.72); opacity: 0.9; }
to { transform: scale(1.22); opacity: 0; }
}
.product-main[data-domain-id] {position: relative;overflow: clip;background:
radial-gradient(circle at 76% 7%, rgba(var(--domain-accent-rgb), 0.085), transparent 31rem),linear-gradient(180deg, rgba(var(--domain-accent-rgb), 0.022), transparent 56rem);}
.universe-path { display: flex; gap: 7px; align-items: stretch; width: min(100%, 920px); min-width: 0; margin-bottom: 31px; font-family: var(--mono); }
.universe-path-step { position: relative; display: grid; grid-template-columns: 34px minmax(0, 1fr); flex: 1 1 0; gap: 9px; align-items: center; min-width: 0; min-height: 58px; overflow: hidden; padding: 8px; border: 1px solid rgba(var(--domain-accent-rgb), 0.17); border-radius: 12px; background: radial-gradient(circle at var(--domain-field-origin), rgba(var(--domain-accent-rgb), 0.055), transparent 76%), rgba(5, 8, 12, 0.66); }
.universe-path-step::after { position: absolute; inset: 0; transform: rotate(var(--domain-flow-rotation)) scale(var(--domain-depth-scale)); transform-origin: var(--domain-field-origin); background: linear-gradient(112deg, transparent 0 48%, rgba(var(--domain-accent-rgb), 0.08) 49%, transparent 50%); opacity: 0.45; content: ""; pointer-events: none; }
.universe-path-step > * { position: relative; z-index: 1; }
.universe-path-core { --domain-accent-rgb: var(--domain-finance-rgb); }
.universe-path-destination { flex-grow: 1.12; border-color: rgba(var(--domain-accent-rgb), 0.36); background: radial-gradient(circle at var(--domain-field-origin), rgba(var(--domain-accent-rgb), 0.1), transparent 76%), rgba(5, 8, 12, 0.84); }
.universe-path-mark { position: relative; display: grid; place-items: center; width: 34px; aspect-ratio: 1; border: 1px solid rgba(var(--domain-accent-rgb), 0.43); border-radius: 50%; color: rgb(var(--domain-accent-rgb)); font-size: 0.47rem; letter-spacing: 0.04em; }
.universe-path-mark::before { position: absolute; inset: 6px; border: 1px solid rgba(var(--domain-accent-rgb), 0.3); border-radius: 50%; content: ""; }
.universe-path-step[data-domain-motif="signal-axis"] .universe-path-mark::before { inset: 5px 9px; border-radius: 1px; }
.universe-path-step[data-domain-motif="living-rings"] .universe-path-mark::before { inset: 5px 7px; border-radius: 64% 36% 60% 40%; transform: rotate(-18deg); }
.universe-path-step[data-domain-motif="time-axis"] .universe-path-mark::before { inset: 8px 5px; border-inline: 0; border-radius: 0; }
.universe-path-step[data-domain-motif="system-grid"] .universe-path-mark::before { inset: 6px; border-radius: 2px; background: linear-gradient(90deg, transparent 47%, rgba(var(--domain-accent-rgb), 0.28) 48% 52%, transparent 53%), linear-gradient(transparent 47%, rgba(var(--domain-accent-rgb), 0.28) 48% 52%, transparent 53%); }
.universe-path-step[data-domain-motif="authoring-frame"] .universe-path-mark::before { inset: 6px; border-radius: 1px; transform: rotate(-10deg); }
.universe-path-step[data-domain-motif="world-orbit"] .universe-path-mark::before { inset: 4px 7px; border-style: dotted; border-radius: 50%; transform: rotate(18deg); }
.universe-path-step > span:last-child { display: grid; min-width: 0; }
.universe-path-step small { color: var(--quiet); font-size: 0.4rem; letter-spacing: 0.08em; }
.universe-path-step b { margin-top: 4px; overflow: hidden; color: var(--ink); font-size: 0.5rem; font-weight: 500; letter-spacing: 0.055em; text-overflow: ellipsis; white-space: nowrap; }
.universe-path-destination b { color: rgb(var(--domain-accent-rgb)); }
.universe-path-arrow { display: grid; place-items: center; flex: 0 0 13px; color: rgba(var(--domain-accent-rgb), 0.56); font-family: var(--mono); font-size: 0.58rem; font-style: normal; }
.universe-path-step:focus-visible { z-index: 2; outline: 2px solid rgb(var(--domain-accent-rgb)); outline-offset: 2px; }
.product-main .domain-journey { border-width: var(--product-stroke-boundary); border-radius: var(--product-radius-card); box-shadow: var(--product-elevation-dock); }
.product-main .domain-journey-origin,.product-main .domain-journey > a { border-radius: var(--product-radius-control); }
.product-main .domain-journey-origin::after { border-width: var(--product-stroke-boundary); }
.product-main .domain-journey > a::after { height: var(--product-stroke-boundary); }
.product-main .domain-journey > a:focus-visible,.product-main .universe-path-step:focus-visible { outline-width: var(--product-stroke-focus); }
.product-main .universe-path-step { border-width: var(--product-stroke-boundary); border-radius: var(--product-radius-control); }
.product-domain-mark { display: grid; place-items: center; width: 48px; aspect-ratio: 1; border: 1px solid rgba(var(--domain-accent-rgb), 0.5); border-radius: 50%; background: radial-gradient(circle at 42% 35%, rgba(var(--domain-accent-rgb), 0.2), rgba(4, 7, 11, 0.92) 72%); box-shadow: 0 0 20px rgba(var(--domain-accent-rgb), 0.12); color: rgb(var(--domain-accent-rgb)); font-family: var(--mono); font-size: 0.56rem; letter-spacing: 0.08em; }
.product-main .product-positioning,.product-main .visual-coordinate b,.product-main .product-fact-strip dd { color: rgb(var(--domain-accent-rgb)); }
.product-main .product-features li span,.product-main .product-boundary li::before { color: rgb(var(--domain-accent-rgb)); }
.product-main .product-hero-visual { border-color: rgba(var(--domain-accent-rgb), 0.22); background: radial-gradient(circle at var(--domain-field-origin), rgba(var(--domain-accent-rgb), 0.13), transparent 55%), #070a0f; box-shadow: var(--product-elevation-scene), 0 0 70px rgba(var(--domain-accent-rgb), 0.055); }
.product-main .product-hero-visual > img { position: relative; z-index: 1; padding-top: calc(var(--product-space-scene-gap) + var(--jf-space-body)); transform: translate3d(calc(var(--px) * 2px), calc(var(--py) * 2px), 0); transition: transform var(--motion-domain-spatial) var(--ease-domain-spatial); }
.product-main .product-hero-visual > i { background: linear-gradient(90deg, rgb(var(--domain-accent-rgb)), transparent); }
.visual-coordinate-context { display: grid; gap: 7px; min-width: 0; }
.visual-coordinate-context > i { overflow-wrap: anywhere; font-style: normal; }
.product-domain-method { display: grid; gap: 3px; font-family: var(--mono); line-height: 1.45; }
.product-domain-method span { color: var(--quiet); font-size: 0.4rem; letter-spacing: 0.1em; }
.product-domain-method b { color: rgb(var(--domain-accent-rgb)); font-size: 0.48rem; font-weight: 500; letter-spacing: 0.09em; }
[data-domain-hero-scene] {--product-scene-surface: none;--product-scene-surface-size: auto;--product-scene-geometry: none;--product-scene-geometry-radius: 50%;--product-scene-geometry-transform: none;--product-scene-response-to: scale(1);position: absolute;contain: layout paint;color: rgb(var(--domain-accent-rgb));transform: translate3d(calc(var(--px) * -3px), calc(var(--py) * -3px), 0) rotate(var(--domain-flow-rotation)) scale(var(--domain-depth-scale));transform-origin: var(--domain-field-origin);pointer-events: none;transition: transform var(--motion-domain-spatial) var(--ease-domain-spatial);}
.product-domain-orbits { z-index: 3; inset: 8%; }
[data-domain-hero-scene] > i { position: absolute; display: block; box-sizing: border-box; pointer-events: none; transition: opacity var(--motion-domain-hover) var(--ease-domain-hover), transform var(--motion-domain-control) var(--ease-domain-control); }
.domain-hero-surface { z-index: 0; inset: 0; background: var(--product-scene-surface); background-size: var(--product-scene-surface-size); opacity: 0.28; }
.domain-hero-geometry { z-index: 1; inset: 13%; transform: var(--product-scene-geometry-transform); border: 1px solid rgba(var(--domain-accent-rgb), 0.28); border-radius: var(--product-scene-geometry-radius); background: var(--product-scene-geometry); opacity: 0.7; }
.domain-hero-line { z-index: 2; inset: 20%; opacity: 0.55; }
.domain-hero-response { z-index: 3; width: 10px; height: 10px; transform: var(--product-scene-response-to); border: 1px solid currentColor; opacity: 0.9; }
.product-hero:is(:hover, :focus-within) .domain-hero-surface { opacity: 0.38; }
.product-hero:is(:hover, :focus-within) .domain-hero-line { opacity: 0.78; }
.product-hero:is(:hover, :focus-within) .domain-hero-response { opacity: 1; }
:is(.creative-branch,.games-hero,.game-hero):is(:hover, :focus-within) .domain-hero-surface { opacity: 0.34; }
:is(.creative-branch,.games-hero,.game-hero):is(:hover, :focus-within) .domain-hero-line { opacity: 0.68; }
[data-domain-surface="measured-grid"] [data-domain-hero-scene] { --product-scene-surface: repeating-linear-gradient(90deg, transparent 0 32px, rgba(var(--domain-accent-rgb), 0.13) 33px, transparent 34px), repeating-linear-gradient(0deg, transparent 0 32px, rgba(var(--domain-accent-rgb), 0.07) 33px, transparent 34px); }
[data-domain-surface="provenance-rings"] [data-domain-hero-scene] { --product-scene-surface: repeating-radial-gradient(ellipse at 34% 42%, transparent 0 26px, rgba(var(--domain-accent-rgb), 0.13) 27px, transparent 28px 42px); }
[data-domain-surface="chronology-strata"] [data-domain-hero-scene] { --product-scene-surface: repeating-linear-gradient(0deg, transparent 0 27px, rgba(var(--domain-accent-rgb), 0.13) 28px, transparent 29px 43px); }
[data-domain-surface="orthogonal-grid"] [data-domain-hero-scene] { --product-scene-surface: linear-gradient(rgba(var(--domain-accent-rgb), 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--domain-accent-rgb), 0.12) 1px, transparent 1px); --product-scene-surface-size: 34px 34px; }
[data-domain-surface="composition-planes"] [data-domain-hero-scene] { --product-scene-surface: linear-gradient(138deg, transparent 0 39%, rgba(var(--domain-accent-rgb), 0.15) 39.3% 39.7%, transparent 40%), linear-gradient(18deg, transparent 0 66%, rgba(var(--domain-accent-rgb), 0.1) 66.3% 66.7%, transparent 67%); }
[data-domain-surface="contour-field"] [data-domain-hero-scene] { --product-scene-surface: repeating-radial-gradient(ellipse at center, transparent 0 29px, rgba(var(--domain-accent-rgb), 0.13) 30px, transparent 31px 48px); }
[data-domain-geometry="convergent-axis"] [data-domain-hero-scene] { --product-scene-geometry: linear-gradient(76deg, transparent 0 49.6%, rgba(var(--domain-accent-rgb), 0.36) 49.8% 50.2%, transparent 50.4%), linear-gradient(104deg, transparent 0 49.6%, rgba(var(--domain-accent-rgb), 0.36) 49.8% 50.2%, transparent 50.4%); --product-scene-geometry-radius: 2px; }
[data-domain-geometry="leaf-axis"] [data-domain-hero-scene] { --product-scene-geometry: linear-gradient(28deg, transparent 0 49.6%, rgba(var(--domain-accent-rgb), 0.34) 49.8% 50.2%, transparent 50.4%); --product-scene-geometry-radius: 72% 28% 68% 32%; --product-scene-geometry-transform: rotate(-18deg) scaleX(0.82); }
[data-domain-geometry="open-arch"] [data-domain-hero-scene] { --product-scene-geometry: radial-gradient(ellipse at 50% 94%, transparent 0 52%, rgba(var(--domain-accent-rgb), 0.28) 52.4% 52.8%, transparent 53.2%); --product-scene-geometry-radius: 50% 50% 5px 5px; }
[data-domain-geometry="routing-frame"] [data-domain-hero-scene] { --product-scene-geometry: linear-gradient(90deg, transparent 0 27%, rgba(var(--domain-accent-rgb), 0.25) 27.3% 27.7%, transparent 28%), linear-gradient(transparent 0 68%, rgba(var(--domain-accent-rgb), 0.25) 68.3% 68.7%, transparent 69%); --product-scene-geometry-radius: 8px; }
[data-domain-geometry="off-axis-frame"] [data-domain-hero-scene] { --product-scene-geometry: linear-gradient(90deg, rgba(var(--domain-accent-rgb), 0.24) 0 1px, transparent 1px calc(100% - 1px), rgba(var(--domain-accent-rgb), 0.24) calc(100% - 1px)), linear-gradient(rgba(var(--domain-accent-rgb), 0.24) 0 1px, transparent 1px calc(100% - 1px), rgba(var(--domain-accent-rgb), 0.24) calc(100% - 1px)); --product-scene-geometry-radius: 2px; --product-scene-geometry-transform: rotate(-7deg); }
[data-domain-geometry="portal-ellipse"] [data-domain-hero-scene] { --product-scene-geometry: radial-gradient(circle at 80% 32%, currentColor 0 2px, transparent 3px); --product-scene-geometry-transform: rotate(-18deg) scaleY(0.64); }
[data-domain-line-style="solid-ticks"] .domain-hero-line { top: 50%; right: 16%; left: 16%; height: 18px; border-top: 1px solid currentColor; background: repeating-linear-gradient(90deg, transparent 0 11px, currentColor 11px 12px, transparent 12px 23px); background-size: 100% 7px; background-repeat: no-repeat; }
[data-domain-line-style="organic-hairline"] .domain-hero-line { inset: 25% 14%; transform: rotate(16deg); border: 1px solid currentColor; border-radius: 66% 34% 62% 38%; }
[data-domain-line-style="measured-double-line"] .domain-hero-line { inset: 27% 15%; border-block: 3px double currentColor; }
[data-domain-line-style="right-angle-dotted"] .domain-hero-line { inset: 24% 18%; border-top: 1px dotted currentColor; border-right: 1px dotted currentColor; border-radius: 0 7px 0 0; }
[data-domain-line-style="crop-marks"] .domain-hero-line { inset: 17%; background: linear-gradient(currentColor, currentColor) left top / 18% 1px no-repeat, linear-gradient(currentColor, currentColor) left top / 1px 18% no-repeat, linear-gradient(currentColor, currentColor) right bottom / 18% 1px no-repeat, linear-gradient(currentColor, currentColor) right bottom / 1px 18% no-repeat; }
[data-domain-line-style="dotted-waypoint"] .domain-hero-line { inset: 20% 13%; transform: rotate(-13deg); border: 1px dotted currentColor; border-radius: 50%; }
[data-domain-response="axis-resolve"] .domain-hero-response { top: 16%; left: 50%; --product-scene-response-to: translateX(-50%) rotate(45deg) scale(1); }
[data-domain-response="provenance-close"] .domain-hero-response { bottom: 19%; left: 20%; border-radius: 70% 30% 68% 32%; --product-scene-response-to: rotate(0) scale(1); }
[data-domain-response="strata-align"] .domain-hero-response { top: 19%; left: 50%; width: 22px; height: 6px; border-inline: 0; --product-scene-response-to: translateX(-50%) scaleX(1); }
[data-domain-response="route-confirm"] .domain-hero-response { right: 17%; bottom: 20%; border-radius: 2px; --product-scene-response-to: translateX(0); }
[data-domain-response="frame-register"] .domain-hero-response { top: 19%; right: 18%; border: 0; background: linear-gradient(90deg, transparent 0 44%, currentColor 44% 56%, transparent 56%), linear-gradient(transparent 0 44%, currentColor 44% 56%, transparent 56%); --product-scene-response-to: rotate(0) scale(1); }
[data-domain-response="portal-reveal"] .domain-hero-response { top: 24%; right: 18%; border-style: dotted; border-radius: 50%; --product-scene-response-to: scaleX(1); }
main[data-domain-scene-state="arriving"] {--scene-response-duration:var(--motion-domain-confirm);--scene-response-ease:var(--ease-domain-confirm)}
.product-main[data-domain-scene-state="arriving"] {--scene-response-duration:var(--motion-domain-spatial);--scene-response-ease:var(--ease-domain-spatial)}
main[data-domain-scene-state="arriving"][data-domain-response="axis-resolve"] .domain-hero-line {--scene-layer-from:scaleX(.68);--scene-layer-to:none;--scene-layer-opacity-from:.28;--scene-layer-opacity-to:.55;animation:universe-scene-axis var(--scene-response-duration) var(--scene-response-ease) 1 both}
main[data-domain-scene-state="arriving"][data-domain-response="provenance-close"] .domain-hero-geometry {--scene-layer-from:rotate(-22deg) scaleX(.68);--scene-layer-to:var(--product-scene-geometry-transform);--scene-layer-opacity-from:.34;--scene-layer-opacity-to:.7;animation:universe-scene-provenance var(--scene-response-duration) var(--scene-response-ease) 1 both}
main[data-domain-scene-state="arriving"][data-domain-response="strata-align"] .domain-hero-line {--scene-layer-from:translateY(8px);--scene-layer-to:none;--scene-layer-opacity-from:.28;--scene-layer-opacity-to:.55;animation:universe-scene-strata var(--scene-response-duration) var(--scene-response-ease) 1 both}
main[data-domain-scene-state="arriving"][data-domain-response="route-confirm"] .domain-hero-line {--scene-layer-opacity-from:.28;--scene-layer-opacity-to:.55;animation:universe-scene-route var(--scene-response-duration) var(--scene-response-ease) 1 both}
main[data-domain-scene-state="arriving"][data-domain-response="frame-register"] .domain-hero-geometry {--scene-layer-from:translate(4px,-3px) rotate(-10deg);--scene-layer-to:var(--product-scene-geometry-transform);--scene-layer-opacity-from:.34;--scene-layer-opacity-to:.7;animation:universe-scene-frame var(--scene-response-duration) var(--scene-response-ease) 1 both}
main[data-domain-scene-state="arriving"][data-domain-response="portal-reveal"] .domain-hero-geometry {--scene-layer-from:rotate(-18deg) scaleX(.86) scaleY(.5);--scene-layer-to:var(--product-scene-geometry-transform);--scene-layer-opacity-from:.3;--scene-layer-opacity-to:.7;animation:universe-scene-portal var(--scene-response-duration) var(--scene-response-ease) 1 both}
main[data-domain-scene-state="arriving"] .domain-hero-response {animation:universe-scene-marker var(--scene-response-duration) var(--scene-response-ease) 1 both}
main[data-domain-scene-state="arriving"] .game-signal { outline: 1px solid transparent; animation: domain-arrival-confirm var(--motion-domain-confirm) var(--ease-domain-confirm) 1 both; }
@keyframes domain-arrival-confirm {0%, 100% { outline-color: transparent; outline-offset: 0; }
48% { outline-color: rgba(var(--domain-accent-rgb), 0.34); outline-offset: 4px; }
}
.product-page .product-links { grid-template-columns: repeat(4, 1fr); margin-bottom: 0; }
.product-page .product-links a:focus-visible { outline: var(--product-stroke-focus) solid rgb(var(--domain-accent-rgb)); outline-offset: -3px; }
.product-domain-continuation { display: grid; grid-template-columns: minmax(280px, 0.78fr) minmax(420px, 1.22fr); gap: clamp(var(--jf-space-cluster), 7vw, calc(var(--product-space-scene-gap) + var(--product-space-panel-inset) + var(--product-space-control-gap))); align-items: center; margin-block: calc(var(--product-space-scene-gap) + var(--jf-space-compact)) calc(var(--product-space-scene-gap) + var(--jf-space-cluster)); padding: clamp(var(--product-space-panel-inset), 5vw, var(--product-space-scene-gap)); border: var(--product-stroke-boundary) solid rgba(var(--domain-accent-rgb), 0.2); border-radius: var(--product-radius-panel); background: radial-gradient(circle at 15% 50%, rgba(var(--domain-accent-rgb), 0.09), transparent 20rem), linear-gradient(140deg, rgba(12, 17, 23, 0.92), rgba(4, 7, 11, 0.96)); box-shadow: var(--product-elevation-scene); }
.product-domain-continuation-copy { position: relative; padding-left: var(--product-space-scene-gap); }
.product-domain-continuation-copy > .product-domain-mark { position: absolute; top: 0; left: 0; }
.product-domain-continuation-copy h2 { margin-top: var(--product-space-control-gap); font-family: var(--display); font-weight: 400; letter-spacing: -0.045em; line-height: var(--product-type-section-line-height); }
.product-domain-continuation-copy > p:last-child { max-width: 520px; margin-top: 18px; color: rgb(var(--domain-accent-rgb)); font-family: var(--display); font-size: 1.15rem; line-height: 1.4; }
.product-domain-continuation nav { display: grid; border-top: var(--product-stroke-boundary) solid rgba(var(--domain-accent-rgb), 0.17); }
.product-domain-continuation nav a { position: relative; display: grid; min-height: 112px; padding: 20px 54px 18px 0; border-bottom: var(--product-stroke-boundary) solid rgba(var(--domain-accent-rgb), 0.17); transition: padding-left var(--motion-domain-hover) var(--ease-domain-hover), background var(--motion-domain-hover) var(--ease-domain-hover); }
.product-domain-continuation nav small { color: rgba(var(--domain-accent-rgb), 0.76); font-family: var(--mono); font-size: 0.43rem; letter-spacing: 0.09em; }
.product-domain-continuation nav b { margin-top: 7px; color: var(--ink); font-family: var(--display); font-size: 1.55rem; font-weight: 400; }
.product-domain-continuation nav span { margin-top: 5px; overflow: hidden; color: var(--muted); font-size: 0.7rem; text-overflow: ellipsis; white-space: nowrap; }
.product-domain-continuation nav i { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); color: rgb(var(--domain-accent-rgb)); font-style: normal; }
.product-domain-continuation nav a:focus-visible { outline: var(--product-stroke-focus) solid rgb(var(--domain-accent-rgb)); outline-offset: 3px; }
.launch-observatory { padding-block: clamp(90px, 11vw, 155px); border-bottom: 1px solid var(--line); }
.launch-observatory .section-heading { margin-bottom: 66px; }
.launch-controls[hidden], .launch-empty[hidden], .launch-line li[hidden] { display: none; }
.launch-controls { display: grid; gap: var(--jf-space-body); margin-bottom: var(--jf-space-cluster); padding: var(--jf-space-content); border: 1px solid var(--line); border-radius: var(--jf-radius-panel); background: rgba(255, 255, 255, 0.018); box-shadow: var(--jf-elevation-raised); }
.launch-control-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--jf-space-body); }
.launch-control-heading p, .launch-control-heading button, .launch-selectors label > span { color: var(--quiet); font-family: var(--mono); font-size: var(--type-coordinate); letter-spacing: 0.08em; }
.launch-control-heading button { padding: 5px 0; border: 0; background: none; color: var(--gold-pale); cursor: pointer; }
.launch-control-heading button:focus-visible { outline: var(--jf-stroke-focus) solid var(--gold); outline-offset: 4px; }
.launch-domain-filters { display: flex; flex-wrap: wrap; gap: var(--jf-space-compact); }
.launch-domain-filters button { --domain-accent-rgb:var(--domain-finance-rgb); display: inline-flex; min-height: 38px; align-items: center; gap: 12px; padding: 8px 12px; border: 1px solid rgba(var(--domain-accent-rgb), 0.18); border-radius: var(--jf-radius-pill); background: transparent; color: var(--muted); cursor: pointer; font-family: var(--mono); font-size: var(--type-coordinate); letter-spacing: 0.055em; }
.launch-domain-filters button:first-child { --domain-accent-rgb:239, 183, 78; }
.launch-domain-filters button b { display: grid; min-width: 20px; height: 20px; place-items: center; border-radius: 50%; background: rgba(var(--domain-accent-rgb), 0.09); color: rgb(var(--domain-accent-rgb)); font-size: 0.55rem; }
.launch-domain-filters button[aria-pressed="true"] { border-color: rgba(var(--domain-accent-rgb), 0.62); background: rgba(var(--domain-accent-rgb), 0.075); color: var(--ink); }
.launch-domain-filters button:focus-visible { outline: var(--jf-stroke-focus) solid rgb(var(--domain-accent-rgb)); outline-offset: 3px; }
.launch-selectors { display: grid; grid-template-columns: minmax(180px, 0.72fr) minmax(180px, 0.72fr) minmax(240px, 1.4fr); gap: var(--jf-space-control); align-items: end; }
.launch-selectors label { display: grid; gap: 7px; }
.launch-selectors select { min-width: 0; min-height: 42px; padding: 9px 34px 9px 12px; border: 1px solid var(--line); border-radius: var(--jf-radius-control); background: #070a0f; color: var(--ink); font: 0.75rem var(--sans); }
.launch-selectors select:focus-visible { outline: var(--jf-stroke-focus) solid var(--gold); outline-offset: 3px; }
.launch-selectors [data-launch-results] { align-self: center; color: var(--muted); font-family: var(--mono); font-size: var(--type-coordinate); letter-spacing: 0.055em; line-height: var(--jf-type-coordinate-line-height); text-align: right; }
.launch-empty { margin: 10px 0 0; padding: var(--jf-space-panel); border: 1px dashed var(--line); border-radius: var(--jf-radius-card); color: var(--muted); text-align: center; }
.launch-line { position: relative; display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: clamp(210px, 22vw, 290px); margin: 0; padding: 3px 2px 18px; overflow-x: auto; overflow-y: hidden; list-style: none; scroll-padding-inline: 2px; scroll-snap-type: x proximity; scrollbar-color: rgba(239, 183, 78, 0.34) transparent; scrollbar-width: thin; }
.launch-line::-webkit-scrollbar { height: 4px; }
.launch-line::-webkit-scrollbar-track { background: transparent; }
.launch-line::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(239, 183, 78, 0.34); }
.launch-line:focus-visible { outline: 1px solid rgba(239, 183, 78, 0.52); outline-offset: 8px; }
.launch-line::before { position: absolute; top: 22px; right: 0; left: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.16) 4%, rgba(255, 255, 255, 0.16) 96%, transparent); content: ""; }
.launch-line li { position: relative; min-width: 0; padding: 0 24px 25px 0; scroll-snap-align: start; }
.launch-node { position: relative; z-index: 2; display: grid; place-items: center; width: 44px; aspect-ratio: 1; border: 1px solid rgba(var(--domain-accent-rgb), 0.48); border-radius: 50%; background: #06090d; box-shadow: 0 0 0 7px #05070b, 0 0 26px rgba(var(--domain-accent-rgb), 0.12); color: rgb(var(--domain-accent-rgb)); font-family: var(--mono); font-size: var(--type-coordinate); }
.launch-node i { position: absolute; inset: 8px; border: 1px dotted rgba(var(--domain-accent-rgb), 0.38); border-radius: 50%; }
.launch-line time { display: block; margin-top: 24px; color: rgb(var(--domain-accent-rgb)); font-family: var(--mono); font-size: var(--type-coordinate); letter-spacing: 0.08em; }
.launch-product { display: grid; margin-top: 19px; }
.launch-product > img { width: 54px; height: 54px; margin-bottom: 16px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; object-fit: cover; }
.launch-product > span { display: grid; min-width: 0; }
.launch-product small { color: var(--quiet); font-family: var(--mono); font-size: var(--type-coordinate); letter-spacing: 0.07em; }
.launch-product b { margin-top: 8px; color: var(--ink); font-family: var(--display); font-size: clamp(1.35rem, 1.55vw, 1.7rem); font-weight: 400; line-height: 1.02; }
.launch-product em { margin-top: 9px; color: rgba(var(--domain-accent-rgb), 0.82); font-family: var(--mono); font-size: var(--type-coordinate); font-style: normal; }
.launch-product:focus-visible { outline: 2px solid rgb(var(--domain-accent-rgb)); outline-offset: 5px; }
.launch-evidence { display: inline-flex; margin-top: 16px; color: var(--quiet); font-family: var(--mono); font-size: var(--type-coordinate); letter-spacing: 0.06em; }
.launch-evidence:focus-visible { outline: 2px solid rgb(var(--domain-accent-rgb)); outline-offset: 4px; }
.launch-boundary { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 13px; align-items: center; margin-top: 45px; padding-top: 24px; border-top: 1px solid var(--line); color: var(--muted); font-size: 0.72rem; }
.launch-boundary b { margin-right: 8px; color: var(--gold-pale); font-family: var(--mono); font-size: var(--type-coordinate); letter-spacing: 0.08em; }
.launch-boundary a { color: var(--gold-pale); font-family: var(--mono); font-size: var(--type-coordinate); letter-spacing: 0.06em; white-space: nowrap; }
@media (hover: hover) and (pointer: fine) {.domain-journey > a:hover { border-color: rgba(var(--domain-accent-rgb), 0.2); background: rgba(var(--domain-accent-rgb), 0.035); }
.universe-path a.universe-path-step:hover { border-color: rgba(var(--domain-accent-rgb), 0.42); background-color: rgba(var(--domain-accent-rgb), 0.055); }
.product-domain-continuation nav a:hover { padding-left: 8px; background: rgba(var(--domain-accent-rgb), 0.025); }
.launch-product:hover b { color: rgb(var(--domain-accent-rgb)); }
.launch-domain-filters button:hover { border-color: rgba(var(--domain-accent-rgb), 0.42); color: var(--ink); }
}
@media (max-width: 1180px) {.launch-line { grid-auto-columns: clamp(210px, 27vw, 270px); }
.product-page .product-links { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 820px) {.universe-orientation { position: fixed; z-index: 300; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); left: 12px; }
.universe-map::after { opacity: 0.34; }
.universe-map-scene::before { inset: 18%; opacity: 0.42; }
.origin-hero { padding-inline: 18px; }
.domain-journey-dock { height: 112px; }
.domain-journey { grid-template-columns: repeat(var(--journey-step-count), minmax(0, 1fr)); }
.domain-journey-origin { grid-column: 1 / -1; min-height: 44px; }
.domain-journey > a { min-height: 48px; padding-inline: 7px; }
.universe-path { flex-wrap: wrap; }
.universe-path-step { flex-basis: calc(50% - 4px); }
.universe-path-destination { flex-basis: 100%; }
.universe-path-arrow { display: none; }
.product-domain-continuation { grid-template-columns: 1fr; }
.product-domain-continuation-copy { min-height: 64px; }
.launch-selectors { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.launch-boundary { grid-template-columns: auto 1fr; }
.launch-boundary a { grid-column: 2; white-space: normal; }
}
@media (min-width:561px) and (max-width:1000px){.origin-domain-labels>li[data-origin-node="creative"]{top:73.5%;left:40%;width:24%}.origin-domain-labels>li[data-origin-node="travel"]{width:22%}.origin-domain-labels>li[data-origin-node="creative"] .origin-domain-products{gap:5px}.origin-domain-labels>li[data-origin-node="creative"] .origin-domain-products:has(>li:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}}
@media (max-width: 560px) {.domain-passage-scene { width: min(88vw, 420px); opacity: 0.22; }
.origin-hero{align-content:start;min-height:auto;padding:82px 8px 26px}
.origin-hero-frame{padding:7px;border-radius:20px}
.origin-hero-art{border-radius:13px}
.origin-hero-lockup{top:18.5%;width:92%}
.origin-hero-lockup>p{font-size:clamp(.34rem,1.45vw,.42rem)}
.origin-hero-lockup h1{margin-top:7px;font-size:clamp(1.42rem,7vw,1.78rem);letter-spacing:-.024em;line-height:.94}
.origin-hero-lockup h1 strong{margin-top:6px;font-size:.34em;font-weight:560;letter-spacing:.055em}
.origin-hero-lockup>small{display:none}
.origin-games-globe small{bottom:4.5%;font-size:clamp(.28rem,1.25vw,.36rem);letter-spacing:.065em}
.origin-domain-labels{position:absolute;inset:0;display:block;padding:0;border:0;background:none}
.origin-domain-labels>li,.origin-domain-labels>li[data-origin-node]{position:absolute;width:31%}
.origin-domain-labels>li::after{display:none}
.origin-domain-labels>li[data-origin-node="finance"]{top:40%;left:1.8%;transform:translateY(-50%)}
.origin-domain-labels>li[data-origin-node="nature"]{top:38.3%;right:1%;left:auto;transform:translateY(-50%)}
.origin-domain-labels>li[data-origin-node="civilization"]{top:70.5%;left:1.8%;transform:translateY(-50%)}
.origin-domain-labels>li[data-origin-node="travel"]{top:70.5%;right:1.8%;left:auto;transform:translateY(-50%)}
.origin-domain-labels>li[data-origin-node="game"]{top:57.5%;left:50%;width:35%;transform:translate(-50%,-50%)}
.origin-domain-labels>li[data-origin-node="creative"]{top:82%;left:35%;width:43%;transform:none}
.origin-domain-callout{height:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-shadow:0 1px 5px #000,0 0 12px #000}
.origin-domain-labels>li:nth-child(odd) .origin-domain-callout,.origin-domain-labels>li:not(:nth-last-child(-n + 2)) .origin-domain-callout{border:0}
.origin-domain-callout>strong{gap:4px;font-size:clamp(.48rem,2.2vw,.62rem);letter-spacing:.065em}
.origin-domain-callout>strong::before{width:4px;height:4px}
.origin-domain-products{gap:2px;margin:5px 0 0 2px;padding-left:7px}
.origin-domain-products li{font-size:clamp(.4rem,1.8vw,.52rem);line-height:1.18}
.origin-domain-products li::before{top:.55em;left:-7px;width:5px}
.origin-domain-products small{margin-top:1px;font-size:.58em;letter-spacing:.04em}
.origin-domain-labels>li[data-origin-node="creative"] .origin-domain-products:has(>li:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}
.home-page .product-areas { padding-block: 46px 32px; }
.home-page .product-areas .section-heading { margin-bottom: 28px; }
.home-page .area-card { min-height: 0; padding: 24px 20px; }
.home-page .area-card h3 { margin-top: 24px; font-size: 2.55rem; }
.home-page .area-index { top: 12px; right: 18px; font-size: 5.25rem; }
.home-page .area-products { margin-top: 22px; }
.origin-hero-frame figcaption { display: grid; gap: 5px; padding: 13px 5px 3px; font-size: 0.43rem; }
.origin-hero-enter { margin-top: 18px; }
.universe-orientation { grid-template-columns: 1fr; gap: 10px; padding: 14px; }
.universe-orientation strong { font-size: 1.15rem; }
.universe-orientation button { width: 100%; }
.universe-domain-signals { gap: 5px; }
.universe-domain-signals li { padding: 6px 7px; font-size: 0.48rem; }
.universe-domain-actions li { padding-right: 10px; }
.universe-domain-actions li:not(:last-child)::after { right: 3px; }
.universe-domain-actions b { font-size: 0.43rem; }
.domain-journey-dock { height: 104px; }
.domain-journey { gap: 2px; padding: 4px; border-radius: 12px; }
.domain-journey-origin { min-height: 42px; }
.domain-journey-origin strong { font-size: 0.43rem; }
.domain-journey > a { min-height: 44px; padding: 7px 1px; text-align: center; }
.domain-journey > a small { font-size: clamp(.42rem,1.9vw,var(--type-coordinate)); }
.domain-journey > a b { font-size: clamp(.42rem,1.9vw,var(--type-coordinate)); letter-spacing: 0; }
.domain-journey > a::after { right: 5px; bottom: 4px; left: 5px; }
.universe-path-step { flex-basis: 100%; min-height: 52px; }
.product-domain-orbits { inset: 5%; }
.product-main .product-hero-visual > img { padding-top: calc(var(--product-space-scene-gap) + var(--product-space-shell-inline)); }
.product-main .product-hero-visual > i { right: 20px; bottom: 24px; width: 24%; }
.product-domain-surface { opacity: 0.2; }
.product-domain-line { opacity: 0.42; }
.product-page .product-links { grid-template-columns: 1fr; }
.product-domain-continuation { margin-block: calc(var(--product-space-scene-gap) - var(--jf-space-body)) calc(var(--product-space-scene-gap) + var(--jf-space-compact)); padding: var(--product-space-shell-inline); border-radius: var(--product-radius-panel); }
.product-domain-continuation-copy { padding: var(--product-space-scene-gap) 0 0; }
.product-domain-continuation-copy > .product-domain-mark { top: 0; }
.launch-observatory .section-heading { margin-bottom: 48px; }
.launch-selectors [data-launch-results] { text-align: left; }
.launch-line { display: grid; grid-auto-flow: row; grid-template-columns: 1fr; gap: 0; overflow: visible; padding: 0; }
.launch-line::before { top: 0; right: auto; bottom: 0; left: 22px; width: 1px; height: auto; background: linear-gradient(transparent, rgba(255, 255, 255, 0.16) 4%, rgba(255, 255, 255, 0.16) 96%, transparent); }
.launch-line li { display: grid; grid-template-columns: 62px minmax(0, 1fr); padding: 0 0 34px; }
.launch-node { grid-row: 1 / 4; }
.launch-line time { align-self: end; margin-top: 0; }
.launch-product { margin-top: 9px; }
.launch-product > img { display: none; }
.launch-product b { font-size: 1.55rem; }
.launch-evidence { grid-column: 2; }
.launch-boundary { margin-top: 20px; }
.universe-map::after { opacity: 0.2; }
.universe-map-scene::before { display: block; inset: 24%; opacity: 0.34; }
.universe-node > span::before { opacity: 0.28; }
.universe-node[aria-selected="true"] > span::before { opacity: 0.5; }
.launch-controls { padding: var(--jf-space-body); border-radius: var(--jf-radius-card); }
.launch-domain-filters { flex-wrap: nowrap; padding-bottom: 5px; overflow-x: auto; scrollbar-width: none; }
.launch-domain-filters::-webkit-scrollbar { display: none; }
.launch-domain-filters button { flex: 0 0 auto; }
.launch-selectors { grid-template-columns: 1fr; }
.launch-selectors [data-launch-results] { grid-column: auto; }
}
@media (hover: none) {.universe-node:hover { --node-scale: 1; }
.universe-node[aria-selected="true"]:hover { --node-scale: 1.075; }
.universe-entry:hover { transform: none; border-color: rgba(255, 255, 255, 0.075); background: rgba(255, 255, 255, 0.018); }
}
.hero h1 { font-size: var(--type-hero); }
.universe-hero h2 { font-size: min(var(--type-hero), clamp(2.95rem, 3.9vw, 4.55rem)); }
.page-hero h1 { font-size: var(--type-page-title); }
.mission-band h2,.section-heading h2,.apple-native h2,.games-section-lead h2,.games-section-head h2,.games-lineage-section h2,.game-story h2,.game-direction h2,.game-current h2 { font-size: var(--type-section); }
#mission-title,#worlds-title h2 { font-size: calc(var(--type-section) * 0.6); }
.product-main .product-title-lockup h1 { font-size: var(--product-type-title); }
.product-main .product-story h2,.product-main .product-boundary h2,.product-main .product-availability h2,.product-main .product-domain-continuation-copy h2 { font-size: var(--product-type-section); line-height: var(--product-type-section-line-height); }
.universe-domain-panel h2 { font-size: var(--type-domain-title); }
.games-hero h1 { font-size: var(--type-games-hero); }
.game-title-lockup h1 { font-size: var(--type-game-title); }
:is(body,.home-page) h1 { font-weight: 900; }
:is(body,.home-page) h2 { font-weight: 700; }
:is(body,.home-page) h3,:is(body,.home-page) h4,:is(body,.home-page) h5,:is(body,.home-page) h6 { font-weight: 600; }
.site-nav a,.header-signal,.nav-toggle,.button,.coordinate,.eyebrow { font-weight: 600; }
@media (max-width: 920px) {.home-page :is(.product-areas,.featured,.release-index) .section-heading { grid-template-columns: 1fr; }
.home-page :is(.product-areas,.featured,.release-index) .section-heading h2 { white-space: normal; }
.home-page :is(.product-areas,.featured,.release-index) .section-copy { grid-column: 1; }
}
@media (max-width: 640px) {:root {--type-hero: var(--jf-type-hero-compact);--type-page-title: var(--jf-type-page-title-compact);--type-section: var(--jf-type-section-compact);--type-product-title: var(--jf-type-product-title-compact);--type-story: var(--jf-type-story-compact);--type-domain-title: var(--jf-type-domain-title-compact);--type-games-hero: var(--jf-type-games-hero-compact);--type-game-title: var(--jf-type-game-title-compact);--type-body: var(--jf-type-body-compact);--type-control: var(--jf-type-control-compact);--type-coordinate: var(--jf-type-coordinate-compact);}
.games-hero-art > .game-signal,.game-hero > .game-signal { right: 14vw; bottom: 18%; width: min(72vw, 420px); }
.creative-branch-scene { inset: 6%; opacity: 0.35; }
}
@media (prefers-reduced-motion: reduce) {html { scroll-behavior: auto; }
*,*::before,*::after { scroll-behavior:auto!important;transition:none!important;animation:none!important; }
.origin-space-motion{display:none}
.universe-map-scene { transform: none; }
.product-main .product-hero-visual > img,[data-domain-hero-scene],.domain-passage-core { transform: none; }
.domain-passage-scene,.domain-passage.is-visible .domain-passage-scene,.universe-scene-signature,.universe-console[data-domain-scene-state="previewing"] .universe-scene-signature { transform: none; }
.universe-scene-signature>span{translate:none}
.domain-passage-scene i:nth-child(3) { display: none; }
main[data-domain-scene-state="arriving"] .domain-hero-geometry,main[data-domain-scene-state="arriving"] .domain-hero-line,main[data-domain-scene-state="arriving"] .domain-hero-response,main[data-domain-scene-state="arriving"] .game-signal,.universe-console.is-approaching .universe-core,.universe-console.is-approaching .universe-core-rings,.universe-console.is-approaching .universe-map-scene::after,.universe-console.is-approaching .universe-scene-signature,.universe-console.is-approaching .universe-node,.universe-console.is-approaching .universe-domain-readout,.universe-console.is-approaching .universe-map-note { animation: none; }
main[data-domain-scene-state="arriving"] .domain-hero-response { transform: var(--product-scene-response-to); }
.reveal-ready [data-reveal] { opacity: 1; transform: none; }
}
@media print {body { background: white; color: #111; }
.site-header,.site-footer,.domain-passage,.universe-orientation,.ambient-grid,.scroll-progress,.knowledge-rail { display: none !important; }
.knowledge-doc-main { display: block; width: auto; padding: 0; }
.knowledge-document { max-width: none; padding: 0; }
.knowledge-document * { color: #111 !important; }
.knowledge-document a { text-decoration: underline; }
}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-synthesis:none;font-size:var(--type-body);line-height:1.5}
:root{--jf-web-type-product-title-regular:clamp(3.25rem,5vw,4rem);--jf-web-type-product-title-compact:clamp(2.1rem,9vw,2.65rem);--jf-web-type-product-title-line-height:1.06;--jf-web-type-story-regular:clamp(2.75rem,4.4vw,3.5rem);--jf-web-type-story-compact:clamp(1.85rem,7.4vw,2.25rem);--jf-web-type-story-line-height:1.1;--jf-web-type-body-regular:1.0625rem;--jf-web-type-body-compact:1rem;--jf-web-type-body-line-height:1.5;--jf-web-type-control-regular:.875rem;--jf-web-type-control-compact:.875rem;--jf-web-type-coordinate-regular:.6875rem;--jf-web-type-coordinate-compact:.6875rem;--type-hero:clamp(3rem,4.4vw,3.5rem);--type-page-title:clamp(3.25rem,5vw,4rem);--type-section:clamp(3rem,4.4vw,3.5rem);--type-domain-title:clamp(1.75rem,2vw,2.5rem);--type-games-hero:clamp(3.75rem,5.2vw,4.75rem);--type-game-title:clamp(3.25rem,4.8vw,4.25rem);--type-body:1.0625rem;--type-control:.875rem;--type-coordinate:.6875rem}
.product-main{--product-type-title:var(--jf-web-type-product-title-regular);--product-type-title-line-height:var(--jf-web-type-product-title-line-height);--product-type-section:var(--jf-web-type-story-regular);--product-type-section-line-height:var(--jf-web-type-story-line-height);--product-type-body:var(--jf-web-type-body-regular);--product-type-body-line-height:var(--jf-web-type-body-line-height);--product-type-meta:var(--jf-web-type-coordinate-regular);--product-type-action:var(--jf-web-type-control-regular)}
:is(body,.home-page) h1{font-weight:700;letter-spacing:-.012em}:is(body,.home-page) h2{font-weight:600;letter-spacing:-.008em}:is(body,.home-page) h3,:is(body,.home-page) h4,:is(body,.home-page) h5,:is(body,.home-page) h6{font-weight:600;letter-spacing:-.004em}
.origin-hero-lockup h1{max-width:100%;font-size:clamp(2.15rem,4.2vw,4.25rem);font-weight:900;letter-spacing:-.012em;line-height:1.02}.origin-hero-lockup h1 strong{font-weight:500}
.hero h1,.page-hero h1,.product-title-lockup h1,.game-title-lockup h1{letter-spacing:-.012em;line-height:1.06}
.universe-hero h2,.mission-band h2,.section-heading h2,.apple-native h2,.games-section-lead h2,.games-section-head h2,.games-lineage-section h2,.game-story h2,.game-direction h2,.game-current h2{letter-spacing:-.008em;line-height:1.1}
.games-hero h1{font-weight:700;letter-spacing:-.03em;line-height:1.02}.home-page .mission-band h2,.home-page .section-heading h2,.home-page .apple-native h2{font-weight:600;letter-spacing:-.008em;line-height:1.1}
.home-page .product-areas .section-heading h2,.home-page .featured .section-heading h2{font-size:min(var(--type-section),3.5rem)}.home-page .release-index .section-heading h2{font-size:min(var(--type-section),2.5rem);line-height:1.1}
.universe-mission{font-size:clamp(1.25rem,1.8vw,1.75rem)}.section-copy{font-size:1.0625rem;line-height:1.47}.site-nav a,.header-signal,.nav-toggle{font-size:.75rem}.brand strong{font-size:.8125rem}.brand small{font-size:.625rem}button{-webkit-appearance:none;appearance:none}img{height:auto}
:where(.section-heading,.mission-band,.product-hero,.product-title-lockup,.product-boundary,.product-availability,.games-section-lead,.games-section-head,.game-feature,.creative-branch,.universe-console)>*{min-width:0}

@media (min-width: 921px) {
  /* Preserve the requested single-line chapter titles without letting them
     overflow at common 1024–1280px desktop widths. */
  .home-page .product-areas .section-heading h2,
  .home-page .featured .section-heading h2 {
    font-size: clamp(2.25rem, 4vw, 3.5rem);
  }

  .home-page .release-index .section-heading h2 {
    font-size: clamp(2.125rem, 3.65vw, 2.5rem);
  }
}
:where(p,li,dd,blockquote,.section-copy,.product-positioning,.universe-intro,.games-intro) { overflow-wrap: break-word; }
@supports (text-wrap: balance) {
  :where(h1,h2,h3,.product-positioning,.games-tagline,.game-hero-tagline) { text-wrap: balance; }
}
.site-header.is-scrolled { -webkit-backdrop-filter: blur(18px) saturate(1.2); }
.button-ghost { -webkit-backdrop-filter: blur(14px); }
.product-card-visual > .product-status { -webkit-backdrop-filter: blur(10px); }
.origin-hero,.not-found { min-height: 100vh; }
@media (max-width: 920px) { .site-nav { height: 100vh; } }
.product-hero { min-height: min(920px, calc(100vh - 20px)); }
.knowledge-rail { min-height: calc(100vh - 80px); }
.games-hero,.game-hero { min-height: min(980px, 100vh); }
@supports (height: 100svh) {
  .origin-hero,.not-found { min-height: 100svh; }
  .product-hero { min-height: min(920px, calc(100svh - 20px)); }
  .knowledge-rail { min-height: calc(100svh - 80px); }
  .games-hero,.game-hero { min-height: min(980px, 100svh); }
}
@supports (height: 100dvh) {
  @media (max-width: 920px) { .site-nav { height: 100dvh; } }
}
@supports not (overflow: clip) {
  .hero,.origin-hero,.games-main,.game-main,.product-main[data-domain-id] { overflow: hidden; }
}
@media (hover: none) {
  .button:hover,.product-card:hover,.home-page .area-card:hover { transform: none; }
  .product-card:hover .showcase-device,.product-card-featured:hover .showcase-device-landscape,.product-card:hover .showcase-device-secondary.showcase-device-portrait { transform: none; }
}
@media (pointer: coarse) {
  :where(.button,.site-nav a,.universe-entry,.domain-journey > a,.world-archive-card) { min-height: 44px; }
}
@media (max-width: 1068px) {
  :root {
    --jf-web-type-product-title-regular: 3.25rem;
    --jf-web-type-story-regular: 2.75rem;
    --type-hero: 3rem;
    --type-page-title: 3.25rem;
    --type-section: 3rem;
    --type-domain-title: 2.25rem;
    --type-games-hero: 4rem;
    --type-game-title: 3.5rem;
  }
  .product-main {
    --product-type-title: var(--jf-web-type-product-title-regular);
    --product-type-section: var(--jf-web-type-story-regular);
  }
}
@media (max-width: 734px) {
  :root {
    --jf-web-type-product-title-regular: clamp(2.1rem, 9vw, 2.65rem);
    --jf-web-type-story-regular: clamp(1.85rem, 7.4vw, 2.25rem);
    --jf-web-type-body-regular: 1rem;
    --jf-web-type-control-regular: 0.875rem;
    --jf-web-type-coordinate-regular: 0.6875rem;
    --type-hero: clamp(2rem, 8.4vw, 2.5rem);
    --type-page-title: clamp(2.15rem, 9vw, 2.6rem);
    --type-section: clamp(1.9rem, 7.4vw, 2.25rem);
    --type-domain-title: clamp(1.6rem, 6.6vw, 1.95rem);
    --type-games-hero: clamp(2.85rem, 13vw, 3.5rem);
    --type-game-title: clamp(2.35rem, 10vw, 2.9rem);
    --type-body: 1rem;
    --type-control: 0.875rem;
    --type-coordinate: 0.6875rem;
  }
  .product-main {
    --product-type-title: var(--jf-web-type-product-title-regular);
    --product-type-section: var(--jf-web-type-story-regular);
    --product-type-body: var(--jf-web-type-body-regular);
    --product-type-meta: var(--jf-web-type-coordinate-regular);
    --product-type-action: var(--jf-web-type-control-regular);
  }
  .origin-hero-lockup h1 { font-size: clamp(1.42rem, 7vw, 1.78rem); }
  .section-copy,.hero-copy > p:not(.hero-system),.universe-intro,.games-intro { font-size: 1rem; }
  .brand strong,.site-nav a,.header-signal,.nav-toggle { font-size: 0.75rem; }
  .brand small { font-size: 0.5625rem; }
}
@media (min-width: 641px) and (max-width: 920px) {
  .mission-band { padding-block: 72px; }
  .observatory,.product-areas,.featured,.method,.release-index,.products-directory,.knowledge-directory { padding-block: 72px; }
  .games-positioning,.games-projects,.games-lineage-section,.game-story,.game-direction,.game-current { padding-block: 84px; }
}
@media (max-width: 640px) {
  .origin-hero{min-height:auto}
  .inner-page .page-hero{min-height:auto;padding:112px 14px 50px}
  .inner-page .page-hero>p:last-child{margin-top:22px;font-size:.95rem;line-height:1.55}
  .products-page .products-directory{padding-top:44px}
  .product-main {
    --product-type-title: var(--jf-web-type-product-title-compact);
    --product-type-section: var(--jf-web-type-story-compact);
    --product-type-body: var(--jf-web-type-body-compact);
    --product-type-meta: var(--jf-web-type-coordinate-compact);
    --product-type-action: var(--jf-web-type-control-compact);
  }
  .site-nav { padding-right: max(28px, env(safe-area-inset-right)); padding-bottom: max(34px, env(safe-area-inset-bottom)); padding-left: max(28px, env(safe-area-inset-left)); }
  .mission-band { gap: 26px; padding-block: 64px; }
  .home-page .mission-band { padding-block: 54px 40px; }
  .observatory,.product-areas,.featured,.method,.release-index,.products-directory,.knowledge-directory { padding-block: 64px; }
  .home-page .product-areas { padding-block: 44px 30px; }
  .home-page :is(.observatory,.featured,.method,.release-index) { padding-block: 48px 32px; }
  .section-heading { row-gap: 12px; margin-bottom: 30px; }
  .home-page :is(.product-areas,.featured,.release-index) .section-heading { margin-bottom: 26px; }
  .games-positioning,.games-projects,.games-lineage-section,.game-story,.game-direction,.game-current { padding-block: 70px; }
  .games-hero,.game-hero { min-height: max(680px, 100vh); }
  @supports (height: 100svh) { .games-hero,.game-hero { min-height: max(680px, 100svh); } }
  .knowledge-document > header h1 { font-size: clamp(2.25rem, 11vw, 3rem); }
  .home-page .area-card h3 { font-size: clamp(2.05rem, 10vw, 2.7rem); }
  .footer-grid { padding-block: 48px; }
}
@media (max-width: 360px) {
  :root { --page: calc(100% - 24px); }
  .site-header { width: calc(100% - 24px); }
  .origin-domain-callout { padding: 0; }
  .origin-domain-products small { display: none; }
  .world-copy,.product-fact-strip,.game-fact-strip { grid-template-columns: 1fr; }
  .product-fact-strip .fact-wide { grid-column: 1; }
  .product-card-body { padding: 22px 20px; }
  .universe-domain-readout { padding-inline: 18px; }
}