:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;overflow:hidden}#root{width:100vw;height:100vh;margin:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.background{background:linear-gradient(to right,#ff8eff,#00aeff);position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-999}.background .pierogo-pattern{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-999;background-size:200px;background-position:center;opacity:0;animation:bg-anim-hor 2s linear infinite,bg-anim-vert 6s ease-in-out infinite,bg-entrance .5s ease-in forwards 1.5s}@keyframes bg-entrance{0%{opacity:0}to{opacity:.07}}@keyframes bg-anim-hor{0%{background-position-x:0}to{background-position-x:200px}}@keyframes bg-anim-vert{0%{background-position-y:-100px}50%{background-position-y:100px}to{background-position-y:-100px}}.background .background-item{width:100%;height:100%;box-sizing:border-box;padding:30px;border:1px solid white;opacity:0;animation:bg-item-fadein .3s ease-in-out forwards,bg-item-y .55s linear infinite,bg-colors 4s linear infinite}@keyframes bg-item-fadein{0%{opacity:0}80%{opacity:1}to{opacity:.8}}@keyframes bg-item-y{0%{transform:translate(-2px,-2px)}25%{transform:translate(2px,-2px)}50%{transform:translate(2px,2px)}75%{transform:translate(-2px,2px)}to{transform:translate(-2px,-2px)}}@keyframes bg-colors{0%{border-color:#ff8eff;border-width:12px}50%{border-color:#00aeff;border-width:4px}to{border-color:#ff8eff;border-width:12px}}.background .background-item.item-0{border:none;z-index:-999;background-size:200px;background-position:center}.intro-page .enter{position:relative;margin:8px auto 0;padding:0 24px;height:42px;width:fit-content;display:flex;justify-content:center;align-items:center;z-index:1}.intro-page .enter .enter-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;color:inherit;font:inherit;background:transparent;cursor:pointer;transition:opacity .25s ease}.intro-page .enter .space{background:#000;z-index:-1;width:100%;height:42px;content:"";left:50%;top:50%;transform:translate(-50%,-50%);position:absolute;pointer-events:none;transition:1s ease-out all}@keyframes wiggle{0%{transform:translate(0)}25%{transform:translate(3px,3px)}50%{transform:translate(0)}75%{transform:translate(-3px,3px)}to{transform:translate(0)}}@keyframes wiggle-flash{0%{transform:translate(0)}25%{transform:translate(3px,3px);opacity:.8}50%{transform:translate(0);opacity:1}75%{transform:translate(-3px,3px)}to{transform:translate(0)}}.intro-page .enter .not-worthy{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:90px;padding:0;border:0;color:inherit;font-family:The Girl Next Door,cursive;font-size:inherit;background:transparent;cursor:pointer;opacity:0;pointer-events:none;transition:.1s ease-out all;transition-delay:0}.intro-page .enter.is-active .enter-trigger{animation:.1s linear infinite wiggle}.intro-page .enter.is-active .space{width:100vw;height:170vh}.intro-page .enter.is-active .not-worthy{opacity:1;pointer-events:auto;transition:1s ease-out all;transition-delay:1s;animation:3.33s linear infinite wiggle}.intro-page .enter.is-leaving .enter-trigger,.intro-page .enter.is-leaving .not-worthy{opacity:0;pointer-events:none;transition:opacity .25s ease;transition-delay:0s;animation:none}.intro-page .under-construction{font-size:30px;font-weight:300;color:#fff;text-align:center;margin:0 auto;position:absolute;bottom:20%}.intro-page .under-construction a{color:#fff;padding:5px 10px;border-radius:20px;background-color:#000;text-decoration:none;transition:all .3s ease-in-out}.intro-page .under-construction a:hover{color:red}.intro-page .under-construction a:hover strong{color:#fff}.intro-page .under-construction a strong{color:red;transition:all .3s ease-in-out}.intro-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.intro-page .modal{display:flex;flex-direction:column;align-items:center;justify-content:center}.intro-page .highscore-image{margin:0 auto;animation:hs-fade-in .25s ease-in-out forwards 1.75s,hs-sway 2s linear infinite 2s;height:100%;width:100%;object-fit:contain;max-width:700px;max-height:100vh;opacity:0}@keyframes hs-fade-in{0%{opacity:0;transform:scale(.8,.1)}95%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes hs-sway{0%{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}.hand-modal-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;background:#00000085;pointer-events:auto}.hand-modal-container--entering{animation:hand-modal-overlay-enter var(--hand-modal-enter-duration) ease-out both}.hand-modal-container--visible{opacity:1}.hand-modal-container--exiting{animation:hand-modal-overlay-exit var(--hand-modal-exit-duration) ease-in both}.hand-modal-container__panel{position:relative;width:min(95vw,85vh * var(--hand-modal-aspect-ratio));max-width:95vw;max-height:85vh;aspect-ratio:256/491;background-image:var(--hand-modal-background);background-position:center;background-repeat:no-repeat;background-size:contain;image-rendering:pixelated;transform-origin:center bottom}.hand-modal-container__foreground{width:100%;height:100%;position:absolute;left:0;top:0;background-image:var(--hand-modal-foreground);background-repeat:no-repeat;background-position:center;background-size:contain;image-rendering:pixelated;transform-origin:center bottom;pointer-events:none}.hand-modal-container--entering .hand-modal-container__panel{animation:hand-modal-enter var(--hand-modal-enter-duration) cubic-bezier(.16,1,.3,1) both}.hand-modal-container--visible .hand-modal-container__panel{filter:brightness(1);transform:translateY(0) scale(1)}.hand-modal-container--exiting .hand-modal-container__panel{animation:hand-modal-exit var(--hand-modal-exit-duration) ease-in both}.hand-modal-container__content{position:absolute;top:var(--hand-modal-content-top);right:var(--hand-modal-content-right);bottom:var(--hand-modal-content-bottom);left:var(--hand-modal-content-left);overflow:auto;color:#1e160d;font-family:Indie Flower,sans-serif;font-size:clamp(18px,3vh,28px);line-height:1.08;scrollbar-width:thin;mix-blend-mode:darken}@keyframes hand-modal-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes hand-modal-overlay-exit{0%{opacity:1}to{opacity:0}}@keyframes hand-modal-enter{0%{filter:brightness(0);transform:translateY(100vh) scale(.6)}to{filter:brightness(1);transform:translateY(0) scale(1)}}@keyframes hand-modal-exit{0%{filter:brightness(1);transform:translateY(0) scale(1)}to{filter:brightness(0);transform:translateY(100vh) scale(.6)}}.bubble{--bubble-pulse-scale: 1.035;position:relative;display:inline-grid;place-items:center;width:var(--bubble-size);height:var(--bubble-size);isolation:isolate;image-rendering:pixelated}.bubble:hover,.bubble:focus-within{--bubble-pulse-scale: 1.13}.bubble:hover .bubble__surface,.bubble:focus-within .bubble__surface{border-color:#ffffffb8;box-shadow:inset calc(var(--bubble-size) * .1) calc(var(--bubble-size) * .1) calc(var(--bubble-size) * .18) #ffffff61,inset calc(var(--bubble-size) * -.08) calc(var(--bubble-size) * -.08) calc(var(--bubble-size) * .16) #00000047,0 calc(var(--bubble-size) * .1) calc(var(--bubble-size) * .26) #0000006b,0 0 calc(var(--bubble-size) * .34) #a0e1ff6b;animation-duration:1.05s}.bubble__surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:48% 52% 53% 47%/51% 44% 56% 49%;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.9) 0 5%,transparent 12%),radial-gradient(circle at 68% 76%,rgba(255,255,255,.28) 0 7%,transparent 16%),linear-gradient(135deg,#ffffff38,#ffffff08 42%,#ffffff29);border:max(1px,var(--bubble-size) * .018) solid rgba(255,255,255,.45);box-shadow:inset calc(var(--bubble-size) * .08) calc(var(--bubble-size) * .08) calc(var(--bubble-size) * .16) #ffffff47,inset calc(var(--bubble-size) * -.08) calc(var(--bubble-size) * -.08) calc(var(--bubble-size) * .16) #00000057,0 calc(var(--bubble-size) * .08) calc(var(--bubble-size) * .22) #00000059,0 0 calc(var(--bubble-size) * .2) #8cd2ff3d;backdrop-filter:saturate(1.45) contrast(1.08);-webkit-backdrop-filter:saturate(1.45) contrast(1.08);transition:border-color .18s ease,box-shadow .18s ease}.bubble__surface:before,.bubble__surface:after{position:absolute;content:"";pointer-events:none}.bubble__surface:before{top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;background:radial-gradient(circle at 38% 24%,rgba(255,255,255,.65),transparent 30%);mix-blend-mode:screen}.bubble__surface:after{top:11%;right:11%;bottom:11%;left:11%;border-radius:47% 53% 49% 51%/48% 53% 47% 52%;border:max(1px,var(--bubble-size) * .01) solid rgba(255,255,255,.2);filter:blur(.5px)}.bubble__content{position:relative;z-index:2;display:grid;place-items:center;width:78%;height:78%;color:#fff;text-align:center;text-shadow:2px 2px 0 rgba(0,0,0,.8)}.bubble--drift{animation:bubble-drift 4.8s ease-in-out infinite}.bubble--pulse .bubble__surface{animation:bubble-pulse 3.4s ease-in-out infinite}@keyframes bubble-drift{0%,to{transform:translate(0) rotate(-1deg)}33%{transform:translate(2%,-3%) rotate(1.4deg)}66%{transform:translate(-2%,2%) rotate(-.8deg)}}@keyframes bubble-pulse{0%,to{border-radius:48% 52% 53% 47%/51% 44% 56% 49%;transform:scale(1)}50%{border-radius:52% 48% 47% 53%/46% 54% 49% 51%;transform:scale(var(--bubble-pulse-scale))}}.poppable-bubble{--poppable-bubble-enter-delay: 0ms;position:relative;display:inline-grid;place-items:center;transform-origin:center}.poppable-bubble:before{position:absolute;top:9%;right:9%;bottom:9%;left:9%;z-index:-1;border:2px solid rgba(255,255,255,.52);border-radius:50%;content:"";opacity:0;pointer-events:none}.poppable-bubble--popping{animation:poppable-bubble-pop .26s ease-in forwards;pointer-events:none}.poppable-bubble--popping:before{animation:poppable-bubble-ring .26s ease-out forwards}.poppable-bubble--hidden{opacity:0;pointer-events:none;transform:scale(.18)}.poppable-bubble--entering,.poppable-bubble--initial-enter{animation:poppable-bubble-enter .24s cubic-bezier(.16,1,.3,1) var(--poppable-bubble-enter-delay) both;pointer-events:none}@keyframes poppable-bubble-pop{0%{filter:brightness(1);opacity:1;transform:scale(1)}42%{filter:brightness(1.35);opacity:1;transform:scale(1.11)}to{filter:brightness(1.8);opacity:0;transform:scale(.72)}}@keyframes poppable-bubble-ring{0%{opacity:0;transform:scale(.75)}35%{opacity:.65}to{opacity:0;transform:scale(1.5)}}@keyframes poppable-bubble-enter{0%{opacity:0;transform:scale(.18)}72%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.sims-thought-popup{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:20px;background:#0000007a;pointer-events:auto}.sims-thought-popup__shadow-host{display:block}.space-page{position:relative;width:100%;height:100%;overflow:hidden;background:#000}.space-page .space-pierogo{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.space-page .space-pierogo canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated}.space-page__bubble-actions{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:2;display:flex;gap:14px;align-items:center}.space-page__menu-bubbles{position:absolute;top:20%;left:50%;z-index:2;display:flex;justify-content:space-around;align-items:center;width:min(680px,100vw - 40px);transform:translate(-50%)}.space-page__bubble-button{padding:0;border:0;background:transparent;color:inherit;cursor:pointer;opacity:.86;transition:opacity .18s ease,transform .18s ease}.space-page__bubble-button:hover:not(:disabled),.space-page__bubble-button:focus-visible{opacity:1}.space-page__bubble-button:disabled{cursor:default}.space-page__bubble-button:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:6px}.space-page__bubble-button:active{transform:scale(.94)}.space-page__menu-button{flex:0 0 auto}.space-page__audio-sprite,.space-page__language-sprite,.space-page__menu-sprite,.space-page__audio-sprite canvas,.space-page__language-sprite canvas,.space-page__menu-sprite canvas{pointer-events:none}.space-page__icon-bubble .bubble__surface,.space-page__language-bubble .bubble__surface{z-index:2}.space-page__icon-bubble .bubble__content,.space-page__language-bubble .bubble__content{z-index:1;width:84%;height:84%;overflow:hidden;border-radius:50%}.space-page__audio-sprite,.space-page__language-sprite,.space-page__menu-sprite{filter:drop-shadow(2px 3px 0 rgba(0,0,0,.58))}.space-page__menu-text{font-family:Kaushan Script;color:#fff;font-size:34px;line-height:1;text-transform:uppercase;text-shadow:3px 3px 0 rgba(0,0,0,.72)}.space-page__hand-modal-placeholder{min-height:100%;padding:2px}.space-page__hand-modal-placeholder h2{margin:0 0 .45em;font-size:1.35em;line-height:.9}.space-page__hand-modal-placeholder p{margin:0 0 .8em}.space-page__hand-modal-image{display:block;width:100%;height:auto;margin:0 0 .8em;image-rendering:auto}.space-page .dialogue-subtitle{position:absolute;bottom:67px;left:50%;z-index:1;font-family:Kaushan Script;width:min(760px,100vw - 40px);transform:translate(-50%);color:#fff;font-size:clamp(40px,4vw,68px);line-height:1;text-align:center;text-shadow:3px 3px 0 #000;pointer-events:none}@media (max-width: 760px){.space-page__menu-bubbles{top:calc(20% - 36px);right:0;left:0;justify-content:flex-start;gap:24px;box-sizing:border-box;width:100%;padding-block:36px;padding-inline:max(20px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-right));overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-padding-inline:max(20px,env(safe-area-inset-left));scrollbar-width:none;touch-action:pan-x;transform:none;-webkit-overflow-scrolling:touch}.space-page__menu-bubbles::-webkit-scrollbar{display:none}}
