/* =========================================================
   DUNGEON MASTER HANGMAN — CLEAN TOP MENU

   The room code remains available in the invitation lobby.
   Only the duplicate top-menu room code and Copy button are hidden.
   ========================================================= */

.topbar .room-chip {
    display: none !important;
}

/*
  The original desktop header reserved a large area for the room-code
  box. Reduce that reserved space now that the box is hidden.
*/
.topbar {
    grid-template-columns:
        minmax(130px, 1fr)
        auto
        minmax(130px, 1fr);
}

.topbar-right {
    justify-self: end;
    gap: 10px;
}

/*
  Keep the main title centered even though the left and right controls
  now occupy less space.
*/
.game-title {
    justify-self: center;
}

/* Tablet and mobile already use compact automatic columns. */
@media (max-width: 1180px) {
    .topbar {
        grid-template-columns:
            auto
            minmax(0, 1fr)
            auto;
    }
}

/*
  On mobile the Round box was already hidden, so the right side now
  contains only the sound control.
*/
@media (max-width: 780px) {
    .topbar-right {
        gap: 5px;
    }
}