/* injected editor toolbar area */
#arenaEditorTopActions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

/* make moved undo/redo/reset smaller */
#arenaEditorTopActions > button,
#arenaEditorTopActions > a {
  padding: 8px 16px !important;
  min-height: 36px !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
}

/* red reset */
#arenaEditorTopActions .arena-reset-btn,
#arenaEditorTopActions > button.arena-reset-btn,
#arenaEditorTopActions > a.arena-reset-btn {
  border-color: rgba(255, 94, 94, .65) !important;
  box-shadow: 0 0 0 1px rgba(255, 94, 94, .12) inset !important;
  color: #ffdede !important;
}

#arenaEditorTopActions .arena-reset-btn:hover,
#arenaEditorTopActions > button.arena-reset-btn:hover,
#arenaEditorTopActions > a.arena-reset-btn:hover {
  border-color: rgba(255, 110, 110, .9) !important;
  box-shadow:
    0 0 0 1px rgba(255, 110, 110, .22) inset,
    0 0 18px rgba(255, 90, 90, .18) !important;
}

/* hide the old top-row toolbar after buttons have been moved */
.arenaUndoMoved,
.arenaRedoMoved,
.arenaResetMoved {
  display: none !important;
}

/* modal */
#arenaNickConfirmOverlay {
  position: fixed;
  inset: 0;
  background: rgba(4, 8, 18, .72);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  padding: 20px;
}

#arenaNickConfirmOverlay.open {
  display: flex;
}

#arenaNickConfirmBox {
  width: min(460px, 92vw);
  border-radius: 18px;
  border: 1px solid rgba(120, 190, 255, .28);
  background:
    linear-gradient(180deg, rgba(10,18,42,.94), rgba(6,10,28,.97));
  box-shadow:
    0 20px 60px rgba(0,0,0,.45),
    inset 0 0 0 1px rgba(255,255,255,.03);
  padding: 20px 20px 16px;
}

#arenaNickConfirmText {
  font-size: 18px;
  line-height: 1.4;
  color: #f4f8ff;
  font-weight: 700;
  margin-bottom: 16px;
}

#arenaNickConfirmSub {
  font-size: 14px;
  line-height: 1.45;
  color: rgba(225, 235, 255, .9);
  margin-bottom: 16px;
}

#arenaNickConfirmCheckWrap {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(230,238,255,.9);
  font-size: 14px;
  margin-bottom: 18px;
}

#arenaNickConfirmButtons {
  display: flex;
  gap: 12px;
  justify-content: center;
}

#arenaNickConfirmButtons button {
  min-width: 90px;
}
/* TrackMania logic: simple idea, impossible execution. */