/* Lobby presentation owner. Legacy shared presentation is scoped away from this route. */

body.dice-design-lobby {
  color-scheme: dark;
  color: var(--dice-ds-body);
  background: var(--dice-ds-page);
  font: 400 var(--dice-ds-type-body)/1.5 var(--dice-font-body);
}

.dice-design-lobby .dice-instant-game-shell {
  background: var(--dice-ds-page);
  color: var(--dice-ds-body);
  font: inherit;
}

#dice-arcade-lobby {
  --arcade-gap: 16px;
  --arcade-body-font: var(--dice-font-body);
  color: var(--dice-ds-body);
  font: inherit;
}

#dice-arcade-lobby :where(button,input,select,a,em,small,strong,p,h2,h3):not(:where(.dice-account-break-notice *)):not(:where(.dice-arcade-account, .dice-arcade-account *)) {
  font-family: var(--dice-font-body);
  text-transform: none;
  letter-spacing: normal;
  text-shadow: none;
}

#dice-arcade-lobby :where(button,input,select):not(:where(.dice-arcade-account, .dice-arcade-account *)) {
  font-size: var(--dice-ds-type-small);
  line-height: 1.4;
}

#dice-arcade-lobby :where(button,a):not(:where(.dice-arcade-account, .dice-arcade-account *)) {
  text-decoration: none;
}

#dice-arcade-lobby :where(h2,h3):not(:where(.dice-arcade-account, .dice-arcade-account *)) {
  color: var(--dice-ds-strong);
  font-family: var(--dice-font-display);
  font-weight: 700;
  line-height: var(--dice-ds-heading-leading);
  text-transform: uppercase;
  letter-spacing: var(--dice-ds-heading-tracking);
  text-wrap: balance;
}

#dice-arcade-lobby :where(h2):not(:where(.dice-arcade-account, .dice-arcade-account *)) {
  font-size: var(--dice-ds-type-panel);
}

#dice-arcade-lobby :where(p,small):not(:where(.dice-arcade-account, .dice-arcade-account *)) {
  font-size: var(--dice-ds-type-small);
  line-height: 1.5;
  color: var(--dice-ds-muted);
}

#dice-arcade-lobby :where(button,a,input,select):focus-visible {
  outline: 2px solid var(--dice-ds-focus);
  outline-offset: 2px;
}

#dice-arcade-lobby :where(.dice-instant-arcade-sidebar,.dice-instant-arcade-shelf,.dice-instant-arcade-player,.dice-instant-arcade-activity,.dice-playroom-game-info) {
  background: var(--dice-ds-surface);
  border: 1px solid var(--dice-ds-border);
  border-radius: var(--dice-ds-radius-card);
  box-shadow: none;
}

#dice-arcade-lobby :where(.dice-instant-arcade-sidebar,.dice-instant-arcade-shelf,.dice-instant-arcade-player,.dice-instant-arcade-activity)::before,
#dice-arcade-lobby :where(.dice-instant-arcade-sidebar,.dice-instant-arcade-shelf,.dice-instant-arcade-player,.dice-instant-arcade-activity)::after {
  content: none;
}

#dice-arcade-lobby .dice-instant-arcade-sidebar__brand {
  color: var(--dice-ds-strong);
}

#dice-arcade-lobby .dice-instant-game-brand strong {
  font: 700 var(--dice-ds-type-panel)/1.1 var(--dice-font-display);
}

#dice-arcade-lobby .dice-instant-game-brand strong span {
  color: var(--dice-ds-strong);
  -webkit-text-stroke: 0;
  font: inherit;
}

#dice-arcade-lobby .dice-instant-game-brand__instant {
  color: var(--dice-ds-yellow);
}

#dice-arcade-lobby .dice-instant-arcade-sidebar__label {
  color: var(--dice-ds-muted);
  font: 700 var(--dice-ds-type-label)/1.4 var(--dice-font-display);
  text-transform: uppercase;
  letter-spacing: var(--dice-ds-label-tracking);
}

#dice-arcade-lobby .dice-instant-arcade-sidebar__divider {
  background: var(--dice-ds-border);
}

#dice-arcade-lobby .dice-instant-arcade-sidebar__nav :is(a,button) {
  min-height: 44px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--dice-ds-radius-control);
  color: var(--dice-ds-body);
  font: 400 var(--dice-ds-type-small)/1.4 var(--dice-font-body);
  box-shadow: none;
}

#dice-arcade-lobby .dice-instant-arcade-sidebar__nav :is(a,button):is(:hover,.is-active,[aria-pressed="true"],[aria-current="page"]) {
  background: var(--dice-ds-raised);
  color: var(--dice-ds-strong);
  border-color: transparent;
  font-weight: 700;
}

#dice-arcade-lobby .dice-instant-arcade-sidebar__nav :is(a,button)::before,
#dice-arcade-lobby .dice-instant-arcade-sidebar__nav :is(a,button)::after {
  content: none;
}

#dice-arcade-lobby .dice-instant-arcade-sidebar__nav strong {
  background: var(--dice-ds-raised);
  border-radius: var(--dice-ds-radius-badge);
  color: var(--dice-ds-body);
  font: 500 var(--dice-ds-type-label)/1.4 var(--dice-font-body);
}

#dice-arcade-lobby :where(.dice-instant-game-ambient,.dice-instant-game-credit,.dice-instant-game-player-control,.dice-instant-game-exit,.dice-instant-arcade-help a) {
  color: var(--dice-ds-body);
  background: var(--dice-ds-raised);
  border: 1px solid var(--dice-ds-border);
  border-radius: var(--dice-ds-radius-control);
  box-shadow: none;
  font: 500 var(--dice-ds-type-small)/1.4 var(--dice-font-body);
}

#dice-arcade-lobby .dice-instant-game-ambient {
  background: var(--dice-ds-raised);
  color: var(--dice-ds-body);
}

