@import url("../css/ai.css");

html,
body{
  min-height:100%;
}

body.makieta-page{
  margin:0;
  min-height:520vh;
  overflow-x:hidden;
  background:#03050b;
}

.makieta-page .scene{
  z-index:0;
}

.scroll-rail{
  position:relative;
  z-index:1;
  min-height:520vh;
  pointer-events:none;
}

.makieta-load{
  position:fixed;
  left:50%;
  bottom:clamp(18px,4vh,42px);
  z-index:12;
  transform:translateX(-50%);
  padding:7px 11px;
  border:1px solid rgba(212,175,55,.18);
  border-radius:999px;
  background:rgba(3,5,11,.48);
  color:rgba(244,226,161,.86);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:opacity .35s var(--ease-soft), visibility 0s linear .35s;
}

.makieta-load.off,
.scene-ready .makieta-load,
.scene-lite .makieta-load{
  opacity:0;
  visibility:hidden;
}

.makieta-debug{
  position:fixed;
  top:12px;
  right:12px;
  z-index:20;
  display:none;
  gap:6px;
  padding:8px 9px;
  border:1px solid rgba(108,200,255,.18);
  border-radius:8px;
  background:rgba(3,5,11,.62);
  color:rgba(238,242,248,.82);
  font-family:var(--mono);
  font-size:10px;
  line-height:1.35;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

html[data-debug="1"] .makieta-debug{
  display:grid;
}

@media (max-width:700px){
  body.makieta-page{
    min-height:560vh;
  }

  .scroll-rail{
    min-height:560vh;
  }

  .makieta-load{
    bottom:14px;
  }
}