/* ── RIFTWAY Main Menu V8 — Cinematic Home Refinement ── */
.main-menu-v4{
  --mm-bg:#030712;
  --mm-navy:#071120;
  --mm-panel:rgba(4,9,18,.72);
  --mm-panel-soft:rgba(7,13,24,.54);
  --mm-panel-strong:rgba(7,11,18,.86);
  --mm-border:rgba(232,226,211,.13);
  --mm-border-soft:rgba(232,226,211,.08);
  --mm-gold:#c9a85d;
  --mm-gold-2:#e1c47a;
  --mm-text:#eee8dc;
  --mm-muted:#a8b0bd;
  --mm-blue:#4a90e2;
  --mm-cyan:#62c7ff;
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  overflow:hidden;
  color:var(--mm-text);
  background:var(--mm-bg);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;
  box-sizing:border-box;
}
.main-menu-v4 *, .main-menu-v4 *::before, .main-menu-v4 *::after{ box-sizing:border-box; }
.main-menu-v4 .main-menu-bg{
  position:absolute;
  inset:0;
  background-image:url("../assets/backgrounds/main-menu-regional-champions-stage.png");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  filter:saturate(.92) contrast(1.02) brightness(.92);
  transform:scale(1.005);
}
.main-menu-v4 .main-menu-overlay{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(2,6,17,.97) 0%, rgba(2,6,17,.93) 18%, rgba(2,6,17,.78) 29%, rgba(2,6,17,.46) 40%, rgba(2,6,17,.14) 60%, rgba(2,6,17,.08) 100%),
    radial-gradient(ellipse at 18% 50%, rgba(8,15,29,.32), transparent 54%),
    linear-gradient(0deg, rgba(2,6,17,.40) 0%, transparent 25%, rgba(2,6,17,.22) 100%);
}
.main-menu-v4 .rw-title-shell{
  position:absolute;
  z-index:3;
  left:clamp(44px,4.7vw,86px);
  top:50%;
  transform:translateY(-50%);
  width:min(33vw,500px);
  min-width:410px;
  display:flex;
  flex-direction:column;
  gap:30px;
  isolation:isolate;
}
.main-menu-v4 .rw-title-shell::before{
  content:"";
  position:absolute;
  inset:-34px -26px -28px -30px;
  z-index:-1;
  border-radius:26px 34px 34px 24px;
  background:
    linear-gradient(180deg, rgba(8,14,26,.34), rgba(4,8,17,.14) 42%, rgba(4,8,17,.03) 100%),
    linear-gradient(90deg, rgba(3,8,16,.58) 0%, rgba(3,8,16,.28) 42%, rgba(3,8,16,.08) 70%, transparent 100%),
    radial-gradient(circle at 0% 18%, rgba(201,168,93,.07), transparent 26%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  mask-image: linear-gradient(180deg, rgba(0,0,0,.98), rgba(0,0,0,.96) 82%, rgba(0,0,0,.35));
}
.main-menu-v4 .rw-title-logo{
  max-width:420px;
  color:var(--mm-text);
  text-shadow:0 16px 46px rgba(0,0,0,.72);
  user-select:none;
  padding:4px 0 16px;
  margin-bottom:2px;
  border-bottom:1px solid rgba(201,168,93,.16);
  position:relative;
}
.main-menu-v4 .rw-title-logo::before{
  content:"";
  position:absolute;
  left:-34px;
  top:-18px;
  width:290px;
  height:170px;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 36%, rgba(201,168,93,.14), transparent 32%),
    radial-gradient(circle at 62% 72%, rgba(74,144,226,.08), transparent 36%);
  filter:blur(18px);
  opacity:.95;
}
.main-menu-v4 .rw-title-logo::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:216px;
  height:1px;
  background:linear-gradient(90deg, rgba(201,168,93,.86), rgba(201,168,93,.22), transparent);
  box-shadow:0 0 16px rgba(201,168,93,.16);
}
.main-menu-v4 .rw-title-wordmark{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(52px,4.08vw,72px);
  line-height:.92;
  letter-spacing:.065em;
  text-transform:uppercase;
  color:#ece4d3;
  font-weight:700;
  background:linear-gradient(180deg, #f5f0e6 0%, #e7dbc7 52%, #cdb28a 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 1px 0 rgba(255,255,255,.08), 0 14px 38px rgba(0,0,0,.80), 0 0 20px rgba(201,168,93,.06);
  filter:drop-shadow(0 2px 0 rgba(255,255,255,.02));
}
.main-menu-v4 .rw-title-subtitle{
  position:relative;
  margin-top:16px;
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding:4px 0 2px;
  font-family:'Inter',system-ui,sans-serif;
  color:#d6b874;
  font-size:14px;
  line-height:1;
  letter-spacing:.18em;
  font-weight:800;
  text-transform:uppercase;
  text-shadow:0 10px 26px rgba(0,0,0,.44);
}
.main-menu-v4 .rw-title-subtitle::before,
.main-menu-v4 .rw-title-subtitle::after{
  content:"";
  width:58px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(201,168,93,.66), transparent);
  box-shadow:0 0 10px rgba(201,168,93,.10);
}
.main-menu-v4 .rw-title-actions{
  display:flex;
  flex-direction:column;
  gap:12px;
  width:100%;
  max-width:505px;
  margin-top:10px;
}
.main-menu-v4 .rw-title-action{
  --action-border:rgba(232,226,211,.18);
  position:relative;
  width:100%;
  min-height:72px;
  display:grid;
  grid-template-columns:62px 1fr 34px;
  align-items:center;
  gap:0;
  padding:0 16px 0 0;
  border:1px solid var(--action-border);
  border-radius:12px;
  color:var(--mm-text);
  background:linear-gradient(100deg,rgba(12,19,33,.86),rgba(7,12,22,.66));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 16px 42px rgba(0,0,0,.30);
  cursor:pointer;
  text-align:left;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease, opacity .16s ease, filter .16s ease;
  overflow:hidden;
}
.main-menu-v4 .rw-title-action::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(98,199,255,.035), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.03), transparent 55%);
}
.main-menu-v4 .rw-title-action::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(180deg, transparent, rgba(201,168,93,.45), transparent);
  opacity:.65;
}
.main-menu-v4 .rw-title-action:hover{
  transform:translateX(3px);
  border-color:rgba(201,168,93,.34);
  background:linear-gradient(100deg,rgba(11,18,31,.88),rgba(7,11,19,.66));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 20px 48px rgba(0,0,0,.34);
}
.main-menu-v4 .rw-title-action-primary,
.main-menu-v4 .menu-action-primary{
  min-height:118px;
  grid-template-columns:66px 1fr 36px;
  border:1px solid rgba(225,196,122,.48);
  background:
    linear-gradient(100deg,rgba(12,18,31,.92),rgba(7,11,18,.78)),
    linear-gradient(180deg,rgba(255,220,130,.04),transparent 46%);
  box-shadow:0 0 0 1px rgba(201,168,93,.10), 0 0 22px rgba(201,168,93,.10), 0 24px 62px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06);
}
.main-menu-v4 .rw-title-action-primary::before,
.main-menu-v4 .menu-action-primary::before{
  background:
    linear-gradient(90deg, rgba(201,168,93,.08), rgba(201,168,93,.015) 24%, transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.03), transparent 58%);
}
.main-menu-v4 .rw-title-action-primary::after,
.main-menu-v4 .menu-action-primary::after{
  width:2px;
  background:linear-gradient(180deg, transparent, rgba(225,196,122,.74), transparent);
  opacity:1;
}
.main-menu-v4 .rw-title-action-icon{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(232,226,211,.68);
  font-size:22px;
  border-right:1px solid rgba(232,226,211,.10);
}
.main-menu-v4 .rw-title-action-primary .rw-title-action-icon{
  color:var(--mm-gold-2);
  font-size:27px;
  border-right-color:rgba(225,196,122,.14);
}
.main-menu-v4 .rw-title-action-copy{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  padding:0 16px;
}
.main-menu-v4 .rw-title-action-copy strong,
.main-menu-v4 .action-copy strong{
  display:block;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;
  font-size:19px;
  line-height:1;
  letter-spacing:.04em;
  font-weight:900;
  color:var(--mm-text);
  text-transform:uppercase;
  text-shadow:0 3px 18px rgba(0,0,0,.50);
  white-space:nowrap;
}
.main-menu-v4 .rw-title-action-primary .rw-title-action-copy strong,
.main-menu-v4 .rw-title-action-primary .action-copy strong{
  font-size:28px;
  letter-spacing:.03em;
}
.main-menu-v4 .rw-title-action-copy small,
.main-menu-v4 .action-copy small{
  display:block;
  color:rgba(232,226,211,.70);
  font-size:13px;
  line-height:1.25;
  letter-spacing:.005em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.main-menu-v4 .rw-title-action-primary .rw-title-action-copy small,
.main-menu-v4 .rw-title-action-primary .action-copy small{
  color:rgba(232,226,211,.78);
  font-size:14px;
}
.main-menu-v4 .rw-title-action-arrow{
  position:relative;
  z-index:1;
  justify-self:end;
  color:rgba(232,226,211,.52);
  font-size:30px;
  line-height:1;
  transition:transform .16s ease, color .16s ease;
}
.main-menu-v4 .rw-title-action:hover .rw-title-action-arrow{
  transform:translateX(2px);
  color:rgba(232,226,211,.78);
}
.main-menu-v4 .rw-title-action-meta-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin-top:4px;
  color:rgba(232,226,211,.66);
  font-size:12px;
  line-height:1.25;
  letter-spacing:.01em;
}
.main-menu-v4 .rw-title-action-meta-line[hidden]{display:none !important;}
.main-menu-v4 .rw-title-action-meta-line i{
  display:block;
  width:4px;
  height:4px;
  border-radius:50%;
  background:rgba(201,168,93,.46);
  flex:none;
}
.main-menu-v4 .rw-title-action-primary .rw-title-action-copy{
  gap:4px;
}
.main-menu-v4 .rw-title-action-primary .rw-title-action-copy strong{
  margin-bottom:1px;
}
.main-menu-v4 .rw-title-action:not(.rw-title-action-primary):not(.menu-action-primary){opacity:.96;}
.main-menu-v4 .rw-title-action-strong{
  border-color:rgba(225,196,122,.26);
  background:linear-gradient(100deg,rgba(14,21,35,.88),rgba(8,13,23,.68));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 18px 40px rgba(0,0,0,.28), 0 0 18px rgba(201,168,93,.045);
}
.main-menu-v4 .rw-title-action-strong .rw-title-action-copy strong{ color:#f5efe5; }
.main-menu-v4 .rw-title-action-quiet{
  opacity:.88;
  grid-template-columns:62px 1fr 18px;
  border-color:rgba(232,226,211,.13);
  background:linear-gradient(100deg,rgba(10,16,28,.78),rgba(6,10,18,.56));
}
.main-menu-v4 .rw-title-action-quiet .rw-title-action-copy strong{ color:rgba(238,232,220,.86); }
.main-menu-v4 .rw-title-action-quiet .rw-title-action-copy small{ color:rgba(232,226,211,.60); }
.main-menu-v4 .rw-title-action-quiet .rw-title-action-arrow{ display:none; }
.main-menu-v4 .rw-title-action:not(.rw-title-action-primary):not(.menu-action-primary):hover{
  border-color:rgba(98,199,255,.40);
  background:linear-gradient(100deg,rgba(12,24,42,.92),rgba(7,14,27,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 0 0 1px rgba(98,199,255,.045), 0 0 24px rgba(74,144,226,.10), 0 22px 52px rgba(0,0,0,.38);
}
.main-menu-v4 .rw-title-action:not(.rw-title-action-primary):not(.menu-action-primary):hover::after{
  background:linear-gradient(180deg, transparent, rgba(98,199,255,.55), transparent);
}
.main-menu-v4 .rw-title-action:not(.rw-title-action-primary):not(.menu-action-primary):hover .rw-title-action-icon{
  color:rgba(198,232,255,.92);
  border-right-color:rgba(98,199,255,.18);
}
.main-menu-v4 .rw-title-action:not(.rw-title-action-primary):not(.menu-action-primary):hover .rw-title-action-copy strong{ color:#f7fbff; }
.main-menu-v4 .rw-title-action:not(.rw-title-action-primary):not(.menu-action-primary):hover .rw-title-action-copy small{ color:rgba(226,240,255,.78); }
.main-menu-v4 .rw-title-action:focus-visible{
  outline:2px solid rgba(98,199,255,.60);
  outline-offset:3px;
}
.main-menu-v4 .main-menu-brand,
.main-menu-v4 .main-menu-top-actions,
.main-menu-v4 .main-menu-panel,
.main-menu-v4 .main-menu-footer,
.main-menu-v4 .main-menu-stage-glow{ display:none !important; }
body.rw-launch-overlay-open .main-menu-v4{ filter:brightness(.64) saturate(.92); }

@media (max-width: 1440px){
  .main-menu-v4 .rw-title-shell{ width:min(36vw,500px); }
  .main-menu-v4 .rw-title-wordmark{ font-size:68px; }
}
@media (max-width: 1260px){
  .main-menu-v4 .rw-title-shell{ left:40px; min-width:380px; width:min(39vw,460px); }
  .main-menu-v4 .rw-title-wordmark{ font-size:61px; }
  .main-menu-v4 .rw-title-action-primary .rw-title-action-copy strong{ font-size:25px; }
}
@media (max-width: 1100px){
  .main-menu-v4 .main-menu-overlay{
    background:
      linear-gradient(90deg, rgba(2,6,17,.98) 0%, rgba(2,6,17,.94) 32%, rgba(2,6,17,.68) 46%, rgba(2,6,17,.20) 68%, rgba(2,6,17,.08) 100%),
      linear-gradient(0deg, rgba(2,6,17,.42) 0%, transparent 24%, rgba(2,6,17,.20) 100%);
  }
  .main-menu-v4 .rw-title-shell{ left:32px; min-width:340px; width:min(45vw,430px); }
  .main-menu-v4 .rw-title-wordmark{ font-size:58px; }
  .main-menu-v4 .rw-title-subtitle{ font-size:13px; letter-spacing:.14em; }
  .main-menu-v4 .rw-title-subtitle::before, .main-menu-v4 .rw-title-subtitle::after{ width:34px; }
  .main-menu-v4 .rw-title-action-copy strong{ font-size:18px; }
  .main-menu-v4 .rw-title-action-primary .rw-title-action-copy strong{ font-size:23px; }
}