#dice-arcade-lobby :where(.dice-instant-game-credit > span,.dice-instant-game-player-control small) {
  color: var(--dice-ds-muted);
  font: 400 var(--dice-ds-type-label)/1.3 var(--dice-font-body);
}

#dice-arcade-lobby .dice-instant-game-credit > strong {
  color: var(--dice-ds-strong);
  font: 700 var(--dice-ds-type-card)/1.2 var(--dice-font-display);
}

#dice-arcade-lobby .dice-instant-game-player-control > strong {
  color: var(--dice-ds-strong);
  font: 500 var(--dice-ds-type-small)/1.3 var(--dice-font-body);
}

#dice-arcade-lobby :where(.dice-instant-game-player-control > span,.dice-instant-arcade-player__top > span) {
  border: 1px solid var(--dice-ds-border);
  border-radius: var(--dice-ds-radius-card);
  background: var(--dice-ds-raised);
  color: var(--dice-ds-strong);
  font: 700 var(--dice-ds-type-small)/1.2 var(--dice-font-body);
  box-shadow: none;
}

#dice-arcade-lobby .dice-instant-game-exit em {
  font: inherit;
  color: inherit;
}

#dice-arcade-lobby .dice-instant-arcade-lobby-heading h2 {
  font: 700 var(--dice-ds-type-section)/1.2 var(--dice-font-display);
  color: var(--dice-ds-strong);
  text-transform: uppercase;
  letter-spacing: var(--dice-ds-heading-tracking);
  line-height: var(--dice-ds-heading-leading);
  text-wrap: balance;
}

#dice-arcade-lobby :where(.dice-instant-arcade-search input,.dice-instant-arcade-shelf__filters button,.dice-arcade-library-meta select,.dice-instant-arcade-library-toggle) {
  min-height: 44px;
  background: var(--dice-ds-raised);
  color: var(--dice-ds-body);
  border: 1px solid var(--dice-ds-border);
  border-radius: var(--dice-ds-radius-control);
  box-shadow: none;
  font: 400 var(--dice-ds-type-small)/1.4 var(--dice-font-body);
}

#dice-arcade-lobby .dice-instant-arcade-search input::placeholder {
  color: var(--dice-ds-muted);
  opacity: 1;
  font: inherit;
}

#dice-arcade-lobby .dice-instant-arcade-shelf__filters button:is(.is-active,[aria-pressed="true"]) {
  background: var(--dice-ds-raised); color: var(--dice-ds-strong); border-color: var(--dice-ds-action-border); font-weight: 700;
}

#dice-arcade-lobby :where(.dice-instant-arcade-shelf__filters button,.dice-instant-arcade-search input)::before,
#dice-arcade-lobby :where(.dice-instant-arcade-shelf__filters button,.dice-instant-arcade-search input)::after {
  content: none;
}

#dice-arcade-lobby .dice-arcade-library-meta {
  color: var(--dice-ds-muted);
  font: 400 var(--dice-ds-type-small)/1.4 var(--dice-font-body);
}

#dice-arcade-lobby .dice-instant-arcade-hero {
  border: 1px solid var(--dice-ds-border);
  border-radius: var(--dice-ds-radius-card);
  background: var(--dice-ds-surface);
}

#dice-arcade-lobby .dice-instant-arcade-slide__body {
  background: linear-gradient(transparent, #101110ed);
}

#dice-arcade-lobby .dice-instant-arcade-slide__body > strong {
  color: var(--dice-ds-strong);
  font: 700 var(--dice-ds-type-section)/1.15 var(--dice-font-display);
  text-transform: uppercase;
  letter-spacing: var(--dice-ds-heading-tracking);
  line-height: var(--dice-ds-heading-leading);
  text-wrap: balance;
}

#dice-arcade-lobby .dice-instant-arcade-slide__top span {
  color: var(--dice-ds-strong);
  background: var(--dice-ds-raised);
  border-radius: var(--dice-ds-radius-badge);
  font: 700 var(--dice-ds-type-label)/1.4 var(--dice-font-display);
  text-transform: uppercase;
  letter-spacing: var(--dice-ds-action-tracking);
}

#dice-arcade-lobby .dice-instant-arcade-slide__meta :where(span,b) {
  color: var(--dice-ds-body);
  border-color: var(--dice-ds-border);
  border-radius: var(--dice-ds-radius-badge);
  font: 400 var(--dice-ds-type-label)/1.4 var(--dice-font-body);
}

#dice-arcade-lobby .dice-instant-arcade-slide__actions button {
  min-height: 44px;
  font: 700 var(--dice-ds-type-small)/1.25 var(--dice-font-display);
  border-radius: var(--dice-ds-radius-control);
  text-transform: uppercase;
  letter-spacing: var(--dice-ds-action-tracking);
}

#dice-arcade-lobby .dice-instant-arcade-slide__actions [data-arcade-quickbuy] {
  background: var(--dice-ds-action);
  color: var(--dice-ds-on-action);
  border: 1px solid var(--dice-ds-action-border);
}

#dice-arcade-lobby .dice-instant-arcade-slide__actions [data-arcade-quickbuy]:is(:hover,:focus-visible) {
  background: var(--dice-ds-yellow);
  color: var(--dice-ds-on-yellow);
  border-color: var(--dice-ds-yellow);
}

#dice-arcade-lobby .dice-instant-arcade-slide__actions [data-arcade-game-info] {
  background: var(--dice-ds-raised);
  color: var(--dice-ds-body);
  border: 1px solid var(--dice-ds-border);
}

#dice-arcade-lobby .dice-instant-arcade-slide__actions button span::before,
#dice-arcade-lobby .dice-instant-arcade-slide__actions button span::after {
  content: none;
}

