*{box-sizing:border-box;touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;font-family:system-ui,sans-serif}body{background-color:#000;width:100vw;height:100dvh;padding:1em;margin:0}#root{position:relative;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}.number-online{position:relative;top:0;right:0;color:#fff;display:flex;gap:.5em;align-items:center;position:absolute;color:#666;transition:opacity .25s linear}.dot{width:.5em;height:.5em;aspect-ratio:1;border-radius:50%}.bg-lime{background-color:#0f0}.bg-gray{background-color:gray}.transparent{opacity:0}.small-hearts-layer{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.big-heart{-webkit-user-select:none;user-select:none;font-size:1in;cursor:default;line-height:1in;width:1in;fill:red;transition:transform .25s linear,filter .5s ease-in}.small-heart{-webkit-user-select:none;user-select:none;position:absolute;animation-fill-mode:forwards;font-size:.5in;line-height:.5in;fill:red;width:.5in;cursor:default}.big-heart.tapped{transform:scale(1.1)}.grayscale{filter:grayscale(1)}@keyframes grow{0%{scale:1}50%{scale:1.3}to{scale:1}}.float-1{animation-name:float-1;animation-duration:1.5s}.float-2{animation-name:float-2;animation-duration:1.5s}.float-3{animation-name:float-3;animation-duration:1.5s}.float-4{animation-name:float-4;animation-duration:1.5s}@keyframes float-1{0%{scale:.2;opacity:0}30%{opacity:1}to{translate:20mm -50mm;rotate:15deg;scale:1;opacity:0}}@keyframes float-2{0%{scale:.3;opacity:0}30%{opacity:1}to{translate:-10mm -70mm;rotate:-10deg;scale:1;opacity:0}}@keyframes float-3{0%{scale:.4;opacity:0}40%{opacity:1}to{translate:-10mm -90mm;rotate:-20deg;scale:.8;opacity:0}}@keyframes float-4{0%{scale:.4;opacity:0}40%{opacity:1}to{translate:15mm -110mm;rotate:30deg;scale:.7;opacity:0}}