/* Side Questies — the 16-bit front door (body.retro). Everything pixelated, no smoothing, no gradients:
   the FF-style blue menu window, a blinking hand cursor, chunky pixel borders. */
body.retro{background:#1a0b3d;color:#fff}
body.retro::before,body.retro::after{display:none}
.retro-bg{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;object-fit:cover;image-rendering:pixelated;image-rendering:crisp-edges;z-index:-1}
body.retro #app{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:calc(env(safe-area-inset-bottom) + 70px)}
.fwin{position:relative;margin:0 6px 16px;padding:18px 16px 16px;color:#fff;background:linear-gradient(180deg,#2a3fd8 0%,#1a2aa8 45%,#0a1260 100%);
  border:4px solid #fff;border-radius:8px;box-shadow:0 0 0 4px #000,inset 0 0 0 3px #6a7aff,8px 8px 0 4px rgba(0,0,0,.45);
  font-family:"Courier New",ui-monospace,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-shadow:2px 2px 0 #000;image-rendering:pixelated}
.fwin .plabel{display:block;height:16px;image-rendering:pixelated;margin-bottom:12px}
.fwin p{margin:0 0 12px;font-size:14px;line-height:1.5;color:#dfe6ff}
.fwin input.pix{font-family:"Courier New",ui-monospace,monospace;font-weight:700;font-size:26px;letter-spacing:.3em;text-align:center;text-transform:uppercase;
  background:#000;color:#fff;border:3px solid #fff;border-radius:0;box-shadow:inset 3px 3px 0 #444;caret-color:#ffd400;padding:12px 8px}
.fwin input.pix:focus{box-shadow:inset 3px 3px 0 #444,0 0 0 3px #ffd400}
.pbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:14px;padding:12px;background:#000;color:#ffd400;border:3px solid #fff;
  font-family:"Courier New",ui-monospace,monospace;font-weight:700;font-size:20px;letter-spacing:.2em;text-transform:uppercase;text-shadow:2px 2px 0 #7a4a00;box-shadow:4px 4px 0 #000}
.pbtn:active{transform:translate(4px,4px);box-shadow:none}
.pbtn .hand{animation:hand .5s steps(2) infinite}
@keyframes hand{50%{transform:translateX(5px)}}
.perr{color:#ff8a8a;font-size:13px;margin:-4px 0 10px}
.plink{display:block;margin:0 auto;padding:6px 10px;font-family:"Courier New",ui-monospace,monospace;font-weight:700;font-size:14px;letter-spacing:.15em;color:#fff;text-transform:uppercase;text-shadow:2px 2px 0 #000;background:rgba(0,0,0,.35)}
.plink[hidden]{display:none}   /* (display:block beat hidden: an empty ► BACK TO box showed under PARENT MODE) */
.plink.pinst{margin-top:10px;font-size:12px;letter-spacing:.12em}   /* 📲 Install the app (boot.js shows it) */
body.warping #app{animation:warpout 1s steps(8) forwards}
@keyframes warpout{to{opacity:0;transform:scale(1.4);filter:blur(4px)}}
/* the copyright credit: pinned to the bottom of the screen (clear of the iPhone home bar), never cropped by the scene */
.pcredit{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 10px);display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none}
.pcredit img{display:block;height:16px;image-rendering:pixelated}