/* ============================================
   LOADING.CSS - 🔤 fonte Minecraft
   ============================================ */
#loading {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  background: linear-gradient(#0e1a2f, #05070d);
}
#loading.hidden { display: none; }

.load-logo {
  width: min(70vw, 320px);
  image-rendering: pixelated;
  filter: drop-shadow(4px 4px 0 #000);
}
.load-logo.hidden { display: none; }

.load-title {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 4px;
  text-shadow: 4px 4px 0 #000;
}
.load-title.hidden { display: none; }

.load-bar {
  width: min(70vw, 300px);
  height: 22px;
  border: 3px solid #000;
  border-radius: 6px;
  background: #10141c;
  box-shadow: inset 3px 3px 0 rgba(0,0,0,.6), inset -3px -3px 0 rgba(255,255,255,.06);
  overflow: hidden;
}
#load-fill {
  height: 100%;
  width: 100%;
  background: repeating-linear-gradient(45deg, #2e7d32 0 12px, #3fa046 12px 24px);
  animation: loadmove .7s linear infinite;
}
@keyframes loadmove {
  from { background-position: 0 0; }
  to   { background-position: 34px 0; }
}

.load-text {
  color: #7ecbff;
  letter-spacing: 3px;
  font-size: 10px;
  font-weight: bold;
  text-shadow: 2px 2px 0 #000;
  animation: loadblink 1s steps(2) infinite;
}
@keyframes loadblink { 50% { opacity: .35; } }

.load-version {
  position: absolute;
  bottom: calc(14px + env(safe-area-inset-bottom));
  color: #556;
  font-size: 8px;
  letter-spacing: 2px;
}