#dice-arcade-lobby .dice-instant-arcade-player__identity strong {
  font: 700 var(--dice-ds-type-small)/1.4 var(--dice-font-body);
  color: var(--dice-ds-strong);
}

#dice-arcade-lobby .dice-instant-arcade-player__prompt {
  color: var(--dice-ds-body);
  border: 1px solid var(--dice-ds-border);
  border-radius: var(--dice-ds-radius-control);
  background: var(--dice-ds-raised);
}

#dice-arcade-lobby .dice-instant-arcade-player__prompt p {
  font: 400 var(--dice-ds-type-small)/1.5 var(--dice-font-body);
}

#dice-arcade-lobby .dice-instant-arcade-player__prompt button {
  color: var(--dice-ds-strong);
  background: var(--dice-ds-surface);
  border: 1px solid var(--dice-ds-border);
  border-radius: var(--dice-ds-radius-control);
  font: 700 var(--dice-ds-type-small)/1.4 var(--dice-font-body);
}



#dice-arcade-lobby .dice-instant-arcade-player__balance strong {
  color: var(--dice-ds-strong);
  font: 700 var(--dice-ds-type-panel)/1.2 var(--dice-font-display);
}

#dice-arcade-lobby :where(.dice-instant-arcade-player__balance a,.dice-instant-arcade-player__stat) {
  color: var(--dice-ds-body);
  border-color: var(--dice-ds-border);
  border-radius: var(--dice-ds-radius-control);
  background: var(--dice-ds-raised);
  font-size: var(--dice-ds-type-small);
}

#dice-arcade-lobby .dice-instant-arcade-player__stats strong {
  color: var(--dice-ds-strong);
  font: 700 var(--dice-ds-type-card)/1.2 var(--dice-font-display);
}

#dice-arcade-lobby .dice-instant-arcade-aside-heading h2 {
  color: var(--dice-ds-strong);
  font: 700 var(--dice-ds-type-panel)/1.2 var(--dice-font-display);
  text-transform: uppercase;
  letter-spacing: var(--dice-ds-heading-tracking);
  line-height: var(--dice-ds-heading-leading);
  text-wrap: balance;
}

#dice-arcade-lobby .dice-instant-arcade-activity :where(p,small,strong) {
  color: var(--dice-ds-muted);
  font: 400 var(--dice-ds-type-small)/1.5 var(--dice-font-body);
}

#dice-arcade-lobby .dice-instant-arcade-activity__player {
  font-weight: 700;
  color: var(--dice-ds-strong);
}

#dice-arcade-lobby .dice-instant-arcade-activity li {
  border-color: var(--dice-ds-border);
}

#dice-arcade-lobby .dice-instant-arcade-help a {
  color: var(--dice-ds-body);
  font-size: var(--dice-ds-type-small);
}

#dice-arcade-lobby .dice-playroom-game-info__intro h2 {
  font: 700 var(--dice-ds-type-page)/1.2 var(--dice-font-display);
  text-transform: uppercase;
  letter-spacing: var(--dice-ds-heading-tracking);
  line-height: var(--dice-ds-heading-leading);
  text-wrap: balance;
}

.dice-ds-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

.dice-ds-icon-slot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

#dice-arcade-lobby .dice-instant-arcade-slide__favourite {
  display: grid;
  place-items: center;
  padding: 0;
  width: 44px;
  height: 44px;
  color: var(--dice-ds-body);
  background: var(--dice-ds-surface);
  border: 1px solid var(--dice-ds-border);
  border-radius: var(--dice-ds-radius-control);
}

#dice-arcade-lobby .dice-instant-arcade-slide__favourite[aria-pressed="true"] {
  color: var(--dice-ds-yellow);
}

#dice-arcade-lobby .dice-instant-arcade-slide__favourite::before,
#dice-arcade-lobby .dice-instant-arcade-slide__favourite::after {
  content: none;
}

#dice-arcade-lobby .dice-instant-arcade-player__prompt p {
  font-size: var(--dice-ds-type-small);
  font-weight: 400;
}

#dice-arcade-lobby .dice-instant-game-credit > .dice-ds-icon-slot {
  grid-area: 1 / 2 / 3 / 3;
}

#dice-arcade-lobby .dice-instant-arcade-help a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--dice-ds-space-3);
}

#dice-arcade-lobby .dice-instant-arcade-help a::before {
  content: none;
}

#dice-arcade-lobby .dice-instant-game-exit > .dice-ds-icon-slot {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

#dice-arcade-lobby .dice-instant-arcade-search {
  position: relative;
}

#dice-arcade-lobby .dice-instant-arcade-search > .dice-ds-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  color: var(--dice-ds-muted);
}

#dice-arcade-lobby .dice-instant-arcade-search::before {
  content: none;
}

/* Detail information uses the same type and control roles as the lobby. */
#dice-arcade-lobby .dice-playroom-game-info__intro > span,
#dice-arcade-lobby .dice-arcade-how__head > span {
  color: var(--dice-ds-muted);
  background: transparent;
  font: 700 var(--dice-ds-type-label)/1.4 var(--dice-font-display);
  text-transform: uppercase;
  letter-spacing: var(--dice-ds-label-tracking);
}
#dice-arcade-lobby .dice-playroom-game-info__description p {
  font: 400 var(--dice-ds-type-body)/1.5 var(--dice-font-body);
  color: var(--dice-ds-body);
}
#dice-arcade-lobby .dice-playroom-game-info__stats > div {
  min-width: 0;
  padding: var(--dice-ds-space-3);
  border: 1px solid var(--dice-ds-border);
  border-radius: var(--dice-ds-radius-control);
  background: var(--dice-ds-raised);
}
#dice-arcade-lobby .dice-playroom-game-info__stats span {
  display: block;
  color: var(--dice-ds-muted);
  font: 400 var(--dice-ds-type-label)/1.5 var(--dice-font-body);
}
#dice-arcade-lobby .dice-playroom-game-info__stats strong {
  display: block;
  color: var(--dice-ds-strong);
  font: 700 var(--dice-ds-type-panel)/1.2 var(--dice-font-display);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
