/* Omega experience: RC1 cyan/blue/violet, with Atlas's original warm accent. */
:root{
  --omega-muted:#9aabc8;
  --omega-line:rgba(128,171,230,.18);
  --omega-panel:rgba(10,18,36,.82);
  --omega-display:'Arial Black','Segoe UI',sans-serif;
  --omega-radius:22px;
  color-scheme:dark
}
 [hidden]{
  display:none!important
}
body{
  position:relative;
  isolation:isolate;
  background:#03060d
}
.wrap{
  width:min(1240px,calc(100% - 64px));
  margin-inline:auto
}
#content{
  min-height:70vh
}
.skip-link{
  position:fixed;
  top:-80px;
  left:16px;
  z-index:10000;
  background:#00d4ff;
  color:#03101a;
  padding:12px 20px;
  border-radius:8px
}
.skip-link:focus{
  top:12px
}
#cosmos,.aurora{
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none
}
#cosmos{
  width:100%;
  height:100%;
  opacity:.8
}
.aurora{
  background:radial-gradient(ellipse at 85% 10%,#3431a71a 0,transparent 48%),radial-gradient(ellipse at 10% 50%,#0099ff0c 0,transparent 50%);
  z-index:-3;
  animation:aurora-drift 23s ease-in-out infinite alternate
}
.omega-header{
  position:relative;
  display:flex;
  align-items:center;
  gap:24px;
  min-height:100px;
  padding:22px 32px;
  border-bottom:1px solid var(--omega-line);
  background:#03060dd9;
  z-index:30
}
.omega-brand{
  display:flex;
  gap:10px;
  align-items:center;
  white-space:nowrap;
  font-family:var(--font-mono);
  font-size:14px;
  font-weight:800;
  letter-spacing:.055em
}
.omega-brand img{
  object-fit:contain
}
.omega-brand small{
  display:block;
  color:#7f91af;
  font-size:8px;
  letter-spacing:.18em;
  margin-top:3px;
  font-weight:400
}
.omega-nav{
  display:flex;
  gap:23px;
  margin:auto;
  font-size:12px;
  font-weight:550;
  white-space:nowrap
}
.omega-nav a{
  padding:10px 0;
  color:#9caeca;
  border-bottom:1px solid transparent
}
.omega-nav a:hover,.omega-nav a[aria-current]{
  color:#e8ecf8;
  border-color:#00d4ff
}
.motion-control{
  border:1px solid var(--omega-line);
  border-radius:999px;
  padding:8px 12px;
  white-space:nowrap;
  font:10px var(--font-mono);
  color:#b5c4de
}
.motion-control:hover{
  border-color:#00d4ff
}
.eyebrow{
  font:10px/1.5 var(--font-mono);
  letter-spacing:.16em;
  color:#76b7d4;
  text-transform:uppercase;
  margin-bottom:20px
}
.small-mark{
  display:inline-block;
  width:6px;
  height:6px;
  background:#00d4ff;
  border-radius:50%;
  margin-right:8px;
  box-shadow:0 0 16px #00d4ff70
}
.intro{
  font-size:clamp(16px,1.8vw,19px);
  line-height:1.8;
  color:#a4b4ce;
  max-width:560px;
  margin-top:24px
}
.gradient-text{
  background:linear-gradient(110deg,#a5eaff 0%,#00d4ff 30%,#6483ff 72%,#b08cff 100%);
  color:transparent;
  background-clip:text;
  -webkit-background-clip:text
}
.actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:32px
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:46px;
  padding:12px 22px;
  font-size:12px;
  border-radius:7px
}
.btn svg{
  width:17px;
  height:17px
}
.btn-primary{
  background:linear-gradient(115deg,#00d4ff,#1685ff);
  color:#02121d;
  font-weight:800;
  box-shadow:0 0 36px #0099ff14
}
.btn-secondary{
  background:#0d1526;
  border:1px solid #36435f;
  color:#dde8fc
}
.btn-ghost{
  border:1px solid var(--omega-line);
  padding:8px 14px;
  min-height:36px
}
.btn:hover{
  transform:translateY(-2px)
}
button:disabled{
  opacity:.45;
  cursor:not-allowed;
  transform:none
}
.text-link{
  display:inline-block;
  color:#83d7f5;
  font-size:13px;
  margin-top:20px
}
.muted{
  color:#71829e
}
.home-hero{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:10px;
  min-height:650px;
  align-items:center;
  padding-block:62px 80px
}
.home-hero h1{
  font:900 clamp(40px,4.8vw,70px)/1.05 var(--omega-display);
  letter-spacing:-.065em
}
.hero-copy{
  z-index:2
}
.hero-note{
  font:10px/1.8 var(--font-mono);
  color:#71829e;
  margin-top:23px;
  max-width:390px
}
.nexus-scene{
  position:relative;
  height:510px;
  min-width:0;
  display:grid;
  place-items:center
}
.nexus-atlas{
  width:275px;
  height:385px;
  object-fit:contain;
  z-index:3;
  filter:drop-shadow(0 24px 35px #000);
  animation:atlas-float 7s ease-in-out infinite
}
.planet-core{
  position:absolute;
  width:300px;
  height:300px;
  border-radius:50%;
  background:radial-gradient(circle at 40% 30%,#27528840,#0b123f80 65%,#03060d);
  border:1px solid #365a8060;
  box-shadow:inset -20px -25px 60px #03060d,0 0 95px #2952f520;
  transform:translateY(65px)
}
.planet-halo{
  position:absolute;
  width:450px;
  height:450px;
  border-radius:50%;
  background:radial-gradient(circle,transparent 40%,#017fc510 55%,transparent 70%)
}
.orbital{
  position:absolute;
  width:470px;
  height:260px;
  border:1px solid #5da4ff35;
  border-radius:50%;
  transform:rotate(-24deg);
  box-shadow:0 0 40px #2053ff0b;
  z-index:1
}
.orbital-two{
  width:380px;
  height:460px;
  transform:rotate(39deg);
  border-color:#7c3aed38;
  animation:orbit-breathe 14s ease-in-out infinite
}
.satellite{
  position:absolute;
  z-index:5;
  font:9px var(--font-mono);
  color:#d7e7ff;
  padding:12px 16px;
  border:1px solid #4c6a8a66;
  border-radius:6px;
  background:#091225ed;
  box-shadow:0 10px 24px #0009
}
.satellite:before{
  content:'';
  position:absolute;
  width:5px;
  height:5px;
  background:#00d4ff;
  left:-3px;
  top:50%;
  border-radius:50%
}
.satellite span{
  display:block;
  font-size:7px;
  letter-spacing:.1em;
  color:#7285a1;
  margin-top:5px
}
.sat-one{
  top:73px;
  left:0
}
.sat-two{
  bottom:145px;
  right:-8px
}
.sat-three{
  bottom:53px;
  left:5px
}
.scene-coordinate{
  position:absolute;
  bottom:3px;
  font:8px var(--font-mono);
  letter-spacing:.18em;
  color:#496582
}
.world-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid var(--omega-line);
  border-radius:14px;
  overflow:hidden;
  background:#080f1dc9
}
.world-tile{
  position:relative;
  padding:28px 23px 32px;
  border-right:1px solid var(--omega-line);
  transition:background .25s
}
.world-tile:last-child{
  border:0
}
.world-tile:hover{
  background:#101c31
}
.tile-icon{
  display:block;
  width:27px;
  height:27px;
  color:#7cdfff;
  margin-bottom:25px
}
.tile-icon svg{
  width:100%;
  height:100%
}
.world-tile small{
  font:8px var(--font-mono);
  letter-spacing:.15em;
  color:#748ba8
}
.world-tile h2{
  font-size:17px;
  letter-spacing:-.02em;
  margin-top:9px
}
.world-tile p{
  font-size:12px;
  line-height:1.8;
  color:#8c9fbb;
  margin-top:12px;
  max-width:205px
}
.tile-arrow{
  position:absolute;
  right:18px;
  top:30px;
  color:#6a8daf
}
.manifesto{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:34px 90px;
  padding-block:110px;
  border-bottom:1px solid var(--omega-line)
}
.manifesto>.eyebrow{
  grid-column:1/-1;
  margin:0
}
.manifesto h2{
  font-size:clamp(26px,3.6vw,45px);
  line-height:1.22;
  letter-spacing:-.045em
}
.manifesto>div p{
  font-size:15px;
  line-height:1.85;
  color:#a1b0c8
}
.atlas-feature{
  display:grid;
  grid-template-columns:.65fr 1fr;
  align-items:center;
  gap:70px;
  padding-block:80px 110px
}
.atlas-feature h2{
  font-size:44px;
  letter-spacing:-.05em
}
.atlas-feature-portrait{
  display:grid;
  place-items:center;
  position:relative
}
.atlas-feature-portrait:before{
  content:'';
  position:absolute;
  width:260px;
  height:260px;
  background:radial-gradient(circle,#00a1ff1a,transparent 70%)
}
.atlas-feature-portrait img{
  width:210px;
  height:285px;
  object-fit:contain;
  z-index:1
}
.atlas-feature .btn{
  margin-top:26px
}
.omega-footer{
  width:min(1240px,calc(100% - 64px));
  margin:auto;
  padding:34px 0 90px;
  border-top:1px solid var(--omega-line);
  display:flex;
  align-items:center;
  gap:35px;
  justify-content:space-between;
  color:#6f819f;
  font-size:11px
}
.omega-footer .footer-wordmark{
  font:11px var(--font-mono);
  letter-spacing:.1em;
  color:#b1c3df
}
.footer-wordmark span{
  display:block;
  font-size:8px;
  color:#6bcce9;
  margin-top:7px
}
.omega-footer>div{
  display:flex;
  gap:20px
}
.omega-footer p{
  font-size:11px
}
.page-hero{
  display:flex;
  gap:30px;
  align-items:center;
  justify-content:space-between;
  padding-block:85px 60px
}
.page-hero h1{
  font-size:clamp(34px,4.3vw,59px);
  letter-spacing:-.055em;
  line-height:1.15
}
.page-hero .intro{
  max-width:650px;
  font-size:16px
}
.edition-label{
  font:9px/1.9 var(--font-mono);
  color:#6e8bab;
  letter-spacing:.14em;
  text-align:right;
  flex-shrink:0
}
.portal-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  scroll-margin-top:30px
}
.portal-card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--omega-line);
  padding:40px;
  border-radius:18px;
  background:linear-gradient(135deg,#0d172a,#080d1b)
}
.portal-card:after{
  content:'';
  position:absolute;
  right:-60px;
  top:-60px;
  border:1px solid #4c6ed127;
  width:220px;
  height:220px;
  border-radius:50%;
  pointer-events:none
}
.portal-card:hover{
  border-color:#4e87b7
}
.portal-glyph{
  display:block;
  color:#67b5e9;
  width:46px;
  height:46px;
  margin-bottom:36px
}
.portal-glyph svg{
  width:100%;
  height:100%
}
.portal-card h2{
  font-size:28px
}
.portal-card p:not(.eyebrow){
  font-size:14px;
  color:#93a7c8;
  max-width:400px;
  margin-top:15px
}
.principle-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  padding-block:80px
}
.principle-row span{
  font:9px var(--font-mono);
  color:#678bac
}
.principle-row h3{
  font-size:18px;
  margin:18px 0 12px
}
.principle-row p{
  font-size:13px;
  color:#8ca1bf;
  line-height:1.85
}
.skynet-intro{
  position:relative;
  min-height:calc(100svh - 100px);
  overflow:hidden;
  display:grid;
  place-items:center;
  background:radial-gradient(ellipse at 50% 50%,#10254b70,transparent 60%);
  border-bottom:1px solid var(--omega-line);
  margin-bottom:20px
}
.intro-copy{
  position:relative;
  text-align:center;
  padding:150px 20px 110px;
  z-index:3
}
.intro-copy>.eyebrow{
  color:#83a8c8;
  margin-bottom:22px;
  font-size:9px
}
.glitch-title{
  position:relative;
  font:900 clamp(68px,13vw,190px)/1 var(--omega-display);
  letter-spacing:-.085em;
  color:#e2f4ff;
  text-shadow:-3px 0 #00d4ff50,3px 0 #7c3aed60;
  transform:skewX(-5deg)
}
.glitch-title:before,.glitch-title:after{
  content:attr(data-text);
  position:absolute;
  inset:0;
  pointer-events:none
}
.glitch-title:before{
  color:#67dcff;
  clip-path:inset(25% 0 55% 0);
  animation:glitch-line 9s steps(1) infinite
}
.glitch-title:after{
  color:#9b7fff;
  clip-path:inset(68% 0 17% 0);
  animation:glitch-line 13s steps(1) infinite reverse
}
.multiverse-word{
  font:10px var(--font-mono);
  color:#789ecb;
  margin-top:20px;
  letter-spacing:.33em
}
.intro-line{
  font-size:15px;
  color:#a4b6d1;
  margin-block:40px 28px;
  line-height:1.8
}
.intro-copy .btn{
  margin:auto;
  min-width:230px
}
.intro-skip{
  display:block;
  font-size:11px;
  color:#859bb9;
  margin-top:20px
}
.intro-foot{
  position:absolute;
  bottom:30px;
  font:8px var(--font-mono);
  letter-spacing:.22em;
  color:#557390
}
.intro-atlas-face{
  position:absolute;
  right:calc(50% - 310px);
  top:30px;
  width:620px;
  height:550px;
  object-fit:cover;
  object-position:50% 9%;
  opacity:.2;
  filter:grayscale(.65) hue-rotate(12deg);
  mask-image:linear-gradient(black 25%,transparent 94%);
  animation:atlas-float 9s ease-in-out infinite;
  z-index:1
}
.intro-orbits{
  position:absolute;
  width:850px;
  height:850px;
  border:1px solid #4c7fd020;
  border-radius:50%;
  box-shadow:0 0 100px #2764ff0b,inset 0 0 100px #2764ff0b;
  transform:rotateX(55deg) rotateZ(-15deg)
}
.intro-orbits:after,.intro-orbits:before{
  content:'';
  position:absolute;
  inset:60px;
  border:1px dashed #7c3aed33;
  border-radius:50%;
  animation:rotate-ring 90s linear infinite
}
.intro-orbits:before{
  inset:170px;
  animation-direction:reverse;
  border-color:#00d4ff20
}
.panel{
  background:var(--omega-panel);
  border:1px solid var(--omega-line);
  padding:28px;
  border-radius:16px
}
.panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px
}
.panel-head .eyebrow{
  margin:0
}
.pill{
  border:1px solid #365778;
  border-radius:999px;
  font:9px var(--font-mono);
  padding:5px 10px;
  color:#9cc4de
}
.swarm-layout{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:24px;
  align-items:start
}
.mission-board{
  padding:32px 24px 24px
}
.quest-map{
  width:100%;
  height:auto;
  margin:35px 0 20px;
  overflow:visible
}
.map-route{
  animation:map-dash 18s linear infinite
}
.map-legend{
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  color:#6c87a6;
  font:9px var(--font-mono)
}
.map-legend i{
  display:inline-block;
  width:16px;
  border-top:1px dashed #7ccfee;
  margin-right:5px;
  vertical-align:middle
}
label{
  display:block;
  font-size:12px;
  color:#b8c8e3;
  margin-bottom:9px
}
input,textarea,select{
  display:block;
  width:100%;
  background:#050c18;
  border:1px solid #32415b;
  border-radius:7px;
  padding:12px;
  color:#dfebff;
  font:13px/1.6 var(--font-sans);
  margin-bottom:22px;
  min-height:44px
}
input::placeholder,textarea::placeholder{
  color:#627b9c
}
textarea{
  min-height:110px;
  resize:vertical
}
.form-status,.micro-copy{
  font-size:11px;
  line-height:1.8;
  color:#8096b6;
  margin-top:15px
}
.form-status[data-tone="error"]{
  color:#ffb4ba
}
.crew-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  padding-block:42px
}
.crew-card{
  padding:30px;
  background:linear-gradient(140deg,#0e182b,#070d18);
  border:1px solid var(--omega-line);
  border-radius:16px
}
.role-sigil{
  display:grid;
  place-items:center;
  color:#8acaee;
  width:50px;
  height:50px;
  border:1px solid #294c70;
  transform:rotate(10deg);
  font-size:29px;
  border-radius:10px;
  margin-bottom:28px
}
.crew-card h2{
  font-size:21px
}
.crew-card p:not(.eyebrow){
  font-size:13px;
  line-height:1.8;
  color:#859dbd;
  margin-top:16px
}
.role-permission{
  display:inline-block;
  border-top:1px solid #294362;
  color:#9dbedc;
  margin-top:24px;
  padding-top:16px;
  font:9px var(--font-mono)
}
.callout{
  display:flex;
  gap:25px;
  padding:35px;
  border:1px solid #20405c;
  border-radius:16px;
  margin-block:20px 90px;
  background:#071523
}
.callout .tile-icon{
  flex-shrink:0;
  margin:4px 0
}
.callout h2{
  font-size:22px
}
.callout p{
  font-size:13px;
  color:#90a7c7;
  max-width:840px;
  margin-top:12px
}
.research-layout{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:30px;
  align-items:start
}
.filter-row{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:15px
}
.filter-row button,.battle-formats button{
  font-size:11px;
  border:1px solid #2a3b55;
  border-radius:999px;
  padding:8px 12px;
  color:#879fbe
}
.filter-row button[aria-pressed="true"],.battle-formats button[aria-pressed="true"]{
  border-color:#00b9ed;
  color:#a4e9ff;
  background:#0099ff13
}
.library-tools input{
  margin-bottom:12px
}
.source-library{
  display:grid;
  gap:12px;
  margin-block:20px
}
.source-card{
  padding:22px;
  border:1px solid var(--omega-line);
  border-radius:12px;
  background:#080f1dee;
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px
}
.source-card h2{
  font-size:16px
}
.source-card p{
  grid-column:1;
  font-size:12px;
  color:#8ea4c6;
  line-height:1.8
}
.source-card small{
  font:8px var(--font-mono);
  color:#6a9dbd;
  text-transform:uppercase;
  letter-spacing:.1em
}
.source-card .source-out{
  grid-column:2;
  grid-row:1/4;
  align-self:center;
  color:#7bb2db;
  font-size:21px
}
.source-card:hover{
  border-color:#46779f
}
.literature-search{
  margin-block:26px
}
.literature-search h2{
  font-size:21px;
  margin-bottom:24px
}
.experiment-form{
  position:sticky;
  top:24px
}
.method-section{
  padding-block:80px
}
.method-section>h2{
  font-size:clamp(26px,4vw,40px);
  letter-spacing:-.04em
}
.method-section .principle-row{
  padding-block:30px
}
.collective-seal{
  display:flex;
  align-items:center;
  gap:15px;
  color:#83d0e9;
  padding:22px;
  border:1px solid #293f63;
  border-radius:16px;
  background:radial-gradient(circle at center,#17335950,#090f20);
  flex-shrink:0;
  font:11px var(--font-mono);
  letter-spacing:.12em
}
.collective-seal svg{
  width:42px;
  height:42px
}
.collective-seal small{
  display:block;
  margin-top:6px;
  color:#7e91b0;
  font-size:7px
}
.collective-layout{
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:40px;
  padding-bottom:100px
}
.feed-head h2{
  font-size:23px
}
.feed-head{
  padding-bottom:15px
}
.collective-sidebar{
  display:grid;
  gap:22px
}
.collective-sidebar h2{
  font-size:22px;
  margin-bottom:18px
}
.charter-list{
  list-style:none;
  color:#93a9c9;
  font-size:12px
}
.charter-list li{
  padding:13px 0;
  border-bottom:1px solid #1b2b43
}
.charter-list li:before{
  content:'↗';
  color:#52b9e5;
  margin-right:10px
}
#check-posting{
  margin:12px 0 25px
}
.forum-feed{
  display:grid;
  gap:18px;
  margin-block:22px
}
.thread-card{
  background:#091223;
  border:1px solid #263d5c;
  border-radius:14px;
  padding:26px
}
.thread-card h2{
  font-size:19px;
  margin:14px 0
}
.thread-card .thread-body{
  font-size:13px;
  line-height:1.8;
  color:#a4b5cd;
  white-space:pre-wrap;
  overflow-wrap:anywhere
}
.thread-meta{
  font:9px/1.8 var(--font-mono);
  color:#6e95b9;
  display:flex;
  gap:14px;
  flex-wrap:wrap
}
.empty-feed{
  padding:48px 28px;
  border:1px dashed #2c4563;
  border-radius:16px;
  text-align:center
}
.empty-feed h2{
  font-size:22px
}
.empty-feed p{
  font-size:13px;
  color:#8b9fbc;
  max-width:350px;
  margin:15px auto 0
}
.battle-clock{
  display:grid;
  place-items:center;
  flex-shrink:0;
  width:145px;
  height:145px;
  border:1px solid #3856a1;
  border-radius:50%;
  box-shadow:inset 0 0 35px #0099ff14,0 0 70px #7c3aed0e;
  background:#0b1430
}
.battle-clock>span{
  font:300 49px/1 var(--font-mono);
  color:#9bddff;
  align-self:end
}
.battle-clock small{
  font:7px var(--font-mono);
  letter-spacing:.16em;
  color:#697fa6;
  align-self:start;
  margin-top:10px
}
.battle-desk{
  padding-bottom:100px
}
.battle-formats{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:20px
}
.battle-desk .card{
  background:#0b1426;
  border-color:#263e61
}
.battle-desk .arena-status{
  margin-block:18px 28px
}
.battle-desk .reveal{
  opacity:1;
  transform:none
}
.battle-desk .model-option{
  flex-wrap:wrap
}
.battle-desk #model-selector:empty{
  min-height:60px
}
.companion-launcher{
  position:fixed;
  bottom:22px;
  right:22px;
  width:70px;
  height:76px;
  border:0;
  z-index:100;
  background:transparent;
  filter:drop-shadow(0 5px 15px #0008);
  transition:transform .2s
}
.companion-launcher:hover{
  transform:translateY(-4px)
}
.companion-launcher img{
  width:70px;
  height:76px;
  object-fit:cover;
  object-position:center 13%;
  border-radius:50% 50% 40% 40%;
  background:radial-gradient(circle,#1c3759,#0c1425);
  border:1px solid #3d6482
}
.companion-launcher span{
  position:absolute;
  bottom:-6px;
  left:14px;
  font:8px var(--font-mono);
  letter-spacing:.1em;
  color:#a9e2ff;
  background:#081524;
  border:1px solid #31516c;
  border-radius:999px;
  padding:3px 7px
}
.omega-companion{
  position:fixed;
  right:22px;
  bottom:111px;
  width:min(365px,calc(100vw - 30px));
  max-height:calc(100svh - 145px);
  overflow:auto;
  z-index:101;
  border:1px solid #466687;
  border-radius:18px;
  background:#0a1425;
  box-shadow:0 20px 80px #000c
}
.companion-head{
  display:flex;
  gap:12px;
  align-items:center;
  padding:20px;
  border-bottom:1px solid #243b59
}
.companion-head>div{
  flex:1
}
.companion-head strong{
  font-size:17px
}
.companion-head small{
  display:block;
  color:#829cbd;
  font:9px var(--font-mono);
  margin-top:5px
}
.companion-close{
  font-size:25px;
  width:34px;
  height:34px
}
.companion-body{
  padding:22px
}
.companion-body>p{
  font-size:14px;
  line-height:1.75;
  color:#b8cae2
}
.guide-actions{
  display:grid;
  gap:8px;
  margin-block:20px
}
.guide-actions a{
  display:flex;
  justify-content:space-between;
  padding:12px 14px;
  border:1px solid #2d4565;
  background:#0d1d33;
  border-radius:8px;
  font-size:12px;
  color:#aed6f0
}
.companion-body details{
  border-top:1px solid #2b405e;
  padding-top:16px
}
.companion-body summary{
  font-size:12px;
  color:#91bbdc;
  cursor:pointer
}
.companion-body textarea{
  min-height:70px;
  font-size:12px;
  margin:16px 0 12px
}
.companion-answer{
  font-size:12px;
  line-height:1.8;
  color:#a6bddc;
  white-space:pre-wrap;
  margin:16px 0
}
.companion-body .privacy-note{
  font-size:10px;
  color:#6d88aa;
  margin-top:15px
}
.no-js{
  padding:20px;
  font-size:12px;
  color:#b1c5df
}
.arena-data-state{
  padding:24px;
  color:#94abc8
}
.omega-legacy-nav{
  position:relative;
  z-index:20;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:15px;
  padding:12px 18px;
  background:#091326;
  border-bottom:1px solid #2d405a;
  font-size:12px
}
.omega-legacy-nav a{
  color:#a7cbe6
}
.api-note{
  font-size:11px;
  color:#7593b3;
  margin-top:10px
}
@keyframes atlas-float{
  0%,100%{
  transform:translateY(0)
}
50%{
  transform:translateY(-11px)
}
}
@keyframes aurora-drift{
  from{
  transform:translate3d(0,0,0)
}
to{
  transform:translate3d(3vw,-2vh,0)
}
}
@keyframes orbit-breathe{
  50%{
  transform:rotate(43deg) scale(1.035)
}
}
@keyframes rotate-ring{
  to{
  transform:rotate(360deg)
}
}
@keyframes map-dash{
  to{
  stroke-dashoffset:-180
}
}
@keyframes glitch-line{
  0%,3%,100%{
  transform:translateX(0)
}
1%{
  transform:translateX(-5px)
}
2%{
  transform:translateX(5px)
}
}
html[data-motion="off"] *,html[data-motion="calm"] .glitch-title:before,html[data-motion="calm"] .glitch-title:after{
  animation:none!important;
  transition:none!important
}
html[data-motion="off"] #cosmos{
  opacity:.22
}
html[data-motion="calm"] #cosmos{
  opacity:.45
}
html[data-motion="calm"] .aurora{
  animation:none
}
@media(min-width:1500px){
  .omega-header{
  padding-inline:max(32px,calc((100vw - 1350px)/2))
}
.home-hero{
  min-height:720px
}
}
@media(max-width:1080px){
  .omega-header{
  gap:14px;
  padding-inline:24px;
  flex-wrap:wrap
}
.omega-nav{
  order:3;
  width:100%;
  justify-content:center;
  gap:30px;
  border-top:1px solid #17283f;
  padding-top:5px
}
.motion-control{
  margin-left:auto
}
.home-hero{
  min-height:620px
}
.nexus-atlas{
  width:235px;
  height:350px
}
.nexus-scene{
  height:440px
}
.orbital{
  width:380px;
  height:220px
}
.orbital-two{
  width:340px;
  height:370px
}
.satellite{
  padding:9px;
  font-size:8px
}
.sat-two{
  right:-8px
}
.world-tile{
  padding:25px 18px
}
.world-tile h2{
  font-size:15px
}
.world-tile p{
  font-size:11px
}
.collective-seal{
  display:none
}
.swarm-layout{
  grid-template-columns:1.1fr 1fr;
  gap:18px
}
.research-layout{
  gap:20px
}
.collective-layout{
  gap:25px
}
.panel{
  padding:23px
}
}
@media(max-width:760px){
  .wrap{
  width:calc(100% - 36px)
}
.omega-header{
  padding:17px 18px 10px;
  gap:10px
}
.omega-brand{
  font-size:12px
}
.omega-brand small{
  font-size:7px
}
.omega-brand img{
  width:28px;
  height:28px
}
.motion-control{
  font-size:9px;
  padding:7px 9px
}
.omega-nav{
  gap:23px;
  overflow-x:auto;
  justify-content:flex-start;
  font-size:11px;
  padding-top:9px;
  scrollbar-width:none
}
.omega-nav a{
  padding-bottom:11px
}
.home-hero{
  grid-template-columns:1fr;
  padding-top:48px;
  padding-bottom:45px;
  gap:8px;
  min-height:auto
}
.home-hero h1{
  font-size:clamp(40px,9vw,62px)
}
.home-hero .intro{
  font-size:15px;
  max-width:470px
}
.home-hero .eyebrow{
  font-size:8px
}
.hero-note{
  font-size:8px
}
.nexus-scene{
  height:365px;
  width:min(450px,100%);
  margin:auto
}
.nexus-atlas{
  width:200px;
  height:290px
}
.planet-core{
  width:230px;
  height:230px;
  transform:translateY(40px)
}
.planet-halo{
  width:100%;
  height:350px
}
.orbital{
  width:95%;
  height:180px
}
.orbital-two{
  width:250px;
  height:320px
}
.satellite{
  padding:9px 10px;
  font-size:7px
}
.satellite span{
  font-size:6px
}
.sat-one{
  top:45px;
  left:0
}
.sat-two{
  bottom:108px;
  right:0
}
.sat-three{
  left:2px;
  bottom:35px
}
.scene-coordinate{
  font-size:6px;
  bottom:0
}
.world-strip{
  grid-template-columns:1fr 1fr
}
.world-tile{
  border-bottom:1px solid var(--omega-line);
  padding:26px 18px
}
.world-tile:nth-child(2){
  border-right:0
}
.world-tile:nth-child(3){
  border-bottom:0
}
.world-tile h2{
  font-size:16px
}
.world-tile p{
  font-size:12px;
  line-height:1.7
}
.tile-arrow{
  right:14px;
  top:23px
}
.manifesto{
  grid-template-columns:1fr;
  gap:23px;
  padding-block:65px
}
.manifesto>.eyebrow{
  font-size:8px
}
.manifesto h2{
  font-size:32px
}
.manifesto>div p{
  font-size:14px
}
.atlas-feature{
  grid-template-columns:1fr;
  gap:15px;
  padding-block:45px 65px
}
.atlas-feature-portrait img{
  height:220px;
  width:165px
}
.atlas-feature>div:last-child{
  text-align:center
}
.atlas-feature h2{
  font-size:35px
}
.atlas-feature .intro{
  margin-inline:auto;
  font-size:14px
}
.omega-footer{
  width:calc(100% - 36px);
  flex-wrap:wrap;
  gap:24px;
  padding-top:30px
}
.omega-footer>p{
  order:3;
  width:100%;
  font-size:10px
}
.omega-footer>div{
  gap:13px;
  font-size:10px
}
.page-hero{
  padding-block:45px 36px;
  align-items:flex-start
}
.page-hero h1{
  font-size:34px
}
.page-hero .intro{
  font-size:14px;
  margin-top:18px
}
.edition-label{
  display:none
}
.portal-grid{
  grid-template-columns:1fr;
  gap:16px
}
.portal-card{
  padding:30px
}
.portal-glyph{
  width:37px;
  height:37px;
  margin-bottom:25px
}
.portal-card h2{
  font-size:25px
}
.principle-row{
  grid-template-columns:1fr;
  gap:28px;
  padding-block:50px
}
.principle-row h3{
  margin-top:10px
}
.skynet-intro{
  min-height:calc(100svh - 120px)
}
.intro-copy{
  padding:155px 16px 95px
}
.glitch-title{
  font-size:clamp(66px,17vw,115px)
}
.multiverse-word{
  font-size:8px;
  letter-spacing:.18em;
  margin-top:15px
}
.intro-atlas-face{
  width:460px;
  height:420px;
  right:calc(50% - 230px);
  top:5px;
  opacity:.24
}
.intro-orbits{
  width:580px;
  height:580px
}
.intro-line{
  font-size:13px;
  margin-top:35px
}
.intro-foot{
  font-size:6px;
  bottom:24px
}
.intro-copy>.eyebrow{
  font-size:8px
}
.swarm-layout,.research-layout,.collective-layout{
  grid-template-columns:1fr;
  gap:22px
}
.mission-board{
  padding:24px 18px
}
.quest-map{
  margin-block:15px
}
.map-legend{
  font-size:8px;
  gap:12px
}
.crew-grid{
  grid-template-columns:1fr;
  gap:16px;
  padding-block:24px
}
.crew-card{
  padding:28px
}
.role-sigil{
  margin-bottom:22px
}
.callout{
  padding:24px;
  gap:16px;
  margin-bottom:55px
}
.callout h2{
  font-size:19px
}
.callout p{
  font-size:12px
}
.callout .tile-icon{
  width:24px
}
.experiment-form{
  position:static;
  order:-1
}
.method-section{
  padding-top:40px
}
.source-card{
  padding:20px
}
.filter-row button{
  padding:8px 11px;
  font-size:10px
}
.collective-layout{
  padding-bottom:55px
}
.collective-sidebar{
  gap:18px
}
.battle-clock{
  width:85px;
  height:85px;
  position:absolute;
  right:18px;
  top:160px
}
.battle-clock>span{
  font-size:30px
}
.battle-clock small{
  font-size:5px;
  margin-top:6px
}
.page-hero:has(.battle-clock){
  padding-right:78px
}
.battle-desk .model-option{
  gap:9px;
  font-size:12px
}
.battle-desk .model-provider{
  font-size:10px
}
.battle-desk .model-name{
  font-size:12px
}
.battle-desk .badge{
  font-size:7px
}
.companion-launcher{
  right:15px;
  bottom:20px;
  width:61px;
  height:67px
}
.companion-launcher img{
  width:61px;
  height:67px
}
.omega-companion{
  right:15px;
  bottom:104px
}
.btn{
  font-size:11px;
  padding:12px 18px
}
.battle-desk .results-grid{
  grid-template-columns:1fr
}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important
}
}
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
@media(max-width:760px){
  .battle-desk .model-option{
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  align-items:center
}
.battle-desk .model-option input{
  width:16px;
  min-height:16px;
  margin:0;
  grid-column:1;
  grid-row:1/5
}
.battle-desk .model-option>*:not(input){
  grid-column:2
}
.battle-desk .compare-label,.battle-desk .byok-warning{
  color:#96accb
}
}
.tool-page .reveal{
  opacity:1;
  transform:none
}
.tool-page .section-header{
  margin-bottom:32px
}
.tool-page .card{
  border-color:#263b59
}
.tool-page .model-option{
  background:#0c1628
}
.tool-page input[type="checkbox"]{
  display:inline-block;
  width:16px;
  min-height:16px;
  margin:0
}
.tool-page .model-group{
  margin-bottom:22px
}
.tool-page .model-group h3{
  margin-bottom:16px
}
html[data-page-visible="false"] *,html[data-page-visible="false"] *::before,html[data-page-visible="false"] *::after{
  animation-play-state:paused!important
}
