.db-lucky-stage {
  grid-template-columns: minmax(0, 1fr);
}

#luckyRound .control-panel {
  padding-block-start: 0;
}

#luckyDisplay .broadcast-panel,
#royalConnection .connection,
#dockDisplay .share-card {
  margin: 0;
}

#quizDisplay .lq-link-box,
#drawingConnection .connection-card,
#dockConnection .sources-section {
  margin-block-start: 0;
}

#quizDisplay .lq-link-row {
  flex-wrap: wrap;
}

#quizDisplay .lq-link-row input {
  flex: 1 1 16rem;
}

#quizRound .lq-controls {
  flex-wrap: wrap;
}

#step3 #gameStatus {
  display: block;
  margin-block-start: .35rem;
  font-size: .8rem;
  color: #aab8cd;
}

.lq-notice,
.queue-toast,
.toast {
  max-inline-size: calc(100% - 2rem);
}

.db-game-tool-dialog :is(.lq-notice, .queue-toast, .toast) {
  position: static;
  transform: none;
  margin: .75rem 0 0;
  max-inline-size: none;
}

.workspace .db-game-tool {
  color: var(--ink);
}

.workspace .db-game-tool-icon {
  border-color: #d7c3ef;
  background: #f4eaff;
  color: #7126cd;
}

.workspace .db-game-tool:hover .db-game-tool-icon,
.workspace .db-game-tool[aria-expanded="true"] .db-game-tool-icon {
  border-color: #ab7ce1;
  background: #ebdbff;
  color: #5714ac;
}

dialog.db-game-tool-dialog:is(#panel-connect, #panel-players) {
  color: var(--ink);
  background: var(--paper);
  border-color: var(--line);
}

:is(#panel-connect, #panel-players) .db-game-tool-close {
  color: var(--ink);
  background: var(--soft);
  border-color: #d7c3ef;
}

:is(#panel-connect, #panel-players) .tab-panel {
  min-block-size: 0;
  padding: 0;
}

#drawingRound .hero-actions {
  flex-wrap: wrap;
}

#royalDisplay > p,
#drawingDisplay > p {
  margin-block: 0 1rem;
}

.db-dock-preview .editor-grid {
  display: block;
}

.db-dock-preview .preview-panel {
  width: min(100%, 390px);
  margin-inline: auto;
}

#dockStyle {
  inline-size: min(62rem, calc(100% - 1.25rem));
}

#dockStyle .preview-panel {
  top: 0;
}

#dockDisplay .share-card {
  padding: 0;
  background: transparent;
  border: 0;
}

#dockDisplay #share-link {
  min-inline-size: 0;
}

:is(#dockConnection, #dockDisplay, #dockStyle) :is(.error, .feedback) {
  margin: .75rem 0 0;
}

#matchDisplay p {
  margin-block-end: .85rem;
}

#panel-match:fullscreen {
  display: grid;
  align-content: center;
  gap: 1.4rem;
  padding: clamp(1.2rem, 7vw, 7rem);
  color: var(--ink);
  background: var(--paper);
}

#panel-match:fullscreen :is(.match-actions, .panel-note, .text-button, .host-editor) {
  display: none;
}

#panel-match:fullscreen :is(.match-summary, .current-card, .next-player) {
  inline-size: min(100%, 56rem);
  margin-inline: auto;
}