.screen-title .home-venues {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  min-height: 52px;
  text-transform: uppercase;
  font: 800 var(--text-lg)/1 var(--font-display);
}
.screen-title .home-venues small {
  grid-column: 1;
  margin-top: 5px;
  color: var(--paper-muted);
  font: 600 var(--text-xs)/1 var(--font-body);
  text-transform: none;
}
@media (hover: hover) {
  .screen-title .home-venues:hover small { color: var(--ink); }
}
.screen-title .home-more { width: 100%; color: var(--paper-muted); }
.screen-title .home-more > summary {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 12px;
  border-top: 1px solid var(--line-strong);
  color: var(--paper);
  cursor: pointer;
  font: 800 var(--text-xs)/1.2 var(--font-body);
  text-transform: uppercase;
}
.screen-title .home-more > summary:focus-visible,
.room-path:focus-visible,
.room-path-back:focus-visible { outline: 3px solid var(--yellow); outline-offset: 3px; }
.home-more-utilities { display: flex; gap: 8px; margin-top: 8px; }
.home-more-utilities > * {
  display: grid;
  flex: 1;
  place-items: center;
  min-width: 0;
  min-height: 44px;
  padding: 8px;
  border: 1px solid var(--line-strong);
  background: rgb(var(--ink-rgb) / .82);
  color: var(--paper);
  font: 700 var(--text-xs)/1.2 var(--font-body);
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
.room-paths { display: grid; gap: 8px; margin: 16px 0; }
.room-path {
  display: grid;
  gap: 4px;
  min-height: 60px;
  padding: 12px 16px;
  text-align: left;
  background: rgb(var(--paper-rgb) / .06);
  border: 1px solid var(--line-strong);
  color: var(--paper);
}
.room-path b { color: var(--yellow); font: 800 var(--text-md)/1.15 var(--font-display); }
.room-path small { color: var(--paper-muted); font: 500 var(--text-sm)/1.3 var(--font-body); }
@media (hover: hover) {
  .screen-live-room .room-path:hover b,
  .screen-live-room .room-path:hover small { color: var(--ink); }
}
.screen-live-room .room-path[aria-pressed="true"] b,
.screen-live-room .room-path[aria-pressed="true"] small { color: var(--ink); }
.room-path-back { margin: 8px 0; }
#ranked-standings-link,
#ranked-standings-link:visited { display: inline-block; margin: 8px 0 16px; color: var(--yellow); font-weight: 800; }
#ranked-standings-link:focus-visible { outline: 3px solid var(--yellow); outline-offset: 4px; }
.screen-live-room .room-fields { margin-top: 12px; }
.screen-live-room .friend-actions { margin-block: 12px; }
#konker-profile-controls { margin-top: 12px; border-top: 1px solid var(--line-strong); }
#konker-profile-controls > summary { min-height: 44px; display: flex; align-items: center; color: var(--paper-muted); cursor: pointer; }
.profile-benefit { margin: 4px 0 12px; color: var(--paper-muted); font-size: var(--text-sm); line-height: 1.4; }
.home-more-utilities > :focus-visible,
.home-more-utilities > :hover { border-color: var(--yellow); color: var(--yellow); }
@media (max-width: 700px) {
  .screen-title .home-more { max-width: 380px; }
  .screen-live-room .room-path { min-height: 56px; }
  .home-more-utilities { gap: 6px; }
}
