:root{--display-scale: 1;--base-font-size: calc(50px * var(--display-scale));--title-font-size: calc(1.5 * var(--base-font-size));--app-font-family: "Delius Swash Caps", Arial, sans-serif}*{-webkit-user-select:none;user-select:none;touch-action:none}body{-webkit-text-size-adjust:100%}html,body{width:100%;height:100%;overflow:hidden;margin:0;padding:0;background:#888;font-size:var(--base-font-size);font-family:var(--app-font-family)}#appContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}#appContainerInner{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%}#app{aspect-ratio:9 / 16;width:calc(1080px * var(--display-scale));height:calc(1920px * var(--display-scale));background:linear-gradient(#87cefa,#2fa7ef);position:relative}@keyframes show-walk{0%{visibility:visible}to{visibility:hidden}}svg[data-v-8a7b59a9]{position:absolute}.userInterface[data-v-8a7b59a9]{position:absolute;width:100%;height:100%}.submit[data-v-8a7b59a9]{position:absolute;display:flex;justify-content:center;align-items:center;right:calc(100px * var(--display-scale));bottom:calc(100px * var(--display-scale));width:calc(250px * var(--display-scale));height:calc(250px * var(--display-scale));border:#222 solid calc(5px * var(--display-scale));border-radius:50%;background:#fff;transition:background .2s ease-out;pointer-events:all}.submit[data-v-8a7b59a9]:hover{background:#ccc;transition:background .2s ease-in}.submit img[data-v-8a7b59a9]{display:block;width:65%;height:65%}.startGame[data-v-8a7b59a9]{position:absolute;display:flex;justify-content:center;align-items:center;right:calc(340px * var(--display-scale));bottom:calc(760px * var(--display-scale));width:calc(400px * var(--display-scale));height:calc(400px * var(--display-scale));border:#222 solid calc(10px * var(--display-scale));border-radius:50%;background:#fff;transition:background .2s ease-out;pointer-events:all}.startGame[data-v-8a7b59a9]:hover{background:#ccc;transition:background .2s ease-in}.startGame img[data-v-8a7b59a9]{display:block;width:65%;height:65%;padding-left:10%}.bubbleMatch[data-v-8a7b59a9]{position:absolute;left:calc(50px * var(--display-scale));top:calc(750px * var(--display-scale));width:calc(980px * var(--display-scale));height:calc(250px * var(--display-scale));background:linear-gradient(135deg,#eee,#ddd);border-bottom:#bbb solid calc(5px * var(--display-scale));border-right:#bbb solid calc(5px * var(--display-scale));border-radius:calc(50px * var(--display-scale));box-sizing:border-box}.matchProgressBackground[data-v-8a7b59a9]{position:absolute;left:calc(50px * var(--display-scale));top:calc(85px * var(--display-scale));width:calc(680px * var(--display-scale));height:calc(80px * var(--display-scale));border-radius:calc(40px * var(--display-scale));background:#888;border-bottom:#222 solid calc(5px * var(--display-scale));border-right:#222 solid calc(5px * var(--display-scale));box-sizing:border-box}.matchProgress[data-v-8a7b59a9]{width:calc(80px * var(--display-scale));height:100%;border-radius:calc(40px * var(--display-scale));overflow:hidden;box-sizing:border-box;transition:width 2s ease-in-out}.matchGradient[data-v-8a7b59a9]{width:calc(680px * var(--display-scale));height:100%;background:linear-gradient(90deg,#d02b20,#fc0 45%,#21af21 90%);box-sizing:border-box}.next[data-v-8a7b59a9]{position:absolute;display:flex;justify-content:center;align-items:center;right:calc(50px * var(--display-scale));bottom:calc(50px * var(--display-scale));width:calc(150px * var(--display-scale));height:calc(150px * var(--display-scale));border:#222 solid calc(5px * var(--display-scale));border-radius:50%;background:#fff;transition:background .2s ease-out;pointer-events:all}.next[data-v-8a7b59a9]:hover{background:#ccc;transition:background .2s ease-in}.next img[data-v-8a7b59a9]{display:block;width:80%;height:80%}.userInterface[data-v-8a7b59a9]{pointer-events:none}.fingerDemo[data-v-8a7b59a9]{animation:2s ease-in-out infinite normal finger-slide-8a7b59a9}.walkIn[data-v-8a7b59a9]>*,.walkOut[data-v-8a7b59a9]>*{visibility:hidden}.thoughtBubble[data-v-8a7b59a9]{animation:1s ease-in-out 1 scale-in-8a7b59a9}.thoughtBubbleShrink[data-v-8a7b59a9]{animation:1s ease-in-out 1 scale-out-8a7b59a9}.fingerBounce[data-v-8a7b59a9]{position:absolute;left:50%;top:50%;animation:1s ease-in-out infinite alternate bounce-8a7b59a9}@keyframes finger-slide-8a7b59a9{0%{transform:translate(540px,540px) scale(var(--display-scale))}to{transform:translate(390px,390px) scale(var(--display-scale))}}@keyframes scale-in-8a7b59a9{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes scale-out-8a7b59a9{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes bounce-8a7b59a9{0%{transform:scale(var(--display-scale)) translate(0)}to{transform:scale(var(--display-scale)) translate(60px,60px)}}
