@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-wght-normal.Czsa-EzN.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-wght-normal.C-3rgBeH.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-wght-normal.CCVVNp6i.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}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/rubik-arabic-wght-normal.CGnJ-sf6.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/rubik-cyrillic-ext-wght-normal.BjodpZir.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/rubik-cyrillic-wght-normal.DveCct9I.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/rubik-hebrew-wght-normal.BIkpbuMU.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/rubik-latin-ext-wght-normal.OacczzuJ.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:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/rubik-latin-wght-normal.CnQIisVs.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}@font-face{font-family:Rubik;font-style:normal;font-weight:300 400;src:local(Arial),local(ArialMT),local(Liberation Sans),local(Arimo);size-adjust:104.26%;ascent-override:89.68%;descent-override:23.98%;line-gap-override:0%}@font-face{font-family:Rubik;font-style:normal;font-weight:500;src:local(Arial),local(ArialMT),local(Liberation Sans),local(Arimo);size-adjust:107.71%;ascent-override:86.81%;descent-override:23.21%;line-gap-override:0%}@font-face{font-family:Rubik;font-style:normal;font-weight:600 900;src:local(Arial Bold),local(Arial-BoldMT),local(Liberation Sans Bold),local(Arimo Bold);size-adjust:101.49%;ascent-override:92.12%;descent-override:24.63%;line-gap-override:0%}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;src:local(Georgia);size-adjust:95.64%;ascent-override:76.85%;descent-override:27.71%;line-gap-override:0%}:root{--bg:#fff;--surface:#fff;--sec:#f6f5f4;--ink:#0a0a0a;--muted:#737373;--line:#e5e5e5;--accent:#1e5b50;--accent-ink:#fff;--accent-soft:#1e5b501a;--focus:#0a0a0a;--err:#b3261e;--r-sm:8px;--radius:12px;--rl:16px;--fs-xs:12px;--fs-s:13px;--fs-m:15px;--fs-l:17px;--fs-xl:20px;--fs-2xl:24px;--fs-h1-m:30px;--fs-h1:36px;--fs-h1-home:44px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--shadow:0 1px 2px #0a0a0a0f, 0 4px 14px #0a0a0a0d;--system:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sans:"Rubik Variable", "Rubik", var(--system);--display:"Newsreader Variable", "Newsreader", "Iowan Old Style", Georgia, serif;--game:var(--sans);--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--max:992px;--body-soft:#404040;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f0f10;--surface:#1a1a1b;--sec:#1c1c1e;--ink:#f2f2f2;--muted:#a3a3a3;--line:#2e2e30;--accent:#7fd0bf;--accent-ink:#0f0f10;--accent-soft:#7fd0bf24;--focus:#f2f2f2;--err:#ff9b8f;--shadow:0 1px 2px #0006, 0 6px 20px #00000059;--body-soft:#c4c4c4;color-scheme:dark}}:root{--measure:42.8em;--measure-s:37.9em}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--fs-m);accent-color:var(--accent);margin:0;line-height:1.5;overflow-x:hidden}svg{display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}h1,h2,h3,p,dl,dd,ul,ol{margin:0;padding:0}h2,h3{text-wrap:balance}ul,ol{list-style:none}::selection{background:color-mix(in srgb, var(--accent) 28%, transparent)}:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.ic{flex:none;width:18px;height:18px}.gi{flex:none;width:22px;height:22px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--sp-2);z-index:50;padding:var(--sp-2) var(--sp-3);background:var(--ink);color:var(--bg);border-radius:var(--radius);position:absolute;top:-48px}.skip:focus{top:var(--sp-2)}.try a,.pill a,.tl,.menu-pop a,.ft-col a,.faq summary,.guide-list li,.gc{-webkit-tap-highlight-color:transparent}.try a:hover,.tl:hover,.menu-pop a:hover{background:var(--sec)}.pill a:hover{background:var(--bg)}.try a:active,.tl:active,.pill a:active,.menu-pop a:active{background:var(--line)}.faq summary:hover{color:var(--accent)}.faq summary:hover:after{color:var(--ink)}.faq summary:active{opacity:.7}.ft-col a:active{color:var(--accent)}.gc:hover{outline:2px solid var(--ink);outline-offset:-2px}.gc:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.guide-list li:has(a:hover){box-shadow:inset 0 0 0 2px var(--ink)}.guide-list li:has(a:focus-visible){outline:2.5px solid var(--focus);outline-offset:2px}.guide-list li:has(a:active){background:var(--line)}@media (prefers-reduced-motion:no-preference){.try a,.pill a,.tl,.menu-pop a,.faq summary,.faq summary:after,.ft-col a{transition:background-color .15s ease-out,color .15s ease-out,opacity .15s ease-out}.gc{transition:transform .18s cubic-bezier(.16,1,.3,1)}.gc:hover{transform:translateY(-2px)}.gc:active{transform:translateY(0)}}.top{height:48px;padding:0 var(--sp-3);z-index:20;align-items:center;display:flex;position:relative}.top-in{align-items:center;gap:var(--sp-3);width:100%;min-width:0;display:flex}.top.home .top-in{max-width:var(--max);padding:0 var(--sp-1);margin:0 auto}.wm{align-items:center;gap:var(--sp-2);font-weight:600;font-size:var(--fs-l);letter-spacing:-.01em;white-space:nowrap;text-decoration:none;display:flex;position:relative}.wm-mark{width:24px;height:24px}.wm-mark rect{fill:var(--ink)}.wm-mark circle,.wm-mark path{stroke:var(--bg)}.wm-mark circle{fill:var(--bg);stroke:none}.crumbs{align-items:center;gap:var(--sp-2);color:var(--muted);white-space:nowrap;min-width:0;display:flex}.crumbs [aria-current]{color:var(--ink);text-overflow:ellipsis;font-weight:500;overflow:hidden}.try{align-items:center;gap:var(--sp-2);margin-left:auto;display:flex}.try a,.pill a{align-items:center;gap:var(--sp-2);height:32px;padding:0 var(--sp-3) 0 var(--sp-2);border:1px solid var(--line);font-size:var(--fs-s);background:var(--bg);border-radius:999px;font-weight:500;text-decoration:none;display:flex;position:relative}.try a .gi,.pill a .gi{color:var(--hue);width:18px;height:18px}.tl{align-items:center;gap:var(--sp-1);height:32px;padding:0 var(--sp-3);font-size:var(--fs-s);border-radius:999px;font-weight:500;text-decoration:none;display:flex;position:relative}.tl .plus{font-size:var(--fs-xs);color:var(--muted)}.pill{height:32px;padding:0 var(--sp-1);background:var(--sec);border-radius:999px;align-items:center;gap:2px;display:flex}.pill a{background:0 0;border:0;height:26px}.pill a.more{padding:0 var(--sp-2);color:var(--muted)}.top.home .allgames{margin-left:auto}.top.home .menu-wrap{display:none}.menu-wrap{position:relative}.tl.menu{background:0 0}.tl.menu:hover{background:var(--sec)}.menu-pop{inset:52px auto auto;right:var(--sp-3);width:248px;max-height:calc(100dvh - 64px);color:var(--ink);padding:var(--sp-2);border-radius:var(--rl);background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow);z-index:30;margin:0;position:fixed;overflow-y:auto}.menu-pop a{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);font-size:var(--fs-m);font-weight:500;text-decoration:none;display:flex}.menu-pop a:focus-visible{background:var(--sec);outline-offset:-2px}.menu-pop a .gi{color:var(--hue)}.article{padding:var(--sp-6) var(--sp-4) var(--sp-2)}h1{font-family:var(--display);font-weight:400;font-size:var(--fs-h1);letter-spacing:-.01em;text-wrap:balance;line-height:1.15}.fact{margin-top:var(--sp-2);color:var(--body-soft);font-size:var(--fs-l);max-width:var(--measure-s);text-wrap:pretty;line-height:1.55}.sec{margin-top:var(--sp-6)}.sec h2{font-size:var(--fs-xl);letter-spacing:-.01em;margin-bottom:var(--sp-3);font-weight:600;line-height:1.25}.steps{gap:var(--sp-3);max-width:var(--measure-s);display:grid}.tips{gap:var(--sp-3);max-width:var(--measure-s);padding-left:var(--sp-5);list-style:outside;display:grid}.steps li{gap:var(--sp-3);grid-template-columns:28px 1fr;align-items:start;display:grid}.steps .n{background:var(--sec);width:28px;height:28px;font-weight:600;font-size:var(--fs-s);border-radius:50%;justify-content:center;align-items:center;display:flex}.faq details{margin-top:var(--sp-3);border-radius:var(--rl);background:var(--sec);padding:0 var(--sp-4)}.faq summary{cursor:pointer;min-height:44px;padding:var(--sp-3) 0;justify-content:space-between;align-items:center;gap:var(--sp-3);font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary h3{font:inherit;flex:1;margin:0}.faq summary:after{content:"+";color:var(--muted);font-size:var(--fs-l);line-height:1}.faq details[open] summary:after{content:"–"}.faq details p{padding:0 0 var(--sp-4);color:var(--body-soft);max-width:var(--measure)}details p a,.prose a,.fact a{text-underline-offset:2px;text-decoration:underline}.ad{min-height:var(--ad-h,90px);margin-top:var(--sp-5);max-width:728px}.ad--preview .ad-box{height:var(--ad-h,90px);border-radius:var(--radius);border:1px dashed var(--line);font-size:var(--fs-xs);color:var(--muted);background:var(--sec);justify-content:center;align-items:center;display:flex}.ad-label{font-size:var(--fs-xs);color:var(--muted);margin-bottom:var(--sp-1)}.gc{border-radius:var(--rl);background:var(--sec);aspect-ratio:16/9;isolation:isolate;color:#fff;text-decoration:none;display:block;position:relative;overflow:hidden}.gc-art{position:absolute;inset:0}.gc-art svg{width:100%;height:100%}.gc-cap{align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4) var(--sp-3);color:#fff;background:linear-gradient(#0000,#000000a8);display:flex;position:absolute;bottom:0;left:0;right:0}.gc-ic{border-radius:var(--r-sm);width:34px;height:34px;color:var(--hue);background:#ffffffeb;flex:none;justify-content:center;align-items:center;display:flex}.gc-t{min-width:0;display:grid}.gc-n{font-weight:600;font-size:var(--fs-l);line-height:1.2}.gc-r{font-size:var(--fs-s);color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gc.big .gc-n{font-size:var(--fs-xl)}.gc.big .gc-r{font-size:var(--fs-m)}.gc.sm .gc-cap{padding:var(--sp-5) var(--sp-3) var(--sp-2);gap:var(--sp-2)}.gc.sm .gc-ic{border-radius:var(--r-sm);width:26px;height:26px}.gc.sm .gc-ic .gi{width:16px;height:16px}.gc.sm .gc-n{font-size:var(--fs-m)}.gc.sm .gc-r{display:none}.rel-g{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.home-h{padding:var(--sp-6) var(--sp-4) 0}.home-h h1{font-size:var(--fs-h1-home);line-height:1.05}.feat11{gap:var(--sp-4);margin-top:var(--sp-4);grid-template-columns:repeat(12,1fr);display:grid}.feat11 .big{grid-area:span 2/span 8}.feat11 .f2{aspect-ratio:auto;grid-column:span 4;height:176px}.feat11 .sq{aspect-ratio:auto;grid-column:span 3;height:140px}.feat11 .sq.l3{grid-column:span 4}.feat11 .big.b6{aspect-ratio:auto;grid-column:span 6}.sec-lead{margin:calc(-1 * var(--sp-1)) 0 0;color:var(--muted);max-width:var(--measure-s);text-wrap:pretty}.sec.sec-top{margin-top:var(--sp-5)}.sec-top h2{margin-bottom:0}.sec-top+.grp{margin-top:var(--sp-3)}.suggest{margin-top:var(--sp-6);color:var(--muted)}.suggest a{color:var(--ink)}.ft-credits.ft-notice{margin-bottom:0}.ft-notice+.ft-credits{margin-top:var(--sp-1)}.ft-credits{margin-top:var(--sp-3);color:var(--muted);max-width:var(--measure)}.ft{margin-top:var(--sp-7);background:var(--sec);padding:var(--sp-6) 0 var(--sp-5);font-size:var(--fs-s)}.ft-in{max-width:var(--max);padding:0 var(--sp-4);margin:0 auto}.ft-dir{justify-content:space-between;gap:var(--sp-5);grid-template-columns:repeat(5,auto);display:grid}.ft-h{margin-bottom:var(--sp-2);font-weight:600}.ft-col li{margin:var(--sp-1) 0}.ft-col a{color:var(--body-soft);text-decoration:none}.ft-col a:hover{color:var(--ink);text-decoration:underline}.ft-name{margin-top:var(--sp-5);gap:var(--sp-1);color:var(--muted);max-width:var(--measure);display:grid}.ft-name strong{color:var(--ink)}.ft-copy{margin-top:var(--sp-3);color:var(--muted)}.page{padding:var(--sp-6) var(--sp-4) var(--sp-2);max-width:760px;margin-inline:auto}.page .lede{margin-top:var(--sp-3);color:var(--body-soft);font-size:var(--fs-l);max-width:var(--measure);text-wrap:pretty;line-height:1.6}.page .updated{margin-top:var(--sp-1);color:var(--muted);font-size:var(--fs-s)}.prose{margin-top:var(--sp-5);max-width:var(--measure);font-size:var(--fs-l);line-height:1.65}.prose h2{font-size:var(--fs-xl);margin:var(--sp-6) 0 var(--sp-3);font-weight:600;line-height:1.25}.prose h2:first-child{margin-top:0}.prose p,.prose ul,.prose ol{margin:0 0 var(--sp-4);color:var(--body-soft);text-wrap:pretty}.prose ul{padding-left:var(--sp-5);list-style:outside}.prose ol{padding-left:var(--sp-5);list-style:decimal}.prose li{margin:var(--sp-2) 0}.prose li::marker{color:var(--muted)}.prose strong{color:var(--ink);font-weight:600}.guide .lede p{margin:0}.guide .lede a,.toc a{text-underline-offset:2px;text-decoration:underline}.toc{margin-top:var(--sp-5);padding:var(--sp-4) var(--sp-5);background:var(--sec);border-radius:var(--rl)}.toc ol{padding-left:var(--sp-5);color:var(--body-soft);margin:0;list-style:decimal}.toc li{margin:var(--sp-1) 0}.toc li::marker{color:var(--muted)}.toc a:hover{color:var(--accent)}.guide .prose h2{scroll-margin-top:calc(48px + var(--sp-4))}.prose pre{margin:0 0 var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--sec);border-radius:var(--radius);font-family:var(--mono);font-size:var(--fs-m);color:var(--ink);line-height:1.5;overflow-x:auto}.prose code{font-family:var(--mono);font-size:.9em}.prose :not(pre)>code{background:var(--sec);border-radius:var(--r-sm);padding:1px var(--sp-1)}.guide-list{margin:var(--sp-5) 0 0;gap:var(--sp-3);max-width:var(--measure);padding:0;list-style:none;display:grid}.guide-list li{padding:var(--sp-4);background:var(--sec);border-radius:var(--rl);position:relative}.guide-list h2,.guide-list h3{font-size:var(--fs-l);margin:0 0 var(--sp-1);font-weight:600;line-height:1.3}.guide-list p{color:var(--body-soft);margin:0}.guide-list a{text-decoration:none}.guide-list a:before{content:"";border-radius:var(--rl);position:absolute;inset:0}.guide-list a:hover{text-decoration:underline}.guides-sec .guide-list{margin-top:0}.guides-all{margin-top:var(--sp-3)}.guides-all a{color:var(--ink);text-underline-offset:2px;text-decoration:underline;position:relative}.guides-all a:before{content:"";position:absolute;inset:-14px 0}@media (width<=1100px){.rel-g{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.top{padding:0 var(--sp-2)}.top-in{gap:var(--sp-2)}.wm span,.try .plus,.try a:nth-of-type(2),.top.home .pill,.top.home .allgames{display:none}.top.home .menu-wrap{margin-left:auto;display:block}.top.home .wm span{display:inline}.try a:before{content:"";position:absolute;inset:-7px -3px}.tl:before{content:"";position:absolute;inset:-6px -3px}.wm:before{content:"";position:absolute;inset:-10px -12px -10px -8px}.menu-pop a{min-height:44px}.article,.home-h,.page{padding-top:var(--sp-5)}h1{font-size:var(--fs-h1-m)}.home-h h1{font-size:var(--fs-h1)}.rel-g{grid-template-columns:repeat(2,1fr)}.feat11{gap:var(--sp-3);grid-template-columns:repeat(3,1fr)}.feat11 .big,.feat11 .big.b6{aspect-ratio:16/10;grid-area:auto/span 3}.feat11 .f2,.feat11 .sq,.feat11 .sq.l3{aspect-ratio:1;grid-column:span 1;height:auto}.feat11 .f2 .gc-cap,.feat11 .sq .gc-cap{padding:var(--sp-5) var(--sp-2) var(--sp-2);gap:0}.feat11 .f2 .gc-ic,.feat11 .sq .gc-ic{display:none}.feat11 .f2 .gc-n,.feat11 .sq .gc-n{font-size:var(--fs-s)}.feat11 .f2 .gc-u,.feat11 .f2 .gc-r{display:none}.feat11 .f2.wide-m,.feat11 .sq.wide-m{aspect-ratio:2;grid-column:span 3}.feat11 .f2.wide-m .gc-cap,.feat11 .sq.wide-m .gc-cap{padding:var(--sp-6) var(--sp-3) var(--sp-3);gap:var(--sp-3)}.feat11 .f2.wide-m .gc-ic,.feat11 .sq.wide-m .gc-ic{display:flex}.feat11 .f2.wide-m .gc-n,.feat11 .sq.wide-m .gc-n{font-size:var(--fs-l)}.feat11 .f2.wide-m .gc-u,.feat11 .sq.wide-m .gc-u{display:inline}.feat11 .f2.wide-m .gc-r,.feat11 .sq.wide-m .gc-r{display:block}.gc.sm .gc-cap{padding:var(--sp-5) var(--sp-2) var(--sp-2)}.gc.sm .gc-n{font-size:var(--fs-s)}.ft-dir{grid-template-columns:1fr 1fr;justify-content:start}.ft-col li{margin:0}.ft-col a{align-items:center;min-height:44px;display:flex}.toc li{margin:0}.toc a{padding-block:var(--sp-3);display:block}.ad{max-width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.wrap{max-width:var(--max);box-sizing:border-box;margin-inline:auto;padding-inline:16px}@media (width<=640px){.wrap{padding-inline:16px}}.canvas{--cv-ink:#fff6e6;--cv-btn-bg:#fff6e6;--cv-btn-ink:#3b1e0e;--cv-btn-edge:#c9b193;--cv-main-bg:#1e5b50;--cv-main-ink:#fff6e6;--cv-main-edge:#0e3a32;--cv-well:#280f0052;--cv-on-bg:#fff6e6;--cv-on-ink:#3b1e0e;--cv-on-edge:#c9b193;--cv-card-bg:#fff6e6;--cv-card-ink:#3b1e0e;--cv-card-edge:#c9b193;--cv-card-sub:#f3e6cf;--cv-card-mute:#8a6a4a;--cv-ok:#2f8f5b;--cv-ok-edge:#1e6640;margin:var(--sp-2) 10px 0;border-radius:var(--rl);padding:var(--sp-4);gap:var(--sp-3);font-family:var(--game);color:var(--cv-ink);isolation:isolate;flex-direction:column;display:flex;position:relative;overflow:hidden}.scene{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene i{border-radius:50%;position:absolute}.tb{align-items:center;gap:var(--sp-3);grid-template-columns:auto 1fr auto;display:grid}.tb-c{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.tb-r{justify-content:flex-end;gap:var(--sp-2);align-items:center;display:flex}.ct{align-items:baseline;gap:var(--sp-2);white-space:nowrap;display:flex}.ct-n{font-weight:700;font-size:var(--fs-2xl);letter-spacing:-.01em}.ct-s{font-weight:600;font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;opacity:.85}.gb{height:40px;padding:0 var(--sp-3);border-radius:var(--radius);font-weight:600;font-size:var(--fs-m);letter-spacing:.01em;background:var(--cv-btn-bg);color:var(--cv-btn-ink);box-shadow:0 3px 0 var(--cv-btn-edge), 0 6px 10px #0000002e;white-space:nowrap;justify-content:center;align-items:center;gap:7px;transition:transform 80ms,box-shadow 80ms,filter .12s,opacity .12s;display:inline-flex;position:relative}.gb.primary{background:var(--cv-main-bg);color:var(--cv-main-ink);box-shadow:0 3px 0 var(--cv-main-edge), 0 6px 10px #00000038}.gb.big{height:48px;font-size:var(--fs-l);width:100%}.gb.small{height:34px;padding:0 var(--sp-2);font-size:var(--fs-s);border-radius:var(--r-sm);box-shadow:0 2px 0 var(--cv-btn-edge)}.gb[hidden]{display:none}.canvas.done .tb .gb.primary{background:var(--cv-btn-bg);color:var(--cv-btn-ink);box-shadow:0 3px 0 var(--cv-btn-edge), 0 6px 10px #0000002e}.seg{height:40px;padding:var(--sp-1);border-radius:var(--radius);background:var(--cv-well);display:inline-flex;box-shadow:inset 0 2px 4px #00000040}.seg button{height:32px;padding:0 var(--sp-3);border-radius:var(--r-sm);font-weight:600;font-size:var(--fs-s);color:var(--cv-ink);opacity:.85;align-items:center;transition:transform 80ms,box-shadow 80ms,opacity .12s;display:flex;position:relative}.seg button[aria-checked=true]{background:var(--cv-on-bg);color:var(--cv-on-ink);opacity:1;box-shadow:0 2px 0 var(--cv-on-edge)}.timer{align-items:center;gap:var(--sp-2);height:40px;padding:0 var(--sp-3);border-radius:var(--radius);background:var(--cv-well);font-weight:600;font-size:var(--fs-m);font-variant-numeric:tabular-nums;display:inline-flex;box-shadow:inset 0 2px 4px #00000040}.tb .gb:before,.tb .seg button:before,.swap a:before{content:"";position:absolute;inset:-2px 0}.tb .seg button:before,.swap a:before{inset:-6px 0}.result .gb.small:before{content:"";position:absolute;inset:-5px 0}.canvas .gb:not(:disabled):not([aria-disabled=true]):not(.ghost):active{box-shadow:none;transform:translateY(3px)}.canvas .gb.small:not(:disabled):not([aria-disabled=true]):active,.canvas .seg button:active,.canvas .swap a:active{box-shadow:none;transform:translateY(2px)}@media (hover:hover){.canvas .gb:not(:disabled):not([aria-disabled=true]):hover,.canvas .swap a:hover{filter:brightness(1.07)}.canvas .seg button[aria-checked=false]:hover{opacity:1}}.canvas :is(.gb,.seg button,.swap a):focus-visible{outline:3px solid var(--cv-ink);outline-offset:2px}.canvas .result :is(.gb,.swap a):focus-visible{outline-color:var(--cv-card-ink)}.canvas .gb:disabled,.canvas .gb[aria-disabled=true]{opacity:.5;cursor:default;filter:none}.stage{min-height:var(--stage-h,260px);flex:1;justify-content:center;align-items:flex-start;gap:28px;display:flex}.result-layer{z-index:6;padding:var(--sp-4);background:#0000004d;place-items:center;display:grid;position:absolute;inset:0}.result-layer[hidden]{display:none}.result{width:332px;max-width:100%;padding:var(--sp-4);border-radius:var(--rl);background:var(--cv-card-bg);color:var(--cv-card-ink);box-shadow:0 8px 0 var(--cv-card-edge), 0 18px 30px #00000061;gap:var(--sp-3);align-content:start;display:grid}.res-top{gap:var(--sp-1) var(--sp-3);grid-template-columns:auto 1fr;align-items:center;display:grid}.badge{background:var(--cv-ok);color:#fff;width:48px;height:48px;box-shadow:0 3px 0 var(--cv-ok-edge);border-radius:50%;grid-row:1/span 2;justify-content:center;align-items:center;display:flex}.badge .ic{stroke-width:3.5px;width:28px;height:28px}.solved{font-weight:700;font-size:var(--fs-2xl);letter-spacing:-.01em;line-height:1}.note{font-size:var(--fs-s);color:var(--cv-card-mute);grid-column:2;margin:0;line-height:1.4}.note[hidden],.canvas.lost .result .badge,.canvas.lost .result .stats,.canvas.lost .result .share{display:none}.canvas.lost .result .res-top{grid-template-columns:1fr}.canvas.lost .result .note{grid-column:1}.stats{gap:var(--sp-4);display:flex}.stats div{display:grid}.stats dt{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--cv-card-mute);font-weight:600}.stats dd{font-weight:700;font-size:var(--fs-l);font-variant-numeric:tabular-nums;line-height:1.2}.share{gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--radius);background:var(--cv-card-sub);font-family:var(--sans);font-size:var(--fs-s);color:var(--cv-card-ink);line-height:1.45;display:grid}.share pre{min-width:0;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.swap{flex-wrap:wrap;gap:6px;display:flex}.swap a{color:#222;height:32px;box-shadow:0 2px 0 var(--cv-card-edge);font-weight:600;font-size:var(--fs-s);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 6px;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .12s;display:flex;position:relative}.swap a .gi{color:var(--hue);width:18px;height:18px}.canvas.done .stage{filter:saturate(.95)}.confetti{pointer-events:none;z-index:7;position:absolute;inset:0;overflow:hidden}.confetti[hidden]{display:none}.confetti i{left:var(--x);top:var(--y);width:var(--s);height:calc(var(--s) * 1.5);background:var(--c);border-radius:calc(var(--sp-1) / 2);transform:rotate(var(--r));animation:fall 1.4s var(--d) ease-in forwards;position:absolute;box-shadow:0 2px 3px #00000026}@keyframes fall{0%{transform:translateY(0) rotate(var(--r));opacity:1}to{transform:translateY(60vh) rotate(calc(var(--r) + 300deg));opacity:0}}@media (prefers-reduced-motion:reduce){.confetti i{animation:none}.gb,.seg button,.swap a{transition:none}.canvas .gb:active,.canvas .seg button:active,.canvas .swap a:active{transform:none!important}}.canvas.canvas[data-counted].lost:not([data-lost-restored]){padding-bottom:292px}.canvas.canvas[data-counted].lost .result-layer{pointer-events:none;background:0 0;place-items:end center;padding:0 16px 16px}.canvas.canvas[data-counted].lost .result-layer .result{pointer-events:auto}.lost-note{max-width:200px;font-size:var(--fs-xs);text-align:right;opacity:.92;flex:0 auto;font-weight:600;line-height:1.2}.lost-note[hidden],.canvas[data-lost-restored] .tb .timer{display:none}@media (width<=980px){.tb{grid-template-columns:1fr auto}.tb-c{grid-area:2/1/auto/span 2;justify-content:flex-start}}@media (width<=640px){.canvas{margin:var(--sp-2) var(--sp-2) 0;padding:var(--sp-3);gap:var(--sp-2)}.tb{gap:var(--sp-2);grid-template-rows:auto auto auto;grid-template-columns:1fr auto}.ct{gap:var(--sp-2);grid-area:1/1}.ct-n{font-size:var(--fs-xl)}.ct-s{display:none}.tb-c{display:contents}.tb .md{grid-area:1/2;justify-self:end}.tb .lv{grid-area:2/1/auto/span 2;display:flex}.tb .lv button{flex:1;justify-content:center}.tb-r{gap:var(--sp-2);grid-area:3/1/auto/span 2;display:flex}.tb-r .timer{flex:1;justify-content:center}.lost-note{text-align:left;flex:1;max-width:none}.np,.tb-r [data-act=clear] span{display:none}.tb-r [data-act=clear]{padding:0 var(--sp-3)}.seg,.timer,.gb{height:40px}.seg button{padding:0 var(--sp-2)}.stage{align-items:center;gap:var(--sp-3);min-height:var(--stage-h-sm,var(--stage-h,220px));flex-direction:column}.result{width:100%;padding:var(--sp-3);gap:var(--sp-3)}.res-top{gap:var(--sp-1) var(--sp-2);grid-template-columns:auto auto 1fr}.badge{grid-row:1;width:40px;height:40px}.badge .ic{width:22px;height:22px}.solved{font-size:var(--fs-xl)}.stats{justify-content:flex-end;gap:var(--sp-3);grid-column:3}.stats dd{font-size:var(--fs-m)}.gb.big{height:46px}.canvas[data-counted] .stats{grid-area:2/1/auto/-1;justify-content:space-between}.canvas.canvas[data-counted].lost .result-layer .result{width:100%}}.canvas.colordle [data-act=hint][data-left]:after,.canvas.colorfle [data-act=hint][data-left]:after{content:attr(data-left);min-width:20px;height:20px;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;background:#1f26301a;border-radius:999px;place-items:center;padding:0 5px;display:inline-grid}.canvas.colorfle [data-act=hint][data-left]:after{background:#26232a1f}.canvas.colordle [data-act=hint][data-left="0"],.canvas.colorfle [data-act=hint][data-left="0"]{opacity:.5}.canvas.pips{--stage-h:456px;--stage-h-sm:538px}.canvas.pips[data-level=E]{--stage-h:436px;--stage-h-sm:476px}.canvas.pips[data-level=M]{--stage-h:456px;--stage-h-sm:538px}.canvas.pips[data-level=H]{--stage-h:456px;--stage-h-sm:594px}.canvas.queens{--stage-h:472px;--stage-h-sm:350px}.canvas.queens[data-level=E]{--stage-h:416px;--stage-h-sm:342px}.canvas.queens[data-level=M],.canvas.queens[data-level=H]{--stage-h:472px;--stage-h-sm:350px}.canvas.tango,.canvas.zip{--stage-h:416px;--stage-h-sm:342px}.canvas.zip[data-level=E]{--stage-h:352px;--stage-h-sm:289px}.canvas.zip[data-level=M],.canvas.zip[data-level=H]{--stage-h:416px;--stage-h-sm:342px}.canvas.waffle{--stage-h:408px;--stage-h-sm:392px}.canvas.connections{--stage-h:392px;--stage-h-sm:343px}.canvas.sizeitup{--stage-h:480px;--stage-h-sm:452px}.canvas.betweenle{--stage-h:390px;--stage-h-sm:380px}.canvas.tradle{--stage-h:502px;--stage-h-sm:606px}.canvas.tradle[data-level=E]{--stage-h:502px;--stage-h-sm:666px}.canvas.factle{--stage-h:430px;--stage-h-sm:510px}.canvas.factle[data-level=E]{--stage-h:430px;--stage-h-sm:470px}.canvas.factle[data-level=M]{--stage-h:430px;--stage-h-sm:510px}.canvas.factle[data-level=H]{--stage-h:480px;--stage-h-sm:590px}.canvas.costcodle{--stage-h:570px;--stage-h-sm:666px}.canvas.costcodle[data-level=H]{--stage-h:520px;--stage-h-sm:625px}.canvas.colordle{--stage-h:466px;--stage-h-sm:565px}@media (width>=641px) and (width<=980px){.canvas.colordle{--stage-h:512px}}.canvas.colorfle[data-level=E]{--stage-h:575px;--stage-h-sm:701px}.canvas.colorfle[data-level=M]{--stage-h:453px;--stage-h-sm:609px}.canvas.colorfle[data-level=H]{--stage-h:583px;--stage-h-sm:664px}@media (width>=641px) and (width<=1100px){.canvas.colorfle[data-level=E]{--stage-h:626px}.canvas.colorfle[data-level=M]{--stage-h:695px}.canvas.colorfle[data-level=H]{--stage-h:833px}}@media (width>=980px) and (width<=1100px){.canvas.colorfle[data-level=E]{--stage-h:575px}.canvas.colorfle[data-level=M]{--stage-h:453px}.canvas.colorfle[data-level=H]{--stage-h:538px}}.coach{z-index:5;pointer-events:none;transition:opacity .3s;position:absolute;inset:0;overflow:hidden}.coach.out{opacity:0}.coach-finger{box-sizing:border-box;opacity:0;will-change:translate;background:#ffffff80;border:2px solid #ffffffeb;border-radius:50%;width:36px;height:36px;margin:-18px 0 0 -18px;transition:scale .12s,background-color .12s;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #00000038,0 4px 10px #0000004d}.coach-finger.down{background:#ffffffc7;scale:.78}.coach-ghost{box-sizing:border-box;opacity:.94;filter:drop-shadow(0 6px 8px #00000059);will-change:translate, scale, rotate;position:absolute;top:0;left:0}.coach-ghost>*{width:100%;height:100%;margin:0}.coach-mark{place-items:center;animation:.16s ease-out coach-pop;display:grid;position:absolute;top:0;left:0}.coach-mark svg{width:78%;height:78%}.coach-cap{z-index:3;box-sizing:border-box;max-width:calc(100% - 24px);padding:var(--sp-2) var(--sp-3);color:#fff6e6;font-size:var(--fs-m);text-align:center;opacity:0;background:#180e06d6;border-radius:999px;font-weight:600;line-height:1.25;transition:opacity .15s;position:absolute;top:0;left:0}@keyframes coach-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.coach,.coach-finger,.coach-cap{transition:none}.coach-mark{animation:none}}.tb-r [data-act=coach]{width:40px;font-size:var(--fs-l);padding:0;font-weight:700}@media (width>=641px) and (width<=1100px){.canvas:is(.zip,.queens,.pips,.waffle,.tango) .ct-s{display:none}}
