@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-devanagari-wght-normal-B4j4n2PV.woff2)format("woff2-variations");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-vietnamese-wght-normal-C4ZonJY6.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-latin-ext-wght-normal-Dz43yst_.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-latin-wght-normal-B_TVFhwJ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#18202c;--paper:#fffdf6;--accent:#ffb703;--accent-dark:#c9820a;--good:#58b455;--bad:#e85d4a;--panel:#18202cb8;--font:"Baloo 2 Variable", sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--paper);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#cfeaf6;margin:0;overflow:hidden}#game{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}.outlined{paint-order:stroke fill;-webkit-text-stroke:.22em var(--ink);text-shadow:0 .12em #18202c8c}.start{pointer-events:auto;background:radial-gradient(#18202c00 30%,#18202c61 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;transition:opacity .45s;display:flex;position:absolute;inset:0}.start.leaving{opacity:0;pointer-events:none}.start-title{text-align:center;letter-spacing:.01em;margin:0;font-size:clamp(44px,9vw,104px);font-weight:800;line-height:.95;animation:.7s cubic-bezier(.2,1.4,.4,1) both drop-in}.start-tagline{text-align:center;margin:0 0 10px;font-size:clamp(18px,2.4vw,26px);font-weight:700;animation:.7s cubic-bezier(.2,1.4,.4,1) 80ms both drop-in}.start-card{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:26px;flex-direction:column;align-items:stretch;gap:12px;width:min(360px,100%);padding:20px;animation:.7s cubic-bezier(.2,1.4,.4,1) .16s both drop-in;display:flex;box-shadow:0 14px #18202c40}.field-label{opacity:.9;margin-bottom:-6px;padding-left:8px;font-size:15px;font-weight:700}.field{background:var(--paper);width:100%;color:var(--ink);font:700 20px var(--font);-webkit-user-select:text;user-select:text;border:3px solid #0000;border-radius:999px;outline:none;padding:10px 18px;transition:border-color .15s}.field:focus{border-color:var(--accent)}.button{background:var(--accent);color:var(--ink);font:800 30px var(--font);letter-spacing:.02em;cursor:pointer;box-shadow:0 7px 0 var(--accent-dark);border:0;border-radius:999px;padding:12px 26px 10px;transition:transform .14s cubic-bezier(.2,1.8,.4,1),box-shadow .14s,filter .14s;position:relative}.button:hover{filter:brightness(1.06);transform:translateY(-2px)scale(1.03)}.button:active{box-shadow:0 2px 0 var(--accent-dark);transform:translateY(5px)scale(.98)}.button:focus-visible{outline:4px solid var(--paper);outline-offset:3px}.button[disabled]{cursor:default;filter:saturate(.5)brightness(.95);transform:none}.start-note{text-align:center;opacity:.85;margin:0;font-size:15px;font-weight:600}.start-error{background:var(--bad);text-align:center;border-radius:16px;margin:0;padding:8px 14px;font-size:16px;font-weight:700;animation:.3s cubic-bezier(.2,1.6,.4,1) both pop}.start-phase{opacity:.8;font-size:14px;font-weight:700;position:absolute;bottom:14px;right:18px}.hud{opacity:0;transition:opacity .5s .3s;position:absolute;inset:0}.hud.visible{opacity:1}.pill{background:var(--panel);border-radius:999px;align-items:center;gap:8px;padding:6px 16px 4px;font-size:18px;font-weight:700;display:inline-flex}.players{position:absolute;top:14px;left:50%;transform:translate(-50%)}.players .dot{background:var(--good);border-radius:50%;width:12px;height:12px;margin-top:-2px;box-shadow:0 0 0 3px #58b45559}.players.bump{animation:.35s cubic-bezier(.2,1.8,.4,1) bump}.hints{gap:10px;transition:opacity .8s;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hints.faded{opacity:0}.key{background:var(--paper);min-width:30px;color:var(--ink);text-align:center;border-radius:9px;padding:1px 8px 0;font-size:16px;font-weight:800;display:inline-block;box-shadow:0 3px #18202c73}.look-hint{white-space:nowrap;font-size:15px;transition:opacity .3s;position:absolute;top:62px;left:50%;transform:translate(-50%)}.look-hint.hidden{opacity:0}.toasts{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:14px;right:14px}.toast{animation:.35s cubic-bezier(.2,1.6,.4,1) both toast-in,.4s 3.6s both toast-out}.banner{text-align:center;pointer-events:auto;background:#18202c8c;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:26px;font-weight:800;animation:.3s both fade-in;display:flex;position:absolute;inset:0}.banner .spinner{border:6px solid #fffdf64d;border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}.debug{background:var(--panel);font-variant-numeric:tabular-nums;border-radius:18px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.5;position:absolute;top:14px;left:14px}.debug b{font-weight:800}.debug-title{opacity:.8;font-weight:800}@keyframes drop-in{0%{opacity:0;transform:translateY(-26px)scale(.94)}}@keyframes pop{0%{opacity:0;transform:scale(.85)}}@keyframes bump{50%{transform:translate(-50%)scale(1.14)}}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}@keyframes fade-in{0%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{transition-duration:10ms!important;animation-duration:10ms!important}}
