@font-face{font-family:Onest;font-style:normal;font-weight:400 800;font-display:swap;src:url(/_site/fonts/onest-vietnamese.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:Onest;font-style:normal;font-weight:400 800;font-display:swap;src:url(/_site/fonts/onest-latin-ext.woff2)format("woff2");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:Onest;font-style:normal;font-weight:400 800;font-display:swap;src:url(/_site/fonts/onest-latin.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{--night-0:#11131f;--night-1:#181b2c;--night-2:#23273f;--night-3:#2d3252;--line:#343a5a;--fg:#eceef7;--fg-muted:#a3a9c8;--fg-faint:#969cbb;--act:#b4a8ff;--act-soft:#29264d;--draw:#ffc940;--draw-ink:#2a1f00;--draw-soft:#3a3320;--found:#3ddc84;--sky:#5ad3f9;--alert:#ff6b6b;--r-chip:8px;--r-ctl:10px;--r-card:14px;--font:Onest, "Segoe UI", ui-sans-serif, system-ui, sans-serif;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--night-0);min-height:100dvh;color:var(--fg);font-family:var(--font);overflow-wrap:anywhere;flex-direction:column;margin:0;font-size:17px;line-height:1.65;display:flex}img{max-width:100%;height:auto}a{color:var(--act);text-underline-offset:3px}a:hover{color:var(--fg)}:focus-visible{outline:3px solid var(--draw);outline-offset:2px;border-radius:4px}.wrap{width:100%;max-width:1040px;margin:0 auto;padding:0 16px}@media (width>=900px){.wrap{padding:0 32px}}.skip{z-index:10;background:var(--draw);color:var(--draw-ink);border-radius:var(--r-ctl);padding:8px 14px;font-weight:800;position:absolute;top:8px;left:-9999px}.skip:focus{left:8px}.top{background:var(--night-1);border-bottom:1px solid var(--line);z-index:5;position:sticky;top:0}.top-row{flex-wrap:wrap;align-items:center;gap:12px;min-height:64px;padding-top:8px;padding-bottom:8px;display:flex}.logo{flex-shrink:0;display:inline-flex}.logo img{width:auto;height:40px;display:block}.sections{flex:100%;order:3;gap:2px;min-width:0;margin:0 -4px;display:flex;overflow-x:auto}.sections a{color:var(--fg-muted);border-radius:var(--r-ctl);white-space:nowrap;align-items:center;min-height:44px;padding:10px 12px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.sections a:hover,.sections a[aria-current]{color:var(--fg);background:var(--night-2)}@media (width>=760px){.sections{flex:auto;order:0;margin:0}.top-row{flex-wrap:nowrap}}.langs{margin-left:auto;position:relative}.langs summary{cursor:pointer;border-radius:var(--r-ctl);border:1px solid var(--line);min-width:52px;min-height:44px;color:var(--fg-muted);place-items:center;padding:0 10px;font-size:14px;font-weight:800;list-style:none;display:grid}.langs summary::-webkit-details-marker{display:none}.langs summary:hover,.langs[open] summary{color:var(--fg);background:var(--night-2)}.langs ul{background:var(--night-2);border:1px solid var(--line);border-radius:var(--r-card);z-index:6;min-width:200px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000073}.langs li a{border-radius:var(--r-chip);min-height:40px;color:var(--fg);align-items:center;padding:0 12px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.langs li a:hover{background:var(--night-3)}.langs li a[aria-current]{color:var(--draw)}.btn{border-radius:var(--r-ctl);white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:15px;font-weight:800;text-decoration:none;transition:filter .15s,transform .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-play{background:var(--draw);color:var(--draw-ink)}.btn-play:hover{color:var(--draw-ink);filter:brightness(1.06)}.btn-ghost{background:var(--night-2);color:var(--fg);border:1px solid var(--line)}.btn-ghost:hover{color:var(--fg);border-color:var(--act)}.btn-big{min-height:52px;padding:0 24px;font-size:17px}.crumbs{color:var(--fg-faint);margin:20px 0 8px;font-size:14px}.crumbs ol{flex-wrap:wrap;gap:4px 0;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:var(--line);margin:0 8px}.crumbs a{color:var(--fg-muted);text-decoration:none}.crumbs a:hover{color:var(--fg);text-decoration:underline}.crumbs [aria-current]{color:var(--fg)}main.wrap{flex:1;padding-bottom:72px}.hero{margin:8px 0 28px}h1{letter-spacing:-.01em;text-wrap:balance;margin:0 0 12px;font-size:clamp(28px,5vw,40px);font-weight:800;line-height:1.15}.meta{color:var(--fg-faint);margin:0 0 16px;font-size:14px}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.prose{max-width:720px}.prose>:first-child{margin-top:0}.prose p,.prose li{color:#d6d9e8}.prose h2{color:var(--fg);margin:2.2em 0 .6em;font-size:clamp(22px,3.2vw,26px);font-weight:800;line-height:1.25}.prose h3{color:var(--fg);margin:1.6em 0 .4em;font-size:19px;font-weight:800;line-height:1.35}.prose strong{color:var(--fg)}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.3em 0}.prose li::marker{color:var(--draw)}.prose img{border-radius:var(--r-card);border:1px solid var(--line);margin:1.5em 0;display:block}.prose blockquote{border-left:4px solid var(--act);background:var(--act-soft);border-radius:0 var(--r-ctl) var(--r-ctl) 0;margin:1.5em 0;padding:12px 18px}.prose table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;min-width:110px;padding:10px 12px}.prose th{color:var(--fg);background:var(--night-1);font-weight:800}.prose tr:first-child td{border-top:0}.lead{color:var(--fg);max-width:720px;font-size:19px}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;margin:24px 0;padding:0;list-style:none;display:grid}.card{background:var(--night-1);border:1px solid var(--line);border-radius:var(--r-card);height:100%;color:var(--fg);flex-direction:column;gap:6px;padding:18px;text-decoration:none;transition:border-color .15s,background-color .15s;display:flex}.card:hover{color:var(--fg);border-color:var(--act);background:var(--night-2)}.card-title{font-size:18px;font-weight:800;line-height:1.3}.card-text{color:var(--fg-muted);font-size:15px;line-height:1.5}.card-meta{color:var(--draw);margin-top:auto;font-size:13px;font-weight:700}.levels{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin:28px 0;display:grid}.level{background:var(--night-1);border:1px solid var(--line);border-radius:var(--r-card);padding:18px}.level h2{justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 12px;font-size:20px;font-weight:800;display:flex}.level h2 small{color:var(--fg-faint);font-size:13px;font-weight:700}.level-easy h2{color:var(--found)}.level-normal h2{color:var(--draw)}.level-hard h2{color:var(--alert)}.wordlist{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wordlist li{background:var(--night-2);border-radius:var(--r-chip);padding:4px 10px;font-size:15px;line-height:1.4}.hint{color:var(--fg-faint);margin:8px 0 0;font-size:14px}.related h2{margin:36px 0 0;font-size:22px;font-weight:800}.cta{border-radius:var(--r-card);background:var(--night-1);border:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding:24px;display:flex}.cta p{margin:0}.cta-title{font-size:22px;font-weight:800}.cta-text{color:var(--fg-muted)}.foot{background:var(--night-1);border-top:1px solid var(--line);color:var(--fg-muted);padding:24px 0;font-size:14px}.foot-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.foot p{margin:0}.foot-links{flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;display:flex}.foot-links a,.foot-copy a{color:var(--fg-muted);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.foot-links a:hover,.foot-copy a:hover{color:var(--fg)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.gen{background:var(--night-1);border:1px solid var(--line);border-radius:var(--r-card);margin:8px 0 32px;padding:20px}.gen h2{margin:0 0 12px;font-size:22px;font-weight:800}.gen-ctl{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:8px;display:none}.gen-on .gen-ctl{display:flex}.gen-ctl label{color:var(--fg-muted);flex-direction:column;gap:4px;font-size:13px;font-weight:700;display:flex}.gen-ctl select{background:var(--night-2);min-width:150px;min-height:44px;color:var(--fg);border:1px solid var(--line);border-radius:var(--r-ctl);font:inherit;padding:0 10px;font-size:15px}.gen-out{margin-top:8px}.gen-out.gen-one{display:block}.gen-out.gen-one li{color:var(--draw);background:0 0;padding:8px 0;font-size:clamp(30px,7vw,52px);font-weight:800;line-height:1.15}.brand-note{border-top:1px solid var(--line);color:var(--fg-faint);max-width:720px;margin:28px 0 0;padding-top:14px;font-size:13px;line-height:1.5}.cards-title{margin:32px 0 0;font-size:22px;font-weight:800}.cards-title+.cards{margin-top:12px}