@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-wght-normal-DLoelf7F.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{--bg:#e3e8ec;--surface:#f3f5f7;--ink:#1c2733;--muted:#66727f;--dot:#b3bdc8;--danger:#cf3f38;--hint:#2e7bd6;--a1:#22406a;--a2:#2d6a4c;--a3:#9c5f22;--a4:#6a3c74;--a5:#3f4c59;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#182029;--surface:#212b36;--ink:#e6ecf2;--muted:#8c99a7;--dot:#35424f;--danger:#f0645c;--hint:#6fb0ff;--a1:#8db6e6;--a2:#86c8a3;--a3:#e2b173;--a4:#c9a0d6;--a5:#b4c0cc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#182029;--surface:#212b36;--ink:#e6ecf2;--muted:#8c99a7;--dot:#35424f;--danger:#f0645c;--hint:#6fb0ff;--a1:#8db6e6;--a2:#86c8a3;--a3:#e2b173;--a4:#c9a0d6;--a5:#b4c0cc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:inherit}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;font-family:Bricolage Grotesque Variable,ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--hint);outline-offset:2px}svg{flex-shrink:0}.app{flex-direction:column;max-width:640px;height:100%;margin:0 auto;padding:12px 16px 14px;display:flex}header{justify-content:space-between;align-items:center;gap:12px;padding:4px 2px 10px;display:flex}.level-nav{align-items:center;gap:2px;display:flex}.level-label{text-align:center;min-width:4.2ch}.level-label small{color:var(--muted);margin-bottom:2px;font-size:13px;font-weight:600;display:block}.level-label h1{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(28px,7vw,40px);font-weight:800;line-height:1}.icon-btn{appearance:none;color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;width:40px;height:44px;display:grid}.icon-btn svg{width:26px;height:26px}.icon-btn:disabled{opacity:.25;cursor:default}.hearts{gap:6px;display:flex}.hearts svg{width:26px;height:26px}.hearts .full{fill:var(--danger);stroke:var(--danger)}.hearts .empty{fill:none;stroke:var(--dot);animation:.3s ease-out drop}@keyframes drop{0%{stroke:var(--danger);transform:scale(1.4)}}.board{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.board canvas{touch-action:manipulation;cursor:pointer;display:block}.toolbar{grid-template-columns:repeat(4,1fr);gap:8px;padding-top:12px;display:grid}.toolbar button{appearance:none;background:var(--surface);border:0;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 9px;font-size:14px;font-weight:600;display:flex}.toolbar button svg{width:22px;height:22px}.toolbar button[aria-pressed=true]{background:var(--ink);color:var(--bg)}dialog{color:var(--ink);background:0 0;border:0;width:100%;max-width:min(340px,100vw - 32px);padding:0}dialog::backdrop{background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog[open]{animation:.22s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.card{background:var(--surface);text-align:center;border-radius:22px;padding:28px 26px 22px}.card h2{letter-spacing:-.02em;margin:0 0 6px;font-size:30px;font-weight:800}.card p{color:var(--muted);margin:0 0 20px;font-size:16px;line-height:1.45}.primary{appearance:none;background:var(--ink);color:var(--bg);border:0;border-radius:14px;width:100%;padding:13px 18px;font-size:17px;font-weight:600}.sheet{max-width:min(420px,100vw - 24px)}.sheet .card{text-align:left;padding:20px 20px 22px}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sheet-head h2{margin:0;font-size:24px}.sheet-head .icon-btn{margin-right:-8px}.sheet section{margin-top:18px}.sheet h3{color:var(--muted);margin:0 0 8px;font-size:15px;font-weight:600}.note{margin:0 0 12px!important;font-size:14px!important}.segmented{background:var(--bg);border-radius:12px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.segmented button{appearance:none;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:8px 0;font-size:15px;font-weight:600}.segmented button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 18%, transparent)}.stats{grid-template-columns:repeat(2,1fr);gap:8px;margin:0;display:grid}.stats div{background:var(--bg);border-radius:12px;padding:10px 12px}.stats dt{color:var(--muted);font-size:13px}.stats dd{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:2px 0 0;font-size:26px;font-weight:800}.actions{flex-direction:column;gap:6px;display:flex}.actions button{appearance:none;background:var(--bg);text-align:left;border:0;border-radius:12px;align-items:center;gap:10px;padding:11px 14px;font-size:15px;font-weight:600;display:flex}.actions button svg{width:18px;height:18px}.actions .danger{color:var(--danger)}.toast{left:50%;bottom:calc(110px + env(safe-area-inset-bottom,0px));background:var(--ink);max-width:calc(100vw - 32px);color:var(--bg);text-align:center;opacity:0;pointer-events:none;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;transition:opacity .2s;position:fixed;transform:translate(-50%)}.toast.show{opacity:1}.screen{place-items:center;height:100%;padding:16px;display:grid}.screen .card{width:100%;max-width:340px}.note.error{color:var(--danger);margin:12px 0 0!important}.leaders{flex-direction:column;gap:4px;max-height:55vh;margin:12px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.leaders li{background:var(--bg);border-radius:12px;grid-template-columns:2.4ch 1fr auto;align-items:center;gap:10px;padding:9px 12px;display:grid}.leaders li.me{background:var(--ink);color:var(--bg)}.leaders .rank{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:800}.leaders li.me .rank{color:inherit}.leaders .name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.leaders .score{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;display:flex}.leaders .score small{opacity:.7;font-size:12px}.leaders.own{max-height:none;margin-top:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}