#dice-arcade-lobby .dice-playroom-game-info__how {
  background: var(--dice-ds-raised);
  border: 1px solid var(--dice-ds-border);
  border-radius: var(--dice-ds-radius-card);
}
#dice-arcade-lobby .dice-arcade-how__head h3 {
  font: 700 var(--dice-ds-type-card)/var(--dice-ds-heading-leading) var(--dice-font-display);
}
#dice-arcade-lobby .dice-arcade-how__head p {
  color: var(--dice-ds-body);
  font: 400 var(--dice-ds-type-small)/1.5 var(--dice-font-body);
}
#dice-arcade-lobby .dice-playroom-game-info__prizes > h3 {
  color: var(--dice-ds-strong);
  font: 700 var(--dice-ds-type-panel)/var(--dice-ds-heading-leading) var(--dice-font-display);
}
#dice-arcade-lobby .dice-playroom-game-info__prize-list button {
  color: var(--dice-ds-body);
  background: var(--dice-ds-raised);
  border: 1px solid var(--dice-ds-border);
  border-radius: var(--dice-ds-radius-control);
}
#dice-arcade-lobby .dice-playroom-game-info__prize-list strong {
  color: var(--dice-ds-strong);
  font: 700 var(--dice-ds-type-small)/1.4 var(--dice-font-body);
}
#dice-arcade-lobby .dice-playroom-game-info__prize-list span {
  color: var(--dice-ds-muted);
  font: 400 var(--dice-ds-type-label)/1.5 var(--dice-font-body);
}
#dice-arcade-lobby :where(.dice-playroom-game-info__tools,.dice-playroom-game-info__actions,.dice-playroom-game-info__how,.dice-playroom-game-info__description) button {
  min-height: var(--dice-ds-control);
  padding: var(--dice-ds-space-3) var(--dice-ds-space-4);
  color: var(--dice-ds-body);
  background: var(--dice-ds-raised);
  border: 1px solid var(--dice-ds-border);
  border-radius: var(--dice-ds-radius-control);
  box-shadow: none;
  font: 700 var(--dice-ds-type-small)/1.25 var(--dice-font-display);
  text-transform: uppercase;
  letter-spacing: var(--dice-ds-action-tracking);
}
#dice-arcade-lobby .dice-playroom-game-info__actions :where(button:last-child) {
  color: var(--dice-ds-on-action);
  background: var(--dice-ds-action);
  border-color: var(--dice-ds-action-border);
}
#dice-arcade-lobby :where(.dice-playroom-game-info__tools,.dice-playroom-game-info__actions,.dice-playroom-game-info__how,.dice-playroom-game-info__description) button:is(:hover,:focus-visible) {
  color: var(--dice-ds-on-yellow);
  background: var(--dice-ds-yellow);
  border-color: var(--dice-ds-yellow);
}

