body {
  cursor: default;
  padding: 0;
  border: 0;
  margin: 0;
  text-align: center;
  background-color: #050608;
  font-family: Helvetica, Verdana, Arial, sans-serif;
}

body, canvas, div {
  outline: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

canvas {
  background-color: rgba(0, 0, 0, 0);
}

#GameDiv {
  margin: 0 auto;
  position: relative;
  border: 0;
  overflow: hidden;
  background: radial-gradient(circle at center, #2a2115 0%, #0d0d0d 55%, #030405 100%);
}

#Cocos3dGameContainer, #GameCanvas {
  width: 100%;
  height: 100%;
}

#BootLoader {
  position: absolute;
  z-index: 10000;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ead4a1;
  background: radial-gradient(circle at 50% 44%, rgba(73, 53, 27, .96), rgba(7, 8, 10, .99) 60%);
}

.boot-title {
  margin-bottom: 26px;
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 8px;
  text-shadow: 0 2px 4px #000;
}

.boot-track {
  width: 720px;
  height: 13px;
  padding: 2px;
  overflow: hidden;
  border: 1px solid #a77a38;
  border-radius: 9px;
  background: #080808;
  box-shadow: 0 0 12px rgba(218, 156, 67, .25);
}

.boot-fill {
  width: 12%;
  height: 100%;
  border-radius: 7px;
  background: linear-gradient(90deg, #2458b8, #43a4ff);
  animation: boot-progress 18s cubic-bezier(.12, .58, .22, .98) forwards;
}

.boot-status {
  margin-top: 16px;
  font-size: 20px;
  color: #c7baa0;
  text-shadow: 0 1px 3px #000;
}

@keyframes boot-progress {
  from { width: 12%; }
  to { width: 88%; }
}

:root {
  --safe-top: env(safe-area-inset-top);
  --safe-right: env(safe-area-inset-right);
  --safe-bottom: env(safe-area-inset-bottom);
  --safe-left: env(safe-area-inset-left);
}