*{box-sizing:border-box}html{background:#01040a}body{margin:0;height:1800vh;overflow-x:hidden;background:#01040a;color:#bfe9ff;font-family:Arial,sans-serif}canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:pan-y pinch-zoom}.edge{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.24) 70%,rgba(0,0,0,.76) 115%)}.hint{position:fixed;top:24px;left:0;right:0;text-align:center;color:#7292aa;font:10px/1 Arial;letter-spacing:.22em;text-transform:uppercase;transition:opacity .3s;pointer-events:none}nav{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:9px;z-index:3}button{padding:12px 10px;border:0;background:transparent;color:#617d92;font:10px/1 Arial;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}button[aria-current=true]{color:#c9f2ff}button:focus-visible{outline:1px solid #74cfff}#progress{position:fixed;bottom:0;left:0;width:100%;height:1px;background:#69d5ff;transform:scaleX(0);transform-origin:left;opacity:.48}#error{display:none;position:fixed;inset:40% 12%;margin:0;text-align:center;color:#b7d7e8;font:15px/1.5 Arial}@media(prefers-reduced-motion:reduce){body{height:100vh}.hint,nav,#progress{display:none}}@media(max-width:600px){nav{bottom:13px;gap:2px}button{font-size:9px;padding:11px 7px}}