@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(./fredoka-latin-400-normal-17JuUzdy.woff2)format("woff2"),url(./fredoka-latin-400-normal-DbXSrOeS.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(./fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(./fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}html,body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 30% 20%,#ffd6ea 0%,#ffb3d6 45%,#ff8fc4 100%);width:100%;height:100%;margin:0;padding:0;font-family:Fredoka,system-ui,sans-serif;overflow:hidden}#game{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed}#game canvas{border-radius:18px;box-shadow:0 10px 40px #a3245f40}#splash{color:#fff;z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .4s;display:flex;position:fixed;inset:0}#splash.hidden{opacity:0;pointer-events:none}.splash-heart{font-size:72px;animation:1s ease-in-out infinite beat}.splash-title{text-shadow:0 4px #d63c83;font-size:44px;font-weight:700}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.name-input{color:#5b2a4c;text-align:center;background:#fff;border:6px solid #ff8dbf;border-radius:999px;outline:none;width:360px;padding:10px 28px;font-family:Fredoka,system-ui,sans-serif;font-size:40px;font-weight:600;box-shadow:0 6px #d63c83}.name-input:focus{border-color:#ff5fa2}#rotate{z-index:20;color:#fff;text-align:center;text-shadow:0 3px #d63c83;background:radial-gradient(circle at 30% 20%,#ffd6ea 0%,#ffb3d6 45%,#ff8fc4 100%);flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:24px;font-size:34px;font-weight:700;display:none;position:fixed;inset:0}#rotate svg{filter:drop-shadow(0 6px #d63c8380);width:150px;animation:2.6s ease-in-out infinite turn}@keyframes turn{0%,20%{transform:rotate(0)}45%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (orientation:portrait) and (pointer:coarse){#rotate{display:flex}}
