/* BG198 / R1.490: Greedy launcher with the self-developed startup presentation. */
.bg-nav-overlay{position:fixed;inset:0;z-index:1000;width:100%;height:100vh;height:100dvh;display:flex;align-items:stretch;justify-content:center;overflow:hidden;background:transparent;overscroll-behavior:contain}
.bg-nav-viewport{width:100%;height:100%;min-width:0}
.bg-nav-panel{--bg-nav-safe-top:env(safe-area-inset-top,0px);--bg-nav-safe-right:env(safe-area-inset-right,0px);--bg-nav-safe-bottom:env(safe-area-inset-bottom,0px);--bg-nav-safe-left:env(safe-area-inset-left,0px);position:relative;width:100%;height:100%;min-width:0;overflow:hidden;background:#fff;-webkit-transform:translate3d(100vw,0,0);transform:translate3d(100vw,0,0);-webkit-transition:-webkit-transform 300ms cubic-bezier(.2,.8,.2,1);transition:transform 300ms cubic-bezier(.2,.8,.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}
.bg-nav-overlay.is-open .bg-nav-panel{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.bg-nav-frame,.bg-nav-splash{position:absolute;inset:var(--bg-nav-safe-top) var(--bg-nav-safe-right) var(--bg-nav-safe-bottom) var(--bg-nav-safe-left)}
.bg-nav-frame{width:calc(100% - var(--bg-nav-safe-left) - var(--bg-nav-safe-right));height:calc(100% - var(--bg-nav-safe-top) - var(--bg-nav-safe-bottom));border:0;display:block;opacity:0;background:#fff;pointer-events:none}
.bg-nav-overlay.is-loaded .bg-nav-frame{opacity:1;pointer-events:auto}
/* Artwork and layout from the original Greedy HD startup page. */
.bg-nav-splash.greedy-splash {
  z-index: 1;
  isolation: isolate;
  overflow: hidden;
  background-color:#f2f5fa;background-image:radial-gradient(circle,#ffd933 clamp(1.45px,.37vw,2.2px),transparent clamp(1.85px,.45vw,2.65px)),linear-gradient(#ffea69,#ffea69);background-size:clamp(12px,3.08vw,18px) clamp(12px,3.08vw,18px),100% 100%;background-position:-3px 7px,0 0;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  font-family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
}

.greedy-splash .splash-stage{position:absolute;top:47.1%;left:50%;width:100%;height:clamp(230px,44vh,465px);transform:translate(-50%,-50%);pointer-events:none}
.greedy-splash .splash-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(165px,41%,245px);height:auto;object-fit:contain;z-index:2;pointer-events:none}
.greedy-splash .splash-food{position:absolute;display:block;width:clamp(32px,8%,57px);height:auto;object-fit:contain;filter:drop-shadow(1px 2px 1px #0d2c3a35);animation:splash-float 3.2s ease-in-out infinite alternate}
.greedy-splash .sf-carrot{left:-1%;top:5%;transform:rotate(-27deg)}
.greedy-splash .sf-lettuce{left:19%;top:9%;animation-delay:-.9s;width:clamp(32px,7%,50px)}
.greedy-splash .sf-skewer{right:14%;top:12%;animation-delay:-1.5s;transform:rotate(25deg)}
.greedy-splash .sf-steak{right:-2%;top:5%;animation-delay:-1.1s}
.greedy-splash .splash-confetti{position:absolute;display:block;width:13px;height:17px;border:2px solid #995c2e;background:#ee5880;clip-path:polygon(0 0,100% 43%,23% 100%);opacity:.95}
.greedy-splash .sc-1{left:-2%;top:41%;transform:rotate(37deg);background:#ff6d3d}
.greedy-splash .sc-2{left:20%;top:54%;transform:rotate(62deg);background:#e8b84e}
.greedy-splash .sc-3{right:24%;top:40%;transform:rotate(13deg);background:#ff647e}
.greedy-splash .sc-4{right:1%;top:48%;transform:rotate(4deg);background:#ff5b84}
.greedy-splash .sc-5{right:13%;top:52%;transform:rotate(70deg);background:#ffc046}
.greedy-splash .sc-6{left:31%;top:53%;transform:rotate(-40deg);background:#348cf2}
.greedy-splash .splash-ribbon{position:absolute;display:block;width:48px;height:70px;border-left:6px solid #2764e8;border-radius:45% 55% 50% 36%;transform:rotate(22deg) skewX(7deg);filter:drop-shadow(1px 1px 0 #122d4e)}
.greedy-splash .sr-left{left:22%;top:30%;transform:rotate(-25deg) skewX(10deg)}
.greedy-splash .sr-right{right:0%;top:54%;transform:rotate(65deg) skewX(7deg);border-color:#337cea}
.greedy-splash .sr-orange{left:1%;top:56%;transform:rotate(62deg);border-color:#ec8b17;width:52px}
.greedy-splash .sr-yellow{right:2%;top:30%;transform:rotate(22deg);border-color:#e1b909;width:19px;height:30px;border-width:4px}
.greedy-splash .splash-gem{position:absolute;font-size:23px;line-height:1;color:#fffdf1;-webkit-text-stroke:2px #b48b13;text-shadow:1px 2px 0 #674e17;transform:rotate(-25deg)}
.greedy-splash .sg-left{left:8%;top:24%}
.greedy-splash .sg-right{right:4%;bottom:5%;transform:rotate(27deg)}
.greedy-splash .splash-progress-area{position:absolute;left:50%;top:65.2%;transform:translateX(-50%);width:65.5%;max-width:385px;display:flex;flex-direction:column;align-items:center;gap:23px;z-index:4}
.greedy-splash .splash-progress-track{width:100%;height:clamp(19px,4.6vw,27px);background:#002c47;border:2px solid #004a7b;border-radius:999px;overflow:hidden}
.greedy-splash .splash-progress-fill{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;animation:bg-nav-progress 1s linear forwards;background:#00aadd;border-radius:999px;will-change:transform;box-shadow:inset 0 1px 2px #8fe8fa}
.greedy-splash .splash-loading-label{color:#111;font-size:clamp(18px,3.5vw,22px);line-height:1.3;font-weight:400}
@keyframes splash-float{from{translate:0 0}to{translate:0 -8px}}
@media(max-height:670px){.greedy-splash .splash-stage{top:44%;height:50vh}.greedy-splash .splash-progress-area{top:73%;gap:10px}.greedy-splash .splash-progress-track{height:22px}}
@media(prefers-reduced-motion:reduce){.greedy-splash .splash-food{animation:none}.greedy-splash{transition:none}}

@keyframes bg-nav-progress {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

.greedy-splash.is-error .splash-progress-fill {
  background: #ba7130;
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .greedy-splash .splash-progress-fill { animation: none; transform: scaleX(1); }
}

.bg-nav-recovery:not([hidden]) {
  position: absolute;
  top: calc(100% + 9px);
  inset-inline: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px 10px;
}

.bg-nav-recovery a,
.bg-nav-cancel {
  padding: 7px 10px;
  border: 1px solid #d5af58;
  border-radius: 8px;
  background: #fff6dc;
  color: #294d79;
  font: inherit;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
}

@media screen and (min-width:768px) and (hover:hover) and (pointer:fine) {
  .bg-nav-overlay{transition:background-color 300ms cubic-bezier(.2,.8,.2,1)}
  .bg-nav-overlay.is-open{background-color:#f2f5fa}
  /* Clip the moving game at the same 520px column as the homepage. */
  .bg-nav-viewport {
    --bg-nav-desktop-width:520px;
    width:min(100%,var(--bg-nav-desktop-width));
    overflow:hidden;
    clip-path:inset(0);
  }
  .bg-nav-panel {
    width:min(100%,calc(100vh / 1.94));
    width:min(100%,calc((100dvh - var(--bg-nav-safe-top) - var(--bg-nav-safe-bottom)) / 1.94));
    margin-inline:auto;
    -webkit-transform:translate3d(var(--bg-nav-desktop-width),0,0);
    transform:translate3d(var(--bg-nav-desktop-width),0,0);
  }
}
@media (max-height: 500px) {
  .greedy-splash .splash-progress-area { top: 68%; gap: 6px; }
}
@media(prefers-reduced-motion:reduce){.bg-nav-overlay,html:not(.bg-ios-webkit) .bg-nav-panel{transition:none!important}}

/* Continue the active Greedy surface through the reserved iOS PWA area. */
html.bg-ios-webkit.bg-game-pwa > .bg-nav-overlay.is-open.is-loaded:is([data-greedy-floor="sheet"],[data-greedy-floor="ranking"]):not(.is-round-result-open) {
  --bg-pwa-floor:#7fdbff;
}
html.bg-ios-webkit.bg-game-pwa > .bg-nav-overlay.is-open.is-loaded[data-greedy-floor="notice"]:not(.is-round-result-open) {
  --bg-pwa-floor:#3d080d;
}
html.bg-ios-webkit.bg-game-pwa > .bg-nav-overlay.is-open.is-loaded[data-greedy-floor="bet-closed"]:not(.is-round-result-open) {
  --bg-pwa-floor:#75101a;
}
html.bg-ios-webkit.bg-game-pwa > .bg-nav-overlay.is-open.is-loaded[data-greedy-floor="history"]:not(.is-round-result-open) {
  --bg-pwa-floor:#fff17a;
}
@supports selector(html:has(> .bg-nav-overlay)) {
  html.bg-ios-webkit.bg-game-pwa:has(> .bg-nav-overlay.is-open.is-loaded:is([data-greedy-floor="sheet"],[data-greedy-floor="ranking"]):not(.is-round-result-open)) {
    --bg-pwa-floor:#7fdbff;
  }
  html.bg-ios-webkit.bg-game-pwa:has(> .bg-nav-overlay.is-open.is-loaded[data-greedy-floor="notice"]:not(.is-round-result-open)) {
    --bg-pwa-floor:#3d080d;
  }
  html.bg-ios-webkit.bg-game-pwa:has(> .bg-nav-overlay.is-open.is-loaded[data-greedy-floor="bet-closed"]:not(.is-round-result-open)) {
    --bg-pwa-floor:#75101a;
  }
  html.bg-ios-webkit.bg-game-pwa:has(> .bg-nav-overlay.is-open.is-loaded[data-greedy-floor="history"]:not(.is-round-result-open)) {
    --bg-pwa-floor:#fff17a;
  }
}

/* Let the ranking frame reach the PWA viewport edge without sizing the panel up. */
.bg-nav-overlay.is-loaded[data-greedy-floor="ranking"] {
  container-type:size;
}
.bg-nav-overlay.is-loaded[data-greedy-floor="ranking"] > .bg-nav-viewport {
  position:relative;
  z-index:1;
  overflow:visible;
  clip-path:inset(0 0 -100vh 0);
}
.bg-nav-overlay.is-loaded[data-greedy-floor="ranking"] .bg-nav-panel {
  overflow:visible;
}
.bg-nav-overlay.is-loaded[data-greedy-floor="ranking"] .bg-nav-frame {
  bottom:auto;
  height:calc(100% - var(--bg-nav-safe-top));
  height:calc(100cqh - var(--bg-nav-safe-top));
}