html,body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#241f52;height:100%;margin:0;overflow:hidden}#app{opacity:0;background:linear-gradient(#1f1c4d 0%,#3d2d6e 14%,#6b3f86 26%,#b4568a 42%,#ec7b6e 62%,#ffb36e 82%,#ffd38a 100%);transition:opacity 2.4s;position:fixed;inset:0}#app.ready{opacity:1}#app canvas{touch-action:manipulation;width:100%;height:100%;display:block;position:relative}#app:after{content:"";pointer-events:none;background:radial-gradient(at 50% 45%,#0000 60%,#1e0f3259 100%);position:absolute;inset:0}.sound{z-index:2;color:#6e568c73;cursor:pointer;opacity:0;background:#ffffff2e;border:0;border-radius:50%;outline:none;width:42px;height:42px;padding:9px;transition:color .4s,background .4s,opacity 2.4s;position:fixed;bottom:20px;right:22px}.sound.ready{opacity:1}.sound:hover,.sound:focus-visible{color:#6e568ce6;background:#ffffff59}.sound svg{width:100%;height:100%;display:block}#search,#ending{z-index:5;flex-direction:column;justify-content:center;align-items:center;font-family:Nunito,sans-serif;display:flex;position:fixed;inset:0}#search{color:#ffe9df;background:linear-gradient(#1f1c4d 0%,#3d2d6e 30%,#b4568a 65%,#ec7b6e 85%,#ffb36e 100%);transition:opacity 1.2s}#search.done{opacity:0;pointer-events:none}#search-text{letter-spacing:.02em;min-height:1.5em;margin:18px 0 0;font-size:20px;font-weight:600;transition:opacity .4s}.search-pot{width:96px;height:88px}.search-pot rect{fill:#a7dccb}.search-pot .rim{fill:#fff3e6}.search-pot .b{fill:#fff;opacity:0;animation:1.8s ease-in infinite rise}.search-pot .b2{animation-delay:.6s}.search-pot .b3{animation-delay:1.2s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}30%{opacity:.9}to{opacity:0;transform:translateY(-26px)}}#ending{color:#efe4ea;opacity:0;pointer-events:none;background:#000;transition:opacity 3s}#ending.on{opacity:1;pointer-events:auto}#ending.instant{transition:none}#ending-text p{text-align:center;opacity:0;margin:.7em 0;font-size:22px;font-weight:600;transition:opacity 2.2s}#ending-text p.on{opacity:1}#hud{z-index:3;color:#6f5c8c;opacity:0;pointer-events:none;background:#ffffff6b;border-radius:14px;padding:10px 14px;font-family:Nunito,sans-serif;font-size:14px;font-weight:600;transition:opacity 1.2s,transform 1.2s;position:fixed;top:20px;left:22px;transform:translateY(-8px)}#hud.on{opacity:1;transform:none}#hud div{justify-content:space-between;gap:18px;display:flex}#hud b{font-variant-numeric:tabular-nums}#subtitle{z-index:3;text-align:center;color:#ffffffd9;text-shadow:0 1px 6px #5a3c7880;opacity:0;pointer-events:none;margin:0;font-family:Nunito,sans-serif;font-size:15px;font-weight:600;transition:opacity 1.5s;position:fixed;bottom:9%;left:0;right:0}#subtitle.on{opacity:1}#ending-text span{white-space:pre;color:#efe4ea38;transition:color .25s,text-shadow .25s}#ending-text span.done{color:#efe4ea}#ending-text span.enter{font-size:.8em}#ending-text span.enter.done{color:#efe4ea00}#ending-text span.cur{color:#efe4ea8c;text-shadow:0 0 10px #ffc8dccc}#ending-text span.miss{animation:.35s wobble;display:inline-block}@keyframes wobble{20%{transform:translate(-3px)}50%{transform:translate(3px)}80%{transform:translate(-1px)}}