:root {
  color-scheme: dark;
  background: #080707;
  font-family:
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC",
    system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 16%, rgba(114, 34, 26, 0.36), transparent 34%),
    radial-gradient(circle at 70% 84%, rgba(168, 36, 19, 0.28), transparent 30%),
    #080707;
  touch-action: none;
  user-select: none;
}

.game-shell {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  padding: max(env(safe-area-inset-top), 6px) max(env(safe-area-inset-right), 6px)
    max(env(safe-area-inset-bottom), 6px) max(env(safe-area-inset-left), 6px);
}

#game {
  display: block;
  width: min(100vw, calc(100dvh * 390 / 844));
  height: min(100dvh, calc(100vw * 844 / 390));
  max-width: 430px;
  max-height: 100dvh;
  border-radius: 22px;
  background: #100d0b;
  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.65),
    0 0 0 1px rgba(231, 176, 82, 0.2);
  touch-action: none;
}