/* HACKER DE PUEBLO · V63.0: barra Tesla y glows idénticos a la cocina V58.1. */
#v63-tesla-progress{
  position:fixed;z-index:2147483010;bottom:max(10px,env(safe-area-inset-bottom));
  left:50%;transform:translateX(-50%);display:grid;
  grid-template-columns:28px max-content 28px;align-items:center;column-gap:7px;
  padding:6px 8px;background:rgba(5,10,14,.72);border:1px solid rgba(218,229,219,.20);
  border-radius:10px;box-shadow:0 7px 25px rgba(0,0,0,.43);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#d8edbb;
}
#v63-tesla-progress[hidden]{display:none!important}
#v63-tesla-progress .v63-progress-dots{display:flex;align-items:center;gap:4px}
#v63-tesla-progress .v63-progress-cell{
  box-sizing:border-box;width:21px;height:21px;display:grid;place-items:center;flex:none;
  background:linear-gradient(155deg,#414349,#282a2e);
  border:1px solid rgba(218,220,225,.24);border-radius:5px;
  box-shadow:inset 0 1px 1px #fff2,0 1px 4px #0008;color:transparent;
  transition:background .35s,border-color .35s,color .35s;
}
#v63-tesla-progress .v63-progress-cell[data-solved="true"]{
  color:#e0ffaa;background:linear-gradient(145deg,#28483b,#0d2d24);
  border-color:rgba(172,255,119,.68);box-shadow:0 0 6px #78e87b40;
}
#v63-tesla-progress .v63-progress-cell svg{width:13px;height:13px;display:block}
#v63-tesla-progress .v63-progress-prev,#v63-tesla-progress .v63-progress-next{
  box-sizing:border-box;width:28px;height:26px;display:grid;place-items:center;
  margin:0;padding:0;border:1px solid #baf8937a;color:#dfffc9;background:#1c4234;
  box-shadow:0 0 8px #6cfa6930;border-radius:6px;cursor:pointer;
  font:700 19px/1 system-ui,-apple-system,sans-serif;
}
#v63-tesla-progress .v63-progress-next[hidden]{display:grid!important;visibility:hidden!important;pointer-events:none!important}
#v63-tesla-progress button:focus-visible{outline:2px solid white;outline-offset:2px}
body:has(#v60-sheet) #v63-tesla-progress{pointer-events:none!important}
body:has(#v63-bedroom[open]) #v63-tesla-progress{opacity:0;pointer-events:none}
@media(max-width:560px){
  #v63-tesla-progress{grid-template-columns:24px max-content 24px;column-gap:4px;padding:5px;bottom:max(7px,env(safe-area-inset-bottom))}
  #v63-tesla-progress .v63-progress-dots{gap:3px}
  #v63-tesla-progress .v63-progress-cell{width:18px;height:18px;border-radius:4px}
  #v63-tesla-progress .v63-progress-cell svg{width:11px;height:11px}
  #v63-tesla-progress .v63-progress-prev,#v63-tesla-progress .v63-progress-next{width:24px;height:23px;font-size:16px}
}
/* Hotspots Tesla: igual que cocina V58.1: invisibles en reposo, verde suave al hover/foco. */
.v62-tesla-scene .v62-hotspot{
  border:0!important;outline:0;box-shadow:none!important;background:none!important;
  isolation:isolate;border-radius:45%;
}
.v62-tesla-scene .v62-hotspot::before{
  content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;
  transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  visibility:hidden;opacity:0;transition:opacity .12s ease;
  mix-blend-mode:screen;
  background:radial-gradient(circle,rgba(162,255,86,.38) 0%,rgba(115,249,58,.20) 30%,rgba(91,247,50,.10) 55%,transparent 76%);
  box-shadow:0 0 9px 3px rgba(104,239,73,.14);
}
.v62-tesla-scene .v62-hotspot.v62-badge::before{width:30px;height:30px}
.v62-tesla-scene .v62-hotspot::after{content:none!important;display:none!important}
@media(hover:hover) and (pointer:fine){
  .v62-tesla-scene .v62-hotspot:hover::before{
    visibility:visible;opacity:1;filter:brightness(1.65);
    box-shadow:0 0 13px 5px rgba(124,246,76,.42);
  }
  .v62-tesla-scene .v62-hotspot[data-v63-discovered="true"]:hover::before{opacity:.55}
}
.v62-tesla-scene .v62-hotspot:focus-visible{outline:2px solid #ddff9e!important;outline-offset:1px}
.v62-tesla-scene .v62-hotspot:focus-visible::before{visibility:visible;opacity:1}
@media(hover:none){.v62-tesla-scene .v62-hotspot:active::before{visibility:visible;opacity:1}}
/* El dormitorio se desbloquea tras los tres enigmas; su imagen definitiva está pendiente. */
#v63-bedroom{
  box-sizing:border-box;position:fixed;inset:0;margin:0;width:100vw;max-width:none;
  height:100dvh;max-height:none;border:0;padding:0;color:#f0ede8;
  background:radial-gradient(ellipse at 56% 37%,#253036 0%,#121a21 55%,#070b11 100%);
}
#v63-bedroom::backdrop{background:#020508}
#v63-bedroom:not([open]){display:none}
#v63-bedroom .v63-bedroom-panel{
  min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;
  gap:18px;padding:42px 24px;text-align:center;box-sizing:border-box;
}
#v63-bedroom .v63-bedroom-eyebrow{font:600 11px/1.4 system-ui;letter-spacing:.23em;color:#bdbeaa}
#v63-bedroom h2{font:400 clamp(35px,7vw,86px)/1.05 Georgia,serif;letter-spacing:.17em;margin:0}
#v63-bedroom .v63-bedroom-note{font:400 15px/1.8 system-ui;max-width:470px;color:#c0c5c8}
#v63-bedroom .v63-bedroom-back{margin-top:18px;padding:11px 18px;background:#101c21;color:#e2eadd;border:1px solid #a0b0a3aa;border-radius:8px;cursor:pointer}
#v63-bedroom .v63-bedroom-back:focus-visible{outline:2px solid #ddff9e;outline-offset:3px}