@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:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(./lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(./lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}:root{--ink:#3b2230;--cream:#fff6ee;--paper:#fffaf6;--pink:#ff4f8b;--pink-dark:#d93a72;--blue:#3ea8ff;--mint:#3cc79a;--lemon:#ffe36b;--shadow:0 6px 0 #3b22302e;--font:"Fredoka", ui-rounded, system-ui, sans-serif;--display:"Lilita One", "Fredoka", ui-rounded, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font:500 17px/1.4 var(--font);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#ffd6e8;margin:0;overflow:hidden}#app{touch-action:none;position:fixed;inset:0}#game{width:100%;height:100%;display:block;position:absolute;inset:0}#ui{pointer-events:none;position:absolute;inset:0}#ui>*{pointer-events:auto}[hidden]{display:none!important}.screen,.overlay{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.screen{background:linear-gradient(#fff6ee26,#ffd6e859)}.overlay{background:#3b22301f}.card{background:var(--paper);border:4px solid var(--ink);width:min(420px,100%);box-shadow:var(--shadow);text-align:center;border-radius:26px;flex-direction:column;gap:12px;padding:22px 20px 20px;display:flex}.card h2{font:400 28px/1.15 var(--display);letter-spacing:.01em;margin:0}.card p{margin:0}.sub{color:#3b2230bf}.small{font-size:15px}.warn{color:var(--pink-dark)}.legend{background:#fff1e4;border-radius:12px;padding:8px 10px;font-size:14px}.credits{color:#3b223099;font-size:13px}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.row a{color:var(--pink-dark)}.btn{font:600 18px/1 var(--font);color:var(--ink);border:3px solid var(--ink);cursor:pointer;min-height:52px;box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:999px;padding:14px 20px;transition:transform 60ms,box-shadow 60ms}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn.primary{background:var(--pink);color:#fff;font-size:20px}.btn.on{background:var(--lemon)}.link{font:600 16px/1.2 var(--font);color:var(--pink-dark);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:8px;text-decoration:underline}input.code,input.name{font:600 22px/1 var(--font);color:var(--ink);border:3px solid var(--ink);-webkit-user-select:text;user-select:text;background:#fff;border-radius:16px;padding:12px 14px}input.code{text-align:center;letter-spacing:.25em;text-transform:uppercase;width:7.2em}input.name{width:100%}code.link{color:var(--ink);word-break:break-all;background:#fff1e4;border-radius:10px;padding:8px 10px;font:500 14px/1.2 ui-monospace,monospace;text-decoration:none}.players{flex-direction:column;gap:6px;margin:0;padding:0;font-size:19px;list-style:none;display:flex}.dot{border:2px solid var(--ink);vertical-align:-.05em;border-radius:50%;width:.8em;height:.8em;margin-right:.4em;display:inline-block}.you{font-size:17px}.spinner{background:conic-gradient(var(--pink) 0 25%, #fff 0 50%, var(--blue) 0 75%, #fff 0);border:3px solid var(--ink);border-radius:50%;width:54px;height:54px;margin:6px auto;animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.logo{font:400 clamp(44px, 13vw, 64px) / 1 var(--display);letter-spacing:.02em;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);margin:0}.logo span span{animation:2.6s ease-in-out infinite bob;animation-delay:calc(var(--i) * .12s);display:inline-block}.logo .w1 span:nth-child(odd),.logo .w2 span:nth-child(2n){color:var(--pink)}.logo .w1 span:nth-child(2n),.logo .w2 span:nth-child(odd){color:#fff}.logo .w2 span:nth-child(3n){color:var(--blue)}@keyframes bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-5px)rotate(3deg)}}.tagline{font:600 18px/1.3 var(--font);margin-top:-4px!important}.hud{pointer-events:none;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));position:absolute;inset:0}.hud>*{position:absolute}.hud button{pointer-events:auto}.hud .clock{top:max(10px, env(safe-area-inset-top));font:400 40px/1 var(--display);color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);font-variant-numeric:tabular-nums;padding:2px 6px;left:50%;transform:translate(-50%)}.hud .clock.low{color:var(--lemon);animation:1s ease-in-out infinite pulse}.hud .clock.out{color:var(--pink)}@keyframes pulse{50%{transform:translate(-50%)scale(1.08)}}.hud .level,.hud .mate,.hud .note,.hud .zero{background:var(--paper);border:3px solid var(--ink);font:600 15px/1.2 var(--font);box-shadow:0 3px 0 var(--ink);white-space:nowrap;border-radius:999px;padding:6px 12px}.hud .level{top:max(62px, calc(env(safe-area-inset-top) + 56px));font-size:14px;left:50%;transform:translate(-50%)}.hud .quit{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));border:3px solid var(--ink);background:var(--paper);width:44px;height:44px;font:600 20px/1 var(--font);color:var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:50%}.hud .mate{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));text-overflow:ellipsis;max-width:42vw;overflow:hidden}.hud .mate.in b{color:var(--mint)}.hud .mate.falling b{color:var(--pink-dark)}.hud .zero{bottom:max(14px, env(safe-area-inset-bottom));right:max(10px, env(safe-area-inset-right));cursor:pointer;color:var(--ink)}.hud .note{bottom:max(14px, env(safe-area-inset-bottom));white-space:normal;text-align:center;max-width:calc(100vw - 32px);left:50%;transform:translate(-50%)}.hud .note:empty{display:none}@media (max-width:560px){.hud .clock{font-size:34px}.hud .mate{top:max(104px, calc(env(safe-area-inset-top) + 98px));max-width:calc(100vw - 32px);font-size:14px;left:50%;right:auto;transform:translate(-50%)}}.label{background:var(--paper);border:3px solid var(--blue);font:600 14px/1.2 var(--font);white-space:nowrap;border-radius:999px;padding:2px 10px;position:absolute;top:0;left:0;pointer-events:none!important}.overlay:has(.count){pointer-events:none;background:0 0}.count{text-align:center;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink)}.count .big{font:400 clamp(90px, 28vw, 150px) / 1 var(--display);animation:.35s ease-out pop}.count .title{font:400 34px/1.1 var(--display)}.count .sub,.count .hint{font:600 18px/1.3 var(--font);-webkit-text-stroke:0;text-shadow:none;color:var(--ink);background:#fffaf6e6;border-radius:999px;margin-top:8px;padding:4px 12px;display:inline-block}.count .hint{width:-moz-fit-content;width:fit-content;margin:8px auto 0;display:block}@keyframes pop{0%{opacity:0;transform:scale(1.6)}}.result.won h2{color:var(--mint)}.result.lost h2{color:var(--pink-dark)}.toast{left:50%;bottom:max(80px, calc(env(safe-area-inset-bottom) + 70px));background:var(--ink);color:#fff;font:600 16px/1.3 var(--font);text-align:center;z-index:5;border-radius:16px;max-width:calc(100vw - 32px);padding:10px 16px;position:absolute;transform:translate(-50%)}.debug{z-index:9;pointer-events:none;background:#fffc;border-radius:6px;margin:0;padding:4px 6px;font:12px/1.3 ui-monospace,monospace;position:fixed;bottom:8px;left:8px}