:root{--ink: #f0efe9;--paper: #0a0a0b;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}html,body{margin:0;background:var(--paper);color:var(--ink);font:400 14px/1.4 var(--mono);overscroll-behavior:none}.journey{height:700vh}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75em;background:var(--paper);letter-spacing:.08em}.gate[hidden]{display:none}.gate p{margin:0}.gate .gate-title{font-size:2.5em;font-weight:700;letter-spacing:.3em;margin-bottom:.5em}.gate button{font:inherit;letter-spacing:inherit;color:var(--ink);background:none;border:0;padding:.6em 1em;min-height:44px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.gate button:hover,.gate button:focus-visible{background:var(--ink);color:var(--paper);outline:none}.stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;image-rendering:pixelated;pointer-events:none}.face{position:fixed;top:12px;right:12px;z-index:5;width:224px;height:256px;image-rendering:pixelated;pointer-events:none}.face[hidden]{display:none}@media(max-width:600px){.face{width:140px;height:160px}}.readout{position:fixed;left:1em;bottom:1em;z-index:5;font-variant-numeric:tabular-nums;letter-spacing:.08em}