@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/baloo2-vietnamese-DxkP8TlE.woff2)format("woff2");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";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/baloo2-latin-8NeBJN4T.woff2)format("woff2");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-top:#7a5cff;--bg-mid:#5a33d6;--bg-bottom:#3d1f9e;--panel:#fff;--panel-low:#efe8ff;--panel-edge:#2e1a7a;--ink:#24124f;--ink-muted:#4f3c80;--title-edge:#2a1470;--soft-gold:#ffe9a8;--stat-top:#3a1f8f;--stat-bottom:#2a1470;--stat-rim:#ffc83a;--green-hi:#8be04e;--green-lo:#3fae22;--green-edge:#23781a;--blue-hi:#4fd3ff;--blue-lo:#1c9be0;--blue-edge:#0d5e96;--red-hi:#ff7b6b;--red-lo:#e0352a;--red-edge:#9a1d14;--gold-hi:#ffd84a;--gold-lo:#ffaa12;--gold-edge:#8a5000;--grey-hi:#d9d6e3;--grey-lo:#aaa6ba;--grey-edge:#6b6680;--danger:#d92d20;--backdrop:#14083c9e;--bounce:cubic-bezier(.3, 1.6, .5, 1);--font:"Baloo 2", -apple-system, "SF Pro Rounded", "Segoe UI", Roboto, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;color:var(--ink);font:600 20px/1.3 var(--font);-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}html{background-color:var(--bg-bottom)}@media (display-mode:standalone){html{background-color:var(--bg-top)}}body{isolation:isolate;background:linear-gradient(var(--bg-top), var(--bg-mid) 55%, var(--bg-bottom))}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#ffffff24 2px,#0000 2.5px) 0 0/22px 22px;animation:60s linear infinite dots-drift;position:fixed;inset:0}@keyframes dots-drift{to{background-position:0 -220px}}button,a{font:inherit;color:inherit;touch-action:manipulation}#app{height:100%}.screen{height:100%;padding:max(16px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));flex-direction:column;gap:12px;display:flex}.screen--scroll{overflow-y:auto}.screen--slide-in{animation:.25s ease-out both slide-in-right}.stroke-text{color:#fff;-webkit-text-stroke:var(--stroke-w,5px) var(--stroke,var(--title-edge));paint-order:stroke fill}.panel{background:linear-gradient(var(--panel) 55%, var(--panel-low));border:3px solid var(--panel-edge);box-shadow:0 5px 0 var(--panel-edge), 0 8px 14px #0003;color:var(--ink);isolation:isolate;border-radius:20px;position:relative}.panel:after{content:"";z-index:-1;pointer-events:none;background:#fffc;border-radius:10px;height:10px;position:absolute;top:4px;left:12px;right:12px}.art{flex:none;display:block}.btn{--hi:var(--blue-hi);--lo:var(--blue-lo);--edge:var(--blue-edge);border:3px solid var(--edge);background:linear-gradient(var(--hi), var(--lo));min-height:56px;box-shadow:0 5px 0 var(--edge), inset 0 4px 0 #ffffff59;color:#fff;-webkit-text-stroke:4px var(--edge);paint-order:stroke fill;cursor:pointer;transition:transform .18s var(--bounce), box-shadow .18s;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:6px 20px;font-size:21px;font-weight:800;line-height:1.1;display:flex;position:relative}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--edge), inset 0 4px 0 #ffffff59;transition-duration:50ms;transform:translateY(4px)scale(.96)}.btn .art{width:26px;height:26px}.btn--green{--hi:var(--green-hi);--lo:var(--green-lo);--edge:var(--green-edge)}.btn--red{--hi:var(--red-hi);--lo:var(--red-lo);--edge:var(--red-edge)}.btn--gold{--hi:var(--gold-hi);--lo:var(--gold-lo);--edge:var(--gold-edge)}.btn:disabled{--hi:var(--grey-hi);--lo:var(--grey-lo);--edge:var(--grey-edge);cursor:default}.round-btn{border-radius:50%;width:56px;height:56px;padding:0}.btn:focus-visible,.game-tile:focus-visible,.switch:focus-visible,.level:focus-visible,.action:focus-visible{outline:3px solid var(--soft-gold);outline-offset:3px}.topbar{grid-template-columns:56px 1fr 56px;align-items:center;gap:8px;display:grid}.topbar-title{text-align:center;text-shadow:0 3px 0 var(--title-edge);margin:0;font-size:28px;font-weight:800;line-height:1.1}.home-title{text-align:center;letter-spacing:.5px;--stroke-w:7px;text-shadow:0 4px 0 var(--title-edge);margin:6px 0 0;font-size:40px;font-weight:800;line-height:1}.home-greeting{color:var(--soft-gold);text-align:center;margin:-4px 0 0;font-size:18px}.game-grid{grid-template-columns:1fr 1fr;gap:14px 12px;margin:0;padding:10px 0 0;list-style:none;display:grid}.game-grid>.is-wide{grid-column:1/-1}.game-grid--intro>li{animation:tile-pop .42s var(--bounce) both;animation-delay:calc(var(--i,0) * 40ms)}.game-tile{text-align:center;height:100%;min-height:128px;transition:transform .18s var(--bounce);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 6px 8px;text-decoration:none;display:flex}.game-tile:active{transition-duration:50ms;transform:translateY(3px)scale(.96)}.game-tile-art{width:70px;height:70px}.game-tile-text{flex-direction:column;min-width:0;display:flex}.game-tile-title{font-size:19px;font-weight:800;line-height:1.1}.game-tile-sub{color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.game-tile--wide{text-align:left;flex-direction:row;justify-content:flex-start;gap:12px;min-height:84px;padding:8px 14px}.game-tile--wide .game-tile-art{width:60px;height:60px}.badge{z-index:1;border:2px solid var(--red-edge);background:linear-gradient(var(--red-hi), var(--red-lo));color:#fff;white-space:nowrap;-webkit-text-stroke:3px var(--red-edge);paint-order:stroke fill;border-radius:12px;padding:0 10px;font-size:15px;font-weight:800;line-height:22px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.home-settings{align-self:center;margin-top:auto}@media (height<=620px){.screen--home{gap:8px}.home-title{font-size:34px}.game-grid{gap:14px 10px;padding-top:6px}.game-tile{min-height:0;padding:6px 4px}.game-tile-art{width:52px;height:52px}.game-tile--wide{min-height:0}.game-tile--wide .game-tile-art{width:46px;height:46px}}.stats{gap:8px;display:flex}.stats:empty{display:none}.stat{border:3px solid var(--stat-rim);background:linear-gradient(var(--stat-top), var(--stat-bottom));min-width:0;min-height:58px;box-shadow:inset 0 3px 0 #00000040, 0 3px 0 var(--gold-edge);border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:4px 6px;display:flex}.stat.is-bump{animation:stat-bump .4s var(--bounce)}.stat-label{color:var(--soft-gold);font-size:15px;font-weight:700;line-height:1.1}.stat-value{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:28px;font-weight:800;line-height:1.05}.game-extra{min-height:28px;color:var(--soft-gold);justify-content:center;align-items:center;display:flex}.game-extra:empty{display:none}.game-area{flex:1;min-height:0;position:relative}.game-message{text-align:center;color:#fff;-webkit-text-stroke:5px var(--title-edge);paint-order:stroke fill;align-content:center;place-items:center;gap:16px;font-size:22px;font-weight:800;display:grid;position:absolute;inset:0}.loading-dots{justify-content:center;gap:8px;display:flex}.loading-dots i{background:var(--soft-gold);border-radius:50%;width:12px;height:12px;animation:.9s ease-in-out infinite dot-bounce}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}.actions{justify-content:space-around;align-items:flex-end;gap:4px;display:flex}.actions:empty{display:none}.action{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;min-width:64px;padding:0;display:flex}.action-disc{--hi:var(--blue-hi);--lo:var(--blue-lo);--edge:var(--blue-edge);border:3px solid var(--edge);background:linear-gradient(var(--hi), var(--lo));width:60px;height:60px;box-shadow:0 5px 0 var(--edge), inset 0 4px 0 #ffffff59;transition:transform .18s var(--bounce), box-shadow .18s;border-radius:50%;place-items:center;display:grid;position:relative}.action-disc .art{width:30px;height:30px}.action--primary .action-disc{--hi:var(--green-hi);--lo:var(--green-lo);--edge:var(--green-edge);width:72px;height:72px}.action--primary .action-disc .art{width:36px;height:36px}.action:active:not(:disabled) .action-disc{box-shadow:0 1px 0 var(--edge), inset 0 4px 0 #ffffff59;transition-duration:50ms;transform:translateY(4px)scale(.94)}.action-label{--stroke-w:4px;font-size:15px;font-weight:800;line-height:1.1}.action-count{border:2px solid var(--red-edge);background:linear-gradient(var(--red-hi), var(--red-lo));color:#fff;text-align:center;-webkit-text-stroke:3px var(--red-edge);paint-order:stroke fill;border-radius:13px;min-width:26px;height:26px;padding:0 6px;font-size:15px;font-weight:800;line-height:22px;position:absolute;top:-7px;right:-7px}.action:disabled{cursor:default}.action:disabled .action-disc{--hi:var(--grey-hi);--lo:var(--grey-lo);--edge:var(--grey-edge)}.action:disabled .action-label{opacity:.6}.settings-list{flex-direction:column;gap:16px;padding-top:6px;display:flex}.switch{text-align:left;cursor:pointer;align-items:center;gap:12px;width:100%;min-height:76px;padding:10px 14px;font-weight:800;display:flex}.switch-icon{border:3px solid var(--blue-edge);background:linear-gradient(var(--blue-hi), var(--blue-lo));border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.switch-icon .art{width:28px;height:28px}.switch-text{flex:1;min-width:0;font-size:20px;line-height:1.15}.switch-pill{border:3px solid var(--grey-edge);background:linear-gradient(var(--grey-hi), var(--grey-lo));min-width:78px;height:44px;box-shadow:0 4px 0 var(--grey-edge);color:#fff;-webkit-text-stroke:4px var(--grey-edge);paint-order:stroke fill;border-radius:22px;flex:none;place-items:center;padding:0 12px;font-size:19px;font-weight:800;display:grid}.switch[aria-checked=true] .switch-pill{border-color:var(--green-edge);background:linear-gradient(var(--green-hi), var(--green-lo));box-shadow:0 4px 0 var(--green-edge);-webkit-text-stroke-color:var(--green-edge)}.levels{flex-direction:column;gap:10px;width:100%;padding:10px 14px 14px;font-weight:800;display:flex}.levels-head{align-items:center;gap:12px;display:flex}.levels-group{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.level{border:3px solid var(--grey-edge);background:linear-gradient(var(--grey-hi), var(--grey-lo));min-height:56px;box-shadow:0 4px 0 var(--grey-edge);color:#fff;font:inherit;-webkit-text-stroke:4px var(--grey-edge);paint-order:stroke fill;cursor:pointer;border-radius:18px;padding:0 4px;font-size:19px;font-weight:800}.level[aria-checked=true]{border-color:var(--green-edge);background:linear-gradient(var(--green-hi), var(--green-lo));box-shadow:0 4px 0 var(--green-edge);-webkit-text-stroke-color:var(--green-edge)}.version{color:var(--soft-gold);text-align:center;margin:auto 0 0;font-size:15px}.dialog-backdrop{z-index:10;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:var(--backdrop);place-items:center;animation:.15s ease-out both fade-in;display:grid;position:fixed;inset:0}.dialog{text-align:center;width:min(340px,100%);max-height:100%;animation:pop-in .25s var(--bounce) both;border-width:4px;border-radius:24px;padding:20px 16px 18px;overflow:auto}.dialog-title{margin:0 0 6px;font-size:24px;font-weight:800;line-height:1.15}.dialog p{color:var(--ink-muted);margin:0 0 6px;font-size:17px}.dialog-actions{flex-direction:column;gap:14px;margin-top:16px;display:flex}.dialog-actions .btn{width:100%;min-height:58px}.scores{border-collapse:collapse;font-variant-numeric:tabular-nums;text-align:left;width:100%;font-size:17px}.scores th{background:var(--gold-hi);color:var(--ink);padding:4px 6px;font-size:15px;font-weight:800}.scores th:first-child{border-radius:10px 0 0 10px}.scores th:last-child{border-radius:0 10px 10px 0}.scores td{border-top:1px solid var(--panel-low);padding:8px 6px}.scores td:nth-child(2){font-weight:800}.scores .is-new td{background:#fff3c4}.scores-empty{text-align:center;padding:16px 0}.dialog-backdrop--celebrate{background:#14083cc7;overflow:hidden}.celebrate-rays{background:repeating-conic-gradient(#ffe68c38 0 10deg, transparent 10deg 20deg);pointer-events:none;border-radius:50%;width:620px;height:620px;margin:-310px 0 0 -310px;animation:20s linear infinite spin;position:absolute;top:38%;left:50%;-webkit-mask:radial-gradient(circle,#000 20%,#0000 65%);mask:radial-gradient(circle,#000 20%,#0000 65%)}.fx-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dialog--celebrate{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(300px,100%);min-height:0;max-height:100%;padding:0 0 8px;animation:none;display:flex;position:relative;overflow-y:auto}.dialog--celebrate>*{flex-shrink:0}.celebrate-title{color:#ffe27a;-webkit-text-stroke:9px var(--gold-edge);paint-order:stroke fill;text-shadow:0 6px 0 var(--gold-edge);animation:drop-in .5s var(--bounce) both;margin:0;font-size:54px;font-weight:800;line-height:1}.is-over .celebrate-title{color:#fff;-webkit-text-stroke-color:var(--blue-edge);text-shadow:0 6px 0 var(--blue-edge)}.celebrate-cup{width:130px;height:130px;animation:drop-in .55s .15s var(--bounce) both}.celebrate-stars{align-items:flex-end;gap:2px;display:flex}.celebrate-stars .art{width:58px;height:58px;animation:pop-in .4s var(--bounce) both}.celebrate-stars .art:first-child{animation-delay:.15s}.celebrate-stars .art:nth-child(2){width:76px;height:76px;animation-delay:.3s}.celebrate-stars .art:nth-child(3){animation-delay:.45s}.celebrate-stat{width:220px;min-height:72px;animation:pop-in .3s .3s var(--bounce) both}.celebrate-stat .stat-value{font-size:40px}.celebrate-badge{border:3px solid var(--gold-edge);background:linear-gradient(var(--gold-hi), var(--gold-lo));color:#fff;-webkit-text-stroke:4px var(--gold-edge);paint-order:stroke fill;animation:pop-in .35s .55s var(--bounce) both;border-radius:14px;padding:0 14px;font-size:19px;font-weight:800;line-height:32px}.dialog .celebrate-note{color:var(--soft-gold);margin:0;font-size:17px}.dialog--celebrate .dialog-actions{width:240px;margin-top:4px;animation:.35s ease-out .45s both slide-up}@media (height<=620px){.dialog--celebrate{gap:8px}.celebrate-title{font-size:44px}.celebrate-cup{width:96px;height:96px}.celebrate-stars .art{width:46px;height:46px}.celebrate-stars .art:nth-child(2){width:60px;height:60px}}.zoom-ghost{z-index:5;border:3px solid var(--panel-edge);background:linear-gradient(var(--bg-top), var(--bg-bottom));pointer-events:none;border-radius:20px;place-items:center;display:grid;position:fixed}.zoom-ghost .art{width:70px;height:70px}.line-board{touch-action:none;width:100%;height:100%;display:block}.line-next{align-items:center;gap:8px;font-size:17px;display:flex}.line-dot{border-radius:50%;width:22px;height:22px;box-shadow:inset -2px -3px 4px #00000040,inset 2px 2px 3px #ffffff73}.game-canvas{touch-action:none;width:100%;height:100%;display:block}.game-toast{border:3px solid var(--stat-rim);background:var(--title-edge);color:#fff;text-align:center;pointer-events:none;opacity:0;border-radius:14px;width:max-content;max-width:calc(100% - 16px);padding:10px 18px;font-size:19px;font-weight:700;transition:opacity .2s;position:absolute;top:8px;left:50%;transform:translate(-50%)}.game-toast.is-on{opacity:1}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.04)}to{transform:none}}@keyframes drop-in{0%{opacity:0;transform:translateY(-60px)scale(.7)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(40px)}}@keyframes tile-pop{0%{opacity:0;transform:scale(.6)}}@keyframes stat-bump{35%{transform:scale(1.08)}}@keyframes dot-bounce{50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){body:before,.celebrate-rays,.loading-dots i{animation:none}.screen--slide-in,.game-grid--intro>li,.dialog,.stat.is-bump,.celebrate-title,.celebrate-cup,.celebrate-stars .art,.celebrate-stat,.celebrate-badge,.dialog--celebrate .dialog-actions{animation:.15s ease-out both fade-in}.btn,.action-disc,.game-tile{transition:none}.btn:active:not(:disabled),.action:active:not(:disabled) .action-disc,.game-tile:active{transform:none}.game-toast{transition:opacity .15s}}@supports (height:100lvh){html,body{height:min(calc(100% + env(safe-area-inset-top)), 100lvh)}body:before,.dialog-backdrop{height:min(calc(100% + env(safe-area-inset-top)), 100lvh);bottom:auto}}