:root{color:#c8d0e2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;background:#050914;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}main{width:100%;height:100dvh;position:relative}#sky{touch-action:none;cursor:grab;width:100%;height:100%;display:block}#sky.is-dragging{cursor:grabbing}#sky:focus{outline:none}#sky:focus-visible{outline-offset:-6px;outline:1px solid #8497b7}[hidden]{display:none!important}.identity{top:calc(clamp(1.5rem, 6vh, 4rem) + env(safe-area-inset-top));left:calc(clamp(1.5rem, 5vw, 5rem) + env(safe-area-inset-left));right:calc(1.5rem + env(safe-area-inset-right));pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.eyebrow{letter-spacing:.22em;color:#99a7c1;font-size:.6rem;line-height:1.8}h1{letter-spacing:.32em;margin:.8rem 0;font-size:clamp(1.35rem,3vw,1.8rem);font-weight:300}.invitation{letter-spacing:.16em;color:#aab7cf;font-size:.72rem}.sky-guide{left:calc(clamp(1.5rem, 5vw, 5rem) + env(safe-area-inset-left));right:calc(clamp(1.5rem, 5vw, 5rem) + env(safe-area-inset-right));bottom:calc(1.5rem + env(safe-area-inset-bottom));pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.1em;color:#99a7c1;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.65rem;line-height:1.8;display:flex;position:absolute}.mode-name{white-space:nowrap}.mode-name>span:first-child{margin-right:.6rem}.mode-name>span:last-child{margin-left:.4rem}.touch-help{display:none}.motion-control{bottom:calc(4.5rem + env(safe-area-inset-bottom));right:calc(clamp(1.5rem, 5vw, 5rem) + env(safe-area-inset-right));text-align:right;z-index:2;position:absolute}button{color:#bdc9df;min-height:44px;font:inherit;letter-spacing:.08em;cursor:pointer;background:#0a1124cc;border:1px solid #36435c;border-radius:2rem;padding:.5rem .85rem;font-size:.7rem}button:hover{background:#162139}button:focus-visible{outline-offset:4px;outline:2px solid #a6bcde}button:disabled{cursor:default;color:#99a7c1}#motion-status{color:#99a7c1;margin:.5rem 0 0;font-size:.6rem}.twinkle-control{justify-content:flex-end;align-items:center;gap:.6rem;margin-top:.6rem;font-size:.7rem;display:flex}#twinkle-strength{accent-color:#a6bcde;cursor:pointer;width:8rem;min-height:44px;margin:0}#twinkle-value{min-width:2em}#twinkle-strength:focus-visible{outline-offset:4px;outline:2px solid #a6bcde}#preference-status{color:#99a7c1;max-width:15rem;margin:.5rem 0 0 auto;font-size:.6rem;line-height:1.6}@media (pointer:coarse){.pointer-help,.keyboard-help{display:none}.touch-help{display:inline}}@media (width<=600px){.motion-control{top:auto;bottom:calc(6.5rem + env(safe-area-inset-bottom))}.sky-guide{flex-direction:column;gap:0;font-size:.6rem}.sky-guide p{margin:.3rem 0}}@media (height<=450px){.identity{top:calc(.75rem + env(safe-area-inset-top))}.invitation{display:none}.sky-guide{bottom:calc(.6rem + env(safe-area-inset-bottom))}}#compatibility,.no-script{bottom:max(2rem, env(safe-area-inset-bottom));left:max(8vw, env(safe-area-inset-left));right:max(8vw, env(safe-area-inset-right));background:#0a1124;border:1px solid #26334b;border-radius:.4rem;padding:.7rem 1rem;font-size:.85rem;line-height:1.8;position:absolute}:is(main:has(#compatibility:not([hidden])) .sky-guide,main:has(#compatibility:not([hidden])) .motion-control,main:has(.no-script) .sky-guide){display:none}#settings-panel{width:min(21rem, calc(100vw - 3rem - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100dvh - 11rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;text-align:left;background:#0b1222f5;border:1px solid #35425c;border-radius:1rem;padding:1.25rem;position:absolute;bottom:calc(100% + .75rem);right:0;overflow-y:auto;box-shadow:0 1rem 4rem #0005}h2{letter-spacing:.12em;margin:0 0 .8rem;font-size:.9rem;font-weight:400}.setting-row{justify-content:space-between;align-items:center;gap:.7rem;min-height:48px;font-size:.75rem;display:flex}select{color:#d0dbef;min-width:8.5rem;max-width:72%;min-height:44px;font:inherit;background:#131e32;border:1px solid #36435c;border-radius:.5rem;padding:.4rem}select:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #a6bcde}.check-row{cursor:pointer}.check-row input{accent-color:#a6bcde;width:20px;height:20px}.setting-hint{color:#a4b1ca;margin:.25rem 0;font-size:.65rem;line-height:1.6}.setting-hint:empty{display:none}#fullscreen{width:100%;margin-top:.75rem}#hide-interface{width:100%;min-width:44px;margin-top:.75rem}#settings-panel .twinkle-control{justify-content:space-between;gap:.4rem}#settings-panel #twinkle-strength{flex:1;min-width:3rem;max-width:8rem}@media (height<=450px){.motion-control{bottom:calc(3.5rem + env(safe-area-inset-bottom))}#settings-panel{max-height:calc(100dvh - 12rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}main:has(#sky-mode option[value=fantasia]:checked) :is(.identity,.sky-guide,#motion-status,#preference-status){text-shadow:0 1px 3px #030719,0 0 8px #030719}main:has(#sky-mode option[value=fantasia]:checked) #motion-status:not(:empty){color:#dce5f7;background:#050914b8;border-radius:.4rem;padding:.3rem .5rem}.ui-overlay,.ui-idle-target{opacity:1;visibility:inherit;transition:opacity .35s,visibility}main.ui-hidden .ui-overlay,main.ui-idle .ui-idle-target{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility 0s .35s}main.ui-idle .motion-control{pointer-events:none}.interface-restore{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;min-height:0;padding:0;position:absolute;top:0;right:0;overflow:hidden}.interface-restore:focus-visible{top:calc(1rem + env(safe-area-inset-top));right:calc(1rem + env(safe-area-inset-right));clip-path:none;z-index:3;width:auto;height:auto;min-height:44px;padding:.5rem .85rem}@media (prefers-reduced-motion:reduce){.ui-overlay,.ui-idle-target,main.ui-hidden .ui-overlay,main.ui-idle .ui-idle-target{transition:none}}