@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-vietnamese-wdth-normal.rJmnGBSt.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-ext-wdth-normal.7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-wdth-normal.DY7AcnAa.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{--y:#ffd400;--r:#ff3d2e;--b:#2336ff;--k:#101010;--w:#fffaf0;--rad:28px;--f:"Archivo Variable",system-ui,sans-serif;--pad:clamp(16px,3vw,28px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--y);color:var(--k);font:500 clamp(17px,1.4vw,20px)/1.5 var(--f);font-variation-settings:"wdth" 100;margin:0}a{color:inherit}:focus-visible{outline:4px solid var(--k);outline-offset:3px}.on-dark :focus-visible,.dark :focus-visible{outline-color:var(--y)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{position:absolute;left:-999px}.skip:focus{background:var(--k);color:var(--y);z-index:9;padding:8px 12px;top:8px;left:8px}h1,h2,h3{font-variation-settings:"wdth" 100;text-transform:lowercase;letter-spacing:-.035em;margin:0;font-weight:900;line-height:.9}.wrap{padding:0 var(--pad);max-width:1400px;margin:0 auto}header.top{padding:var(--pad);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{letter-spacing:-.04em;text-transform:lowercase;font-size:clamp(26px,3vw,36px);font-weight:900;text-decoration:none}.logo span{background:var(--k);color:var(--y);border-radius:.2em;margin-left:.05em;padding:0 .25em}nav.top{text-transform:lowercase;flex-wrap:wrap;gap:6px 22px;font-weight:800;display:flex}nav.top a{border-bottom:3px solid #0000;padding:6px 0;text-decoration:none}nav.top a:hover,nav.top a[aria-current]{border-color:var(--k)}.btn{background:var(--k);color:var(--y);font:900 clamp(20px,2.2vw,28px)/1 var(--f);text-transform:lowercase;letter-spacing:-.02em;border-radius:var(--rad);cursor:pointer;border:0;padding:.7em 1.1em;text-decoration:none;transition:transform .12s;display:inline-block}.btn:hover{box-shadow:6px 6px 0 var(--r);transform:translate(-3px,-3px)rotate(-1deg)}.btn.alt{background:var(--r);color:var(--k)}.btn.light{background:var(--w);color:var(--k)}.btn.sm{padding:.6em 1em;font-size:19px}.hero{padding:clamp(24px,5vw,60px) 0 clamp(60px,9vw,120px);position:relative;overflow:hidden}.hero h1{max-width:9ch;font-size:clamp(64px,13.5vw,210px);line-height:.84}.hero p.lede{max-width:30ch;margin:28px 0;font-size:clamp(20px,2vw,28px);font-weight:700}.mock{background:var(--b);width:min(40vw,470px);color:var(--w);border-radius:var(--rad);box-shadow:14px 14px 0 var(--k);padding:28px;position:absolute;top:clamp(80px,12vw,150px);right:max(-30px,50% - 760px);transform:rotate(4deg)}.mock q{letter-spacing:-.03em;quotes:none;text-transform:none;font-size:clamp(22px,2.6vw,36px);font-weight:900;line-height:1.02;display:block}.mock ul{gap:8px;margin:20px 0 0;padding:0;font-weight:800;list-style:none;display:grid}.mock li{background:var(--w);color:var(--k);border-radius:14px;padding:10px 14px}.mock li.ok{background:var(--y)}@media (width<=900px){.mock{width:calc(100% - 20px);margin:44px 0 0 10px;position:relative;top:auto;right:auto;transform:rotate(-2deg)}}.panel{padding:clamp(40px,7vw,90px) 0}.red{background:var(--r)}.blue{background:var(--b);color:var(--w)}.black{background:var(--k);color:var(--y)}.cream{background:var(--w)}.say{flex-wrap:wrap;gap:0;display:flex}.say div{letter-spacing:-.04em;text-transform:lowercase;padding:clamp(24px,4vw,44px);font-size:clamp(34px,6vw,84px);font-weight:900;line-height:.88}.say div:first-child{background:var(--k);color:var(--r);flex:5 320px}.say div:nth-child(2){background:var(--y);flex:3 240px}.say div:nth-child(3){background:var(--b);color:var(--w);flex:6 360px}.say small{font:500 18px/1.4 var(--f);letter-spacing:0;text-transform:none;max-width:34ch;margin-top:14px;display:block}.big-list{border-top:4px solid;margin:30px 0 0;padding:0;list-style:none}.big-list li{border-bottom:4px solid}.big-list a{grid-template-columns:1fr auto;align-items:baseline;gap:8px 20px;padding:18px 0;text-decoration:none;display:grid}.big-list b{letter-spacing:-.04em;text-transform:lowercase;font-size:clamp(30px,5.4vw,76px);font-weight:900;line-height:.95}.big-list a:hover b{color:var(--r)}.big-list em{font:800 18px var(--f);font-style:normal}.big-list span{opacity:.9;grid-column:1/-1;max-width:60ch}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:30px;display:grid}.stats b{letter-spacing:-.05em;font-size:clamp(64px,10vw,150px);font-weight:900;line-height:.85;display:block}.stats span{text-transform:lowercase;font-weight:800}h2.h{font-size:clamp(44px,8vw,120px)}footer.foot{background:var(--k);color:var(--w);padding:44px 0 56px}footer.foot .cols{flex-wrap:wrap;justify-content:space-between;gap:30px 60px;display:flex}footer.foot a{color:var(--y)}footer.foot ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}footer.foot .logo{color:var(--w)}.prose{max-width:62ch;padding:30px 0 80px}.prose h1{margin-bottom:30px;font-size:clamp(52px,9vw,120px)}.prose h2{margin:44px 0 12px;font-size:clamp(30px,4vw,46px)}.game{padding:10px 0 80px}.hud{text-transform:lowercase;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:12px;font-weight:900;display:flex}.bar{background:var(--k);border-radius:99px;height:12px;margin-bottom:26px;overflow:hidden}.bar i{background:var(--r);width:0;height:100%;transition:width .3s;display:block}.qcard{background:var(--k);color:var(--y);border-radius:var(--rad);padding:clamp(22px,4vw,56px)}.qcard .lbl{text-transform:lowercase;color:var(--w);margin:0 0 14px;font-weight:800}.qcard blockquote{letter-spacing:-.035em;margin:0;font-size:clamp(30px,5.2vw,72px);font-weight:900;line-height:.98}.opts{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}.opt{text-align:left;background:var(--w);width:100%;color:var(--k);border:4px solid var(--k);font:900 clamp(20px,2.2vw,28px)/1.1 var(--f);letter-spacing:-.02em;cursor:pointer;border-radius:20px;align-items:center;gap:14px;min-height:68px;padding:16px 18px;display:flex}.opt kbd{font:900 16px var(--f);background:var(--k);color:var(--y);border-radius:8px;padding:4px 9px}.opt:hover:not(:disabled){background:var(--b);color:var(--w);box-shadow:5px 5px 0 var(--k);transform:translate(-2px,-2px)}.opt:disabled{cursor:default}.opt.right{color:var(--k);background:#18c964}.opt.wrong{background:var(--r);color:var(--k)}.opt.dim{opacity:.5}.reveal{background:var(--w);border:4px solid var(--k);border-radius:var(--rad);gap:12px;margin-top:22px;padding:clamp(20px,3vw,36px);display:grid}.reveal h2{font-size:clamp(34px,5vw,64px)}.reveal .cite{font-weight:800}.reveal .myth{background:var(--y);border-radius:18px;padding:14px 18px}.reveal .myth b{text-transform:lowercase;font-weight:900}.reveal .row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;display:flex}.result{background:var(--b);color:var(--w);border-radius:var(--rad);gap:18px;padding:clamp(22px,4vw,56px);display:grid}.result .score{letter-spacing:-.06em;font-size:clamp(90px,18vw,240px);font-weight:900;line-height:.8}.grid{letter-spacing:.08em;font-size:clamp(26px,4vw,40px);line-height:1.2}.pills{flex-wrap:wrap;gap:10px;display:flex}.pills a{background:var(--k);color:var(--y);border-radius:99px;padding:8px 16px;font-weight:800;text-decoration:none}.pills a:hover{background:var(--r);color:var(--k)}.meta{flex-wrap:wrap;gap:10px 30px;font-weight:800;display:flex}.hidden{display:none!important}@media (prefers-reduced-motion:reduce){*{transition:none!important}.btn:hover,.opt:hover{transform:none}}
