/* RAIET v1.48.5.135 — clean industrial navigation without nav background plates + non-skippable 24h homepage intro. */

/* Desktop navigation: stronger RAIET identity without making the header noisy. */
.main-nav{
  gap:clamp(12px,1.55vw,30px)!important;
  align-items:center;
}
.main-nav>a{
  position:relative;
  isolation:isolate;
  min-height:38px;
  padding:0 11px!important;
  border:1px solid transparent;
  color:#c2c8cd!important;
  font-family:"Bahnschrift","Segoe UI Semibold","Arial Black",Arial,sans-serif!important;
  font-size:12.5px!important;
  line-height:1;
  font-weight:750!important;
  font-style:normal;
  letter-spacing:.58px!important;
  text-transform:uppercase;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  transition:color .16s ease,transform .16s ease,text-shadow .16s ease,border-color .16s ease;
}
/* No background plate behind navigation items: only text + the thin active accent remain. */
.main-nav>a::before{content:none!important}
.main-nav>a::after{
  content:""!important;
  position:absolute!important;
  left:9px!important;
  right:auto!important;
  bottom:5px!important;
  width:18px!important;
  height:2px!important;
  opacity:0;
  background:linear-gradient(90deg,#ff3232,rgba(237,23,23,0))!important;
  box-shadow:0 0 12px rgba(237,23,23,.6)!important;
  transform:skewX(-24deg) translateX(-5px);
  transition:opacity .16s ease,transform .16s ease,width .16s ease;
}
.main-nav>a:hover,
.main-nav>a:focus-visible{
  outline:none;
  color:#fff!important;
  transform:translateY(-1px);
  text-shadow:0 0 14px rgba(237,23,23,.14);
}
.main-nav>a:hover::after,
.main-nav>a:focus-visible::after{
  opacity:.72;
  transform:skewX(-24deg) translateX(0);
}
.main-nav>a.active{
  color:#fff!important;
  font-weight:850!important;
  letter-spacing:.68px!important;
  text-shadow:0 0 16px rgba(237,23,23,.22);
}
.main-nav>a.active::after{
  opacity:1;
  width:30px!important;
  transform:skewX(-24deg) translateX(0);
}
.main-nav>.nav-autopilot{
  gap:7px;
}
.main-nav>.nav-autopilot>b{
  position:relative;
  z-index:2;
  margin-left:1px;
}

/* Slightly more branded mobile navigation without changing its layout. */
.mobile-nav-panel>a{
  position:relative;
  overflow:hidden;
  font-family:"Bahnschrift","Segoe UI Semibold","Arial Black",Arial,sans-serif!important;
  font-weight:780!important;
  font-style:normal;
  letter-spacing:.55px!important;
  text-transform:uppercase;
}
.mobile-nav-panel>a::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  bottom:8px;
  width:2px;
  background:#ed1717;
  opacity:0;
  box-shadow:0 0 10px rgba(237,23,23,.6);
}
.mobile-nav-panel>a.active::before,
.mobile-nav-panel>a:hover::before{opacity:1}
.mobile-nav-panel>a.active{background:transparent!important}
.mobile-nav-panel>a:hover,.mobile-nav-panel>a:focus-visible{background:transparent!important}

