/* SITIO · cada escena vive en su propio marco a pantalla completa; esta página las encadena con las flechas del teclado */
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%;overflow:hidden;background:#f4f1df}
iframe{position:fixed;inset:0;width:100vw;height:100vh;border:0;background:#f4f1df}
#escenaNueva{visibility:hidden}
/* pista discreta para quien no sabe que se avanza con las flechas */
#hint{position:fixed;left:50%;bottom:4.2vh;transform:translateX(-50%);opacity:0;pointer-events:none;z-index:5;
  font:600 clamp(12px,1.1vw,17px)/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:.02em;
  color:#fff;background:rgba(20,20,20,.38);padding:.8em 1.3em;border-radius:999px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  transition:opacity .8s ease}
#hint.on{opacity:1}
#hint b{font-weight:800;margin:0 .15em}