/* RAIET v1.48.5.70 — public Autopilot Beta entry + roadmap-card polish.
   Kept in a new asset so the live site cannot reuse an older cached main.css. */
.main-nav .nav-autopilot{
  gap:7px;
  margin-left:3px;
  padding:0 10px;
  color:#f4f6f8;
  border-left:1px solid rgba(255,255,255,.08);
}
.main-nav .nav-autopilot::before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#ed1717;
  box-shadow:0 0 0 4px rgba(237,23,23,.08),0 0 14px rgba(237,23,23,.48);
  animation:raiet-autopilot-nav-pulse 2.4s ease-in-out infinite;
}
.main-nav .nav-autopilot>b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:0 7px;
  border:1px solid rgba(237,23,23,.34);
  border-radius:999px;
  background:rgba(237,23,23,.075);
  color:#ff7277;
  font-size:10px;
  font-weight:950;
  line-height:1;
  letter-spacing:.055em;
}
.main-nav .nav-autopilot:hover,
.main-nav .nav-autopilot.active{color:#fff}
.main-nav .nav-autopilot:hover>b,
.main-nav .nav-autopilot.active>b{
  border-color:rgba(237,23,23,.58);
  background:rgba(237,23,23,.13);
  color:#ff8a8e;
}
@keyframes raiet-autopilot-nav-pulse{
  0%,100%{transform:scale(.9);opacity:.76;box-shadow:0 0 0 3px rgba(237,23,23,.06),0 0 9px rgba(237,23,23,.28)}
  50%{transform:scale(1);opacity:1;box-shadow:0 0 0 5px rgba(237,23,23,.10),0 0 17px rgba(237,23,23,.52)}
}

/* COMING SOON cards remain visually subordinate to games already available. */
.game-tile.game-status-planned{
  border-color:rgba(255,255,255,.075);
  background:#080b0f;
}
.game-tile.game-status-planned img{
  opacity:.68;
  filter:saturate(.68) contrast(1.03) brightness(.82);
}
.game-tile.game-status-planned:hover img{
  opacity:.78;
  filter:saturate(.78) contrast(1.05) brightness(.90);
}
.game-tile.game-status-planned .game-status-badge{
  border-color:rgba(255,255,255,.13);
  background:rgba(5,8,12,.79);
  color:#c3cad1;
}

@media(max-width:1350px){
  .main-nav .nav-autopilot{padding:0 7px;gap:6px}
  .main-nav .nav-autopilot>b{padding:0 6px}
}
@media(max-width:980px){
  /* Main navigation already collapses at this breakpoint; no duplicate mobile CTA. */
  .main-nav .nav-autopilot{display:none}
}
@media(prefers-reduced-motion:reduce){
  .main-nav .nav-autopilot::before{animation:none}
}
