/* Online match hamburger menu. Gameplay actions such as Call Burn remain visible. */
.match-menu{
  position:relative;
  display:flex;
  align-items:center;
}
.topbar .match-menu-trigger{
  width:40px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0!important;
  font-size:20px!important;
  line-height:1;
  border-color:#ffffff2d;
  background:#ffffff0a;
}
.topbar .match-menu-trigger:hover,
.topbar .match-menu-trigger[aria-expanded="true"]{
  background:#ffffff18;
  border-color:#d8b75e66;
}
.match-menu-panel{
  position:absolute;
  top:calc(100% + 9px);
  right:0;
  z-index:120;
  width:280px;
  padding:10px;
  border:1px solid #ffffff28;
  border-radius:14px;
  background:linear-gradient(160deg,#0b2d21 0%,#071d16 72%,#111a15 100%);
  color:#f7f1e3;
  box-shadow:0 22px 60px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.04);
}
.match-menu-panel[hidden]{display:none!important}
.match-menu-heading{
  padding:5px 7px 8px;
  color:#d8b75e;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.match-menu-meta{
  display:grid;
  gap:5px;
  padding:7px;
  border:1px solid #ffffff13;
  border-radius:10px;
  background:#ffffff05;
}
.match-menu-meta>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:11px;
}
.match-menu-meta span{color:#8fa298}
.match-menu-meta b{color:#e8eee9;font-size:11px}
.match-menu-status.connected{color:#7fe09a}
.match-menu-status.connecting{color:#e6c867}
.match-menu-status.disconnected{color:#ef8e91}
.match-menu-divider{
  height:1px;
  margin:9px 2px;
  background:#ffffff16;
}
.match-menu-actions{
  display:grid;
  gap:3px;
}
.topbar .match-menu-panel .match-menu-item{
  width:100%;
  min-height:39px;
  padding:9px 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#f3eee0!important;
  text-align:left;
  font-size:12px!important;
  font-weight:700;
}
.topbar .match-menu-panel .match-menu-item:hover{
  background:#ffffff0f!important;
}
.topbar .match-menu-panel .match-menu-motion-button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.match-menu-motion-state{
  min-width:34px;
  padding:3px 7px;
  border:1px solid #ffffff20;
  border-radius:999px;
  background:#ffffff08;
  color:#9eafa6;
  font-size:9px;
  line-height:1.1;
  text-align:center;
  text-transform:uppercase;
}
.match-menu-motion-button[aria-checked="true"] .match-menu-motion-state{
  border-color:#d8b75e66;
  background:#d8b75e1c;
  color:#f1d987;
}
.match-menu-danger{
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid rgba(216,91,91,.24);
}
.topbar .match-menu-panel .ranked-forfeit-menu-button{
  color:#ffaaa3!important;
}
.topbar .match-menu-panel .ranked-forfeit-menu-button:hover{
  background:rgba(137,43,48,.22)!important;
  color:#ffd4cf!important;
}
.topbar .match-menu-panel .private-abandon-menu-button{
  color:#ffaaa3!important;
}
.topbar .match-menu-panel .private-abandon-menu-button:hover{
  background:rgba(137,43,48,.22)!important;
  color:#ffd4cf!important;
}
.private-abandon-backdrop{
  position:fixed;
  inset:0;
  z-index:1800;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(2,12,8,.76);
}
.private-abandon-card{
  width:min(430px,100%);
  padding:22px;
  border:1px solid rgba(225,105,105,.34);
  border-radius:18px;
  background:linear-gradient(160deg,#102c22,#071b14 72%);
  color:#f7f1e3;
  box-shadow:0 28px 90px rgba(0,0,0,.68);
}
.private-abandon-eyebrow{
  color:#e99992;
  font-size:9px;
  font-weight:950;
  letter-spacing:.16em;
}
.private-abandon-card h2{margin:6px 0 8px;font-size:23px}
.private-abandon-card p{margin:0;color:#bdcbc3;font-size:13px;line-height:1.5}
.private-abandon-warning{
  margin:15px 0;
  padding:11px 12px;
  border:1px solid rgba(225,105,105,.22);
  border-radius:10px;
  background:rgba(137,43,48,.14);
  color:#e4c6c2;
  font-size:11px;
  line-height:1.45;
}
.private-abandon-actions{display:flex;justify-content:flex-end;gap:9px}
.private-abandon-actions button{
  min-height:40px;
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:9px;
  background:rgba(255,255,255,.05);
  color:#f5eee2;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.private-abandon-actions .private-abandon-confirm{
  border-color:#d76767;
  background:#9f343b;
  color:#fff5f3;
}
.private-abandon-actions button:disabled{opacity:.58;cursor:wait}
.private-abandon-card small{display:block;min-height:14px;margin-top:10px;color:#ffaaa3;font-size:10px;text-align:right}

@media(max-width:800px){
  .topbar .match-menu-trigger{
    width:36px;
    height:34px;
    font-size:18px!important;
  }
  .match-menu-panel{
    position:fixed;
    top:58px;
    right:8px;
    width:min(292px,calc(100vw - 16px));
  }
}