:root{transition:all .3s ease;--color-space-bg-rgb:10,10,30;--color-space-bg:rgb(var(--color-space-bg-rgb));--color-primary-400-rgb:100,149,237;--color-primary-400:rgb(var(--color-primary-400-rgb));--color-secondary-400-rgb:147,112,219;--color-secondary-400:rgb(var(--color-secondary-400-rgb));--star-color-rgb:255,255,255;--star-color:rgb(var(--star-color-rgb));--color-accent-400-rgb:135,206,250;--color-accent-400:rgb(var(--color-accent-400-rgb));--hover-gradient-color-1-rgb:65,105,225;--hover-gradient-color-2-rgb:147,112,219;--hover-gradient-color-3-rgb:135,206,250;--directional-light-1-rgb:255,255,255;--directional-light-2-rgb:var(--color-secondary-400-rgb);--ambient-light-rgb:var(--color-accent-400-rgb);--logo-directional-light-rgb:var(--color-primary-400-rgb);--logo-point-light-rgb:var(--color-secondary-400-rgb)}[data-theme=dark]{--color-space-bg-rgb:20,20,40;--color-primary-400-rgb:135,206,235;--color-secondary-400-rgb:186,85,211;--color-star-rgb:240,240,240;--color-accent-400-rgb:176,224,230;--hover-gradient-color-1-rgb:75,0,130;--hover-gradient-color-2-rgb:186,85,211;--hover-gradient-color-3-rgb:135,206,235}.world{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.canvasContainer{width:100%;height:100%;position:relative}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-primary-400);font-size:1.2rem;font-weight:600}.hover-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none;background:radial-gradient(circle at center,rgba(var(--color-space-bg-rgb),.8) 0,rgba(var(--color-space-bg-rgb),.9) 50%,rgba(var(--color-space-bg-rgb),1) 100%)}.wrapper{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.landing-page{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8" fill="rgba(100, 149, 237, 0.8)" stroke="white" stroke-width="2"/><circle cx="12" cy="12" r="4" fill="white"/></svg>') 12 12,auto}.name{position:relative;z-index:2;width:100%;max-width:500px;height:300px;margin:2rem}.touch-indicator{position:fixed;width:60px;height:60px;border:none;border-radius:50%;pointer-events:none;z-index:9998;opacity:0;transform:scale(.5);transition:all .3s cubic-bezier(.25,.46,.45,.94);background:radial-gradient(circle,rgba(var(--color-primary-400-rgb),.5) 0,rgba(var(--color-secondary-400-rgb),.3) 30%,transparent 100%);box-shadow:0 0 10px rgba(var(--star-color-rgb),.8)}.touch-indicator.active{opacity:.9;transform:scale(1)}.touch-indicator.ripple{opacity:0;transform:scale(2.5);box-shadow:0 0 20px rgba(var(--star-color-rgb),.5)}@media (max-width:768px){.wrapper{cursor:auto}.name{margin:1rem;height:250px}}@media (max-width:480px){.name{height:200px}}@media (prefers-reduced-motion:reduce){.login-link:hover,.touch-indicator,.touch-indicator.active,.touch-indicator.ripple{transform:none;transition:none}}.landing-page a:hover,.landing-page button:hover{color:var(--star-color);transform:translateY(-2px);cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="rgba(135, 206, 250, 0.8)" stroke="white" stroke-width="2"/><circle cx="12" cy="12" r="6" fill="white"/></svg>') 12 12,auto}