html,body,#root{height:100%;margin:0}body{overscroll-behavior:none;background:#79e3cc;font-family:system-ui,sans-serif}canvas{touch-action:none;display:block}.fallback{text-align:center;color:#223;max-width:32rem;margin:20vh auto;padding:0 16px}.jump{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#222a;border:0;border-radius:50%;width:72px;height:72px;font-size:16px;position:fixed;bottom:24px;right:24px}.world{height:100%}.title{pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;padding:12vh 16px;transition:opacity .6s;display:flex;position:fixed;inset:0}.title h1{letter-spacing:.08em;color:#223;margin:0;font-size:clamp(40px,10vw,88px)}.begin{pointer-events:auto;color:#fff;touch-action:none;background:#222;border:0;border-radius:999px;padding:14px 40px;font-size:18px}.begin:disabled{opacity:.5}.world:not([data-phase=title]) .title{opacity:0}.world:not([data-phase=title]) .begin{pointer-events:none}.hint{color:#fff;pointer-events:none;background:#222a;border-radius:999px;margin:0;padding:8px 16px;position:fixed;top:16px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.title{transition-duration:.4s}}