:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#030304;--ink:#d8dce4;--ink-dim:#d8dce499;--accent:#b8862f;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;overflow:hidden}a{color:var(--accent)}header{position:absolute;inset:0 auto auto 0}main{width:100%;height:100dvh;position:relative;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.vignette{z-index:4;pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#780a0a8c 100%);position:absolute;inset:0}.start-overlay,.end-screen{z-index:10;background:#030304e0;flex-direction:column;justify-content:center;align-items:center;gap:2rem;position:absolute;inset:0}.start-overlay:not([hidden]),.end-screen:not([hidden]){display:flex}.start-overlay h1,.end-screen p{letter-spacing:.3em;text-align:center;color:var(--ink);margin:0;font-size:clamp(1.75rem,6vw,3rem);font-weight:600}.start-button,.restart-button{cursor:pointer;background:#d8dce414;border:1px solid #d8dce459;border-radius:50%;width:clamp(4rem,14vw,5.5rem);height:clamp(4rem,14vw,5.5rem);animation:2.4s ease-in-out infinite pulse}.start-button:after,.restart-button:after{content:"";border-style:solid;border-width:.7em 0 .7em 1.1em;border-color:transparent transparent transparent var(--ink);width:0;height:0;margin:0 auto;display:block}.restart-button:after{border:.15em solid var(--ink);border-top-color:#0000;border-radius:50%;width:.9em;height:.9em;margin:0 auto}@keyframes pulse{0%,to{box-shadow:0 0 #d8dce433}50%{box-shadow:0 0 0 1rem #d8dce400}}@media (prefers-reduced-motion:reduce){.start-button,.restart-button{animation:none}}.minimap{top:calc(1rem + var(--safe-top));left:calc(1rem + var(--safe-left));z-index:5;pointer-events:none;background:#0303048c;border-radius:.4rem;position:absolute;overflow:hidden}.joystick{left:calc(2rem + var(--safe-left));bottom:calc(2rem + var(--safe-bottom));z-index:5;touch-action:none;background:#d8dce41a;border:1px solid #d8dce433;border-radius:50%;width:8.5rem;height:8.5rem;position:absolute}.joystick:not([hidden]){display:block}.joystick-knob{pointer-events:none;background:#d8dce44d;border-radius:50%;width:3.4rem;height:3.4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
