html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#renderCanvas{touch-action:none;width:100%;height:100%}#display-fps{text-align:center;color:#ca7497;width:80px;height:35px;font-size:16px;line-height:35px;position:absolute;top:0;right:0}.screen-root{--screen-bg:#05070d;--screen-fg:#e8f1ff;--screen-accent:#5cc8ff;--screen-gap:clamp(1.5rem, 6vh, 4rem);--screen-frame-radius:.75rem;--screen-frame-glow:0 0 2rem color-mix(in srgb, var(--screen-accent) 25%, transparent);z-index:100;display:flex;position:fixed;inset:0}.screen-root[hidden]{display:none}.screen{justify-content:center;align-items:center;gap:var(--screen-gap);min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));box-sizing:border-box;background:radial-gradient(ellipse at center, #0d1626 0%, var(--screen-bg) 70%);color:var(--screen-fg);text-align:center;user-select:none;flex-direction:column;flex:1;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.screen__logo{aspect-ratio:16/9;border:2px dashed color-mix(in srgb, var(--screen-fg) 50%, transparent);letter-spacing:.15em;border-radius:.75rem;place-items:center;width:min(70vw,32rem);font-size:clamp(1.25rem,4vw,2.5rem);font-weight:700;display:grid}.screen__title{letter-spacing:.25em;text-transform:uppercase;margin:0;font-size:clamp(1.25rem,4vw,2rem)}.screen__prompt{letter-spacing:.3em;text-transform:uppercase;color:var(--screen-accent);margin:0;font-size:clamp(.9rem,2.5vw,1.25rem);animation:1.4s ease-in-out infinite screen-blink}.screen__progress{background:color-mix(in srgb, var(--screen-fg) 15%, transparent);border-radius:999px;width:min(70vw,28rem);height:.5rem;overflow:hidden}.screen__progress-bar{border-radius:inherit;background:var(--screen-accent);width:40%;height:100%;animation:1.2s ease-in-out infinite screen-indeterminate}@keyframes screen-blink{50%{opacity:.25}}@keyframes screen-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.screen__prompt,.screen__progress-bar{animation:none}}.screen__status{letter-spacing:.1em;opacity:.8;min-height:1.5em;margin:0;font-size:clamp(.8rem,2vw,1rem)}.screen__progress--determinate .screen__progress-bar{width:calc(var(--progress,0) * 100%);transition:width .2s ease-out;animation:none;transform:none}.screen-root{overflow-y:auto}.screen__keymap{object-fit:contain;border-radius:var(--screen-frame-radius);width:auto;max-width:min(92vw,64rem);height:auto;max-height:58dvh;box-shadow:var(--screen-frame-glow);display:block}@media (orientation:landscape) and (height<=32rem){.screen--controls{gap:.75rem}.screen--controls .screen__title{display:none}.screen__keymap{max-height:62dvh}}.screen__brief{opacity:.9;max-width:min(90vw,40rem);margin:0;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.5}.screen--splash .screen__background-container{place-items:center;width:auto;height:auto;display:grid;position:absolute;inset:6% 10% 18%}.screen--splash .screen__background-img{object-fit:contain;border-radius:var(--screen-frame-radius);width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:var(--screen-frame-glow);display:block}.screen--splash .screen__content{place-items:center;height:18%;display:grid;position:absolute;bottom:0;left:0;right:0}