:root {
  --app-global-scale: 0.8;
  --app-global-scale-inverse: 1.25;
  --app-scaled-viewport-width: calc(100vw / var(--app-global-scale));
  --app-scaled-viewport-height: calc(100vh / var(--app-global-scale));
}

html,
body {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}

body {
  width: var(--app-scaled-viewport-width);
  min-height: var(--app-scaled-viewport-height);
  zoom: var(--app-global-scale);
}

#root {
  width: var(--app-scaled-viewport-width);
  min-height: var(--app-scaled-viewport-height);
}

.w-screen,
.min-w-screen,
.w-\[100dvw\],
.min-w-\[100dvw\],
.doraemon-app,
.doraemon-start-layer,
.license-container,
.group-maker-app,
.group-maker-container,
.couple-game-app,
#app-container,
#tree-canvas,
#canvas,
#cosmos-canvas,
#result-overlay {
  width: var(--app-scaled-viewport-width) !important;
}

.h-screen,
.h-\[100dvh\],
.doraemon-app,
.doraemon-start-layer,
.license-container,
.group-maker-app,
.group-maker-container,
#app-container,
#tree-canvas,
#canvas,
#cosmos-canvas,
#result-overlay {
  height: var(--app-scaled-viewport-height) !important;
}

.min-h-screen,
.min-h-\[100dvh\],
.couple-game-app {
  min-height: var(--app-scaled-viewport-height) !important;
}