:root {
  color-scheme: dark;
  background: #02060f;
}

* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: radial-gradient(circle at 50% 44%, #15306a 0%, #071733 44%, #02060f 100%);
}

body {
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}

canvas {
  position: absolute;
  inset: 50% auto auto 50%;
  width: min(100vw, 1536px, calc(100vh * 3 / 2));
  height: min(100vh, 1024px, calc(100vw * 2 / 3));
  display: block;
  transform: translate(-50%, -50%);
  outline: 0;
}

@media screen and (max-width: 1024px) and (orientation: portrait) {
  html {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }

  body {
    height: auto;
    min-height: 100%;
    overflow: visible;
    touch-action: pan-y;
  }

  canvas {
    position: relative;
    inset: auto;
    width: 100vw !important;
    height: auto !important;
    max-width: none;
    max-height: none;
    transform: none;
    touch-action: pan-y !important;
  }
}
@font-face {
  font-family: "Pretendard";
  src: url("/porcelain-dragon-powerball/assets/fonts/Pretendard-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

/* The portrait image scene keeps native scrolling after a phone rotates.
   This class is never installed by the desktop entry point. */
html.memphis-mobile-image-scene {
  overflow-x: hidden;
  overflow-y: auto;
  touch-action: pan-y;
}
html.memphis-mobile-image-scene body {
  position: relative;
  height: auto;
  min-height: 100%;
  overflow: visible;
  touch-action: pan-y;
}
html.memphis-mobile-image-scene canvas {
  position: relative;
  inset: auto;
  width: 100vw !important;
  height: auto !important;
  max-width: none;
  max-height: none;
  transform: none;
  touch-action: pan-y;
}
html.memphis-mobile-image-scene canvas#current-result-hd {
  position: absolute;
  left: calc(100vw * 168 / 864);
  top: calc(100vw * 648 / 864);
  width: calc(100vw * 510 / 864) !important;
  height: calc(100vw * 82 / 864) !important;
  pointer-events: none;
}
html.memphis-mobile-image-scene canvas#recent-results-hd {
  position: absolute;
  left: calc(100vw * 187.5 / 864);
  top: calc(100vw * 800.5 / 864);
  width: calc(100vw * 580 / 864) !important;
  height: calc(100vw * 231 / 864) !important;
  pointer-events: none;
}
html.memphis-mobile-image-scene canvas#machine-balls-hd {
  position: absolute;
  left: calc(100vw * 260 / 864);
  top: calc(100vw * 200 / 864);
  width: calc(100vw * 460 / 864) !important;
  height: calc(100vw * 320 / 864) !important;
  pointer-events: none;
}
html.memphis-mobile-image-scene canvas#bet-button-hd {
  position: absolute;
  left: calc(100vw * 609 / 864);
  top: calc(100vw * 1634 / 864);
  width: calc(100vw * 223 / 864) !important;
  height: calc(100vw * 124 / 864) !important;
  pointer-events: none;
}
html.memphis-mobile-image-scene canvas#correction-button-hd {
  position: absolute;
  left: calc(100vw * 487 / 864);
  top: calc(100vw * 1634 / 864);
  width: calc(100vw * 115 / 864) !important;
  height: calc(100vw * 122 / 864) !important;
  pointer-events: none;
}
html.memphis-mobile-image-scene canvas#chip-selectors-hd {
  position: absolute;
  left: calc(100vw * 50 / 864);
  top: calc(100vw * 1511 / 864);
  width: calc(100vw * 751 / 864) !important;
  height: calc(100vw * 112 / 864) !important;
  pointer-events: none;
}
@font-face {
  font-family: "Pretendard";
  src: url("/porcelain-dragon-powerball/assets/fonts/Pretendard-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: block;
}
@font-face {
  font-family: "Pretendard";
  src: url("/porcelain-dragon-powerball/assets/fonts/Pretendard-ExtraBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: block;
}
@font-face {
  font-family: "Pretendard";
  src: url("/porcelain-dragon-powerball/assets/fonts/Pretendard-ExtraBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: block;
}