@font-face{font-family:Patrick Hand;src:url(../ui/PatrickHand.ttf) format("truetype");font-display:swap}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#fcf4dc}body{font-family:Patrick Hand,cursive;color:#9b7d57}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}.screen{position:absolute;inset:12px;display:flex;align-items:center;justify-content:center;pointer-events:none}.screen svg{width:auto;height:100%;max-width:100%;aspect-ratio:var(--card-ratio);overflow:visible;pointer-events:none}#ui.menu{pointer-events:auto}.hit{pointer-events:all;cursor:pointer;outline:none}.hit[aria-disabled=true]{pointer-events:none;cursor:default}.hit:focus-visible{filter:drop-shadow(0 0 4px #9a6940)}.pressed{filter:brightness(.97);transform-box:fill-box;transform-origin:center;scale:.96;translate:0 3px}.range-hit{opacity:0;width:100%;height:85px;margin:0;pointer-events:auto;cursor:ew-resize}.booster-overlay{inset:auto 12px 16.5%;height:18%;max-height:170px}.booster-overlay svg{max-width:min(100%,780px);width:100%;height:auto}.has-tray .game-hud .hit{pointer-events:none}#effects{position:fixed;inset:0;pointer-events:none;overflow:hidden}.cheer{position:absolute;left:50%;top:27%;font-family:Patrick Hand,cursive;font-weight:700;font-size:clamp(30px,6vh,66px);text-align:center;line-height:1;white-space:nowrap;background:linear-gradient(#fff578,#ff8abd);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #522364);-webkit-text-stroke:2px #4b2739;animation:cheer 1.45s both}.cheer small{display:block;font-size:.55em;margin-top:.35em;-webkit-text-stroke:1px #4b2739}.sparkle{position:absolute;left:50%;top:31%;color:var(--color);font-size:var(--size);animation:sparkle 1.15s ease-out both;transform:translate(var(--sx),var(--sy))}#error{position:fixed;inset:30% 15%;padding:35px;background:#fff7e7;border:3px solid #b89365;border-radius:25px;text-align:center;display:none;font-size:24px}#perf{display:none;position:fixed;bottom:12px;left:12px;padding:8px 12px;background:#fff7e7c9;border:1px solid #b89365;border-radius:12px;font:14px monospace;color:#735736;pointer-events:none}body.show-perf #perf{display:block}@keyframes cheer{0%{opacity:0;transform:translate(-50%,25px) scale(.35)}18%{opacity:1;transform:translate(-50%,-6px) scale(1.12)}34%{transform:translate(-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-35px) scale(.92)}}@keyframes sparkle{0%{opacity:0;translate:0 0;scale:0}12%{opacity:1;scale:1}70%{opacity:1}to{opacity:0;translate:var(--dx) var(--dy);rotate:180deg;scale:.1}}@media(prefers-reduced-motion:reduce){.cheer,.sparkle{animation-duration:.4s}.pressed{scale:1;translate:0 0}}@font-face{font-family:Lilita One;src:url(../ui/LilitaOne.ttf) format("truetype");font-display:swap}.cheer{font-family:Lilita One,sans-serif;font-weight:400;font-size:clamp(30px,6.67vh,88px);top:33%}.sparkle{top:33%}@media(max-aspect-ratio:6/5){.cheer,.sparkle{top:37%}}