/* Full-screen clean layout with raised copyright and a small 'under construction' badge */
* { box-sizing: border-box; margin: 0; padding: 0; }
:root { color-scheme: dark; }
html, body { height: 100%; background: #000; }
body { overflow: hidden; }

.hero {
  position: fixed;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width: 100vw; height: 100vh;
  object-fit: contain;         /* shows full image on all devices */
  background: #000;
}

/* Copyright centered and raised above OS bars */
.copyright {
  position: fixed;
  left: 50%;
  bottom: 7vh;                 /* raise above Windows taskbar */
  transform: translateX(-50%);
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: clamp(11px, 1.6vw, 13px);
  color: rgba(255,255,255,0.9);
  text-shadow: 0 2px 6px rgba(0,0,0,0.6);
  letter-spacing: 0.02em;
  pointer-events: none;
}

/* Small 'under construction' pill badge */
.badge {
  position: fixed;
  right: 2.2vw;
  bottom: 6.5vh;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: clamp(10px, 1.4vw, 12px);
  color: #1a1a1a;
  background: linear-gradient(180deg, #ffd24a, #ffb300);
  border-radius: 999px;
  padding: 6px 10px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.35);
  border: 1px solid rgba(0,0,0,0.15);
  user-select: none;
}

@media (max-width: 820px), (max-aspect-ratio: 10/16) {
  .copyright { bottom: 8vh; }
  .badge { bottom: 7vh; right: 4vw; }
}

/* Respect notches / safe areas */
@supports (padding: max(0px)) {
  body { padding-bottom: env(safe-area-inset-bottom); }
}