/* Sound mini-player: this owner replaces legacy lobby popover presentation and geometry. */
#dice-arcade-lobby [data-arcade-volume-panel] {
  position: fixed;
  inset: auto;
  z-index: 10000;
  display: grid;
  gap: 12px;
  box-sizing: border-box;
  width: min(340px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  margin: 0;
  padding: 16px;
  overflow: auto;
  overscroll-behavior: contain;
  transform: none;
  color: var(--dice-ds-body);
  background: var(--dice-ds-surface);
  border: 1px solid var(--dice-ds-border);
  border-radius: var(--dice-ds-radius-card);
  box-shadow: 0 8px 24px #0004;
  font: 400 var(--dice-ds-type-body)/1.5 var(--dice-font-body);
}
#dice-arcade-lobby [data-arcade-volume-panel][hidden] { display: none; }
#dice-arcade-lobby [data-arcade-volume-panel]::before { content: none; }
#dice-arcade-lobby .dice-instant-game-volume__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  color: var(--dice-ds-muted);
  font: 400 var(--dice-ds-type-small)/1.5 var(--dice-font-body);
}
#dice-arcade-lobby [data-arcade-volume-panel] button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: 44px;
  min-height: 44px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid var(--dice-ds-action-border);
  border-radius: var(--dice-ds-radius-control);
  background: var(--dice-ds-action);
  color: var(--dice-ds-on-action);
  box-shadow: none;
  transform: none;
  font: 700 var(--dice-ds-type-small)/1.4 var(--dice-font-display);
  text-transform: uppercase;
  letter-spacing: var(--dice-ds-action-tracking);
  transition: background-color var(--dice-ds-duration), color var(--dice-ds-duration);
}
#dice-arcade-lobby [data-arcade-volume-panel] button:is(:hover,:focus-visible) {
  color: var(--dice-ds-on-yellow);
  background: var(--dice-ds-yellow);
  border-color: var(--dice-ds-yellow);
  transform: none;
}
#dice-arcade-lobby [data-arcade-volume-close] { flex: 0 0 44px; padding: 0; }
#dice-arcade-lobby .dice-instant-game-volume__track {
  min-height: 0;
  margin: 0;
  overflow: visible;
  white-space: normal;
  overflow-wrap: anywhere;
  color: var(--dice-ds-strong);
  font: 700 var(--dice-ds-type-panel)/var(--dice-ds-heading-leading) var(--dice-font-display);
  text-transform: uppercase;
  letter-spacing: var(--dice-ds-heading-tracking);
}
#dice-arcade-lobby .dice-instant-game-volume__transport,
#dice-arcade-lobby .dice-instant-game-volume__toggles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 8px;
  margin: 0;
}
#dice-arcade-lobby .dice-instant-game-volume__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--dice-ds-muted);
  font: 400 var(--dice-ds-type-small)/1.5 var(--dice-font-body);
}
#dice-arcade-lobby .dice-instant-game-volume__label strong { font: inherit; color: var(--dice-ds-strong); }
#dice-arcade-lobby [data-arcade-volume-range] {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
  height: 44px;
  margin: -12px 0;
  padding: 0;
  border: 0;
  border-radius: var(--dice-ds-radius-control);
  background: transparent;
  box-shadow: none;
  cursor: pointer;
}
#dice-arcade-lobby [data-arcade-volume-range]::-webkit-slider-runnable-track {
  height: var(--dice-ds-progress-height);
  border: 0;
  border-radius: var(--dice-ds-track-radius);
  background: linear-gradient(to right,var(--dice-ds-yellow) var(--volume-fill),var(--dice-ds-border) var(--volume-fill));
}
#dice-arcade-lobby [data-arcade-volume-range]::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: var(--dice-ds-range-thumb);
  height: var(--dice-ds-range-thumb);
  margin-top: calc((var(--dice-ds-progress-height) - var(--dice-ds-range-thumb)) / 2);
  border: 2px solid var(--dice-ds-yellow);
  border-radius: var(--dice-ds-radius-control);
  background: var(--dice-ds-action);
  box-shadow: none;
  box-sizing: border-box;
}
#dice-arcade-lobby [data-arcade-volume-range]::-moz-range-track {
  height: var(--dice-ds-progress-height);
  border: 0;
  border-radius: var(--dice-ds-track-radius);
  background: var(--dice-ds-border);
}
#dice-arcade-lobby [data-arcade-volume-range]::-moz-range-progress { height: var(--dice-ds-progress-height); border-radius: var(--dice-ds-track-radius); background: var(--dice-ds-yellow); }
#dice-arcade-lobby [data-arcade-volume-range]::-moz-range-thumb { width: var(--dice-ds-range-thumb); height: var(--dice-ds-range-thumb); border: 2px solid var(--dice-ds-yellow); border-radius: var(--dice-ds-radius-control); background: var(--dice-ds-action); box-sizing: border-box; }
#dice-arcade-lobby .dice-instant-game-volume__toggles button { justify-content: space-between; }
#dice-arcade-lobby .dice-instant-game-volume__toggles :is(span,strong) {
  display: inline;
  font: 400 var(--dice-ds-type-small)/1.4 var(--dice-font-body);
  text-transform: none;
  letter-spacing: normal;
  color: inherit;
}
#dice-arcade-lobby .dice-instant-game-volume__toggles strong { font-weight: 500; }
#dice-arcade-lobby .dice-instant-game-volume__toggles button[aria-pressed="false"] { color: var(--dice-ds-muted); }
#dice-arcade-lobby .dice-instant-game-volume__toggles button:is(:hover,:focus-visible) { color: var(--dice-ds-on-yellow); }

/* Lobby viewport owner. Presentation and game-specific geometry remain separate. */
html:has(> body.dice-design-lobby), body.dice-design-lobby {
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.dice-design-lobby .dice-instant-game-shell {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0,1fr);
  grid-template-rows: minmax(0,1fr);
  position: relative;
  inset: auto;
  width: 100%;
  height: 100dvh;
  min-width: 0;
  min-height: 0;
  max-width: none;
  max-height: 100dvh;
  margin: 0;
  padding: 8px;
  overflow: hidden;
}
body.dice-design-lobby #dice-arcade-lobby {
  box-sizing: border-box;
  position: relative;
  inset: auto;
  display: grid;
  grid-template-columns: clamp(180px,14vw,218px) minmax(0,1fr) clamp(236px,19vw,284px);
  grid-template-rows: minmax(0,1fr);
  align-items: stretch;
  gap: 12px;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: none;
  max-height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.dice-design-lobby #dice-arcade-lobby > :is(.dice-instant-arcade-sidebar,.dice-instant-arcade-content,.dice-instant-arcade-aside) { min-width: 0; min-height: 0; }

