.compass.svelte-jhp09w{display:flex;justify-content:center;position:relative;align-items:center;border-radius:50%;width:100%;aspect-ratio:1;transition:transform .4s ease}.rotator.svelte-jhp09w{position:absolute;top:50%;left:50%;transform-origin:center;transform:translate(-50%,-50%) rotate(var(--degrees));transition:transform .4s ease}.square.svelte-jhp09w{width:115px;aspect-ratio:1;background:#e4e4e4 radial-gradient(rgba(0,0,0,.25),transparent);transform:translateY(var(--center-distance)) rotate(-90deg);border-radius:50%;clip-path:polygon(0 50%,75% 100%,75% 0)}.smartphone .compass .square{width:60px}.animate.svelte-jhp09w{transition:transform .4s ease}.circle.svelte-jhp09w{background-size:cover;background-position:center;width:200px;aspect-ratio:1;position:absolute;top:50%;left:50%;border-radius:50%;display:flex;justify-content:center;align-items:center;transform:translate(-50%,-50%) rotate(var(--degrees))}.compass.svelte-jhp09w:active{opacity:.75}.character:active .platform .layer{transform:translateY(-50%) rotateX(var(--rotate))}.character:active .avatar{transform:translate(-50%,20px)}.character.svelte-1vlotah{position:fixed;width:120px;top:calc(50% + 10px);left:50%;transform:translate(-50%,-50%);transition:opacity .25s ease;pointer-events:none}.smartphone .character{width:60px}.avatar.svelte-1vlotah{position:absolute;width:100%;bottom:0;left:50%;transform:translate(-50%);pointer-events:none;z-index:2;line-height:0;transition:transform .5s cubic-bezier(.02,1.35,.53,1),opacity .5s ease}.question-mark.svelte-1vlotah{position:absolute;top:50%;left:50%;font-size:60px;transform:translate(calc(-50% + 4px),calc(-50% + -0px))}.smartphone .character .question-mark{font-size:30px}.character .icon-character.icon-character{transform:translate(32%)}.blurred.svelte-1vlotah{transition:filter .25s ease;filter:blur(1px)}.hidden.svelte-1vlotah{opacity:0}.world.svelte-ql30y4{position:relative;perspective:300px;overflow:hidden;height:100%;background:black;user-select:none;transition:transform .25s ease}.offset-zoom.svelte-ql30y4{transform:translateY(150px) scale(3.5)}.laptop .world.offset-zoom{transform:translateY(250px) scale(3.5)}.smartphone .world.offset-zoom{transform:translateY(50px) scale(3.5)}.zoom.svelte-ql30y4{transform:scale(3)}