.container.l-855675{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 100vh;text-align: center;gap: 16px;}.high-scores.l-855675{margin-top: 24px;max-width: 400px;}.container.l-304334{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 100vh;text-align: center;gap: 16px;}.card.l-304334{width: 360px;max-width: 90vw;display: flex;flex-direction: column;gap: 12px;}.actions.l-304334{display: flex;gap: 8px;justify-content: center;}.container.l-520576{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 100vh;text-align: center;gap: 16px;}.card.l-520576{width: 360px;max-width: 90vw;display: flex;flex-direction: column;gap: 12px;}.actions.l-520576{display: flex;gap: 8px;justify-content: center;}.container.l-149509{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;}.container.l-178283{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 100vh;text-align: center;gap: 16px;}.card.l-178283{width: 360px;max-width: 90vw;display: flex;flex-direction: column;gap: 12px;}.actions.l-178283{display: flex;gap: 8px;justify-content: center;}

html,
body {
  height: 100%;
  background: var(--orb-color-surface-subtle, #f5f5f5);
}

/* Thaw uses `.thaw-config-provider` both for the app root provider and for
 * tooltip/menu overlay followers (`.thaw-binder-follower`) and dialog wrappers
 * (`.thaw-dialog`). Giving those elements `height: 100%` can cause full-screen
 * overlays and hover/lifecycle bugs.
 */
.thaw-config-provider:not(.thaw-binder-follower):not(.thaw-dialog) {
  height: 100%;
}

main[data-testid="directory-page"] {
  height: 100%;
}