.dice-design-lobby #dice-arcade-lobby > .dice-instant-arcade-sidebar {
  display: flex; flex-direction: column; gap: 16px; padding: 16px; margin: 0;
  grid-area: 1 / 1; height: 100%; max-height: 100%; overflow: auto; scrollbar-width: thin;
}
.dice-design-lobby #dice-arcade-lobby > .dice-instant-arcade-content {
  display: flex; flex-direction: column; gap: 12px; padding: 0; margin: 0;
  grid-area: 1 / 2; height: 100%; max-height: 100%; overflow: auto; scrollbar-width: thin;
}
.dice-design-lobby #dice-arcade-lobby .dice-instant-arcade-lobby-stack {
  display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0;
  height: auto; min-height: 0; max-height: none; overflow: visible; flex: 1 0 auto;
}
.dice-design-lobby #dice-arcade-lobby > .dice-instant-arcade-aside {
  display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: auto minmax(160px,1fr) auto;
  gap: 12px; padding: 0; margin: 0; grid-area: 1 / 3; height: 100%; max-height: 100%; overflow: auto; scrollbar-width: thin;
}
.dice-design-lobby #dice-arcade-lobby .dice-instant-arcade-utility { flex: 0 0 auto; }
.dice-design-lobby #dice-arcade-lobby .dice-instant-arcade-hero { flex: 0 0 auto; }
.dice-design-lobby #dice-arcade-lobby #dice-arcade-detail { flex: 1 0 auto; }
@media(max-width:980px) {
  body.dice-design-lobby #dice-arcade-lobby {
    display: block;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scroll-padding-top: 152px;
  }
  .dice-design-lobby #dice-arcade-lobby > .dice-instant-arcade-sidebar {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    z-index: 30;
    width: 100%;
    height: auto;
    max-height: none;
    margin: 0 0 12px;
    padding: 8px;
    gap: 4px;
    overflow: visible;
  }
  .dice-design-lobby #dice-arcade-lobby :is(.dice-instant-arcade-content,.dice-instant-arcade-lobby-stack,.dice-instant-arcade-aside) {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: static;
    width: 100%;
    height: auto;
    min-width: 0;
    min-height: 0;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    gap: 12px;
    overflow: visible;
    flex: 0 0 auto;
  }
  .dice-design-lobby #dice-arcade-lobby > .dice-instant-arcade-aside { margin-top: 12px; }
}
@media(min-width:981px) {
  .dice-design-lobby #dice-arcade-lobby > .dice-instant-arcade-content:not(.has-account-view) {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: var(--dice-arcade-utility-row,62px) minmax(240px,1fr) minmax(500px,1fr);
    align-content: start;
  }
  .dice-design-lobby #dice-arcade-lobby > .dice-instant-arcade-content.has-continue-playing:not(.has-account-view) { grid-template-rows: var(--dice-arcade-utility-row,62px) minmax(240px,1fr) minmax(716px,1fr); }
  .dice-design-lobby #dice-arcade-lobby:is(.is-library-expanded,.is-info-active) > .dice-instant-arcade-content:not(.has-account-view) { grid-template-rows: var(--dice-arcade-utility-row,62px) minmax(0,1fr); }
  .dice-design-lobby #dice-arcade-lobby .dice-instant-arcade-lobby-stack { display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(0,1fr); min-height: 0; height: 100%; max-height: 100%; overflow: hidden; }
  .dice-design-lobby #dice-arcade-lobby .has-continue-playing .dice-instant-arcade-lobby-stack { grid-template-rows: 202px minmax(0,1fr); }
}
@media(max-width:980px) and (max-height:400px) {
  /* On very short screens, let navigation scroll with the portal instead of covering controls. */
  .dice-design-lobby #dice-arcade-lobby > .dice-instant-arcade-sidebar { position: static; }
  body.dice-design-lobby #dice-arcade-lobby { scroll-padding-top: 12px; }
}

/* A break notice expands the utility row inside the content scroller. */
.dice-design-lobby #dice-arcade-lobby > .dice-instant-arcade-content:has(.dice-account-break-notice) { --dice-arcade-utility-row: max-content; }
.dice-design-lobby #dice-arcade-lobby .dice-instant-arcade-utility:has(.dice-account-break-notice) { display: flex; flex-direction: column; align-items: stretch; gap: 12px; height: auto; min-height: 0; }

/* Sold progress stays directly beneath its associated statistics. */
#dice-arcade-lobby #dice-arcade-detail .dice-arcade-detail-statistics { display: flex; flex-direction: column; gap: 8px; grid-area: stats; min-width: 0; }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__progress { display: block; grid-area: auto; width: 100%; height: var(--dice-ds-progress-height); margin: 0; border: 0; border-radius: var(--dice-ds-track-radius); overflow: hidden; background: var(--dice-ds-border); }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__progress span { display: block; width: var(--progress,0%); height: 100%; border-radius: inherit; background: var(--dice-ds-yellow); }

