html,body{background:#000;height:100%;margin:0;overflow:hidden}#viewport{image-rendering:pixelated;touch-action:none;margin:0 auto;display:block}#gate{color:#54e508;text-align:center;cursor:pointer;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;font-family:"Press Start 2P",monospace;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#gate.hidden{display:none}#gate .title{margin:0;font-size:clamp(1rem,4vw,2rem)}#gate .hint{margin:0;font-size:clamp(.6rem,2vw,1rem);animation:1.1s steps(2,end) infinite blink}#gate .keys{opacity:.65;margin:0;font-size:clamp(.4rem,1.4vw,.6rem);line-height:1.9}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){#gate .hint{animation:none}}#dead{color:#e04a2a;text-align:center;cursor:pointer;background:#1e00009e;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;font-family:"Press Start 2P",monospace;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#dead.hidden{display:none}#dead .title{margin:0;font-size:clamp(.8rem,3vw,1.6rem)}#dead .hint{opacity:.85;margin:0;font-size:clamp(.55rem,1.8vw,.9rem)}