/* ============================================================
   Fixy — Página "en construcción" con minijuego (estética
   monocroma tipo juego del dinosaurio de Chrome sin conexión).
   ============================================================ */

.construction-hero{padding:56px 0 24px;text-align:center}
.construction-hero .eyebrow{text-align:center}
.construction-hero h1{font-size:clamp(28px,5vw,44px);font-weight:800;margin:10px 0 12px;max-width:18ch;margin-left:auto;margin-right:auto}
.construction-hero p{color:var(--ink-soft);font-size:17px;max-width:52ch;margin:0 auto}

.construction-game-wrap{padding:8px 0 64px}
.construction-game-frame{
  max-width:720px;
  margin:0 auto;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:18px 18px 22px;
}
.construction-game-hud{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:baseline;
  gap:6px 12px;
  margin-bottom:10px;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  color:#535353;
  font-size:13px;
  letter-spacing:.04em;
}
.construction-game-hud b{color:var(--ink);font-weight:700}
.construction-game-canvas-box{
  position:relative;
  width:100%;
  aspect-ratio:3/1;
  min-height:140px;
  background:#fff;
  touch-action:manipulation;
  cursor:pointer;
}
.construction-game-canvas-box canvas{
  display:block;
  width:100%;
  height:100%;
}
.construction-game-prompt{
  margin-top:12px;
  text-align:center;
  font-size:13px;
  font-weight:700;
  color:var(--ink-soft);
  letter-spacing:.03em;
}
.construction-game-controls{
  margin-top:14px;
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.construction-back{
  margin-top:26px;
  text-align:center;
}

@media(max-width:600px){
  .construction-hero{padding:40px 0 16px}
  .construction-game-frame{padding:14px 12px 18px;border-radius:14px}
  .construction-game-hud{font-size:12px}
}

@media(prefers-reduced-motion:reduce){
  .construction-game-canvas-box{scroll-behavior:auto}
}
