:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f7f1e1;--desk:#d9d2c4;--ink:#1f2433;--blue:#2f5bd8;--pencil:#2b2b33;--margin:#d9534f;--hand:"Segoe Print", "Bradley Hand", "Comic Sans MS", cursive}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--desk);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app{touch-action:none;width:100vw;height:100vh;position:relative}.game-canvas{touch-action:none;display:block;position:absolute;inset:0}.hud{pointer-events:none;z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;top:34px;left:0;right:0}.hud__score{font-family:var(--hand);color:var(--blue);font-size:34px;line-height:1;transform:rotate(-2deg)}.hud__best{letter-spacing:1px;color:var(--pencil);opacity:.7;margin-top:2px;font-size:12px}.overlay{pointer-events:auto;touch-action:manipulation;z-index:20;background:#d9d2c48c;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.overlay.hidden{display:none}.overlay__card{background:var(--paper);border:2px solid var(--ink);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:10px;max-width:min(460px,100%);max-height:100%;padding:26px 28px 22px;display:flex;overflow-y:auto;transform:rotate(-1deg);box-shadow:5px 6px #1f2433d9}.overlay__title{font-family:var(--hand);color:var(--blue);font-size:44px;line-height:1.1}.overlay__subtitle{color:var(--pencil);font-size:14px}.overlay__score{font-family:var(--hand);color:var(--ink);font-size:22px}.overlay__score:empty{display:none}.overlay__hint{color:var(--pencil);opacity:.75;margin-top:4px;font-size:12px;line-height:1.4}.overlay .mg-lb{color:var(--ink)}.overlay .mg-lb__row{background:#1f24330f}.overlay .mg-lb__row--me{background:#2f5bd824;box-shadow:inset 0 0 0 1px #2f5bd880}.overlay .mg-lb__input{border:2px solid var(--ink);color:var(--ink);background:#fffdf6}.overlay .mg-lb__input:focus{border-color:var(--blue)}.overlay .mg-lb__save{border:2px solid var(--ink);background:var(--blue);color:#fffdf6}.countdown{pointer-events:none;z-index:25;font-family:var(--hand);color:var(--blue);opacity:0;justify-content:center;align-items:center;font-size:150px;display:flex;position:absolute;inset:0}.countdown.is-shown{animation:.75s ease-out countdown-pop}@keyframes countdown-pop{0%{opacity:0;transform:scale(.4)rotate(-8deg)}20%{opacity:1;transform:scale(1.12)rotate(-3deg)}40%{transform:scale(1)rotate(-3deg)}80%{opacity:1;transform:scale(1)rotate(-3deg)}to{opacity:0;transform:scale(1.3)rotate(-3deg)}}.spectate{border:2px solid var(--ink);background:var(--paper);max-width:calc(100% - 32px);font-family:var(--hand);white-space:nowrap;text-overflow:ellipsis;color:var(--ink);pointer-events:none;z-index:22;border-radius:999px;padding:8px 18px;font-size:15px;display:none;position:absolute;bottom:22px;left:50%;overflow:hidden;transform:translate(-50%)rotate(-1deg)}.spectate.is-shown{display:block}@media (width<=640px){.overlay__title{font-size:36px}.countdown{font-size:110px}.hud__score{font-size:28px}}