*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#09090b}#gridCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:0}.splash{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;z-index:1}.splash-center{position:relative;display:flex;align-items:center;justify-content:center;z-index:2}.splash-logo{opacity:0;animation:logoReveal 1s ease-out .4s forwards;transition:transform .35s ease}.splash-logo img{width:clamp(160px,22vw,320px);height:auto;filter:brightness(100%);transition:filter .35s ease}.splash:hover .splash-logo{transform:scale(1.02)}@keyframes logoReveal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.splash-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:2;color:#fff3;font-size:.7rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;opacity:0;animation:hintFadeIn .8s ease-out 1.6s forwards}@keyframes hintFadeIn{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.splash.fade-out{transition:opacity .5s ease;opacity:0}