:root {
  color-scheme: dark;
  --bg: #070612;
  --surface: rgba(15, 14, 35, .78);
  --surface-strong: rgba(19, 18, 45, .94);
  --line: rgba(220, 225, 255, .18);
  --line-strong: rgba(229, 235, 255, .36);
  --text: #f7f5ff;
  --muted: #c7c4db;
  --soft: #9f9bb9;
  --accent: #9f7cff;
  --accent2: #46e6ff;
  --accent3: #ff56d7;
  --max: 1240px;
  --reading: 68ch;
  --header-h: 78px;
  --radius: 26px;
  --shadow: 0 28px 80px rgba(0,0,0,.42);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; min-height: 100vh; color: var(--text); background: radial-gradient(circle at 50% -20%, #21194e 0, #0b0920 36rem, var(--bg) 70rem); font-size: 17px; line-height: 1.65; overflow-x: hidden; }
body[data-accent="cyan"] { --accent:#55dfff; --accent2:#8b83ff; --accent3:#41ffc4; }
body[data-accent="idea"] { --accent:#b995ff; --accent2:#ff67d8; --accent3:#75eaff; }
body[data-accent="game"] { --accent:#4ef1e3; --accent2:#b4ff54; --accent3:#55a7ff; }
body[data-accent="video"] { --accent:#ffb457; --accent2:#ff617f; --accent3:#a285ff; }
body[data-accent="application"] { --accent:#66f0a8; --accent2:#55d6ff; --accent3:#e2ff7a; }
body[data-accent="digital"] { --accent:#f3c969; --accent2:#52e0ce; --accent3:#ff8e70; }
a { color: inherit; text-decoration-thickness: .08em; text-underline-offset: .18em; }
button, input, select { font: inherit; }
button, summary, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
img, svg { max-width: 100%; }
.icon { width: 1.25rem; height: 1.25rem; flex: 0 0 auto; }
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; border:0!important; }
.skip-link { position:fixed; z-index:1000; top:.75rem; left:.75rem; padding:.8rem 1rem; background:#fff; color:#090815; border-radius:12px; transform:translateY(-180%); }
.skip-link:focus { transform:none; }
.cosmic-backdrop { position: fixed; inset: 0; z-index: -2; pointer-events:none; overflow:hidden; }
#cosmic-canvas { position:absolute; inset:0; width:100%; height:100%; opacity:.86; }
.nebula { position:absolute; width:72vw; height:72vw; border-radius:50%; filter:blur(72px); opacity:.19; mix-blend-mode:screen; animation: nebula-drift 18s ease-in-out infinite alternate; }
.nebula-a { left:-26vw; top:5vh; background:conic-gradient(from 40deg, transparent, var(--accent), var(--accent3), transparent 60%); }
.nebula-b { right:-28vw; bottom:-20vh; background:conic-gradient(from 190deg, transparent, var(--accent2), var(--accent), transparent 70%); animation-duration:24s; }
.prism-flare { position:absolute; inset:0; background: radial-gradient(circle at var(--pointer-x,72%) var(--pointer-y,18%), color-mix(in srgb, var(--accent) 25%, transparent), transparent 22rem); transition:background-position .2s; }
@keyframes nebula-drift { to { transform:translate3d(8vw,-4vh,0) rotate(26deg) scale(1.08); } }
body[data-effects="reduced"] #cosmic-canvas { opacity:.34; }
body[data-effects="reduced"] .nebula { opacity:.09; filter:blur(110px); }
body[data-effects="off"] #cosmic-canvas, body[data-effects="off"] .nebula, body[data-effects="off"] .prism-flare { display:none; }
body[data-motion="reduced"] *, body[data-motion="reduced"] *::before, body[data-motion="reduced"] *::after { animation-duration:.001ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.001ms!important; }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.001ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.001ms!important; } }
.icu-header { position:sticky; top:0; z-index:80; height:var(--header-h); display:grid; grid-template-columns:minmax(260px,1fr) auto minmax(220px,1fr); align-items:center; gap:1.2rem; padding:0 clamp(1rem,4vw,3.5rem); border-bottom:1px solid var(--line); background:rgba(7,6,18,.78); backdrop-filter:blur(22px) saturate(1.25); }
.brand-lockup { display:flex; align-items:center; gap:.8rem; text-decoration:none; min-width:0; }
.brand-symbol { display:grid; place-items:center; width:42px; height:42px; border:1px solid color-mix(in srgb,var(--accent) 64%,white 10%); border-radius:50%; font-size:1.65rem; background:radial-gradient(circle,var(--accent) -120%,transparent 68%); box-shadow:0 0 30px color-mix(in srgb,var(--accent) 25%,transparent); }
.brand-words { display:grid; line-height:1.1; min-width:0; }
.brand-words strong { font-family:Georgia, "Times New Roman", serif; font-weight:500; letter-spacing:.01em; white-space:nowrap; font-size:clamp(1rem,1.35vw,1.25rem); }
.brand-words small { color:var(--muted); font-size:.76rem; margin-top:.28rem; }
.desktop-nav { display:flex; align-items:center; gap:.25rem; }
.desktop-nav > a, .studios-dropdown > summary { text-decoration:none; padding:.64rem .78rem; border-radius:999px; color:var(--muted); cursor:pointer; font-size:.94rem; list-style:none; }
.desktop-nav > a:hover, .desktop-nav > a:focus-visible, .studios-dropdown > summary:hover, .studios-dropdown > summary:focus-visible { background:rgba(255,255,255,.07); color:#fff; }
.studios-dropdown { position:relative; }
.studios-dropdown summary::-webkit-details-marker { display:none; }
.studios-dropdown-panel { position:absolute; top:calc(100% + .65rem); left:50%; transform:translateX(-50%); width:min(330px,80vw); padding:.65rem; display:grid; gap:.3rem; border:1px solid var(--line-strong); background:var(--surface-strong); border-radius:18px; box-shadow:var(--shadow); }
.studios-dropdown-panel a { padding:.75rem .85rem; border-radius:12px; text-decoration:none; color:var(--muted); }
.studios-dropdown-panel a:hover, .studios-dropdown-panel a:focus-visible { background:color-mix(in srgb,var(--accent) 12%,transparent); color:#fff; }
.header-actions { display:flex; justify-content:flex-end; gap:.4rem; }
.icon-button { min-width:44px; min-height:44px; border:1px solid transparent; background:transparent; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; cursor:pointer; }
.icon-button:hover, .icon-button:focus-visible { border-color:var(--line); background:rgba(255,255,255,.07); }
.desktop-action-label { font-size:.86rem; color:var(--muted); }
.mobile-menu-button { display:none; }
.mobile-menu { position:fixed; z-index:100; inset:0; background:rgba(6,5,17,.96); backdrop-filter:blur(28px); padding:1rem; overflow:auto; }
.mobile-menu-head { display:flex; align-items:center; justify-content:space-between; padding:.5rem .25rem 1rem; border-bottom:1px solid var(--line); }
.mobile-menu nav { display:grid; padding:1rem 0; }
.mobile-menu nav a { text-decoration:none; padding:.8rem .6rem; border-radius:12px; font-size:1.05rem; }
.mobile-menu nav a:hover { background:rgba(255,255,255,.06); }
.mobile-menu-label { margin:1rem .6rem .3rem; color:var(--soft); font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }
.site-dialog { width:min(760px,calc(100vw - 2rem)); max-height:min(84vh,820px); padding:0; border:1px solid var(--line-strong); border-radius:24px; color:var(--text); background:rgba(12,11,30,.98); box-shadow:var(--shadow); }
.site-dialog::backdrop { background:rgba(3,2,10,.72); backdrop-filter:blur(9px); }
.dialog-shell { display:grid; gap:1.15rem; padding:clamp(1rem,3vw,1.7rem); }
.dialog-shell > header { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }
.dialog-shell h2 { margin:.2rem 0 0; font-family:Georgia,serif; font-size:clamp(1.7rem,4vw,2.5rem); line-height:1.1; }
.dialog-hint { margin:0; color:var(--muted); font-size:.9rem; }
.search-field { display:flex; align-items:center; gap:.7rem; padding:.78rem 1rem; border:1px solid var(--line-strong); border-radius:16px; background:rgba(255,255,255,.045); }
.search-field input { width:100%; border:0; outline:0; color:#fff; background:transparent; min-height:36px; }
.search-field input::placeholder { color:var(--soft); }
.search-results { display:grid; gap:.45rem; max-height:50vh; overflow:auto; }
.search-result { display:grid; gap:.1rem; padding:.75rem .85rem; text-decoration:none; border-radius:13px; border:1px solid transparent; }
.search-result:hover, .search-result:focus-visible { border-color:var(--line); background:rgba(255,255,255,.055); }
.search-result small { color:var(--muted); }
.control-grid { display:grid; gap:.55rem; }
.setting-row { width:100%; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem .9rem; border:1px solid var(--line); background:rgba(255,255,255,.035); border-radius:16px; text-align:left; cursor:pointer; }
.setting-row > span { display:grid; grid-template-columns:auto 1fr; column-gap:.7rem; align-items:center; }
.setting-row > span .icon { grid-row:1/3; }
.setting-row small { color:var(--muted); font-size:.82rem; }
.setting-row strong { color:var(--accent); font-size:.88rem; }
.setting-row:disabled { opacity:.48; cursor:not-allowed; }
.range-row { cursor:default; }
.range-row input { width:min(220px,40vw); accent-color:var(--accent); }
.advanced-controls { border-top:1px solid var(--line); padding-top:.8rem; }
.advanced-controls summary { cursor:pointer; color:var(--muted); font-weight:700; }
.advanced-controls[open] summary { margin-bottom:.8rem; color:#fff; }
.control-status { margin:0; color:var(--muted); font-size:.88rem; }
.section-shell { width:min(var(--max),calc(100% - clamp(2rem,7vw,7rem))); margin-inline:auto; }
.home-main, .atlas-main, .game-main, .game-library, .matrix-page, .studio-main, .info-main { padding:clamp(2.5rem,6vw,6rem) 0 6rem; }
.eyebrow { margin:0; color:var(--accent); font-size:.79rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
h1,h2,h3,p { overflow-wrap:break-word; }
h1,h2,h3 { text-wrap:balance; }
h1 { font-family:Georgia, "Times New Roman", serif; font-weight:400; font-size:clamp(3rem,7vw,6.7rem); line-height:.97; letter-spacing:-.045em; margin:.35rem 0 1.25rem; }
h2 { font-family:Georgia, "Times New Roman", serif; font-weight:400; font-size:clamp(2rem,4.5vw,4rem); line-height:1.05; letter-spacing:-.03em; margin:.35rem 0 1rem; }
h3 { font-size:1.25rem; line-height:1.2; }
p { max-width:var(--reading); }
.lede { font-size:clamp(1.12rem,1.8vw,1.35rem); line-height:1.58; color:#dedbec; max-width:63ch; }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:.55rem; padding:.72rem 1rem; border:1px solid var(--line-strong); border-radius:999px; text-decoration:none; font-weight:750; cursor:pointer; }
.button.primary { color:#080715; background:linear-gradient(120deg,#fff 0%,color-mix(in srgb,var(--accent) 70%,white) 45%,color-mix(in srgb,var(--accent2) 72%,white)); border-color:transparent; box-shadow:0 12px 35px color-mix(in srgb,var(--accent) 22%,transparent); }
.button.secondary { background:rgba(255,255,255,.045); }
.button:hover { transform:translateY(-1px); }
.hero-actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.7rem; }
.home-hero { min-height:calc(100vh - var(--header-h)); display:grid; grid-template-columns:minmax(0,46fr) minmax(0,54fr); gap:clamp(2rem,5vw,5rem); align-items:center; padding-block:clamp(2rem,6vw,5rem); }
.home-hero-copy { position:relative; z-index:2; }
.trust-note { margin-top:1.4rem; padding-left:1rem; border-left:2px solid color-mix(in srgb,var(--accent) 55%,transparent); color:var(--muted); font-size:.92rem; }
.observatory-wrap { position:relative; min-height:700px; display:grid; place-items:center; border:1px solid var(--line); border-radius:40px; background:radial-gradient(circle at 50% 43%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 22%),rgba(10,9,28,.52); box-shadow:inset 0 0 80px rgba(255,255,255,.025),var(--shadow); overflow:hidden; }
.observatory-wrap::before { content:""; position:absolute; inset:8%; border:1px solid color-mix(in srgb,var(--accent2) 22%,transparent); border-radius:50%; transform:rotate(-12deg); }
.observatory-wrap::after { content:""; position:absolute; width:60%; aspect-ratio:1; border:1px dashed color-mix(in srgb,var(--accent) 28%,transparent); border-radius:50%; animation:spin 50s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.observatory-core { position:absolute; z-index:1; width:140px; aspect-ratio:1; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle,#fff 0 3%,var(--accent) 4%,#231b5d 28%,transparent 64%); box-shadow:0 0 70px color-mix(in srgb,var(--accent) 42%,transparent); }
.observatory-core span { font-family:Georgia,serif; font-size:3.5rem; }
.observatory-core i,.observatory-core b { position:absolute; inset:-22px; border:1px solid color-mix(in srgb,var(--accent2) 42%,transparent); border-radius:50%; transform:rotate(62deg) scaleY(.32); }
.observatory-core b { inset:-48px; transform:rotate(-28deg) scaleY(.42); }
.portal-field { position:absolute; inset:0; z-index:3; }
.portal-card { position:absolute; width:min(245px,38%); padding:1rem; border:1px solid var(--line-strong); border-radius:20px; background:rgba(13,12,32,.86); backdrop-filter:blur(16px); box-shadow:0 14px 38px rgba(0,0,0,.3); }
.portal-card h3 { margin:.4rem 0 .4rem; font-family:Georgia,serif; font-size:1.3rem; }
.portal-card p { margin:.25rem 0 .7rem; color:var(--muted); font-size:.91rem; line-height:1.5; }
.portal-symbol { color:var(--accent); font-size:1.3rem; }
.portal-card:nth-child(1){left:3%;top:7%;width:38%}.portal-card:nth-child(2){right:3%;top:7%;width:38%}.portal-card:nth-child(3){right:2%;top:51%;width:30%}.portal-card:nth-child(4){left:35%;top:51%;width:30%}.portal-card:nth-child(5){left:2%;top:51%;width:30%}
.text-button { padding:0; border:0; background:transparent; color:#fff; text-decoration:underline; text-underline-offset:.25em; cursor:pointer; font-weight:750; }
.portal-card.is-selected { border-color:color-mix(in srgb,var(--accent) 70%,white); box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent),0 20px 55px color-mix(in srgb,var(--accent) 20%,transparent); }
.portal-status { position:absolute; bottom:.7rem; right:1rem; left:1rem; margin:0; text-align:center; color:var(--soft); font-size:.78rem; z-index:4; }
.portal-detail-deck { margin-top:1.2rem; }
.portal-detail { display:flex; justify-content:space-between; align-items:center; gap:2rem; padding:1.35rem; border:1px solid var(--line-strong); border-radius:22px; background:var(--surface); }
.portal-detail h3 { margin:.3rem 0; font-family:Georgia,serif; font-size:clamp(1.3rem,3vw,2rem); }
.portal-detail p { margin:.3rem 0; color:var(--muted); }
.orientation-card { margin-top:5.5rem; display:grid; grid-template-columns:.72fr 1.28fr; gap:2rem; padding:clamp(1.4rem,4vw,2.5rem); border:1px solid var(--line-strong); border-radius:var(--radius); background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 13%,transparent),rgba(255,255,255,.025)); }
.orientation-card h2 { font-size:clamp(2rem,3.8vw,3.2rem); }
.orientation-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; }
.orientation-links a { display:grid; padding:1rem; border:1px solid var(--line); border-radius:16px; text-decoration:none; background:rgba(0,0,0,.12); }
.orientation-links a:hover { border-color:var(--line-strong); background:rgba(255,255,255,.05); }
.orientation-links span { color:var(--muted); font-size:.88rem; }
.studio-comparison { padding-top:6rem; }
.section-heading { max-width:760px; margin-bottom:2rem; }
.comparison-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.8rem; }
.comparison-card { min-height:340px; display:flex; flex-direction:column; padding:1.15rem; border:1px solid var(--line); border-radius:22px; background:linear-gradient(160deg,color-mix(in srgb,var(--card-accent,var(--accent)) 12%,transparent),rgba(255,255,255,.018)); text-decoration:none; }
.comparison-card:hover { border-color:color-mix(in srgb,var(--card-accent,var(--accent)) 60%,white); transform:translateY(-3px); }
.comparison-card > span { font-size:1.6rem; color:var(--card-accent,var(--accent)); }
.comparison-card h3 { font-family:Georgia,serif; font-size:1.45rem; }
.comparison-card p { color:var(--muted); font-size:.92rem; }
.comparison-card b { margin-top:auto; font-size:.86rem; display:flex; align-items:center; gap:.4rem; }
.accent-idea{--card-accent:#b995ff}.accent-game{--card-accent:#4ef1e3}.accent-video{--card-accent:#ffb457}.accent-application{--card-accent:#66f0a8}.accent-digital{--card-accent:#f3c969}
.plain-technical { margin-top:6rem; display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; }
.plain-technical details, .technical-detail { padding:1.2rem; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.03); }
details summary { cursor:pointer; font-weight:750; }
details p { color:var(--muted); }
.page-hero { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:3rem; align-items:center; min-height:460px; }
.page-hero.compact { display:block; min-height:auto; max-width:900px; padding-bottom:3rem; }
.page-hero.compact h1 { font-size:clamp(3rem,6vw,5.5rem); }
.hero-orbit { justify-self:center; position:relative; width:min(330px,70vw); aspect-ratio:1; display:grid; place-items:center; border:1px solid var(--line-strong); border-radius:50%; box-shadow:inset 0 0 70px color-mix(in srgb,var(--accent) 12%,transparent); }
.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;inset:15%;border:1px dashed color-mix(in srgb,var(--accent2) 40%,transparent);border-radius:50%;transform:rotate(33deg) scaleY(.44)}.hero-orbit::after{inset:-6%;transform:rotate(-31deg) scaleY(.62)}
.hero-orbit span { font-size:4rem; font-family:Georgia,serif; }
.orbit-dot { position:absolute; width:12px; height:12px; background:var(--accent); border-radius:50%; box-shadow:0 0 20px var(--accent); }.dot-1{top:5%;left:48%}.dot-2{right:4%;top:43%}.dot-3{bottom:8%;right:25%}.dot-4{bottom:20%;left:7%}.dot-5{top:23%;left:10%}
.atlas-stage { display:grid; grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr); gap:1.2rem; align-items:start; }
.atlas-region-list,.atlas-inspector,.atlas-depth { padding:1.25rem; border:1px solid var(--line); border-radius:var(--radius); background:rgba(11,10,29,.66); }
.atlas-region-list h2 { font-size:clamp(1.6rem,3vw,2.5rem); }
.atlas-region { width:100%; display:flex; gap:.9rem; align-items:center; text-align:left; padding:.9rem; margin-top:.55rem; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.025); cursor:pointer; }
.atlas-region:hover,.atlas-region[aria-pressed="true"] { border-color:var(--card-accent,var(--accent)); background:color-mix(in srgb,var(--card-accent,var(--accent)) 10%,transparent); }
.atlas-region-symbol { display:grid; place-items:center; min-width:44px; height:44px; border-radius:50%; background:color-mix(in srgb,var(--card-accent,var(--accent)) 16%,transparent); color:var(--card-accent,var(--accent)); }
.atlas-region span:last-child { display:grid; }
.atlas-region small { color:var(--muted); font-size:.84rem; line-height:1.4; }
.atlas-inspector { min-height:500px; position:sticky; top:calc(var(--header-h) + 1rem); display:grid; align-content:center; }
.atlas-empty { text-align:center; color:var(--muted); }
.atlas-empty span { font-size:3rem; color:var(--accent); }
.atlas-inspector-content h2 { font-size:clamp(2.2rem,5vw,4.8rem); }
.atlas-inspector-content .studio-purpose { font-size:1.25rem; color:#fff; }
.atlas-inspector-content p { color:var(--muted); }
.atlas-depth { margin-top:1.2rem; }
.atlas-depth-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.atlas-family-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; margin-top:1rem; }
.atlas-family { padding:1rem; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.025); }
.atlas-family h3 { margin:.1rem 0; }
.atlas-family p { margin:.3rem 0 0; color:var(--muted); font-size:.9rem; }
.atlas-deep-panel { margin-top:1rem; padding:1rem; border:1px solid var(--line-strong); border-radius:18px; }
.atlas-deep-panel ul { columns:2; padding-left:1.2rem; }
.atlas-view-choice { margin-top:1rem; display:flex; align-items:center; gap:.5rem; color:var(--muted); }
.atlas-view-choice button { border:1px solid var(--line); border-radius:999px; padding:.4rem .7rem; background:transparent; cursor:pointer; }
.atlas-view-choice button[aria-pressed="true"] { background:var(--accent); color:#080715; border-color:transparent; }
.section-gap { margin-top:2rem; }
.game-hero { min-height:560px; }
.game-console { justify-self:center; width:min(470px,80vw); aspect-ratio:1.05; padding:1.3rem; border:1px solid color-mix(in srgb,var(--accent) 50%,white); border-radius:34px; background:linear-gradient(145deg,#0b242a,#07151c); box-shadow:inset 0 0 60px rgba(78,241,227,.08),0 35px 90px rgba(0,0,0,.45); transform:perspective(700px) rotateY(-8deg) rotateX(3deg); }
.console-screen { height:68%; display:grid; place-items:center; align-content:center; border:1px solid rgba(180,255,84,.4); border-radius:22px; background:repeating-linear-gradient(0deg,rgba(180,255,84,.025) 0 2px,transparent 2px 5px),radial-gradient(circle,#184e51,#041013 70%); }
.console-screen span { font-size:6rem; line-height:1; color:var(--accent2); font-family:monospace; text-shadow:0 0 20px var(--accent2); }
.console-screen small { color:#d9ffb5; }
.console-nodes { display:grid; grid-template-columns:repeat(5,1fr); gap:.55rem; padding-top:1rem; }.console-nodes i{height:18px;border-radius:5px;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 13px rgba(78,241,227,.35)}
.route-card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.route-card { min-height:280px; display:flex; flex-direction:column; padding:1.3rem; border:1px solid var(--line); border-radius:22px; text-decoration:none; background:rgba(5,28,31,.48); }
.route-card:hover { border-color:var(--accent); transform:translateY(-3px); }
.route-card > span { color:var(--accent2); font-family:monospace; }.route-card h2{font-size:2.1rem}.route-card p{color:var(--muted)}.route-card b{margin-top:auto}
.signature-panel { margin-top:5rem; display:grid; grid-template-columns:.8fr 1.2fr; gap:2rem; padding:clamp(1.3rem,4vw,2.5rem); border:1px solid var(--line-strong); border-radius:30px; background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 10%,transparent),rgba(255,255,255,.02)); }
.game-signature { grid-template-columns:.75fr 1.25fr; }
.pairing-controls,.matrix-selectors { display:grid; gap:.8rem; }.pairing-controls label,.matrix-selectors label{display:grid;gap:.35rem;color:var(--muted)}select{min-height:48px;border:1px solid var(--line-strong);border-radius:13px;background:#0d1322;color:#fff;padding:.65rem}.pairing-result,.matrix-result{grid-column:2;padding:1.1rem;border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.18)}
.game-library { min-height:80vh; }
.library-tools { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; color:var(--muted); }.inline-search{width:min(520px,100%)}
.category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; }
.category-card { min-height:250px; display:flex; flex-direction:column; padding:1.05rem; border:1px solid var(--line); border-radius:18px; text-decoration:none; background:rgba(7,31,34,.42); }.category-card:hover{border-color:var(--accent)}.category-card small{color:var(--accent2);font-family:monospace}.category-card h2{font-size:1.55rem}.category-card p{font-size:.91rem;color:var(--muted)}.category-card b{margin-top:auto}.centered{display:flex;margin:1.3rem auto 0}.centered[hidden]{display:none}
.edition-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.8rem; margin-bottom:2rem; }.edition-card{min-height:360px;padding:1rem;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,rgba(78,241,227,.08),rgba(180,255,84,.02))}.edition-card span{color:var(--accent2);font-family:monospace}.edition-card h2{font-size:1.55rem}.edition-card p{color:var(--muted);font-size:.9rem}
.matrix-instrument { display:grid; grid-template-columns:.75fr 1.25fr; gap:1.2rem; padding:1.2rem; border:1px solid var(--line-strong); border-radius:28px; background:rgba(5,28,31,.62); }.matrix-result{grid-column:auto;min-height:460px;display:grid;align-content:center}.matrix-glyph{font-size:4rem;color:var(--accent)}.matrix-result h2{font-size:clamp(2rem,4vw,3.5rem)}.matrix-result details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}
.category-detail-page { padding:2rem 0 6rem; }.back-link{margin-bottom:2rem}.back-link a{color:var(--muted)}.category-detail-hero{max-width:900px}.category-detail-hero h1{font-size:clamp(3rem,7vw,6rem)}.category-summary{font-size:1.25rem;color:#e8fff9}.category-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.detail-card{padding:1.2rem;border:1px solid var(--line);border-radius:20px;background:rgba(5,28,31,.42)}.detail-card h2{font-size:1.8rem}.detail-card p{color:var(--muted)}.related-links{display:flex;flex-wrap:wrap;gap:.5rem}.related-links a{padding:.45rem .7rem;border:1px solid var(--line);border-radius:999px;text-decoration:none}
.studio-hero { min-height:620px; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr); gap:4rem; align-items:center; }
.simple-first { display:grid; grid-template-columns:.85fr 1.15fr; gap:2rem; padding:1.5rem 0 4rem; }.simple-first > p,.simple-first > details{grid-column:2}.simple-first > .eyebrow,.simple-first > h2{grid-column:1}.simple-first details{padding:1rem;border:1px solid var(--line);border-radius:16px}
.idea-prism,.cinema-threshold,.tactile-instrument,.vault-object { justify-self:center; position:relative; width:min(450px,78vw); aspect-ratio:1; display:grid; place-items:center; }
.idea-prism { perspective:800px; }.idea-prism span{position:relative;z-index:3;font-size:2rem;letter-spacing:.25em}.idea-prism i{position:absolute;width:66%;aspect-ratio:1;border:1px solid var(--accent);transform:rotate(45deg) rotateX(62deg);box-shadow:0 0 55px rgba(185,149,255,.24)}.idea-prism i:nth-of-type(2){width:48%;transform:rotate(12deg) rotateX(58deg)}.idea-prism i:nth-of-type(3){width:82%;transform:rotate(72deg) rotateX(70deg)}.idea-prism i:nth-of-type(4){width:28%;background:radial-gradient(circle,var(--accent2),transparent 68%);border:0;filter:blur(4px)}
.idea-lens-controls,.artifact-controls,.threshold-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.idea-lens-controls button,.artifact-controls button,.threshold-tabs button{padding:.65rem .85rem;border:1px solid var(--line);border-radius:999px;background:transparent;cursor:pointer}.idea-lens-controls button[aria-pressed="true"],.artifact-controls button[aria-pressed="true"],.threshold-tabs button[aria-selected="true"]{background:var(--accent);color:#090715;border-color:transparent}.idea-lens-result,.artifact-preview,.threshold-scene,.bench-output{margin-top:1rem;min-height:170px;padding:1rem;border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.18);display:grid;align-content:center}.idea-lens-result span,.artifact-preview span,.bench-output span{font-size:2.8rem;color:var(--accent)}
.idea-constellation{margin-top:5rem;display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem}.idea-constellation ol{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}.idea-constellation li{display:grid;grid-template-columns:110px 1fr;gap:1rem;padding:.85rem;border-bottom:1px solid var(--line)}.idea-constellation span{color:var(--muted)}
.cinema-threshold { border-radius:50% 50% 16% 16%; background:linear-gradient(180deg,rgba(255,180,87,.1),rgba(255,97,127,.04)); overflow:hidden; box-shadow:inset 0 0 80px rgba(255,180,87,.12) }.cinema-threshold div{position:absolute;inset:10%;border:2px solid var(--accent);border-bottom:0;border-radius:50% 50% 0 0;box-shadow:0 0 80px rgba(255,180,87,.35)}.cinema-threshold div::before{content:"";position:absolute;inset:12%;background:linear-gradient(180deg,#ffbf6c,transparent 70%);clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.45}.cinema-threshold span{position:absolute;bottom:12%;letter-spacing:.35em;color:#ffe3bd}.threshold-instrument{grid-template-columns:.75fr 1.25fr}.threshold-tabs,.threshold-scene{grid-column:2}.cinematic-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:5rem}.cinematic-strip article{padding:1rem;border-top:1px solid var(--accent);background:linear-gradient(180deg,rgba(255,180,87,.07),transparent)}.cinematic-strip span{color:var(--accent)}.cinematic-strip h2{font-size:1.6rem}.cinematic-strip p{color:var(--muted)}
.tactile-instrument{border:1px solid rgba(102,240,168,.45);border-radius:32px;background:linear-gradient(145deg,#0b2721,#071712);box-shadow:inset 0 0 60px rgba(102,240,168,.08)}.tactile-instrument span{width:52%;aspect-ratio:1;border:1px solid var(--accent);border-radius:18px;box-shadow:0 0 40px rgba(102,240,168,.25)}.tactile-instrument i,.tactile-instrument b{position:absolute;width:20%;height:10%;border-radius:999px;background:var(--accent2);bottom:14%;left:18%;box-shadow:0 0 20px rgba(85,214,255,.3)}.tactile-instrument b{left:auto;right:18%;background:var(--accent3)}.tactile-instrument em{position:absolute;top:12%;font-style:normal;letter-spacing:.2em;color:var(--accent)}.workflow-bench{grid-template-columns:.75fr 1.25fr}.bench-steps,.bench-output{grid-column:2}.bench-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.bench-steps button{display:grid;gap:.4rem;text-align:left;padding:.8rem;border:1px solid var(--line);border-radius:16px;background:transparent;cursor:pointer}.bench-steps button.is-active,.bench-steps button.is-complete{border-color:var(--accent);background:rgba(102,240,168,.08)}.bench-steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(102,240,168,.15);color:var(--accent)}.application-blueprint{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:5rem}.blueprint-lines{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.blueprint-lines span{display:grid;place-items:center;min-height:120px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(102,240,168,.08),rgba(85,214,255,.04))}
.vault-object{background:radial-gradient(circle,rgba(243,201,105,.14),transparent 60%)}.vault-object span{font-size:9rem;color:var(--accent);filter:drop-shadow(0 0 25px rgba(243,201,105,.4))}.vault-object i,.vault-object b{position:absolute;width:70%;aspect-ratio:1;border:1px solid var(--accent2);transform:rotate(30deg);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.vault-object b{width:88%;transform:rotate(-12deg);border-style:dashed}.artifact-table{grid-template-columns:.75fr 1.25fr}.artifact-controls,.artifact-preview{grid-column:2}.vault-shelves{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:5rem}.vault-shelves article{min-height:240px;padding:1rem;border:1px solid rgba(243,201,105,.25);border-radius:18px;background:linear-gradient(160deg,rgba(243,201,105,.08),rgba(82,224,206,.03))}.vault-shelves b{color:var(--accent);letter-spacing:.14em}.vault-shelves h2{font-size:1.7rem}.vault-shelves p{color:var(--muted)}
.info-main { min-height:80vh; }.info-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:3rem;padding:3rem 0;border-top:1px solid var(--line)}.info-section p{color:var(--muted)}.principle-grid,.help-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:2rem 0 4rem}.principle-grid article,.help-grid article,.license-card{padding:1.15rem;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.principle-grid span,.help-grid span{color:var(--accent);font-weight:800}.principle-grid h2,.help-grid h2,.license-card h2{font-size:1.55rem}.principle-grid p,.help-grid p,.license-card p{color:var(--muted)}.help-grid a,.help-grid button{color:#fff;background:transparent;border:0;padding:0;text-decoration:underline;cursor:pointer}.faq-list{display:grid;gap:.5rem}.faq-list details{padding:.85rem;border:1px solid var(--line);border-radius:14px}.license-card{margin-bottom:.8rem;max-width:900px}
.not-found{min-height:calc(100vh - var(--header-h));display:grid;align-content:center;padding-block:4rem}.not-found-orbit{font-size:clamp(5rem,18vw,12rem);line-height:.8;color:transparent;-webkit-text-stroke:1px var(--accent);opacity:.38}.not-found h1{max-width:900px}
.icu-footer { width:min(var(--max),calc(100% - clamp(2rem,7vw,7rem))); margin:0 auto; padding:2.5rem 0 3rem; border-top:1px solid var(--line); display:grid; grid-template-columns:1.5fr .7fr .7fr 1.1fr; gap:2rem; color:var(--muted); font-size:.9rem; }
.footer-brand { display:flex;align-items:center;gap:.55rem;text-decoration:none;color:#fff}.footer-brand span{font-size:1.5rem;color:var(--accent)}.footer-definition p{margin:.6rem 0 0}.icu-footer nav{display:grid;align-content:start;gap:.3rem}.icu-footer nav strong{color:#fff;margin-bottom:.3rem}.icu-footer nav a{text-decoration:none}.icu-footer nav a:hover{text-decoration:underline}.ownership-note{margin:0}
:focus-visible { outline:3px solid color-mix(in srgb,var(--accent) 75%,white); outline-offset:3px; }
[hidden] { display:none!important; }
@media (max-width:1100px){
  .icu-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.mobile-menu-button{display:inline-flex}.desktop-action-label{display:none}.comparison-grid{grid-template-columns:repeat(3,1fr)}.edition-grid{grid-template-columns:repeat(3,1fr)}.principle-grid,.help-grid{grid-template-columns:repeat(2,1fr)}.icu-footer{grid-template-columns:1.3fr .7fr .7fr}.ownership-note{grid-column:1/-1}.home-hero{grid-template-columns:1fr;min-height:auto}.home-hero-copy{max-width:760px}.observatory-wrap{min-height:700px}.portal-card{width:235px}.page-hero,.studio-hero{grid-template-columns:1fr}.page-hero>div:last-child,.studio-hero>div:last-child{order:-1}.page-hero.compact>div:last-child{order:initial}.atlas-stage{grid-template-columns:1fr}.atlas-inspector{position:static;min-height:380px}.category-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  :root{--header-h:64px}.icu-header{height:var(--header-h);padding:0 .75rem;gap:.3rem}.brand-symbol{width:36px;height:36px}.brand-words strong{font-size:.9rem}.brand-words small{display:none}.header-actions{gap:0}.header-actions .icon-button{min-width:40px;min-height:40px}.mobile-menu-button span{display:none}.section-shell,.icu-footer{width:min(100% - 1.25rem,var(--max))}.home-main,.atlas-main,.game-main,.game-library,.matrix-page,.studio-main,.info-main{padding-top:2rem}h1{font-size:clamp(2.7rem,13vw,4.6rem)}h2{font-size:clamp(1.8rem,9vw,3rem)}.lede{font-size:1.06rem}.home-hero{display:block;padding-top:1.3rem}.hero-actions{display:grid}.button{width:100%}.trust-note{font-size:.86rem}.observatory-wrap{min-height:auto;margin-top:2rem;padding:1rem;overflow:visible}.observatory-wrap::before,.observatory-wrap::after,.observatory-core{display:none}.portal-field{position:static;display:grid;gap:.65rem}.portal-card{position:static!important;width:100%!important;left:auto!important;right:auto!important;top:auto!important;}.portal-status{position:static;margin-top:.7rem}.portal-detail{display:grid;gap:1rem}.orientation-card{grid-template-columns:1fr;margin-top:3rem}.orientation-links{grid-template-columns:1fr}.comparison-grid{grid-template-columns:1fr}.comparison-card{min-height:220px}.plain-technical,.simple-first,.idea-constellation,.application-blueprint,.info-section{grid-template-columns:1fr}.simple-first>*{grid-column:1!important}.page-hero,.studio-hero{min-height:auto;gap:1.5rem}.hero-orbit,.idea-prism,.cinema-threshold,.tactile-instrument,.vault-object,.game-console{width:min(300px,78vw)}.game-console{transform:none}.atlas-region-list,.atlas-inspector,.atlas-depth{padding:.85rem}.atlas-family-grid{grid-template-columns:1fr}.atlas-deep-panel ul{columns:1}.atlas-depth-head{display:grid}.atlas-depth-head .button{width:100%}.route-card-grid,.cinematic-strip,.vault-shelves{grid-template-columns:1fr}.signature-panel,.game-signature,.threshold-instrument,.workflow-bench,.artifact-table,.matrix-instrument{grid-template-columns:1fr;margin-top:3rem}.signature-panel>*{grid-column:1!important}.bench-steps{grid-template-columns:1fr}.category-grid,.edition-grid,.category-detail-grid{grid-template-columns:1fr}.library-tools{display:grid}.matrix-result{min-height:320px}.principle-grid,.help-grid{grid-template-columns:1fr}.icu-footer{grid-template-columns:1fr 1fr;gap:1.4rem}.footer-definition,.ownership-note{grid-column:1/-1}.range-row{display:grid}.range-row input{width:100%}.setting-row>span{min-width:0}.studio-middle{margin-top:3rem}.idea-constellation li{grid-template-columns:1fr;gap:.2rem}
}


/* ================================================================
   SURREAL SPECTRAL EXPERIENCE V3
   The interface remains readable while the environment becomes fluid,
   chromatic, dimensional, and continuously alive.
   ================================================================ */
:root{
  --spectral-white:#fffaff;
  --void:#03020a;
  --glass:rgba(10,8,30,.62);
  --tilt-x:0deg;
  --tilt-y:0deg;
}
body{background:transparent;}
.cosmic-backdrop{
  z-index:-1;
  background:
    radial-gradient(ellipse at 50% -18%,rgba(123,77,255,.19),transparent 47%),
    radial-gradient(ellipse at 4% 68%,rgba(255,41,190,.10),transparent 38%),
    radial-gradient(ellipse at 100% 74%,rgba(34,225,255,.11),transparent 42%),
    #03020a;
  isolation:isolate;
}
#cosmic-canvas{opacity:1;filter:saturate(1.35) contrast(1.08);}
.aurora-veil{
  position:absolute;
  width:105vmax;
  height:72vmax;
  border-radius:42% 58% 68% 32% / 39% 36% 64% 61%;
  filter:blur(58px) saturate(1.65);
  mix-blend-mode:screen;
  opacity:.26;
  will-change:transform,border-radius;
}
.aurora-veil-a{
  left:-48vmax;top:-24vmax;
  background:conic-gradient(from 80deg,transparent 0 7%,var(--accent3) 18%,var(--accent) 34%,transparent 51%,var(--accent2) 71%,transparent 88%);
  animation:aurora-morph 29s ease-in-out infinite alternate,aurora-turn 74s linear infinite;
}
.aurora-veil-b{
  right:-52vmax;bottom:-31vmax;
  background:conic-gradient(from 240deg,transparent 0 8%,var(--accent2) 21%,var(--accent3) 38%,transparent 58%,var(--accent) 78%,transparent 92%);
  animation:aurora-morph-b 34s ease-in-out infinite alternate,aurora-turn-reverse 91s linear infinite;
}
.nebula{width:86vw;height:86vw;opacity:.24;filter:blur(86px) saturate(1.55);}
.nebula-a{background:conic-gradient(from 20deg,transparent,var(--accent),var(--accent3),#5df7ff,transparent 65%);animation-duration:28s;}
.nebula-b{background:conic-gradient(from 200deg,transparent,var(--accent2),#ff44c7,var(--accent),transparent 72%);animation-duration:37s;}
.chromatic-vortex{
  position:absolute;
  left:48%;top:-17vmax;
  width:70vmax;height:70vmax;
  border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 8%,rgba(106,246,255,.42) 14%,transparent 23%,rgba(255,71,205,.37) 35%,transparent 45%,rgba(151,93,255,.42) 58%,transparent 69%,rgba(252,222,104,.26) 80%,transparent 92%);
  -webkit-mask:radial-gradient(circle,transparent 0 27%,#000 31% 34%,transparent 38% 48%,#000 52% 54%,transparent 58%);
  mask:radial-gradient(circle,transparent 0 27%,#000 31% 34%,transparent 38% 48%,#000 52% 54%,transparent 58%);
  filter:blur(1px) drop-shadow(0 0 34px color-mix(in srgb,var(--accent) 45%,transparent));
  opacity:.49;
  mix-blend-mode:screen;
  animation:vortex-dream 43s linear infinite,portal-breathe 13s ease-in-out infinite alternate;
}
.dream-grid{
  position:absolute;
  left:-25%;right:-25%;bottom:-39vh;height:82vh;
  background-image:linear-gradient(rgba(108,230,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(194,88,255,.08) 1px,transparent 1px);
  background-size:72px 72px;
  transform:perspective(520px) rotateX(69deg) rotateZ(-8deg) scale(1.45);
  transform-origin:center top;
  opacity:.24;
  -webkit-mask:linear-gradient(to bottom,transparent,#000 35%,transparent 88%);
  mask:linear-gradient(to bottom,transparent,#000 35%,transparent 88%);
  animation:grid-drift 22s linear infinite;
}
.prism-flare{
  background:
    radial-gradient(circle at var(--pointer-x,72%) var(--pointer-y,18%),color-mix(in srgb,var(--accent2) 18%,transparent),transparent 13rem),
    radial-gradient(circle at calc(var(--pointer-x,72%) + 6rem) calc(var(--pointer-y,18%) - 4rem),color-mix(in srgb,var(--accent3) 12%,transparent),transparent 21rem);
  mix-blend-mode:screen;
}
.spectral-grain{position:absolute;inset:-20%;background:url('/assets/noise.png') repeat;opacity:.075;mix-blend-mode:soft-light;animation:grain-walk .7s steps(2,end) infinite;}
@keyframes aurora-morph{0%{transform:translate3d(-3vw,2vh,0) scale(.92);border-radius:42% 58% 68% 32%/39% 36% 64% 61%}100%{transform:translate3d(18vw,13vh,0) scale(1.16);border-radius:68% 32% 39% 61%/56% 68% 32% 44%}}
@keyframes aurora-morph-b{0%{transform:translate3d(4vw,-4vh,0) scale(.96)}100%{transform:translate3d(-16vw,-16vh,0) scale(1.18)}}
@keyframes aurora-turn{to{rotate:360deg}}
@keyframes aurora-turn-reverse{to{rotate:-360deg}}
@keyframes vortex-dream{to{transform:rotate(360deg)}}
@keyframes portal-breathe{to{scale:1.14;opacity:.48}}
@keyframes grid-drift{to{background-position:72px 72px,72px 72px}}
@keyframes grain-walk{0%{transform:translate(0,0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,4%)}75%{transform:translate(4%,3%)}100%{transform:translate(-3%,-4%)}}

/* The top-left identity is now a typographic wordmark, not a symbol logo. */
.icu-header{
  border-bottom-color:rgba(219,221,255,.13);
  background:linear-gradient(180deg,rgba(4,2,14,.91),rgba(6,4,20,.68));
  backdrop-filter:blur(26px) saturate(1.55);
  box-shadow:0 18px 45px rgba(0,0,0,.16),inset 0 -1px rgba(255,255,255,.025);
}
.brand-lockup{gap:0;position:relative;padding:.35rem 0;}
.brand-symbol{display:none!important;}
.brand-words{position:relative;line-height:1.03;}
.brand-words strong{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  background:linear-gradient(94deg,#fff 0%,#e8dcff 23%,var(--accent2) 47%,var(--accent3) 67%,#fff 92%);
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 28px color-mix(in srgb,var(--accent) 22%,transparent);
  animation:wordmark-spectrum 11s ease-in-out infinite alternate;
}
.brand-words::after{content:"";position:absolute;left:0;bottom:-.34rem;width:42%;height:1px;background:linear-gradient(90deg,var(--accent2),var(--accent3),transparent);box-shadow:0 0 10px var(--accent2);animation:wordmark-line 8s ease-in-out infinite alternate;}
.brand-words small{color:#aaa7c6;letter-spacing:.04em;}
@keyframes wordmark-spectrum{to{background-position:100% 0}}
@keyframes wordmark-line{to{width:82%;filter:hue-rotate(90deg)}}
.footer-brand span{display:none!important;}
.footer-brand strong{font-family:Georgia,"Times New Roman",serif;background:linear-gradient(90deg,#fff,var(--accent2),var(--accent3));-webkit-background-clip:text;background-clip:text;color:transparent;}

/* Glass surfaces and chromatic borders. */
.site-dialog,.studios-dropdown-panel{background:linear-gradient(145deg,rgba(14,10,38,.96),rgba(5,4,18,.96));box-shadow:0 35px 120px rgba(0,0,0,.65),0 0 80px color-mix(in srgb,var(--accent) 12%,transparent);}
.button{position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;}
.button::after{content:"";position:absolute;inset:-120% -35%;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.34) 49%,transparent 60%);transform:translateX(-42%) rotate(12deg);transition:transform .7s ease;pointer-events:none;}
.button:hover::after{transform:translateX(45%) rotate(12deg);}
.button.primary{background:linear-gradient(112deg,#fff,var(--accent2) 30%,var(--accent) 60%,var(--accent3) 82%,#fff);background-size:250% 100%;animation:button-spectrum 9s ease-in-out infinite alternate;box-shadow:0 16px 48px color-mix(in srgb,var(--accent) 30%,transparent),0 0 25px color-mix(in srgb,var(--accent2) 18%,transparent);}
.button.secondary{background:linear-gradient(120deg,rgba(255,255,255,.075),color-mix(in srgb,var(--accent) 8%,transparent));backdrop-filter:blur(14px);}
.button:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 20px 55px color-mix(in srgb,var(--accent) 25%,transparent);}
@keyframes button-spectrum{to{background-position:100% 0;filter:hue-rotate(18deg)}}

.home-page h1,.page-hero h1,.studio-hero h1,.category-detail-hero h1{
  background:linear-gradient(120deg,#fff 0%,#fff 34%,color-mix(in srgb,var(--accent2) 76%,white) 57%,color-mix(in srgb,var(--accent3) 70%,white) 78%,#fff 100%);
  background-size:240% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 24px color-mix(in srgb,var(--accent) 13%,transparent));
  animation:title-spectrum 16s ease-in-out infinite alternate;
}
@keyframes title-spectrum{to{background-position:100% 0}}
.eyebrow{text-shadow:0 0 18px currentColor;}

/* Rich dimensional cards without increasing interface density. */
.portal-card,.comparison-card,.orientation-links a,.route-card,.category-card,.edition-card,.detail-card,.atlas-region,.atlas-family,.principle-grid article,.help-grid article,.vault-shelves article{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform-style:preserve-3d;
  transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));
  transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .32s ease,box-shadow .32s ease,background .32s ease;
}
.portal-card::before,.comparison-card::before,.orientation-links a::before,.route-card::before,.category-card::before,.edition-card::before,.detail-card::before,.atlas-region::before,.atlas-family::before,.principle-grid article::before,.help-grid article::before,.vault-shelves article::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:-1;
  background:linear-gradient(125deg,rgba(255,255,255,.34),color-mix(in srgb,var(--card-accent,var(--accent)) 75%,transparent),color-mix(in srgb,var(--accent3) 60%,transparent),rgba(255,255,255,.06));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.62;
}
.portal-card::after,.comparison-card::after,.orientation-links a::after,.route-card::after,.category-card::after,.edition-card::after,.detail-card::after,.atlas-region::after{
  content:"";position:absolute;z-index:-2;width:14rem;aspect-ratio:1;border-radius:50%;left:calc(var(--glow-x,50%) - 7rem);top:calc(var(--glow-y,42%) - 7rem);pointer-events:none;
  background:radial-gradient(circle,color-mix(in srgb,var(--card-accent,var(--accent)) 23%,transparent),transparent 67%);filter:blur(12px);opacity:.75;transition:left .18s linear,top .18s linear;
}
.portal-card:hover,.comparison-card:hover,.orientation-links a:hover,.route-card:hover,.category-card:hover,.edition-card:hover,.detail-card:hover,.atlas-region:hover{transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-6px);box-shadow:0 28px 70px rgba(0,0,0,.42),0 0 38px color-mix(in srgb,var(--card-accent,var(--accent)) 15%,transparent);}

/* Observatory: a moving spectral instrument rather than a flat card field. */
.observatory-wrap{
  border-color:color-mix(in srgb,var(--accent2) 34%,transparent);
  background:
    radial-gradient(circle at 50% 43%,rgba(255,255,255,.13) 0 1%,transparent 4%),
    radial-gradient(circle at 50% 43%,color-mix(in srgb,var(--accent) 36%,transparent),transparent 20%),
    conic-gradient(from 80deg at 50% 43%,rgba(70,230,255,.08),rgba(255,61,205,.08),rgba(145,91,255,.11),rgba(70,230,255,.08)),
    rgba(6,4,24,.54);
  box-shadow:inset 0 0 130px rgba(255,255,255,.035),0 35px 130px rgba(0,0,0,.56),0 0 75px color-mix(in srgb,var(--accent) 13%,transparent);
  backdrop-filter:blur(6px) saturate(1.3);
}
.observatory-wrap::before{inset:5%;border:1px solid color-mix(in srgb,var(--accent2) 42%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--accent2) 18%,transparent),inset 0 0 26px color-mix(in srgb,var(--accent3) 10%,transparent);animation:observatory-warp 26s ease-in-out infinite alternate;}
.observatory-wrap::after{width:68%;border:2px solid transparent;background:linear-gradient(#07051b,#07051b) padding-box,conic-gradient(from 0deg,var(--accent2),transparent,var(--accent3),transparent,var(--accent),transparent,var(--accent2)) border-box;animation:spin 31s linear infinite,orbit-pulse 7s ease-in-out infinite alternate;}
.observatory-core{width:158px;background:radial-gradient(circle,#fff 0 2%,#9df8ff 3%,var(--accent) 12%,rgba(65,18,117,.9) 30%,transparent 66%);box-shadow:0 0 38px #fff,0 0 95px var(--accent),0 0 160px color-mix(in srgb,var(--accent3) 50%,transparent);animation:core-float 7s ease-in-out infinite alternate;}
.observatory-core::before,.observatory-core::after{content:"";position:absolute;border-radius:50%;inset:-58px;border:1px solid color-mix(in srgb,var(--accent3) 52%,transparent);transform:rotate(26deg) scaleY(.28);box-shadow:0 0 22px color-mix(in srgb,var(--accent3) 20%,transparent);animation:core-orbit 18s linear infinite;}
.observatory-core::after{inset:-92px;border-color:color-mix(in srgb,var(--accent2) 48%,transparent);transform:rotate(-48deg) scaleY(.46);animation-duration:27s;animation-direction:reverse;}
.observatory-core span{color:#fff;text-shadow:0 0 16px #fff,0 0 36px var(--accent2);}
.portal-card{background:linear-gradient(145deg,rgba(13,10,39,.84),rgba(4,3,18,.78));box-shadow:0 17px 52px rgba(0,0,0,.43);}
.portal-idea{--card-accent:#c08cff}.portal-game{--card-accent:#4af7db}.portal-video{--card-accent:#ff9f65}.portal-application{--card-accent:#61f4ad}.portal-digital{--card-accent:#ffd168}

.portal-idea{background:linear-gradient(145deg,rgba(53,24,91,.91),rgba(15,6,37,.88));}
.portal-game{background:linear-gradient(145deg,rgba(5,69,70,.88),rgba(3,21,36,.9));}
.portal-video{background:linear-gradient(145deg,rgba(83,36,50,.9),rgba(31,10,34,.9));}
.portal-application{background:linear-gradient(145deg,rgba(8,67,47,.9),rgba(3,24,31,.9));}
.portal-digital{background:linear-gradient(145deg,rgba(78,52,19,.9),rgba(19,19,39,.9));}
.portal-symbol{font-size:1.75rem;color:var(--card-accent);filter:drop-shadow(0 0 13px currentColor);animation:symbol-float 5s ease-in-out infinite alternate;}
.portal-card.is-selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--card-accent) 35%,transparent),0 22px 70px color-mix(in srgb,var(--card-accent) 28%,transparent),inset 0 0 35px color-mix(in srgb,var(--card-accent) 10%,transparent);animation:selected-dream 3.4s ease-in-out infinite alternate;}
@keyframes observatory-warp{to{inset:11%;transform:rotate(34deg) scaleY(.72);border-radius:42% 58% 49% 51%}}
@keyframes orbit-pulse{to{scale:1.08;filter:hue-rotate(70deg)}}
@keyframes core-float{to{transform:translateY(-11px) scale(1.04);filter:hue-rotate(42deg)}}
@keyframes core-orbit{to{rotate:360deg}}
@keyframes symbol-float{to{transform:translateY(-6px) rotate(9deg);filter:hue-rotate(50deg) drop-shadow(0 0 18px currentColor)}}
@keyframes selected-dream{to{transform:perspective(950px) translateY(-7px) scale(1.025)}}

/* Atlas and shared orbit visuals. */
.hero-orbit{border-color:color-mix(in srgb,var(--accent2) 48%,transparent);background:radial-gradient(circle at 42% 36%,rgba(255,255,255,.11),transparent 5%),radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 58%);box-shadow:inset 0 0 100px color-mix(in srgb,var(--accent) 16%,transparent),0 0 65px color-mix(in srgb,var(--accent2) 15%,transparent);animation:orbit-float 9s ease-in-out infinite alternate;}
.hero-orbit::before{border-style:solid;background:conic-gradient(from 0deg,var(--accent2),transparent,var(--accent3),transparent,var(--accent));-webkit-mask:radial-gradient(transparent 64%,#000 66% 68%,transparent 70%);mask:radial-gradient(transparent 64%,#000 66% 68%,transparent 70%);animation:spin 17s linear infinite;}
.hero-orbit::after{border-color:color-mix(in srgb,var(--accent3) 55%,transparent);animation:spin 24s linear infinite reverse;}
.hero-orbit span{color:#fff;text-shadow:0 0 22px #fff,0 0 52px var(--accent);}
.orbit-dot{animation:dot-pulse 2.8s ease-in-out infinite alternate;}
.atlas-region-list,.atlas-inspector,.atlas-depth{background:linear-gradient(145deg,rgba(9,7,30,.74),rgba(3,3,15,.72));backdrop-filter:blur(13px) saturate(1.25);box-shadow:0 28px 80px rgba(0,0,0,.33);}
.atlas-region[aria-pressed="true"]{box-shadow:0 0 32px color-mix(in srgb,var(--card-accent) 19%,transparent),inset 0 0 28px color-mix(in srgb,var(--card-accent) 8%,transparent);}
@keyframes orbit-float{to{transform:translateY(-12px) rotate(3deg);filter:hue-rotate(30deg)}}
@keyframes dot-pulse{to{scale:1.8;box-shadow:0 0 35px var(--accent)}}

/* Five unmistakably different surreal studio machines. */
.idea-prism::before{content:"";position:absolute;inset:3%;border-radius:50%;background:conic-gradient(from 0deg,transparent,var(--accent3),transparent,var(--accent2),transparent,var(--accent));filter:blur(24px);opacity:.36;animation:spin 19s linear infinite;}
.idea-prism::after{content:"";position:absolute;inset:19%;border-radius:50%;background:radial-gradient(circle,#fff 0 2%,var(--accent2) 3%,var(--accent) 14%,transparent 60%);box-shadow:0 0 90px var(--accent),0 0 160px color-mix(in srgb,var(--accent3) 46%,transparent);animation:prism-heart 5s ease-in-out infinite alternate;}
.idea-prism span{color:#fff;text-shadow:0 0 15px #fff,0 0 38px var(--accent3);}
.idea-prism i{border-color:color-mix(in srgb,var(--accent) 70%,white);box-shadow:0 0 32px rgba(185,149,255,.32),inset 0 0 24px rgba(255,91,213,.09);animation:prism-turn 13s linear infinite;}
.idea-prism i:nth-of-type(2){animation-duration:9s;animation-direction:reverse}.idea-prism i:nth-of-type(3){animation-duration:21s}.idea-prism i:nth-of-type(4){animation:prism-heart 3.8s ease-in-out infinite alternate;}
@keyframes prism-turn{to{rotate:360deg;filter:hue-rotate(150deg)}}
@keyframes prism-heart{to{scale:1.17;filter:hue-rotate(85deg) blur(1px)}}

.game-console{position:relative;overflow:hidden;border-color:rgba(91,255,224,.68);background:linear-gradient(145deg,rgba(5,49,48,.92),rgba(3,10,28,.94));box-shadow:inset 0 0 90px rgba(68,255,220,.12),0 38px 100px rgba(0,0,0,.5),0 0 55px rgba(55,237,226,.16);animation:console-hover 8s ease-in-out infinite alternate;}
.game-console::before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 0deg,transparent,rgba(180,255,84,.18),transparent,rgba(85,167,255,.2),transparent,rgba(78,241,227,.2),transparent);animation:spin 18s linear infinite;}
.game-console::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(94,255,223,.025) 18px 19px);mix-blend-mode:screen;animation:circuit-shift 8s linear infinite;pointer-events:none;}
.console-screen{position:relative;z-index:1;background:repeating-linear-gradient(0deg,rgba(180,255,84,.035) 0 2px,transparent 2px 5px),radial-gradient(circle at 50% 34%,rgba(57,255,224,.31),#05131c 64%);box-shadow:inset 0 0 65px rgba(70,255,223,.14),0 0 25px rgba(180,255,84,.11);}
.console-screen span{animation:number-glitch 5.7s steps(1,end) infinite;text-shadow:-2px 0 rgba(255,56,210,.55),2px 0 rgba(68,237,255,.65),0 0 26px var(--accent2);}
.console-nodes{position:relative;z-index:1}.console-nodes i{animation:node-current 3s ease-in-out infinite alternate}.console-nodes i:nth-child(2n){animation-delay:-1s}.console-nodes i:nth-child(3n){animation-delay:-2s}
@keyframes console-hover{to{transform:perspective(700px) rotateY(7deg) rotateX(-2deg) translateY(-10px);filter:hue-rotate(24deg)}}
@keyframes circuit-shift{to{background-position:190px 0}}
@keyframes number-glitch{0%,89%,100%{transform:none}90%{transform:translateX(-3px) skewX(5deg)}92%{transform:translateX(3px) skewX(-4deg)}94%{transform:none}}
@keyframes node-current{to{filter:hue-rotate(100deg);box-shadow:0 0 25px currentColor;transform:scaleX(.82)}}

.cinema-threshold{background:radial-gradient(ellipse at 50% 82%,rgba(255,192,102,.2),transparent 38%),linear-gradient(180deg,rgba(116,64,255,.12),rgba(255,55,140,.09) 52%,rgba(255,176,77,.11));box-shadow:inset 0 0 110px rgba(255,112,93,.15),0 0 90px rgba(255,91,162,.15);animation:threshold-float 10s ease-in-out infinite alternate;}
.cinema-threshold::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,var(--accent2),transparent,var(--accent3),transparent,var(--accent),transparent);opacity:.18;filter:blur(22px);animation:spin 24s linear infinite;}
.cinema-threshold::after{content:"";position:absolute;left:8%;right:8%;bottom:11%;height:34%;background:repeating-linear-gradient(90deg,transparent 0 9%,rgba(255,211,147,.18) 9.5% 10%);clip-path:polygon(50% 0,100% 100%,0 100%);filter:blur(.4px);animation:horizon-flow 6s linear infinite;}
.cinema-threshold div{z-index:1;border-width:3px;border-image:linear-gradient(180deg,#fff,var(--accent),var(--accent3)) 1;box-shadow:0 0 52px var(--accent),inset 0 0 70px rgba(255,80,153,.1);animation:gate-breathe 5s ease-in-out infinite alternate;}
.cinema-threshold div::before{background:linear-gradient(180deg,#fff,var(--accent),var(--accent3),transparent 80%);opacity:.58;filter:blur(3px);}
.cinema-threshold span{z-index:2;text-shadow:0 0 18px #fff,0 0 42px var(--accent);animation:enter-pulse 3.5s ease-in-out infinite alternate;}
@keyframes threshold-float{to{transform:translateY(-13px) rotate(-1.5deg);filter:hue-rotate(26deg)}}
@keyframes horizon-flow{to{background-position:110px 0}}
@keyframes gate-breathe{to{inset:6%;filter:hue-rotate(52deg)}}
@keyframes enter-pulse{to{letter-spacing:.52em;color:#fff}}

.tactile-instrument{overflow:hidden;background:linear-gradient(145deg,rgba(3,49,39,.96),rgba(4,10,27,.98));box-shadow:inset 0 0 90px rgba(78,255,180,.13),0 0 80px rgba(61,241,183,.12);animation:instrument-float 9s ease-in-out infinite alternate;}
.tactile-instrument::before{content:"";position:absolute;inset:-45%;background:conic-gradient(from 0deg,transparent,rgba(85,214,255,.3),transparent,rgba(226,255,122,.24),transparent,rgba(102,240,168,.3),transparent);filter:blur(20px);animation:spin 20s linear infinite;}
.tactile-instrument::after{content:"";position:absolute;inset:5%;border-radius:25px;background:linear-gradient(120deg,transparent,rgba(255,255,255,.065),transparent);background-size:240% 100%;animation:instrument-scan 7s linear infinite;pointer-events:none;}
.tactile-instrument span{position:relative;z-index:1;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(226,255,122,.34),rgba(68,255,199,.13) 33%,rgba(5,28,31,.8) 70%);border-color:rgba(110,255,199,.8);box-shadow:0 0 50px rgba(102,240,168,.38),inset 0 0 45px rgba(85,214,255,.15);animation:screen-liquid 6s ease-in-out infinite alternate;}
.tactile-instrument i,.tactile-instrument b{z-index:2;animation:control-breathe 2.7s ease-in-out infinite alternate}.tactile-instrument b{animation-delay:-1.3s}.tactile-instrument em{z-index:2;text-shadow:0 0 14px var(--accent);}
@keyframes instrument-float{to{transform:translateY(-10px) rotate(1.3deg);filter:hue-rotate(25deg)}}
@keyframes instrument-scan{to{background-position:-240% 0}}
@keyframes screen-liquid{to{border-radius:42% 58% 47% 53%/55% 42% 58% 45%;transform:scale(1.04) rotate(2deg)}}
@keyframes control-breathe{to{scale:1.14;filter:hue-rotate(80deg);box-shadow:0 0 34px currentColor}}

.vault-object{background:radial-gradient(circle,rgba(255,236,161,.17),rgba(82,224,206,.08) 31%,transparent 66%);animation:vault-float 9s ease-in-out infinite alternate;}
.vault-object::before{content:"";position:absolute;inset:2%;border-radius:50%;background:conic-gradient(from 0deg,transparent,var(--accent),transparent,var(--accent2),transparent,var(--accent3),transparent);opacity:.25;filter:blur(20px);animation:spin 25s linear infinite;}
.vault-object::after{content:"";position:absolute;inset:23%;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(243,201,105,.17),rgba(82,224,206,.17));box-shadow:inset 0 0 35px rgba(255,255,255,.16);animation:artifact-shift 7s ease-in-out infinite alternate;}
.vault-object span{z-index:2;color:#fff;text-shadow:0 0 18px #fff,0 0 52px var(--accent);animation:glyph-turn 12s ease-in-out infinite alternate;}
.vault-object i,.vault-object b{z-index:1;border-width:2px;box-shadow:0 0 30px rgba(82,224,206,.2);animation:vault-ring 18s linear infinite}.vault-object b{animation-duration:27s;animation-direction:reverse}
@keyframes vault-float{to{transform:translateY(-12px) rotate(-2deg);filter:hue-rotate(28deg)}}
@keyframes artifact-shift{to{transform:rotate(60deg) scale(1.14);filter:hue-rotate(100deg)}}
@keyframes glyph-turn{to{transform:rotateY(180deg) scale(1.08)}}
@keyframes vault-ring{to{rotate:360deg}}

/* Scroll emergence. */
.visual-enhanced .reveal-target{opacity:0;translate:0 28px;scale:.985;filter:blur(7px);transition:opacity .85s ease var(--reveal-delay,0ms),translate .85s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),scale .85s ease var(--reveal-delay,0ms),filter .85s ease var(--reveal-delay,0ms);}
.visual-enhanced .reveal-target.is-visible{opacity:1;translate:0 0;scale:1;filter:none;}

body[data-effects="reduced"] #cosmic-canvas{opacity:.5;filter:saturate(1.08)}
body[data-effects="reduced"] .aurora-veil{opacity:.055;filter:blur(120px)}
body[data-effects="reduced"] .chromatic-vortex{opacity:.10}
body[data-effects="reduced"] .dream-grid{opacity:.05}
body[data-effects="reduced"] .spectral-grain{opacity:.018}
body[data-effects="off"] #cosmic-canvas,body[data-effects="off"] .aurora-veil,body[data-effects="off"] .chromatic-vortex,body[data-effects="off"] .dream-grid,body[data-effects="off"] .spectral-grain{display:none!important}

@media(max-width:760px){
  .icu-header{grid-template-columns:minmax(0,1fr) auto;}
  .brand-words strong{font-size:.82rem;letter-spacing:-.015em;}
  .brand-words::after{bottom:-.27rem;}
  .cosmic-backdrop{background:radial-gradient(circle at 72% 4%,rgba(139,77,255,.22),transparent 40%),radial-gradient(circle at 3% 70%,rgba(255,49,202,.10),transparent 42%),#03020a;}
  .aurora-veil{width:135vmax;height:90vmax;opacity:.12;filter:blur(68px)}
  .chromatic-vortex{left:23%;top:-13vmax;width:92vmax;height:92vmax;opacity:.24}
  .dream-grid{bottom:-31vh;height:65vh;background-size:48px 48px;opacity:.11}
  .observatory-wrap{background:linear-gradient(145deg,rgba(17,9,48,.72),rgba(3,2,15,.76));border-color:color-mix(in srgb,var(--accent) 34%,transparent);box-shadow:0 25px 80px rgba(0,0,0,.45),inset 0 0 60px color-mix(in srgb,var(--accent) 7%,transparent)}
  .portal-card{background:linear-gradient(135deg,rgba(20,13,51,.93),rgba(5,4,19,.90));}
  .portal-symbol{font-size:1.55rem}
  .visual-enhanced .reveal-target{translate:0 17px;filter:blur(4px)}
}


/* 2026-08-01: richer spectral color system + monochrome infinity logo. */
:root{
  --spectrum-red:#ff5d98;
  --spectrum-orange:#ffaf63;
  --spectrum-gold:#ffe16b;
  --spectrum-green:#7dffc0;
  --spectrum-cyan:#62efff;
  --spectrum-blue:#6fa0ff;
  --spectrum-violet:#ad86ff;
  --infinity-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20120%2064%27%3E%3Cpath%20d%3D%27M33%2016c11%200%2018%208%2027%2019%209-11%2016-19%2027-19%2013%200%2023%2010%2023%2024s-10%2024-23%2024c-11%200-18-8-27-19-9%2011-16%2019-27%2019C20%2064%2010%2054%2010%2040s10-24%2023-24zm0%2012c-6%200-11%205-11%2012s5%2012%2011%2012c6%200%2012-6%2021-18-9-12-15-18-21-18zm54%200c-6%200-12%206-21%2018%209%2012%2015%2018%2021%2018%206%200%2011-5%2011-12s-5-12-11-12z%27%20fill%3D%27white%27%2F%3E%3C%2Fsvg%3E");
}

.cosmic-backdrop{
  background:
    radial-gradient(ellipse at 50% -18%,rgba(128,90,255,.22),transparent 46%),
    radial-gradient(circle at 9% 15%,rgba(255,96,193,.14),transparent 29%),
    radial-gradient(circle at 90% 18%,rgba(101,165,255,.16),transparent 28%),
    radial-gradient(circle at 16% 70%,rgba(118,255,199,.14),transparent 30%),
    radial-gradient(circle at 84% 78%,rgba(255,226,108,.12),transparent 30%),
    radial-gradient(circle at 54% 48%,rgba(97,238,255,.08),transparent 24%),
    #020109;
}
#cosmic-canvas{filter:saturate(1.55) contrast(1.1) brightness(1.02);}
.aurora-veil-a{
  background:conic-gradient(from 65deg,
    transparent 0 5%,
    var(--spectrum-violet) 14%,
    var(--spectrum-red) 24%,
    var(--spectrum-orange) 35%,
    transparent 46%,
    var(--spectrum-cyan) 59%,
    var(--spectrum-green) 68%,
    var(--spectrum-blue) 78%,
    transparent 90%);
}
.aurora-veil-b{
  background:conic-gradient(from 240deg,
    transparent 0 5%,
    var(--spectrum-blue) 16%,
    var(--spectrum-cyan) 26%,
    var(--spectrum-green) 37%,
    transparent 49%,
    var(--spectrum-gold) 60%,
    var(--spectrum-red) 71%,
    var(--spectrum-violet) 82%,
    transparent 93%);
}
.nebula-a{background:conic-gradient(from 15deg,transparent,var(--spectrum-violet),var(--spectrum-red),var(--spectrum-cyan),var(--spectrum-green),transparent 70%);}
.nebula-b{background:conic-gradient(from 210deg,transparent,var(--spectrum-cyan),var(--spectrum-blue),var(--spectrum-gold),var(--spectrum-red),var(--spectrum-violet),transparent 76%);}
.chromatic-vortex{
  background:conic-gradient(from 0deg,
    transparent 0 7%,
    rgba(97,238,255,.42) 12%,
    rgba(255,95,192,.38) 22%,
    transparent 30%,
    rgba(255,226,108,.32) 39%,
    rgba(118,255,199,.34) 49%,
    transparent 57%,
    rgba(111,160,255,.4) 66%,
    rgba(173,134,255,.4) 77%,
    transparent 89%);
  filter:blur(.6px) drop-shadow(0 0 42px rgba(255,255,255,.08)) drop-shadow(0 0 48px color-mix(in srgb,var(--accent3) 26%,transparent));
  opacity:.58;
}
.dream-grid{
  background-image:
    linear-gradient(rgba(108,230,255,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(194,88,255,.10) 1px,transparent 1px),
    linear-gradient(45deg,rgba(255,214,90,.06) 1px,transparent 1px),
    linear-gradient(-45deg,rgba(118,255,199,.04) 1px,transparent 1px);
  background-size:72px 72px,72px 72px,144px 144px,144px 144px;
}
.prism-flare{
  background:
    radial-gradient(circle at var(--pointer-x,72%) var(--pointer-y,18%),rgba(98,239,255,.2),transparent 12rem),
    radial-gradient(circle at calc(var(--pointer-x,72%) + 7rem) calc(var(--pointer-y,18%) - 5rem),rgba(255,96,193,.15),transparent 20rem),
    radial-gradient(circle at calc(var(--pointer-x,72%) - 10rem) calc(var(--pointer-y,18%) + 10rem),rgba(255,226,108,.1),transparent 18rem),
    radial-gradient(circle at 50% 65%,rgba(118,255,199,.07),transparent 22rem);
  opacity:.95;
}

.brand-lockup{gap:.88rem;position:relative;padding:.28rem 0 .28rem .12rem;}
.brand-lockup::before{
  content:"";
  display:block;
  width:58px;
  height:34px;
  flex:0 0 58px;
  background:
    radial-gradient(circle at 21% 50%,rgba(255,255,255,.92) 0 8%,transparent 8.6%),
    radial-gradient(circle at 79% 50%,rgba(10,10,10,.98) 0 8%,transparent 8.6%),
    repeating-conic-gradient(from 0deg,#fff 0 12deg,#111 12deg 24deg,#fafafa 24deg 36deg,#000 36deg 48deg),
    repeating-linear-gradient(135deg,#fff 0 4px,#0a0a0a 4px 8px,#f6f6f6 8px 12px,#111 12px 16px);
  background-size:100% 100%,100% 100%,128% 128%,160% 160%;
  background-position:0 0,0 0,0% 50%,0% 50%;
  background-blend-mode:screen,screen,normal,overlay;
  -webkit-mask-image:var(--infinity-mask);
  mask-image:var(--infinity-mask);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
  filter:drop-shadow(0 0 .75px rgba(255,255,255,.8)) drop-shadow(0 0 12px rgba(255,255,255,.16));
  animation:infinity-logo-flow 7.5s linear infinite, infinity-logo-breath 4.8s ease-in-out infinite alternate;
}
.brand-lockup::after{
  content:"";
  position:absolute;
  left:-.25rem;
  top:50%;
  width:64px;
  height:64px;
  translate:0 -50%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,.03) 48%,transparent 72%);
  filter:blur(10px);
  z-index:-1;
  animation:infinity-halo-drift 8s ease-in-out infinite alternate;
}
.brand-words strong{
  background:linear-gradient(180deg,#ffffff 0%,#f5f7ff 42%,#e1e6f2 100%);
  background-size:100% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 16px rgba(255,255,255,.12);
  animation:brand-wordmark-sheen 12s ease-in-out infinite alternate;
}
.brand-words small{color:#d2d7e2;}
.brand-words::after{
  background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.3),transparent 80%);
  box-shadow:0 0 12px rgba(255,255,255,.22);
  animation:brand-line-breathe 9s ease-in-out infinite alternate;
}
.footer-brand strong{background:linear-gradient(180deg,#fff,#e3e7ef);-webkit-background-clip:text;background-clip:text;color:transparent;}
@keyframes infinity-logo-flow{
  0%{background-position:0 0,0 0,0% 50%,0% 50%;transform:translateY(0) rotate(0deg);}
  100%{background-position:0 0,0 0,100% 50%,100% 50%;transform:translateY(-1px) rotate(2deg);}
}
@keyframes infinity-logo-breath{to{scale:1.05;filter:drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 0 16px rgba(255,255,255,.22));}}
@keyframes infinity-halo-drift{to{transform:translateY(-50%) scale(1.12);opacity:.78;}}
@keyframes brand-wordmark-sheen{0%{filter:none}100%{filter:drop-shadow(0 0 12px rgba(255,255,255,.12));}}
@keyframes brand-line-breathe{0%{width:42%}100%{width:76%;opacity:.95}}

.portal-card::before,.comparison-card::before,.orientation-links a::before,.route-card::before,.category-card::before,.edition-card::before,.detail-card::before,.atlas-region::before,.atlas-family::before,.principle-grid article::before,.help-grid article::before,.vault-shelves article::before{
  background:linear-gradient(125deg,
    rgba(255,255,255,.34),
    rgba(255,96,193,.32),
    rgba(255,176,99,.24),
    rgba(255,226,108,.18),
    rgba(118,255,199,.22),
    rgba(98,239,255,.28),
    rgba(173,134,255,.28),
    rgba(255,255,255,.06));
}
.portal-card::after,.comparison-card::after,.orientation-links a::after,.route-card::after,.category-card::after,.edition-card::after,.detail-card::after,.atlas-region::after{
  background:
    radial-gradient(circle at 38% 36%,rgba(255,255,255,.18),transparent 18%),
    radial-gradient(circle at 72% 66%,rgba(255,96,193,.15),transparent 44%),
    radial-gradient(circle at 22% 84%,rgba(255,226,108,.12),transparent 43%),
    radial-gradient(circle,color-mix(in srgb,var(--card-accent,var(--accent)) 23%,transparent),transparent 66%);
}
.portal-card,.comparison-card,.orientation-links a,.route-card,.category-card,.edition-card,.detail-card,.atlas-region,.atlas-family,.principle-grid article,.help-grid article,.vault-shelves article{
  box-shadow:0 24px 68px rgba(0,0,0,.42),0 0 42px rgba(98,239,255,.06),0 0 56px rgba(255,96,193,.05);
}
.comparison-card,.route-card,.category-card,.edition-card,.detail-card,.atlas-region,.atlas-family,.principle-grid article,.help-grid article,.vault-shelves article{
  background:
    radial-gradient(circle at 16% 18%,rgba(255,96,193,.08),transparent 25%),
    radial-gradient(circle at 84% 18%,rgba(98,239,255,.09),transparent 24%),
    radial-gradient(circle at 50% 108%,rgba(255,226,108,.07),transparent 29%),
    linear-gradient(160deg,color-mix(in srgb,var(--card-accent,var(--accent)) 12%,transparent),rgba(255,255,255,.018));
}
.portal-idea{background:radial-gradient(circle at 88% 14%,rgba(122,255,191,.11),transparent 24%),radial-gradient(circle at 18% 84%,rgba(98,239,255,.09),transparent 28%),linear-gradient(145deg,rgba(53,24,91,.91),rgba(15,6,37,.88));}
.portal-game{background:radial-gradient(circle at 82% 16%,rgba(255,226,108,.12),transparent 24%),radial-gradient(circle at 20% 84%,rgba(111,160,255,.09),transparent 28%),linear-gradient(145deg,rgba(5,69,70,.88),rgba(3,21,36,.9));}
.portal-video{background:radial-gradient(circle at 16% 18%,rgba(255,226,108,.09),transparent 24%),radial-gradient(circle at 84% 84%,rgba(98,239,255,.08),transparent 28%),linear-gradient(145deg,rgba(83,36,50,.9),rgba(31,10,34,.9));}
.portal-application{background:radial-gradient(circle at 84% 18%,rgba(255,96,193,.08),transparent 24%),radial-gradient(circle at 18% 84%,rgba(255,226,108,.08),transparent 28%),linear-gradient(145deg,rgba(8,67,47,.9),rgba(3,24,31,.9));}
.portal-digital{background:radial-gradient(circle at 20% 16%,rgba(98,239,255,.1),transparent 24%),radial-gradient(circle at 80% 84%,rgba(255,96,193,.08),transparent 28%),linear-gradient(145deg,rgba(78,52,19,.9),rgba(19,19,39,.9));}

.observatory-wrap{
  background:
    radial-gradient(circle at 50% 43%,rgba(255,255,255,.15) 0 1%,transparent 4%),
    radial-gradient(circle at 15% 15%,rgba(255,96,193,.08),transparent 18%),
    radial-gradient(circle at 84% 16%,rgba(98,239,255,.1),transparent 20%),
    radial-gradient(circle at 24% 88%,rgba(255,226,108,.08),transparent 22%),
    radial-gradient(circle at 76% 84%,rgba(118,255,199,.08),transparent 24%),
    radial-gradient(circle at 50% 43%,color-mix(in srgb,var(--accent) 36%,transparent),transparent 20%),
    conic-gradient(from 80deg at 50% 43%,rgba(70,230,255,.10),rgba(255,61,205,.10),rgba(145,91,255,.12),rgba(255,226,108,.08),rgba(122,255,191,.08),rgba(70,230,255,.10)),
    rgba(6,4,24,.54);
}
.observatory-wrap::after{background:linear-gradient(#07051b,#07051b) padding-box,conic-gradient(from 0deg,var(--spectrum-cyan),transparent,var(--spectrum-red),transparent,var(--spectrum-gold),transparent,var(--spectrum-green),transparent,var(--spectrum-violet),transparent,var(--spectrum-cyan)) border-box;}
.observatory-core{box-shadow:0 0 42px #fff,0 0 110px var(--accent),0 0 140px rgba(255,96,193,.24),0 0 160px rgba(98,239,255,.18),0 0 190px rgba(255,226,108,.12);}
.hero-orbit,.idea-prism,.game-console,.cinema-threshold,.tactile-instrument,.vault-object{filter:saturate(1.15) contrast(1.02);}
.hero-orbit,.idea-prism,.game-console,.cinema-threshold,.tactile-instrument,.vault-object{box-shadow:0 0 68px rgba(98,239,255,.12),0 0 88px rgba(255,96,193,.09),0 36px 100px rgba(0,0,0,.5);}

@media(max-width:760px){
  .brand-lockup{gap:.62rem;padding-left:0;}
  .brand-lockup::before{width:42px;height:24px;flex-basis:42px;}
  .brand-lockup::after{width:44px;height:44px;left:-.1rem;}
  .brand-words strong{font-size:.82rem;}
}

body[data-effects="reduced"] .brand-lockup::before,body[data-motion="reduced"] .brand-lockup::before{animation-duration:.001ms!important;animation-iteration-count:1!important;}
body[data-effects="reduced"] .prism-flare{opacity:.55;}
body[data-effects="reduced"] #cosmic-canvas{filter:saturate(1.15) contrast(1.02);}


/* 2026-08-01 second color escalation + continuous trippy infinity logo */
.cosmic-backdrop::before,
.cosmic-backdrop::after{
  content:"";
  position:absolute;
  inset:-20%;
  pointer-events:none;
  mix-blend-mode:screen;
}
.cosmic-backdrop::before{
  background:
    radial-gradient(circle at 14% 28%,rgba(255,78,188,.22),transparent 16%),
    radial-gradient(circle at 30% 72%,rgba(255,218,92,.16),transparent 18%),
    radial-gradient(circle at 46% 30%,rgba(91,244,255,.18),transparent 17%),
    radial-gradient(circle at 61% 80%,rgba(119,255,175,.16),transparent 18%),
    radial-gradient(circle at 80% 28%,rgba(132,128,255,.18),transparent 17%),
    radial-gradient(circle at 88% 70%,rgba(255,115,96,.16),transparent 18%);
  filter:blur(42px) saturate(1.25);
  opacity:.95;
  animation:prism-field-drift 24s linear infinite alternate;
}
.cosmic-backdrop::after{
  background:
    conic-gradient(from 0deg at 50% 50%,transparent 0 8%,rgba(255,83,196,.18) 15%,transparent 22%,rgba(255,217,87,.14) 32%,transparent 40%,rgba(106,245,255,.15) 54%,transparent 63%,rgba(109,255,187,.14) 73%,transparent 82%,rgba(155,118,255,.16) 92%,transparent 100%),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.06),transparent 45%);
  filter:blur(32px) saturate(1.3);
  opacity:.55;
  animation:prism-wheel 38s linear infinite;
}

#cosmic-canvas{
  filter:saturate(1.7) contrast(1.14) brightness(1.04);
}
.aurora-veil{opacity:.34;filter:blur(52px) saturate(1.95);}
.nebula{opacity:.30;filter:blur(74px) saturate(1.75);}
.chromatic-vortex{opacity:.74;transform:scale(1.08);}
.dream-grid{opacity:.34;background-size:64px 64px,64px 64px,128px 128px,128px 128px;}
.prism-flare{opacity:1;}

.brand-lockup{gap:1rem;position:relative;padding:.26rem 0 .26rem .08rem;isolation:isolate;}
.brand-lockup::before{
  width:66px;
  height:40px;
  flex:0 0 66px;
  position:relative;
  z-index:1;
  background:
    repeating-linear-gradient(90deg,#fff 0 5px,#050505 5px 10px,#fafafa 10px 13px,#121212 13px 18px,#fff 18px 24px,#000 24px 28px),
    repeating-linear-gradient(135deg,rgba(255,255,255,.9) 0 4px,rgba(0,0,0,.95) 4px 8px,rgba(255,255,255,.92) 8px 12px,rgba(0,0,0,.98) 12px 16px),
    radial-gradient(circle at 20% 34%,rgba(255,255,255,.95) 0 7%,transparent 8%),
    radial-gradient(circle at 80% 66%,rgba(255,255,255,.85) 0 5%,transparent 6%);
  background-size:180% 100%,160% 160%,100% 100%,100% 100%;
  background-position:0% 50%,0% 50%,0 0,0 0;
  background-blend-mode:normal,screen,normal,normal;
  -webkit-mask-image:var(--infinity-mask);
  mask-image:var(--infinity-mask);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
  filter:drop-shadow(0 0 1px rgba(255,255,255,.98)) drop-shadow(0 0 12px rgba(255,255,255,.14));
  animation:infinity-shift-primary 3.4s linear infinite, infinity-wobble 5.8s ease-in-out infinite alternate;
}
.brand-lockup::after{
  content:"";
  position:absolute;
  left:.08rem;
  top:50%;
  width:66px;
  height:40px;
  translate:0 -50%;
  pointer-events:none;
  z-index:2;
  background:
    repeating-conic-gradient(from 0deg,#fff 0 8deg,#080808 8deg 16deg,#fff 16deg 24deg,#111 24deg 32deg),
    repeating-linear-gradient(-55deg,rgba(255,255,255,.96) 0 3px,rgba(0,0,0,.9) 3px 6px,rgba(255,255,255,.96) 6px 9px,rgba(15,15,15,.92) 9px 12px);
  background-size:140% 140%,160% 160%;
  background-position:0% 50%,100% 50%;
  mix-blend-mode:screen;
  opacity:.52;
  -webkit-mask-image:var(--infinity-mask);
  mask-image:var(--infinity-mask);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.12));
  animation:infinity-shift-secondary 4.6s linear infinite reverse, infinity-jitter 2.8s steps(14,end) infinite;
}
.brand-words{position:relative;z-index:3;}
.brand-words strong{
  background:linear-gradient(180deg,#ffffff 0%,#f4f6fa 40%,#dfe5ef 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.brand-words::after{background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.4),transparent 82%);}

.desktop-nav > a:hover,
.desktop-nav > a:focus-visible,
.studios-dropdown > summary:hover,
.studios-dropdown > summary:focus-visible{
  background:linear-gradient(120deg,rgba(255,90,193,.14),rgba(102,235,255,.12),rgba(255,219,96,.11));
  box-shadow:0 0 22px rgba(255,90,193,.06),0 0 18px rgba(102,235,255,.06);
}
.icon-button:hover,
.icon-button:focus-visible{
  background:linear-gradient(120deg,rgba(255,90,193,.12),rgba(102,235,255,.10),rgba(255,219,96,.09));
}

.button.secondary{
  background:
    linear-gradient(120deg,rgba(255,90,193,.11),rgba(102,235,255,.10),rgba(255,219,96,.08)),
    linear-gradient(120deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
}
.hero-actions .button,.portal-detail .button,.atlas-depth-head .button{border-color:rgba(255,255,255,.22);}

.home-page h1,.page-hero h1,.studio-hero h1,.category-detail-hero h1,
h2{
  background:linear-gradient(90deg,#ffffff 0%,#ffd8f1 14%,#fff0b1 28%,#d8ffe5 42%,#d4fbff 57%,#d8dbff 74%,#ffffff 100%);
  background-size:240% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:title-spectrum 12s ease-in-out infinite alternate;
}
.lede,.trust-note,.section-heading p,.portal-card p,.comparison-card p,.detail-card p,.route-card p,.atlas-family p,.atlas-region p{
  text-shadow:0 0 18px rgba(255,255,255,.03);
}

.portal-card,
.comparison-card,
.orientation-links a,
.route-card,
.category-card,
.edition-card,
.detail-card,
.atlas-region,
.atlas-family,
.principle-grid article,
.help-grid article,
.vault-shelves article{
  background:
    radial-gradient(circle at 14% 18%,rgba(255,84,193,.15),transparent 20%),
    radial-gradient(circle at 84% 16%,rgba(255,214,92,.15),transparent 20%),
    radial-gradient(circle at 80% 82%,rgba(108,241,255,.15),transparent 22%),
    radial-gradient(circle at 18% 84%,rgba(122,255,191,.13),transparent 23%),
    linear-gradient(155deg,rgba(18,14,44,.88),rgba(5,5,22,.82));
  box-shadow:0 24px 72px rgba(0,0,0,.45),0 0 46px rgba(255,84,193,.08),0 0 42px rgba(108,241,255,.08),0 0 36px rgba(255,214,92,.06);
}
.portal-card::before,.comparison-card::before,.orientation-links a::before,.route-card::before,.category-card::before,.edition-card::before,.detail-card::before,.atlas-region::before,.atlas-family::before,.principle-grid article::before,.help-grid article::before,.vault-shelves article::before{
  opacity:.95;
  background:linear-gradient(125deg,rgba(255,255,255,.4),rgba(255,84,193,.42),rgba(255,214,92,.28),rgba(122,255,191,.28),rgba(108,241,255,.34),rgba(139,131,255,.34),rgba(255,255,255,.07));
}
.portal-card::after,.comparison-card::after,.orientation-links a::after,.route-card::after,.category-card::after,.edition-card::after,.detail-card::after,.atlas-region::after{
  width:18rem;
  left:calc(var(--glow-x,50%) - 9rem);
  top:calc(var(--glow-y,42%) - 9rem);
  background:
    radial-gradient(circle at 32% 30%,rgba(255,255,255,.2),transparent 16%),
    radial-gradient(circle at 70% 28%,rgba(255,84,193,.16),transparent 28%),
    radial-gradient(circle at 30% 72%,rgba(255,214,92,.15),transparent 30%),
    radial-gradient(circle at 74% 72%,rgba(108,241,255,.16),transparent 30%),
    radial-gradient(circle at 50% 50%,rgba(122,255,191,.11),transparent 45%);
}
.portal-card:hover,.comparison-card:hover,.orientation-links a:hover,.route-card:hover,.category-card:hover,.edition-card:hover,.detail-card:hover,.atlas-region:hover{
  box-shadow:0 30px 82px rgba(0,0,0,.46),0 0 52px rgba(255,84,193,.12),0 0 48px rgba(108,241,255,.11),0 0 38px rgba(255,214,92,.09);
}

.portal-idea,.portal-game,.portal-video,.portal-application,.portal-digital{
  background:
    radial-gradient(circle at 14% 18%,rgba(255,84,193,.18),transparent 18%),
    radial-gradient(circle at 84% 16%,rgba(255,214,92,.18),transparent 18%),
    radial-gradient(circle at 80% 82%,rgba(108,241,255,.16),transparent 20%),
    radial-gradient(circle at 18% 84%,rgba(122,255,191,.16),transparent 20%),
    linear-gradient(145deg,rgba(24,16,56,.92),rgba(6,6,24,.88));
}
.portal-symbol{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.38),0 0 22px rgba(255,84,193,.22),0 0 18px rgba(108,241,255,.18);}

.observatory-wrap{
  background:
    radial-gradient(circle at 50% 43%,rgba(255,255,255,.17) 0 1%,transparent 4%),
    radial-gradient(circle at 12% 16%,rgba(255,84,193,.16),transparent 18%),
    radial-gradient(circle at 86% 16%,rgba(108,241,255,.16),transparent 18%),
    radial-gradient(circle at 22% 86%,rgba(255,214,92,.14),transparent 18%),
    radial-gradient(circle at 78% 84%,rgba(122,255,191,.14),transparent 18%),
    radial-gradient(circle at 52% 22%,rgba(139,131,255,.13),transparent 16%),
    conic-gradient(from 80deg at 50% 43%,rgba(255,84,193,.13),rgba(255,150,103,.11),rgba(255,214,92,.11),rgba(122,255,191,.11),rgba(108,241,255,.13),rgba(139,131,255,.13),rgba(255,84,193,.13)),
    rgba(6,4,24,.56);
}
.observatory-wrap::before{
  box-shadow:0 0 28px rgba(255,84,193,.12),0 0 22px rgba(108,241,255,.10),inset 0 0 32px rgba(255,214,92,.05);
}
.observatory-core{
  background:radial-gradient(circle,#fff 0 2%,#ffd57b 3%,#ff5dc0 11%,#74ffd3 18%,#61edff 24%,rgba(65,18,117,.86) 35%,transparent 67%);
  box-shadow:0 0 42px #fff,0 0 118px rgba(255,84,193,.24),0 0 118px rgba(108,241,255,.18),0 0 104px rgba(255,214,92,.14),0 0 190px rgba(122,255,191,.1);
}
.observatory-core span{color:#fff;text-shadow:0 0 16px #fff,0 0 28px rgba(255,84,193,.3),0 0 30px rgba(108,241,255,.24);}

.hero-orbit,
.idea-prism,
.game-console,
.cinema-threshold,
.tactile-instrument,
.vault-object{
  box-shadow:0 0 74px rgba(255,84,193,.10),0 0 82px rgba(108,241,255,.11),0 0 62px rgba(255,214,92,.08),0 36px 104px rgba(0,0,0,.5);
}
.hero-orbit{background:radial-gradient(circle at 24% 26%,rgba(255,84,193,.14),transparent 18%),radial-gradient(circle at 72% 24%,rgba(255,214,92,.12),transparent 17%),radial-gradient(circle at 72% 76%,rgba(108,241,255,.14),transparent 18%),radial-gradient(circle at 28% 78%,rgba(122,255,191,.12),transparent 18%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 8%),radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 58%);}
.idea-prism::before{background:conic-gradient(from 0deg,transparent,rgba(255,84,193,.5),transparent,rgba(255,214,92,.35),transparent,rgba(108,241,255,.46),transparent,rgba(122,255,191,.34),transparent,rgba(139,131,255,.4));}
.game-console::before{background:conic-gradient(from 0deg,transparent,rgba(255,214,92,.18),transparent,rgba(108,241,255,.2),transparent,rgba(255,84,193,.18),transparent,rgba(122,255,191,.18),transparent);}
.cinema-threshold::before{background:conic-gradient(from 90deg,transparent,rgba(108,241,255,.24),transparent,rgba(255,84,193,.24),transparent,rgba(255,214,92,.18),transparent,rgba(139,131,255,.2),transparent);}
.tactile-instrument::before{background:conic-gradient(from 0deg,transparent,rgba(108,241,255,.34),transparent,rgba(255,214,92,.24),transparent,rgba(122,255,191,.28),transparent,rgba(255,84,193,.26),transparent);}
.vault-object::before{background:conic-gradient(from 0deg,transparent,rgba(255,214,92,.24),transparent,rgba(108,241,255,.22),transparent,rgba(255,84,193,.2),transparent,rgba(122,255,191,.18),transparent);}

@keyframes prism-field-drift{
  0%{transform:translate3d(-2vw,-1vh,0) scale(1) rotate(0deg)}
  100%{transform:translate3d(3vw,2vh,0) scale(1.06) rotate(8deg)}
}
@keyframes prism-wheel{to{transform:rotate(360deg) scale(1.04)}}
@keyframes infinity-shift-primary{to{background-position:100% 50%,100% 50%,0 0,0 0;}}
@keyframes infinity-shift-secondary{to{background-position:100% 50%,0% 50%;}}
@keyframes infinity-wobble{
  0%{transform:translateY(0) rotate(0deg) skewX(0deg)}
  50%{transform:translateY(-1px) rotate(1.5deg) skewX(-2deg)}
  100%{transform:translateY(1px) rotate(-1deg) skewX(1.4deg)}
}
@keyframes infinity-jitter{
  0%{transform:translateY(-50%) translateX(0)}
  20%{transform:translateY(calc(-50% - .4px)) translateX(.6px)}
  40%{transform:translateY(calc(-50% + .3px)) translateX(-.4px)}
  60%{transform:translateY(calc(-50% - .2px)) translateX(.8px)}
  80%{transform:translateY(calc(-50% + .4px)) translateX(-.6px)}
  100%{transform:translateY(-50%) translateX(0)}
}

@media(max-width:760px){
  .brand-lockup{gap:.66rem;}
  .brand-lockup::before{width:44px;height:27px;flex-basis:44px;}
  .brand-lockup::after{left:0;width:44px;height:27px;}
  .cosmic-backdrop::before{opacity:.78;}
  .dream-grid{opacity:.22;}
}

body[data-effects="reduced"] .cosmic-backdrop::before,
body[data-effects="reduced"] .cosmic-backdrop::after,
body[data-effects="reduced"] .brand-lockup::after{opacity:.28;animation-duration:.001ms!important;animation-iteration-count:1!important;}
body[data-effects="off"] .cosmic-backdrop::before,
body[data-effects="off"] .cosmic-backdrop::after{display:none!important;}


/* 2026-08-01 final living-logo and non-rainbow background direction. */
body[data-accent="violet"]{
  --cosmic-a:#9d4dff;--cosmic-b:#00c9c0;--cosmic-c:#ff4d91;--cosmic-d:#f0a94a;--cosmic-e:#3468df;
}
body[data-accent="cyan"]{
  --cosmic-a:#00bfc8;--cosmic-b:#7b4cff;--cosmic-c:#e8653d;--cosmic-d:#d7a832;--cosmic-e:#244fc7;
}
body[data-accent="idea"]{
  --cosmic-a:#a44cff;--cosmic-b:#00bfb5;--cosmic-c:#e84d91;--cosmic-d:#d99a38;--cosmic-e:#315fcf;
}
body[data-accent="game"]{
  --cosmic-a:#00bcae;--cosmic-b:#365fd8;--cosmic-c:#e65a8a;--cosmic-d:#d79b36;--cosmic-e:#834ed1;
}
body[data-accent="video"]{
  --cosmic-a:#df743f;--cosmic-b:#3459c7;--cosmic-c:#c84283;--cosmic-d:#00a99b;--cosmic-e:#8b54c9;
}
body[data-accent="application"]{
  --cosmic-a:#00ad80;--cosmic-b:#3569d5;--cosmic-c:#bd4f9a;--cosmic-d:#d28c32;--cosmic-e:#7148c8;
}
body[data-accent="digital"]{
  --cosmic-a:#d3a43a;--cosmic-b:#00a89d;--cosmic-c:#a9488c;--cosmic-d:#365dc7;--cosmic-e:#c65c42;
}

.cosmic-backdrop{
  background:
    radial-gradient(ellipse at 48% -20%,color-mix(in srgb,var(--cosmic-e,#365fd8) 34%,transparent),transparent 45%),
    radial-gradient(circle at 7% 17%,color-mix(in srgb,var(--cosmic-c,#e84d91) 32%,transparent),transparent 29%),
    radial-gradient(circle at 91% 18%,color-mix(in srgb,var(--cosmic-b,#00bfb5) 31%,transparent),transparent 27%),
    radial-gradient(circle at 16% 78%,color-mix(in srgb,var(--cosmic-d,#d99a38) 27%,transparent),transparent 31%),
    radial-gradient(circle at 82% 76%,color-mix(in srgb,var(--cosmic-a,#a44cff) 29%,transparent),transparent 31%),
    radial-gradient(circle at 48% 52%,rgba(18,28,61,.28),transparent 30%),
    #02030a;
}
.cosmic-backdrop::before{
  background:
    radial-gradient(ellipse at 14% 32%,color-mix(in srgb,var(--cosmic-c,#e84d91) 43%,transparent),transparent 20%),
    radial-gradient(ellipse at 34% 76%,color-mix(in srgb,var(--cosmic-d,#d99a38) 34%,transparent),transparent 22%),
    radial-gradient(ellipse at 54% 24%,color-mix(in srgb,var(--cosmic-b,#00bfb5) 37%,transparent),transparent 21%),
    radial-gradient(ellipse at 72% 78%,color-mix(in srgb,var(--cosmic-a,#a44cff) 38%,transparent),transparent 22%),
    radial-gradient(ellipse at 88% 34%,color-mix(in srgb,var(--cosmic-e,#365fd8) 39%,transparent),transparent 21%);
  filter:blur(34px) saturate(1.45);
  opacity:.95;
  animation:cosmic-island-drift 27s ease-in-out infinite alternate;
}
.cosmic-backdrop::after{
  background:
    radial-gradient(ellipse at 23% 50%,color-mix(in srgb,var(--cosmic-b,#00bfb5) 24%,transparent),transparent 26%),
    radial-gradient(ellipse at 59% 62%,color-mix(in srgb,var(--cosmic-c,#e84d91) 24%,transparent),transparent 28%),
    radial-gradient(ellipse at 76% 25%,color-mix(in srgb,var(--cosmic-d,#d99a38) 20%,transparent),transparent 24%);
  filter:blur(54px) saturate(1.2);
  opacity:.74;
  animation:cosmic-crosscurrent 35s ease-in-out infinite alternate;
}
.aurora-veil-a{
  background:conic-gradient(from 44deg,transparent 0 10%,var(--cosmic-a,#a44cff) 19%,transparent 31%,var(--cosmic-b,#00bfb5) 43%,transparent 58%,var(--cosmic-c,#e84d91) 72%,transparent 88%);
}
.aurora-veil-b{
  background:conic-gradient(from 218deg,transparent 0 9%,var(--cosmic-d,#d99a38) 18%,transparent 33%,var(--cosmic-e,#365fd8) 48%,transparent 63%,var(--cosmic-b,#00bfb5) 78%,transparent 92%);
}
.nebula-a{background:conic-gradient(from 12deg,transparent,var(--cosmic-c,#e84d91),var(--cosmic-e,#365fd8),transparent 56%,var(--cosmic-b,#00bfb5),transparent 77%);}
.nebula-b{background:conic-gradient(from 206deg,transparent,var(--cosmic-d,#d99a38),var(--cosmic-a,#a44cff),transparent 54%,var(--cosmic-b,#00bfb5),transparent 79%);}
.chromatic-vortex{
  background:conic-gradient(from 0deg,transparent 0 9%,color-mix(in srgb,var(--cosmic-b,#00bfb5) 60%,transparent) 17%,transparent 28%,color-mix(in srgb,var(--cosmic-c,#e84d91) 58%,transparent) 40%,transparent 53%,color-mix(in srgb,var(--cosmic-d,#d99a38) 48%,transparent) 66%,transparent 77%,color-mix(in srgb,var(--cosmic-e,#365fd8) 58%,transparent) 88%,transparent 100%);
  opacity:.63;
}
.prism-flare{
  background:
    radial-gradient(circle at var(--pointer-x,72%) var(--pointer-y,18%),color-mix(in srgb,var(--cosmic-b,#00bfb5) 28%,transparent),transparent 14rem),
    radial-gradient(circle at calc(var(--pointer-x,72%) + 8rem) calc(var(--pointer-y,18%) - 5rem),color-mix(in srgb,var(--cosmic-c,#e84d91) 23%,transparent),transparent 22rem),
    radial-gradient(circle at calc(var(--pointer-x,72%) - 11rem) calc(var(--pointer-y,18%) + 10rem),color-mix(in srgb,var(--cosmic-d,#d99a38) 18%,transparent),transparent 20rem),
    radial-gradient(circle at 50% 66%,color-mix(in srgb,var(--cosmic-a,#a44cff) 14%,transparent),transparent 24rem);
}

.brand-lockup::before,.brand-lockup::after{content:none!important;display:none!important;}
.brand-lockup{gap:.78rem;padding:.2rem 0;isolation:auto;}
.living-infinity{width:72px;height:42px;flex:0 0 72px;overflow:visible;filter:drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 0 13px rgba(255,255,255,.16));animation:living-logo-drift 8.4s ease-in-out infinite alternate;}
.living-infinity .living-static{display:none;}
.living-infinity .living-stripes-a{animation:living-zebra-a 2.7s linear infinite;}
.living-infinity .living-stripes-b{animation:living-zebra-b 3.9s linear infinite reverse;opacity:.72;}
.living-infinity .living-pulses{transform-origin:60px 34px;animation:living-pulses 5.6s ease-in-out infinite alternate;}
.living-infinity .living-outline{filter:drop-shadow(0 0 2px rgba(255,255,255,.78));}
.living-infinity .living-echo{transform-origin:60px 34px;animation:living-echo-drift 6.8s ease-in-out infinite alternate;}
.brand-lockup:hover .living-infinity{filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 18px rgba(255,255,255,.25));}

.button.primary{
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.74),transparent 22%),
    linear-gradient(118deg,var(--accent2),color-mix(in srgb,var(--accent) 76%,#1b1640),var(--accent3));
  background-size:100% 100%;
  color:#070711;
  animation:none;
  box-shadow:0 16px 48px color-mix(in srgb,var(--accent) 25%,transparent),0 0 24px color-mix(in srgb,var(--accent2) 14%,transparent);
}
.button.secondary{background:linear-gradient(120deg,color-mix(in srgb,var(--cosmic-e,#365fd8) 14%,rgba(255,255,255,.05)),color-mix(in srgb,var(--cosmic-b,#00bfb5) 9%,rgba(255,255,255,.025)));}
.home-page h1,.page-hero h1,.studio-hero h1,.category-detail-hero h1,h2{
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  color:var(--text)!important;
  -webkit-text-fill-color:currentColor!important;
  animation:none!important;
  filter:drop-shadow(0 0 22px color-mix(in srgb,var(--accent) 10%,transparent));
}

.portal-card,.comparison-card,.orientation-links a,.route-card,.category-card,.edition-card,.detail-card,.atlas-region,.atlas-family,.principle-grid article,.help-grid article,.vault-shelves article{
  background:
    radial-gradient(circle at 12% 14%,color-mix(in srgb,var(--cosmic-c,#e84d91) 13%,transparent),transparent 24%),
    radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--cosmic-b,#00bfb5) 13%,transparent),transparent 24%),
    radial-gradient(circle at 72% 92%,color-mix(in srgb,var(--cosmic-d,#d99a38) 10%,transparent),transparent 29%),
    linear-gradient(155deg,rgba(15,13,38,.88),rgba(4,5,20,.84));
}
.portal-card::before,.comparison-card::before,.orientation-links a::before,.route-card::before,.category-card::before,.edition-card::before,.detail-card::before,.atlas-region::before,.atlas-family::before,.principle-grid article::before,.help-grid article::before,.vault-shelves article::before{
  background:linear-gradient(125deg,rgba(255,255,255,.30),color-mix(in srgb,var(--cosmic-c,#e84d91) 34%,transparent),color-mix(in srgb,var(--cosmic-b,#00bfb5) 30%,transparent),color-mix(in srgb,var(--cosmic-d,#d99a38) 22%,transparent),rgba(255,255,255,.05));
}
.observatory-wrap{
  background:
    radial-gradient(circle at 50% 43%,rgba(255,255,255,.15) 0 1%,transparent 4%),
    radial-gradient(circle at 12% 17%,color-mix(in srgb,var(--cosmic-c,#e84d91) 22%,transparent),transparent 20%),
    radial-gradient(circle at 87% 18%,color-mix(in srgb,var(--cosmic-b,#00bfb5) 23%,transparent),transparent 21%),
    radial-gradient(circle at 23% 88%,color-mix(in srgb,var(--cosmic-d,#d99a38) 20%,transparent),transparent 23%),
    radial-gradient(circle at 78% 84%,color-mix(in srgb,var(--cosmic-a,#a44cff) 20%,transparent),transparent 24%),
    radial-gradient(circle at 50% 43%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 20%),
    rgba(5,4,21,.53);
}

@keyframes cosmic-island-drift{0%{transform:translate3d(-2vw,-2vh,0) scale(1)}100%{transform:translate3d(4vw,3vh,0) scale(1.08)}}
@keyframes cosmic-crosscurrent{0%{transform:translate3d(2vw,-1vh,0) rotate(-3deg)}100%{transform:translate3d(-4vw,4vh,0) rotate(5deg)}}
@keyframes living-logo-drift{0%{transform:translate3d(0,0,0) rotate(-.8deg) scale(1)}48%{transform:translate3d(1px,-1.5px,0) rotate(1.2deg) scale(1.035)}100%{transform:translate3d(-1px,1px,0) rotate(-1.4deg) scale(.99)}}
@keyframes living-zebra-a{to{transform:translateX(12px)}}
@keyframes living-zebra-b{to{transform:translateX(18px) translateY(-3px)}}
@keyframes living-pulses{0%{transform:rotate(-7deg) scale(.92,1.05)}50%{transform:rotate(4deg) scale(1.08,.94)}100%{transform:rotate(-3deg) scale(.96,1.1)}}
@keyframes living-echo-drift{0%{transform:translate(-.8px,.4px) scale(.995)}100%{transform:translate(1px,-.6px) scale(1.025)}}

@media(max-width:760px){
  .living-infinity{width:48px;height:29px;flex-basis:48px;}
  .brand-lockup{gap:.5rem;}
  .cosmic-backdrop::before{opacity:.78;filter:blur(42px) saturate(1.25);}
  .cosmic-backdrop::after{opacity:.56;}
}
@media(prefers-reduced-motion:reduce){
  .living-infinity .living-animated{display:none!important;}
  .living-infinity .living-static{display:block!important;}
}
body[data-motion="reduced"] .living-infinity .living-animated{display:none!important;}
body[data-motion="reduced"] .living-infinity .living-static{display:block!important;}
body[data-effects="off"] .cosmic-backdrop::before,body[data-effects="off"] .cosmic-backdrop::after{display:none!important;}

/* Final visibility tuning: distinct cosmic islands, not a rainbow band. */
.cosmic-backdrop{
  background:
    radial-gradient(ellipse at 48% -18%,color-mix(in srgb,var(--cosmic-e,#365fd8) 43%,transparent),transparent 43%),
    radial-gradient(circle at 7% 21%,color-mix(in srgb,var(--cosmic-c,#e84d91) 40%,transparent),transparent 31%),
    radial-gradient(circle at 92% 22%,color-mix(in srgb,var(--cosmic-b,#00bfb5) 39%,transparent),transparent 30%),
    radial-gradient(circle at 63% 57%,color-mix(in srgb,var(--cosmic-d,#d99a38) 29%,transparent),transparent 27%),
    radial-gradient(circle at 15% 79%,color-mix(in srgb,var(--cosmic-a,#a44cff) 34%,transparent),transparent 32%),
    radial-gradient(circle at 88% 82%,color-mix(in srgb,var(--cosmic-c,#e84d91) 22%,transparent),transparent 28%),
    #02030a;
}
.cosmic-backdrop::before{
  background:
    radial-gradient(ellipse at 12% 31%,color-mix(in srgb,var(--cosmic-c,#e84d91) 49%,transparent),transparent 21%),
    radial-gradient(ellipse at 38% 73%,color-mix(in srgb,var(--cosmic-a,#a44cff) 38%,transparent),transparent 23%),
    radial-gradient(ellipse at 57% 34%,color-mix(in srgb,var(--cosmic-d,#d99a38) 35%,transparent),transparent 21%),
    radial-gradient(ellipse at 74% 78%,color-mix(in srgb,var(--cosmic-e,#365fd8) 40%,transparent),transparent 23%),
    radial-gradient(ellipse at 90% 31%,color-mix(in srgb,var(--cosmic-b,#00bfb5) 48%,transparent),transparent 22%);
}
.living-infinity{width:78px;height:44px;flex-basis:78px;}
@media(max-width:760px){.living-infinity{width:50px;height:30px;flex-basis:50px;}}

/* Primary actions stay focused; the multi-color experience belongs to the universe behind them. */
.button.primary{
  background:
    radial-gradient(circle at 18% 50%,color-mix(in srgb,var(--cosmic-b,#00bfb5) 68%,transparent),transparent 37%),
    radial-gradient(circle at 84% 50%,color-mix(in srgb,var(--cosmic-c,#e84d91) 58%,transparent),transparent 36%),
    linear-gradient(118deg,#10162f,#24112f 58%,#10162f);
  color:#fff;
  text-shadow:0 1px 1px rgba(0,0,0,.35);
  border-color:rgba(255,255,255,.28);
  box-shadow:0 16px 48px rgba(0,0,0,.28),0 0 24px color-mix(in srgb,var(--cosmic-b,#00bfb5) 14%,transparent),0 0 20px color-mix(in srgb,var(--cosmic-c,#e84d91) 10%,transparent);
}


/* 2026-08-01 logo adjustment: black body with white outline morphing infinity. */
.living-infinity{filter:drop-shadow(0 0 1px rgba(255,255,255,.9)) drop-shadow(0 0 10px rgba(255,255,255,.10));}
.living-infinity .living-body{transform-origin:60px 34px;animation:living-body-shift 9.5s ease-in-out infinite alternate;}
.living-infinity .living-understroke{stroke:#fff;}
.living-infinity .living-fillstroke{stroke:#000;}
.living-infinity .living-outline{stroke:#fff;opacity:.94;}
.living-infinity .living-static path:first-child{stroke:#fff;}
.living-infinity .living-static path:last-child{stroke:#000;}
@keyframes living-body-shift{0%{transform:translate3d(0,0,0) rotate(-0.6deg) scale(1)}50%{transform:translate3d(1px,-1px,0) rotate(1.1deg) scale(1.03)}100%{transform:translate3d(-1px,.8px,0) rotate(-1deg) scale(.992)}}


/* 2026-08-01 logo adjustment: solid black infinity with white outline, no center line. */
.living-infinity{width:78px;height:44px;flex:0 0 78px;overflow:visible;filter:drop-shadow(0 0 1px rgba(255,255,255,.86)) drop-shadow(0 0 8px rgba(255,255,255,.10));}
.living-infinity .living-animated{transform-origin:60px 34px;animation:living-symbol-drift 8.8s ease-in-out infinite alternate;}
.living-infinity .living-shape{fill:#000;stroke:#fff;stroke-width:1.8;stroke-linejoin:round;}
.living-infinity .living-static{fill:#000;stroke:#fff;stroke-width:1.8;stroke-linejoin:round;display:none;}
.brand-lockup:hover .living-infinity{filter:drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 0 12px rgba(255,255,255,.14));}
@keyframes living-symbol-drift{0%{transform:translate3d(0,0,0) rotate(-0.4deg) scale(1)}50%{transform:translate3d(.8px,-1px,0) rotate(0.9deg) scale(1.025)}100%{transform:translate3d(-.8px,.9px,0) rotate(-0.9deg) scale(.995)}}
@media(max-width:760px){.living-infinity{width:50px;height:30px;flex-basis:50px;}}
body[data-effects="reduced"] .living-infinity .living-animated, body[data-motion="reduced"] .living-infinity .living-animated{display:none!important;}
body[data-effects="reduced"] .living-infinity .living-static, body[data-motion="reduced"] .living-infinity .living-static{display:block!important;}


/* 2026-08-01 final ring-shift + logo cleanup override. */
.living-infinity{width:78px;height:44px;flex:0 0 78px;overflow:visible;filter:drop-shadow(0 0 1px rgba(255,255,255,.92)) drop-shadow(0 0 9px rgba(255,255,255,.08))!important;}
.living-infinity .living-animated{display:block!important;transform-origin:60px 34px;animation:living-symbol-drift 9.2s ease-in-out infinite alternate;}
.living-infinity .living-static{display:none!important;}
.living-infinity .living-core{stroke:#000!important;}
.brand-lockup:hover .living-infinity{filter:drop-shadow(0 0 1px rgba(255,255,255,1)) drop-shadow(0 0 12px rgba(255,255,255,.12))!important;}
@keyframes living-symbol-drift{0%{transform:translate3d(0,0,0) rotate(-0.35deg) scale(1)}50%{transform:translate3d(.8px,-1px,0) rotate(.9deg) scale(1.02)}100%{transform:translate3d(-.75px,.8px,0) rotate(-.85deg) scale(.996)}}
@media(max-width:760px){.living-infinity{width:50px;height:30px;flex-basis:50px;}}
@media(prefers-reduced-motion:reduce){.living-infinity .living-animated{display:none!important;}.living-infinity .living-static{display:block!important;}}
body[data-motion="reduced"] .living-infinity .living-animated{display:none!important;}
body[data-motion="reduced"] .living-infinity .living-static{display:block!important;}

.chromatic-vortex{
  background:conic-gradient(from 0deg,transparent 0 7%,color-mix(in srgb,var(--cosmic-b,#00bfb5) 66%,transparent) 15%,transparent 24%,color-mix(in srgb,var(--cosmic-c,#e84d91) 62%,transparent) 34%,transparent 45%,color-mix(in srgb,var(--cosmic-d,#d99a38) 55%,transparent) 57%,transparent 69%,color-mix(in srgb,var(--cosmic-e,#365fd8) 62%,transparent) 80%,transparent 92%,color-mix(in srgb,var(--cosmic-a,#a44cff) 48%,transparent) 100%);
  animation:vortex-dream 43s linear infinite,portal-breathe 13s ease-in-out infinite alternate,ring-color-shift 18s ease-in-out infinite alternate!important;
}
.observatory-wrap::after{
  background:linear-gradient(#07051b,#07051b) padding-box,conic-gradient(from 0deg,color-mix(in srgb,var(--cosmic-e,#365fd8) 90%,white 4%),transparent 11%,color-mix(in srgb,var(--cosmic-c,#e84d91) 90%,white 4%) 24%,transparent 36%,color-mix(in srgb,var(--cosmic-d,#d99a38) 82%,white 4%) 48%,transparent 60%,color-mix(in srgb,var(--cosmic-b,#00bfb5) 84%,white 4%) 72%,transparent 84%,color-mix(in srgb,var(--cosmic-a,#a44cff) 86%,white 4%) 96%,transparent 100%) border-box;
  animation:spin 31s linear infinite,orbit-pulse 7s ease-in-out infinite alternate,ring-color-shift 16s ease-in-out infinite alternate!important;
}
.observatory-core::before{border-color:color-mix(in srgb,var(--cosmic-c,#e84d91) 62%,transparent)!important;box-shadow:0 0 24px color-mix(in srgb,var(--cosmic-c,#e84d91) 24%,transparent)!important;animation:core-orbit 18s linear infinite,ring-color-shift 14s ease-in-out infinite alternate!important;}
.observatory-core::after{border-color:color-mix(in srgb,var(--cosmic-e,#365fd8) 58%,transparent)!important;box-shadow:0 0 24px color-mix(in srgb,var(--cosmic-e,#365fd8) 24%,transparent)!important;animation:core-orbit 27s linear infinite reverse,ring-color-shift 19s ease-in-out infinite alternate-reverse!important;}
.hero-orbit::before{
  background:conic-gradient(from 0deg,color-mix(in srgb,var(--cosmic-e,#365fd8) 90%,white 4%),transparent 18%,color-mix(in srgb,var(--cosmic-c,#e84d91) 88%,white 4%) 34%,transparent 52%,color-mix(in srgb,var(--cosmic-b,#00bfb5) 84%,white 4%) 70%,transparent 88%,color-mix(in srgb,var(--cosmic-a,#a44cff) 80%,white 4%) 100%)!important;
  animation:spin 17s linear infinite,ring-color-shift 14s ease-in-out infinite alternate!important;
}
.hero-orbit::after{border-color:color-mix(in srgb,var(--cosmic-d,#d99a38) 58%,transparent)!important;box-shadow:0 0 18px color-mix(in srgb,var(--cosmic-d,#d99a38) 16%,transparent);animation:spin 24s linear infinite reverse,ring-color-shift 20s ease-in-out infinite alternate-reverse!important;}

@keyframes ring-color-shift{
  0%{filter:hue-rotate(0deg) saturate(1.08) brightness(1)}
  25%{filter:hue-rotate(18deg) saturate(1.16) brightness(1.04)}
  50%{filter:hue-rotate(-16deg) saturate(1.14) brightness(1.02)}
  75%{filter:hue-rotate(26deg) saturate(1.2) brightness(1.05)}
  100%{filter:hue-rotate(6deg) saturate(1.1) brightness(1)}
}
body[data-effects="reduced"] .chromatic-vortex,body[data-effects="reduced"] .observatory-wrap::after,body[data-effects="reduced"] .observatory-core::before,body[data-effects="reduced"] .observatory-core::after,body[data-effects="reduced"] .hero-orbit::before,body[data-effects="reduced"] .hero-orbit::after{animation-duration:.001ms!important;animation-iteration-count:1!important;}