:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{color:#e7ecff;background:radial-gradient(circle at 50% 40%,#131a33 0%,#060814 70%,#030308 100%);margin:0;font-family:system-ui,sans-serif;overflow:hidden}header{z-index:2;pointer-events:none;align-items:baseline;gap:1.5rem;padding:1rem 1.25rem;display:flex;position:fixed;inset:0 0 auto}header h1{letter-spacing:.04em;color:#cdd6ff;opacity:.75;margin:0;font-size:.95rem;font-weight:500}header nav{pointer-events:auto}header nav a{color:#8fa4ff;opacity:.7;font-size:.85rem;text-decoration:none}header nav a:hover{opacity:1}main{width:100%;height:100%;position:relative}#sky{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.hint{letter-spacing:.08em;text-transform:uppercase;color:#cdd6ff;opacity:.55;pointer-events:none;z-index:1;margin:0;font-size:.85rem;transition:opacity 1.2s;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.hint.is-hidden{opacity:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}