*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#000;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;overflow:hidden}.atmospheric-text{z-index:100;pointer-events:none;letter-spacing:.15em;color:#fff9;text-transform:lowercase;opacity:0;font-size:1.1rem;font-weight:200;transition:opacity 2s;position:fixed}.atmospheric-text.visible{opacity:1}.atmospheric-text.center{top:50%;left:50%;transform:translate(-50%,-50%)}.atmospheric-text.bottom{bottom:12%;left:50%;transform:translate(-50%)}.scene-container{background:#000;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.fade-overlay{pointer-events:none;z-index:50;background:#000;transition:opacity 4s;position:fixed;inset:0}.time-display{z-index:80;letter-spacing:.1em;color:#ffffff26;font-variant-numeric:tabular-nums;pointer-events:none;font-size:.65rem;font-weight:300;transition:opacity 3s;position:fixed;bottom:12px;right:16px}.sound-toggle{z-index:90;color:#fff3;cursor:pointer;background:0 0;border:none;outline:none;padding:6px;font-size:1rem;line-height:1;transition:opacity .5s,color .3s;position:fixed;bottom:10px;left:14px}.sound-toggle:hover{color:#fff6}.ending-container{z-index:200;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ending-text{letter-spacing:.2em;color:#fff0;text-align:center;font-size:1.3rem;font-weight:200;line-height:2;transition:opacity 3s}.ending-text.visible{color:#ffffffb3}.return-text{letter-spacing:.15em;color:#ffffff80;font-size:1rem;font-weight:200}canvas{width:100%;height:100%;display:block}@media (width<=768px){.atmospheric-text{font-size:.9rem}.time-display{font-size:.55rem}.ending-text{font-size:1.1rem}}@media (width<=480px){.atmospheric-text{font-size:.8rem}}