/* Detail content has one scroller; prize names determine their row height. */
.dice-design-lobby #dice-arcade-lobby #dice-arcade-detail { display: block; overflow: auto; min-height: 0; }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__header { margin-bottom: 16px; }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__layout { display: flex; flex-direction: column; gap: 16px; height: auto; min-height: 0; max-height: none; overflow: visible; border: 0; background: none; box-shadow: none; }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__media { flex: 0 0 auto; height: clamp(140px,28vw,240px); min-height: 0; max-height: none; }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__panel { display: flex; flex-direction: column; flex: 0 0 auto; gap: 16px; height: auto; min-height: 0; max-height: none; overflow: visible; border: 0; padding: 0; background: none; box-shadow: none; }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__prizes { display: block; flex: 0 0 auto; height: auto; min-height: 0; overflow: visible; }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__prizes > h3 { margin: 0 0 12px; color: var(--dice-ds-strong); font: 700 var(--dice-ds-type-panel)/1.2 var(--dice-font-display); text-transform: uppercase; }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__prize-list { display: grid; grid-template-columns: minmax(0,1fr); grid-auto-rows: auto; align-items: stretch; gap: 12px; height: auto; min-height: 0; max-height: none; margin: 0; padding: 0; overflow: visible; }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__prize-list button { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 8px; position: static; width: 100%; min-width: 0; height: auto; min-height: 44px; max-height: none; margin: 0; padding: 16px; border: 1px solid var(--dice-ds-border); border-radius: 4px; color: var(--dice-ds-strong); background: var(--dice-ds-action); text-align: left; white-space: normal; overflow: visible; box-shadow: none; }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__prize-list strong { position: static; display: block; width: auto; height: auto; margin: 0; padding: 0; font: 700 var(--dice-ds-type-card)/1.2 var(--dice-font-display); text-transform: uppercase; letter-spacing: normal; overflow-wrap: anywhere; white-space: normal; overflow: visible; -webkit-line-clamp: unset; color: inherit; }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__prize-list span { position: static; display: block; width: auto; height: auto; margin: 0; font: 400 14px/1.5 var(--dice-font-body); text-transform: none; color: inherit; }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__prize-list button:is(:hover,:focus-visible) { color: var(--dice-ds-on-yellow); background: var(--dice-ds-yellow); border-color: var(--dice-ds-yellow); }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__prize-list button:focus-visible { outline: 2px solid var(--dice-ds-focus); outline-offset: 2px; }
@media(min-width:640px) { #dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__prize-list { grid-template-columns: repeat(2,minmax(0,1fr)); } }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__actions { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; position: static; width: 100%; height: auto; min-height: 0; margin: 0; padding: 0; border: 0; background: none; }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__actions button { display: flex; align-items: center; justify-content: center; width: 100%; height: auto; min-height: 44px; margin: 0; padding: 12px 16px; border: 1px solid var(--dice-ds-action-border); border-radius: 4px; background: var(--dice-ds-action); color: var(--dice-ds-on-action); font: 700 14px/1.4 var(--dice-font-display); text-transform: uppercase; box-shadow: none; transform: none; }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__actions button:is(:hover,:focus-visible) { color: var(--dice-ds-on-yellow); background: var(--dice-ds-yellow); border-color: var(--dice-ds-yellow); }
@media(min-width:640px) { #dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__actions { grid-template-columns: repeat(2,minmax(0,1fr)); } }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__prize-list button::before,
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__prize-list button::after { content: none; display: none; }

/* Lobby toolbar and catalogue use their available space rather than old fixed tracks. */
#dice-arcade-lobby .dice-instant-arcade-utility .dice-instant-game-nav { position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch;justify-content:stretch;justify-self:stretch;width:100%;max-width:100%;height:auto;min-height:0;margin:0;padding:0;overflow:visible; }
#dice-arcade-lobby #instant-arcade-games-grid { display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-auto-rows:auto;grid-template-columns:var(--dice-mobile-product-columns, repeat(auto-fill,minmax(min(100%,230px),1fr)));grid-template-rows:none;align-items:start;align-content:start;gap:var(--dice-mobile-grid-gap, 16px);flex:1 0 auto;width:100%;height:auto;min-height:0;max-height:none;max-width:100%;margin:0;padding:4px;overflow:visible;scroll-snap-type:none;scroll-padding:4px;scrollbar-width:thin; }
#dice-arcade-lobby #instant-arcade-games-grid::after { content:none; }
#dice-arcade-lobby .dice-instant-arcade-search input, #dice-arcade-lobby .dice-arcade-library-meta select { font-size:var(--dice-ds-type-body); }
#dice-arcade-lobby .dice-instant-arcade-shelf__filters button:is(:hover,:focus-visible) { background:var(--dice-ds-raised);color:var(--dice-ds-strong);border-color:var(--dice-ds-action-border); }
#dice-arcade-lobby .dice-instant-arcade-library-toggle { display:none;position:static;inset:auto;float:none;transform:none;min-height:44px;margin:0;padding:10px 16px;border:1px solid var(--dice-ds-action-border);border-radius:var(--dice-ds-radius-control);background:var(--dice-ds-action);color:var(--dice-ds-on-action);font:700 var(--dice-ds-type-small)/1.4 var(--dice-font-display);text-transform:uppercase;letter-spacing:var(--dice-ds-action-tracking);cursor:pointer; }
#dice-arcade-lobby .dice-instant-arcade-player__prompt { display:grid;gap:12px;padding:12px;border:1px solid var(--dice-ds-border);border-radius:var(--dice-ds-radius-control);background:var(--dice-ds-raised); }
#dice-arcade-lobby .dice-instant-arcade-player__prompt > strong { font:400 var(--dice-ds-type-small)/1.5 var(--dice-font-body);color:var(--dice-ds-body); }
#dice-arcade-lobby .dice-instant-arcade-player__prompt > div { display:flex;flex-wrap:wrap;gap:8px; }
#dice-arcade-lobby .dice-instant-arcade-player__prompt button { flex:1;min-height:44px;padding:10px 12px;background:var(--dice-ds-action);color:var(--dice-ds-on-action);border:1px solid var(--dice-ds-action-border);border-radius:var(--dice-ds-radius-control);font:700 var(--dice-ds-type-small)/1.4 var(--dice-font-display);text-transform:uppercase;letter-spacing:var(--dice-ds-action-tracking); }
#dice-arcade-lobby :is(.dice-instant-arcade-library-toggle,.dice-instant-arcade-player__prompt button):is(:hover,:focus-visible) { background:var(--dice-ds-yellow);color:var(--dice-ds-on-yellow);border-color:var(--dice-ds-yellow); }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__description { display:block;margin:0;padding:0; }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__description p { display:block;max-width:70ch;margin:0;overflow:visible;-webkit-line-clamp:unset;font:400 var(--dice-ds-type-body)/1.5 var(--dice-font-body);color:var(--dice-ds-body); }
#dice-arcade-lobby #dice-arcade-detail .dice-arcade-detail-statistics { container:arcade-statistics / inline-size; }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__stats { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0; }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__stats > div { display:grid;align-content:start;gap:4px;min-width:0;min-height:0;padding:12px;border:1px solid var(--dice-ds-border);border-radius:var(--dice-ds-radius-control);background:var(--dice-ds-raised); }
#dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__stats strong { overflow:visible;white-space:normal;text-overflow:clip;overflow-wrap:anywhere;font:700 var(--dice-ds-type-panel)/1.2 var(--dice-font-display);font-variant-numeric:tabular-nums; }
@container arcade-statistics (min-width:560px) {
 #dice-arcade-lobby #dice-arcade-detail .dice-playroom-game-info__stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(min-width:981px) {
 #dice-arcade-lobby .dice-instant-arcade-utility .dice-instant-game-nav { grid-template-columns:repeat(4,minmax(0,1fr)); }
 #dice-arcade-lobby #instant-arcade-games-grid { flex:1 1 0;overflow:auto; }
 #dice-arcade-lobby .dice-instant-arcade-library-toggle { display:inline-flex;align-items:center;justify-content:center; }
}

/* One gap between the toolbar, catalogue count and cards; no stacked header margins. */
#dice-arcade-lobby #instant-arcade-games .dice-instant-arcade-shelf__head { display:block;flex:0 0 auto;height:auto;min-height:0;margin:0;padding:0; }
#dice-arcade-lobby .dice-arcade-library-meta { margin:0; }

#dice-arcade-lobby .dice-arcade-import-favourites { max-width:100%;min-height:44px;margin-top:12px;padding:10px 16px;border:1px solid var(--dice-ds-action-border);border-radius:var(--dice-ds-radius-control);background:var(--dice-ds-action);color:var(--dice-ds-on-action);font:700 var(--dice-ds-type-small)/1.4 var(--dice-font-display);text-transform:uppercase;letter-spacing:var(--dice-ds-action-tracking);cursor:pointer; }
#dice-arcade-lobby .dice-arcade-import-favourites:is(:hover,:focus-visible):not(:disabled) { background:var(--dice-ds-yellow);color:var(--dice-ds-on-yellow);border-color:var(--dice-ds-yellow); }
#dice-arcade-lobby .dice-arcade-import-favourites:disabled { opacity:.5;cursor:wait; }
#dice-arcade-lobby .dice-arcade-feedback { color:var(--dice-ds-body);font:400 var(--dice-ds-type-small)/1.5 var(--dice-font-body);overflow-wrap:anywhere; }
#dice-arcade-lobby .dice-arcade-feedback:focus { outline:2px solid var(--dice-ds-focus);outline-offset:2px; }

@media(max-width:980px) {
 #dice-arcade-lobby #instant-arcade-games-grid { --dice-mobile-product-columns:repeat(2,minmax(0,1fr)); --dice-mobile-grid-gap:12px; }
 #dice-arcade-lobby .dice-instant-arcade-shelf--recent .dice-instant-arcade-shelf__rail { --dice-mobile-recent-display:grid; --dice-mobile-recent-columns:none; --dice-mobile-recent-width:calc((100% - 12px) / 2); --dice-mobile-recent-gap:12px; }
}

/* Lobby header follows the game-page identity and keeps credit prominent. */
#dice-arcade-lobby .dice-instant-game-exit { border: 1px solid #d71a20; }
#dice-arcade-lobby .dice-instant-game-exit:is(:hover,:focus-visible) { border-color: #ef4444; }
#dice-arcade-lobby .dice-instant-arcade-player__account { display: inline-flex; align-items: center; min-height: 44px; color: var(--dice-ds-yellow); font: 700 14px/1.3 var(--dice-font-display); text-transform: uppercase; text-decoration: underline; text-underline-offset: 3px; }
html body.dice-instant-arcade-page #dice-arcade-lobby .dice-instant-arcade-sidebar__brand strong { gap: 4px !important; padding: 0 !important; }
html body.dice-instant-arcade-page #dice-arcade-lobby .dice-instant-arcade-sidebar__brand strong span { color: var(--dice-ds-strong) !important; font: 700 22px/1.12 var(--dice-font-display) !important; text-transform: uppercase !important; letter-spacing: -.01em !important; text-shadow: none !important; -webkit-text-stroke: 0 !important; transform: none !important; margin: 0 !important; padding: 0 !important; }
html body.dice-instant-arcade-page #dice-arcade-lobby .dice-instant-arcade-sidebar__brand strong span:first-child { color: var(--dice-ds-yellow) !important; }
#dice-arcade-lobby .dice-instant-arcade-utility .dice-instant-game-nav:not(:has(.dice-instant-game-player-control)) .dice-instant-game-credit { grid-column: 1 / -1; grid-row: 2; width: 100%; min-width: 0; }
@media (min-width: 768px) {
 #dice-arcade-lobby .dice-instant-arcade-utility .dice-instant-game-nav:not(:has(.dice-instant-game-player-control)) { grid-template-columns: minmax(0,1fr) minmax(0,2fr) minmax(0,1fr); }
 #dice-arcade-lobby .dice-instant-arcade-utility .dice-instant-game-nav:not(:has(.dice-instant-game-player-control)) .dice-instant-game-credit { grid-column: auto; grid-row: auto; }
}

#dice-arcade-lobby :is(.dice-mobile-disclosure,.dice-mobile-category) { display: none; }
#dice-arcade-lobby .dice-mobile-panel { display: contents; }
@media (max-width:767px) {
 #dice-arcade-lobby .dice-mobile-disclosure { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--dice-ds-border); border-radius: 4px; background: var(--dice-ds-raised); color: var(--dice-ds-strong); font: 700 14px/1.3 var(--dice-font-display); text-transform: uppercase; }
 #dice-arcade-lobby .dice-mobile-disclosure::after { content: '+'; font-size: 20px; }
 #dice-arcade-lobby .dice-mobile-disclosure[aria-expanded=true]::after { content: '−'; }
 #dice-arcade-lobby .dice-mobile-panel { display: none; }
 #dice-arcade-lobby .dice-mobile-panel.is-open { display: grid; gap: 12px; margin-top: 12px; }
 #dice-arcade-lobby .has-mobile-category { display: none !important; }
 #dice-arcade-lobby .dice-mobile-category { display: grid; gap: 4px; width: 100%; color: var(--dice-ds-muted); font: 400 12px/1.4 var(--dice-font-body); }
 #dice-arcade-lobby .dice-mobile-category select { width: 100%; min-height: 44px; padding: 8px 12px; border: 1px solid var(--dice-ds-border); border-radius: 4px; background: var(--dice-ds-raised); color: var(--dice-ds-strong); font: 400 16px/1.4 var(--dice-font-body); }
 #dice-arcade-lobby .dice-instant-arcade-shelf__tools { gap: 12px; }
 #dice-arcade-lobby .dice-instant-arcade-activity { padding: 12px; }
 #dice-arcade-lobby .dice-instant-arcade-player { padding: 12px; }
 #dice-arcade-lobby .dice-instant-arcade-help { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
 #dice-arcade-lobby .dice-instant-arcade-help > a:last-child { grid-column: 1/-1; }
}