:root {
  --myau-water-top: #1b6f9c;
  --myau-water-mid: #0b3c6b;
  --myau-water-bottom: #041a35;
  --myau-cream: #fff7df;
  --myau-orange: #ff9d2e;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  height: 100dvh;
  overflow: hidden;
  background: var(--myau-water-bottom);
  color: var(--myau-cream);
  font-family: "Nunito", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;
  overscroll-behavior: none;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
}

body {
  position: fixed;
  inset: 0;
  background:
    radial-gradient(120% 80% at 50% -10%, var(--myau-water-top) 0%, transparent 55%),
    linear-gradient(180deg, var(--myau-water-top) 0%, var(--myau-water-mid) 45%, var(--myau-water-bottom) 100%);
}

#unity-container {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  height: 100dvh;
  overflow: hidden;
  background: var(--myau-water-bottom);
}

/* Канвас — на весь экран, включая чёлку и скругления. Игровой интерфейс
   сам отступает от выреза через safe-area (FruitGame.CalcSafeArea). */
#unity-canvas {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--myau-water-bottom);
  outline: none;
}

#unity-loading-bar {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: min(78vw, 560px);
  text-align: center;
  pointer-events: none;
}

#myau-logo {
  display: block;
  width: 100%;
  max-width: 560px;
  height: auto;
  margin: 0 auto 6%;
  filter: drop-shadow(0 10px 26px rgba(0, 20, 45, 0.55));
  animation: myau-bob 2.6s ease-in-out infinite;
}

@keyframes myau-bob {
  0%, 100% { transform: translateY(0) rotate(-0.6deg); }
  50% { transform: translateY(-2.2%) rotate(0.6deg); }
}

#unity-progress-bar-empty {
  width: min(72%, 360px);
  height: 16px;
  margin: 0 auto;
  padding: 3px;
  border-radius: 999px;
  background: rgba(2, 20, 42, 0.55);
  box-shadow: inset 0 2px 6px rgba(0, 12, 28, 0.55);
  overflow: hidden;
}

#unity-progress-bar-full {
  width: 0%;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #ffd166 0%, var(--myau-orange) 55%, #ff7a1a 100%);
  box-shadow: 0 0 14px rgba(255, 180, 70, 0.65);
  transition: width 0.18s ease-out;
}

#myau-loading-text {
  margin-top: 14px;
  font-size: clamp(15px, 2.6vw, 21px);
  font-weight: 800;
  letter-spacing: 0.02em;
  color: rgba(255, 247, 223, 0.92);
  text-shadow: 0 2px 8px rgba(0, 16, 34, 0.7);
}

#unity-warning {
  position: absolute;
  left: 50%;
  top: calc(5% + env(safe-area-inset-top, 0px));
  transform: translateX(-50%);
  max-width: 90vw;
  background: white;
  border-radius: 12px;
  color: #123;
  overflow: hidden;
  display: none;
  z-index: 30;
}

/* Зонд безопасной зоны: нулевой, невидимый, но с настоящими env() отступами. */
#myau-safe-probe {
  position: fixed;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  padding-top: var(--myau-safe-top, env(safe-area-inset-top, 0px));
  padding-right: var(--myau-safe-right, env(safe-area-inset-right, 0px));
  padding-bottom: var(--myau-safe-bottom, env(safe-area-inset-bottom, 0px));
  padding-left: var(--myau-safe-left, env(safe-area-inset-left, 0px));
}

/* Подсказка для iPhone: как открыть игру без панелей Safari. */
#myau-ios-hint {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  justify-content: center;
  padding: 12px max(12px, env(safe-area-inset-left, 12px)) calc(12px + env(safe-area-inset-bottom, 12px)) max(12px, env(safe-area-inset-right, 12px));
  background: linear-gradient(180deg, transparent, rgba(2, 15, 32, 0.72) 45%);
  z-index: 40;
}

.myau-hint-card {
  width: min(520px, 100%);
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(6, 35, 72, 0.96);
  border: 1px solid rgba(140, 205, 255, 0.35);
  box-shadow: 0 14px 40px rgba(0, 8, 20, 0.55);
  font-size: 15px;
  line-height: 1.35;
  color: #eaf6ff;
}

.myau-hint-card b { font-size: 17px; color: #ffe19a; }
.myau-hint-card > span { display: block; }

#myau-hint-close {
  align-self: flex-end;
  margin-top: 4px;
  padding: 9px 22px;
  border: 0;
  border-radius: 999px;
  background: var(--myau-orange);
  color: #3a1d00;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}