@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-cyrillic-ext-wght-normal.D4X5GqEv.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-cyrillic-wght-normal.CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-vietnamese-wght-normal.U01xdrZh.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-latin-ext-wght-normal.CXYtwYOx.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-latin-wght-normal.BzFMHfZw.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{color-scheme:light;--bg:#f7f3ea;--card:#fffcf6;--tray:#f4e6ce;--tray-soft:#f7eedd;--rule:#ede3d1;--ink:#3a2e25;--ink-muted:#6e5a4a;--cream-text:#fbf3e4;--x:#e0533d;--o:#1e8c86;--o-deep:#1e6e69;--cta:#b83a27;--cta-shadow:#8a2a1c;--shadow:#a87f4f73;--shadow-page:#a87f4f66;--shadow-cell:#a87f4f59;--shadow-cell-soft:#a87f4f4d;--tint-easy:color-mix(in srgb, var(--o) 13%, var(--card));--tint-hard:color-mix(in srgb, var(--x) 12%, var(--card));--font:ui-rounded, "SF Pro Rounded", "Nunito Variable", "Nunito", system-ui, sans-serif;--spring:cubic-bezier(.3, 1.5, .5, 1);--pop-ease:cubic-bezier(.3, 1.6, .5, 1);--gutter:clamp(20px, 4vw, 48px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-weight:700;overflow-x:hidden}p,li{text-wrap:pretty}img{max-width:100%;height:auto;display:block}a{color:var(--cta)}a:hover{color:var(--cta-shadow)}:focus-visible{outline:3px solid var(--o);outline-offset:3px;border-radius:6px}.skip-link{z-index:50;background:var(--ink);color:var(--cream-text);border-radius:12px;padding:10px 16px;font-weight:900;text-decoration:none;position:absolute;top:-60px;left:12px}.skip-link:focus{color:var(--cream-text);top:12px}.wrap{max-width:calc(1200px + 2 * var(--gutter));padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.h2{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(38px,5.2vw,64px);font-weight:900;line-height:1}.h1-page{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(42px,6vw,68px);font-weight:900;line-height:1}.lead{color:var(--ink-muted);margin:0;font-size:19px;font-weight:700;line-height:1.5}.sticker{background:var(--ink);color:var(--cream-text);border-radius:9px;padding:6px 13px;font-size:15px;font-weight:800;display:inline-block;transform:rotate(-3deg)}.sticker.tilt-right{transform:rotate(2deg)}.cta{background:var(--cta);color:var(--cream-text);box-shadow:0 6px 0 var(--cta-shadow);transition:transform .2s var(--spring);align-items:center;margin-bottom:6px;font-weight:900;text-decoration:none;display:inline-flex}.cta:hover{color:var(--cream-text);transform:translateY(-3px)rotate(-1.5deg)}.cta.tilt-right:hover{transform:translateY(-3px)rotate(1.5deg)}.cta:active{box-shadow:0 1px 0 var(--cta-shadow);transform:translateY(5px)}.logo-tile{background:var(--card);width:40px;height:40px;box-shadow:0 3px 0 var(--shadow);border-radius:11px;flex:none;display:block}.logo-tile svg{width:100%;height:100%;display:block}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);background:#f7f3eae0;position:sticky;top:0}.site-header.plain{-webkit-backdrop-filter:none;background:0 0;position:static}.site-header nav{align-items:center;gap:20px;padding-top:14px;padding-bottom:14px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand:hover{color:var(--ink)}.brand-name{letter-spacing:-.3px;white-space:nowrap;font-size:20px;font-weight:900}.nav-links{align-items:center;gap:22px;margin-left:auto;font-size:16px;font-weight:800;display:flex}.nav-links a{color:var(--ink);text-decoration:none}.nav-links a:hover{color:var(--cta)}.nav-cta{height:44px;box-shadow:0 4px 0 var(--cta-shadow);white-space:nowrap;border-radius:14px;flex:none;margin-bottom:4px;padding:0 18px;font-size:16px}.nav-cta:hover{transform:translateY(-2px)rotate(-2deg)}@media (width<=640px){.site-header .nav-links.collapse{display:none}.site-header .nav-links.collapse+.nav-cta{margin-left:auto}}@media (width<=380px){.site-header .brand-name{font-size:18px}.site-header nav{gap:12px}}.site-footer{border-top:2px solid var(--rule)}.site-footer .wrap{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:14px 28px;padding-top:28px;padding-bottom:40px;font-size:15px;font-weight:700;display:flex}.site-footer .spacer{flex:1}.site-footer a{color:var(--ink-muted);font-weight:800}.site-footer a:hover{color:var(--cta)}.page-card{background:var(--card);box-shadow:0 5px 0 var(--shadow-page);border-radius:24px;padding:24px 26px}.board{aspect-ratio:1;background:var(--tray);width:100%;position:relative}.board .grid{grid-template-columns:repeat(var(--n,3), 1fr);grid-template-rows:repeat(var(--n,3), 1fr);gap:4%;padding:5%;display:grid;position:absolute;inset:0}.board .cell{background:var(--card);min-width:0;min-height:0;box-shadow:0 3px 0 var(--shadow-cell-soft);border-radius:16%;padding:18%}.slot{width:100%;height:100%;transition:opacity .35s}.slot.dim{opacity:.3}.mark{width:100%;height:100%;animation:pop .45s var(--pop-ease) both;display:block;overflow:visible}.mark-late{animation-delay:.25s}.line{pointer-events:none;position:absolute;inset:0}.win-line{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.win-line line{animation:.45s ease-out both draw}.bubble{background:var(--card);box-shadow:0 4px 0 var(--shadow);white-space:nowrap;width:max-content;animation:pop .5s var(--pop-ease) both;border-radius:999px;align-items:center;gap:6px;padding:6px 14px 6px 6px;font-size:15px;font-weight:900;display:flex}.bubble img{width:34px;height:34px}@keyframes pop{0%{opacity:0;transform:scale(.2)rotate(-25deg)}60%{opacity:1;transform:scale(1.18)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes bob{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-12px) rotate(calc(var(--r,0deg) * -1))}}@keyframes hop{0%,60%,to{transform:translateY(0) rotate(var(--r,0deg))}30%{transform:translateY(-22px) rotate(calc(var(--r,0deg) * -1))}}@keyframes think{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes travel{0%{opacity:0;left:0%;transform:translate(-50%,-50%)scale(.6)}15%,85%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;left:100%;transform:translate(-50%,-50%)scale(.6)}}.bob{animation:bob var(--dur,3s) ease-in-out var(--delay,0s) infinite}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}