/* ============================================================
   cover.css — screen 1: spinning-gear cover + title + tap hint
   ============================================================ */
#cover{cursor:pointer}
#cover .bgtex{opacity:.57;z-index:0}
/* Figma "Rectangle 33" (plus-darker over black darkens gears toward indigo, keeping blue).
   plus-darker is Safari/WebKit-only, so instead of the blend mode we tint the overlay itself a
   deep indigo -> works identically in every browser (Chrome included): gears stay blue as they darken. */
.cover-grad{
  position:absolute;left:0;top:0;width:100%;height:100%;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(6,8,34,0) 0%,rgba(6,8,34,.5) 55%,rgba(6,8,34,.82) 100%);
}
.tap-hint{
  position:absolute;left:0;right:0;bottom:30px;z-index:40;
  text-align:center;font-family:"Gaegu",cursive;
  color:var(--cream);font-size:15px;letter-spacing:.18em;
  text-shadow:0 2px 10px #000,0 0 3px #000;
  animation:bob 1.9s ease-in-out infinite;pointer-events:none;
}
.tap-hint .pulse{display:block;font-size:22px;margin-top:3px;color:var(--yellow)}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}