@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-vietnamese-400-normal-DoLa7jNB.woff2)format("woff2"),url(/assets/lexend-vietnamese-400-normal-mPlHoWg5.woff)format("woff");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:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-latin-ext-400-normal-D38JI5AK.woff2)format("woff2"),url(/assets/lexend-latin-ext-400-normal-D9P7pMo-.woff)format("woff");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:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-latin-400-normal-CwRJVcUA.woff2)format("woff2"),url(/assets/lexend-latin-400-normal-CHypAkT3.woff)format("woff");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}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-vietnamese-600-normal-Cr1ePs6O.woff2)format("woff2"),url(/assets/lexend-vietnamese-600-normal-BxEVPgxw.woff)format("woff");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:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-latin-ext-600-normal-hDcqLAH9.woff2)format("woff2"),url(/assets/lexend-latin-ext-600-normal-BXtyp5LP.woff)format("woff");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:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-latin-600-normal-DdvlkEkX.woff2)format("woff2"),url(/assets/lexend-latin-600-normal-DSBzZxpA.woff)format("woff");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}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/lexend-vietnamese-800-normal-B27Hd6aN.woff2)format("woff2"),url(/assets/lexend-vietnamese-800-normal-DLOhWP8n.woff)format("woff");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:Lexend;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/lexend-latin-ext-800-normal-B0JWHALI.woff2)format("woff2"),url(/assets/lexend-latin-ext-800-normal-r3QZLne4.woff)format("woff");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:Lexend;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/lexend-latin-800-normal-sVzxf3WX.woff2)format("woff2"),url(/assets/lexend-latin-800-normal-BcJVUnx_.woff)format("woff");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:#d9c9ee;--bg-soft:#efe6f8;--ink:#4a2d12;--muted:#6e5a86;--accent:#d9772b;--accent-dark:#b95d17;--green:#2f7d4f;--card:#fbf3e4;--font:"Lexend", Verdana, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg) url(/game/board-bg.webp) center top / cover fixed no-repeat;color:var(--ink);font:400 1.05rem/1.6 var(--font);padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px));margin:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}img{max-width:100%;height:auto}a{color:#0b6cb0;text-underline-offset:3px}a:focus-visible,.btn:focus-visible{outline-offset:3px;border-radius:12px;outline:3px solid #0284c7}.skip{position:absolute;left:-9999px}.skip:focus{z-index:10;background:var(--card);border-radius:8px;padding:8px 12px;top:16px;left:16px}.top,main,footer{max-width:62rem;margin-inline:auto}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block:20px 8px;display:flex}.logo{filter:drop-shadow(0 3px 4px #3c1e144d);width:min(260px,60vw)}.top nav{flex-wrap:wrap;gap:6px 20px;font-weight:600;display:flex}.top nav a{color:var(--ink);border-bottom:2px solid #0000;padding:6px 2px;text-decoration:none}.top nav a:hover{border-bottom-color:var(--accent)}main{flex-direction:column;gap:64px;padding-block:28px 56px;display:flex}.hero{text-align:center;background:linear-gradient(#ffffff59,#0000 45%),#d9c9ee url(/img/hero.webp) bottom/cover no-repeat;border-radius:28px;padding:28px 16px 36px;overflow:hidden;box-shadow:inset 0 0 0 4px #fff9,0 8px 18px #3c1e1440}.hero .lead{background:#fffaf0b8;border-radius:18px;max-width:40rem;margin-left:auto;margin-right:auto;padding:10px 14px}h1{font:800 clamp(2rem, 6vw, 3.4rem)/1.1 var(--font);text-wrap:balance;text-shadow:0 2px #ffffff8c;margin:0 0 14px}.lead{max-width:38rem;margin:0 auto 24px;font-size:1.15rem}.actions{flex-wrap:wrap;gap:12px;margin:20px 0 0;display:flex}.hero .actions{justify-content:center;margin:0}.btn{background:var(--accent);color:#fff;box-shadow:inset 0 0 0 3px #ffffff59, 0 3px 0 var(--accent-dark), 0 6px 10px #3c1e1440;border-radius:999px;padding:12px 26px;font-weight:800;text-decoration:none;transition:transform .12s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn.alt{background:#7a54c4;box-shadow:inset 0 0 0 3px #ffffff59,0 3px #5a3c9c,0 6px 10px #3c1e1440}.store{color:#fff;background:#1f1a24;border-radius:14px;flex-direction:column;justify-content:center;min-height:48px;padding:6px 22px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.store small{opacity:.85;font-size:.75rem;font-weight:400}.store.soon{cursor:default;background:#8c7f9c}.banner{text-align:center;width:fit-content;max-width:100%;font:800 1.5rem/1.15 var(--font);color:#4a2d12;filter:drop-shadow(0 3px 4px #3c1e1459);border:44px solid #0000;border-width:26px 44px 34px;border-image:url(/ui/banners/orange.webp) 80 135 105 fill/26px 44px 34px;margin:0 auto 24px;padding:.1rem .4rem .15rem;display:block}.game{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px;margin-top:8px;margin-bottom:40px;display:grid}.game.flip .shots{order:2}.shots{justify-content:center;gap:14px;display:flex}.shots img{background:#fff;border-radius:22px;width:min(46%,220px);box-shadow:0 8px 20px #3c1e1459}.shots img:nth-child(2){margin-top:36px}.text{filter:drop-shadow(0 6px 10px #3c1e144d);border:24px solid #0000;border-image:url(/ui/panel-wide.webp) 62 fill/24px round;padding:4px 14px 10px}.text h3,.cards h3{font:800 1.35rem/1.2 var(--font);color:#7a4521;margin:0 0 6px}.text p{margin:0 0 10px}.text ul{margin:0 0 6px;padding-left:1.2rem}.text li{margin:3px 0}.cards{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.cards li{background:var(--card);border-radius:22px;padding:16px 18px;box-shadow:inset 0 0 0 3px #e8c9a0,0 6px 12px #3c1e1433}.cards h3{font-size:1.15rem}.cards p{margin:0;font-size:.98rem}.panel{filter:drop-shadow(0 6px 10px #3c1e144d);border:24px solid #0000;border-image:url(/ui/panel-wide.webp) 62 fill/24px round;max-width:46rem;margin-inline:auto;padding:4px 14px 10px}.panel ul{padding-left:1.2rem}.panel li{margin:6px 0}footer{text-align:center;color:#3d2a4f;padding-block:8px 40px;font-size:.92rem}footer p{margin:4px 0}.todo{background:#fff1b8;border-radius:.3rem;padding:0 .3rem;font-weight:700}@media (width<=760px){.game{grid-template-columns:minmax(0,1fr);gap:18px}.game.flip .shots{order:0}.shots img{width:min(44%,200px)}.banner{border-width:20px 34px 26px;border-image-width:20px 34px 26px;font-size:1.25rem}}.tiles{flex-wrap:wrap;justify-content:center;gap:18px;margin:24px 0 0;padding:0;list-style:none;display:flex}.tile{width:104px;color:inherit;flex-direction:column;align-items:center;gap:8px;font-weight:800;text-decoration:none;display:flex}.tile img{border-radius:22px;width:96px;height:96px;transition:transform .15s;box-shadow:0 6px 14px #3c1e144d}.tile:hover img{transform:translateY(-4px)scale(1.04)}.tile:active img{transform:scale(.96)}.tile:focus-visible{outline-offset:4px;border-radius:16px;outline:3px solid #0284c7}.tile span{background:#fffaf0e0;border-radius:999px;padding:2px 12px;box-shadow:0 2px 4px #3c1e1433}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero.landing{background-position:50%;flex-direction:column;justify-content:flex-end;min-height:max(26rem,100dvh - 11rem);padding-bottom:28px;display:flex}.landing .tiles{margin:0}footer a{color:inherit}@media (width<=520px){.tiles{flex-wrap:nowrap;gap:6px}.tiles li{flex:1 1 0;min-width:0}.tile{gap:6px;width:100%;font-size:.72rem}.tile img{border-radius:18%;width:100%;height:auto}.tile span{padding:2px 7px}.hero.landing{padding-left:8px;padding-right:8px}}