/* Intro is CSS-only visuals + a tiny controller script. No external media. */
/* v1.48.5.136 — pre-paint cover prevents the home page from flashing before the intro is ready. */
html.raiet-intro-pending::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:9999;
  background:#020304;
  pointer-events:none;
}
.raiet-intro[hidden]{display:none!important}
.raiet-intro{
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 47%,rgba(181,8,13,.16),transparent 24%),
    radial-gradient(circle at 50% 52%,rgba(237,23,23,.055),transparent 44%),
    linear-gradient(180deg,#020304 0%,#05070a 58%,#020304 100%);
  opacity:1;
  cursor:default;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
  transition:opacity .42s ease,visibility .42s ease;
}
.raiet-intro.is-exiting{opacity:0;visibility:hidden;pointer-events:none}
body.raiet-intro-active{overflow:hidden}
.raiet-intro-grid{
  position:absolute;
  inset:-12%;
  opacity:.28;
  background-image:
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:radial-gradient(circle at center,#000 0%,rgba(0,0,0,.78) 44%,transparent 76%);
  transform:perspective(900px) rotateX(64deg) translateY(22%);
}
.raiet-intro-grid::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 0 47%,rgba(237,23,23,.10) 49.5%,rgba(237,23,23,.20) 50%,rgba(237,23,23,.10) 50.5%,transparent 53%);
}
.raiet-intro-scan{
  position:absolute;
  left:-25%;
  top:50%;
  width:150%;
  height:1px;
  opacity:0;
  background:linear-gradient(90deg,transparent 12%,rgba(237,23,23,.18),#ff3131 50%,rgba(237,23,23,.18),transparent 88%);
  box-shadow:0 0 22px rgba(237,23,23,.52),0 -80px 140px rgba(237,23,23,.08);
  transform:translateY(-170px) rotate(-5deg);
}
.raiet-intro-core{
  position:relative;
  z-index:2;
  width:min(720px,calc(100vw - 40px));
  display:grid;
  justify-items:center;
  gap:13px;
  text-align:center;
}
.raiet-intro-core::before,
.raiet-intro-core::after{
  content:"";
  position:absolute;
  top:50%;
  width:min(14vw,170px);
  height:1px;
  opacity:.42;
  background:linear-gradient(90deg,transparent,#ed1717);
  box-shadow:0 0 12px rgba(237,23,23,.35);
}
.raiet-intro-core::before{right:calc(100% + 28px)}
.raiet-intro-core::after{left:calc(100% + 28px);transform:scaleX(-1)}
.raiet-intro-kicker{
  opacity:0;
  color:#ff5b5f;
  font-size:12px;
  line-height:1;
  font-weight:950;
  letter-spacing:2.1px;
}
.raiet-intro-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:17px;
}
.raiet-intro-brand .raiet-intro-mark{
  width:78px;
  height:62px;
  object-fit:contain;
  opacity:0;
  filter:drop-shadow(0 0 22px rgba(237,23,23,.24));
}
.raiet-intro-brand strong{
  opacity:0;
  color:#f7f8f9;
  font-size:clamp(56px,8vw,104px);
  line-height:.86;
  font-weight:1000;
  letter-spacing:-4px;
  text-shadow:0 14px 34px rgba(0,0,0,.48);
}
.raiet-intro-slash{
  width:42px;
  height:4px;
  opacity:0;
  background:linear-gradient(90deg,transparent,#ed1717);
  transform:skewX(-28deg);
  box-shadow:0 0 16px rgba(237,23,23,.38);
}
.raiet-intro-slash.is-right{transform:scaleX(-1) skewX(-28deg)}
.raiet-intro-tagline{
  opacity:0;
  color:#c3cbd1;
  font-size:15px;
  line-height:1;
  font-weight:950;
  letter-spacing:3px;
}
.raiet-intro-progress{
  width:min(330px,66vw);
  height:3px;
  margin-top:10px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.055);
}
.raiet-intro-progress i{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,#7d0508,#ed1717,#ff5559);
  box-shadow:0 0 16px rgba(237,23,23,.62);
}
.raiet-intro.is-running .raiet-intro-scan{animation:raiet-intro-scan 1.75s cubic-bezier(.2,.7,.2,1) .1s both}
.raiet-intro.is-running .raiet-intro-kicker{animation:raiet-intro-copy .5s ease .22s both}
.raiet-intro.is-running .raiet-intro-brand .raiet-intro-mark{animation:raiet-intro-mark .62s cubic-bezier(.18,.9,.22,1) .34s both}
.raiet-intro.is-running .raiet-intro-brand strong{animation:raiet-intro-word .66s cubic-bezier(.18,.9,.22,1) .43s both}
.raiet-intro.is-running .raiet-intro-slash{animation:raiet-intro-slash .52s ease .64s both}
.raiet-intro.is-running .raiet-intro-tagline{animation:raiet-intro-copy .55s ease .83s both}
.raiet-intro.is-running .raiet-intro-progress i{animation:raiet-intro-progress 2.7s cubic-bezier(.2,.65,.2,1) .42s both}
@keyframes raiet-intro-scan{
  0%{opacity:0;transform:translateY(-180px) rotate(-5deg)}
  20%{opacity:.9}
  72%{opacity:.38}
  100%{opacity:0;transform:translateY(190px) rotate(-5deg)}
}
@keyframes raiet-intro-copy{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes raiet-intro-mark{
  from{opacity:0;transform:translateX(-28px) scale(.82);filter:blur(5px) drop-shadow(0 0 0 rgba(237,23,23,0))}
  to{opacity:1;transform:translateX(0) scale(1);filter:blur(0) drop-shadow(0 0 22px rgba(237,23,23,.24))}
}
@keyframes raiet-intro-word{
  from{opacity:0;transform:translateX(30px);letter-spacing:2px;filter:blur(5px)}
  to{opacity:1;transform:translateX(0);letter-spacing:-4px;filter:blur(0)}
}
@keyframes raiet-intro-slash{
  from{opacity:0;width:0}
  to{opacity:.9;width:42px}
}
@keyframes raiet-intro-progress{
  0%{width:0}
  82%{width:91%}
  100%{width:100%}
}
@media(max-width:1180px){
  .main-nav>a{padding:0 8px!important;font-size:11px!important;letter-spacing:.72px!important}
}
@media(max-width:980px){
  .main-nav{display:none!important}
  .raiet-intro-core::before,.raiet-intro-core::after{display:none}
}
@media(max-width:620px){
  .raiet-intro-core{gap:11px}
  .raiet-intro-brand{gap:10px}
  .raiet-intro-brand .raiet-intro-mark{width:56px;height:46px}
  .raiet-intro-brand strong{font-size:clamp(50px,16vw,74px);letter-spacing:-3px}
  .raiet-intro-slash{width:24px}
  .raiet-intro-kicker{font-size:11px;letter-spacing:1.6px}
  .raiet-intro-tagline{font-size:13px;letter-spacing:2px}
}
@media(prefers-reduced-motion:reduce){
  .raiet-intro *{animation:none!important;transition:none!important}
  .raiet-intro-kicker,.raiet-intro-mark,.raiet-intro-brand strong,.raiet-intro-slash,.raiet-intro-tagline{opacity:1!important}
  .raiet-intro-progress i{width:100%!important}
}

/* ===== RAIET v1.48.5.143 — global aggressive action buttons ===== */
:root{--raiet-action-cut:8px;--raiet-action-cut-small:5px}
.page-shell main button:not(.board-modal-backdrop):not(.board-modal-close):not(.lobby-member-identity-copy),
.page-shell main :is(
  a.lobby-primary,a.lobby-secondary,a.lobby-danger,
  a.player-hub-primary,a.player-hub-secondary,a.player-row-open,a.players-secondary-link,
  a.public-profile-block-button,a.account-secondary-button,a.account-danger-button,
  a.admin-safe,a.admin-danger,a.admin-link-button,
  a.admin-security-primary,a.admin-security-secondary,a.admin-security-danger,
  a.board-primary,a.board-secondary,a.board-create-mini,a.board-empty-create,
  a.saved-squad-launch,a.saved-squad-play,a.saved-squad-leave,
  a.profile-platform-reverify,a.game-steam-member-action,a.lobby-detail-action,
  a.raiet-board-reminder-action
){
  border-radius:0!important;
  clip-path:polygon(var(--raiet-action-cut) 0,100% 0,calc(100% - var(--raiet-action-cut)) 100%,0 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 7px 18px rgba(0,0,0,.12)!important;
  transition:transform .13s ease,filter .13s ease,border-color .13s ease,background .13s ease,box-shadow .13s ease!important;
}
.page-shell main button:not(.board-modal-backdrop):not(.board-modal-close):not(.lobby-member-identity-copy):not(:disabled):hover,
.page-shell main :is(
  a.lobby-primary,a.lobby-secondary,a.lobby-danger,
  a.player-hub-primary,a.player-hub-secondary,a.player-row-open,a.players-secondary-link,
  a.public-profile-block-button,a.account-secondary-button,a.account-danger-button,
  a.admin-safe,a.admin-danger,a.admin-link-button,
  a.admin-security-primary,a.admin-security-secondary,a.admin-security-danger,
  a.board-primary,a.board-secondary,a.board-create-mini,a.board-empty-create,
  a.saved-squad-launch,a.saved-squad-play,a.saved-squad-leave,
  a.profile-platform-reverify,a.game-steam-member-action,a.lobby-detail-action,
  a.raiet-board-reminder-action
):hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.075)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 9px 22px rgba(0,0,0,.16)!important;
}
.page-shell main button:not(.board-modal-backdrop):not(.board-modal-close):not(.lobby-member-identity-copy):not(:disabled):active,
.page-shell main :is(
  a.lobby-primary,a.lobby-secondary,a.lobby-danger,
  a.player-hub-primary,a.player-hub-secondary,a.player-row-open,a.players-secondary-link,
  a.public-profile-block-button,a.account-secondary-button,a.account-danger-button,
  a.admin-safe,a.admin-danger,a.admin-link-button,
  a.admin-security-primary,a.admin-security-secondary,a.admin-security-danger,
  a.board-primary,a.board-secondary,a.board-create-mini,a.board-empty-create,
  a.saved-squad-launch,a.saved-squad-play,a.saved-squad-leave,
  a.profile-platform-reverify,a.game-steam-member-action,a.lobby-detail-action,
  a.raiet-board-reminder-action
):active{transform:translateY(0)!important;filter:brightness(.98)!important}
.page-shell main button.compact,
.page-shell main :is(a.admin-link-button,a.players-secondary-link,a.saved-squad-leave){
  --raiet-action-cut:var(--raiet-action-cut-small);
}
.page-shell main button:disabled{box-shadow:none!important}
@media(max-width:620px){:root{--raiet-action-cut:6px}}