@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(/assets/anybody-vietnamese-wdth-normal-9GtAklmW.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:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(/assets/anybody-latin-ext-wdth-normal-BaQ5u-C4.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:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(/assets/anybody-latin-wdth-normal-CHqbGEEr.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:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.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:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.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{--ultramarine:#2234c4;--deep:#16207f;--paper:#f4f5fc;--periwinkle:#bac2f6;--signal:#ff9b3d;--face-display:"Anybody Variable", "Arial Black", sans-serif;--face-text:"Atkinson Hyperlegible Next Variable", "Atkinson Hyperlegible", system-ui, sans-serif;--text-small:.875rem;--text-body:1.125rem;--text-lede:1.3125rem;--text-email:clamp(1.125rem, 5vw, 1.75rem);--text-title:2.25rem;--text-title-wide:3rem;--text-headline:clamp(2.375rem, 6vw, 4.75rem);--line:4px;--stride:1rem;--gap:1.25rem;--marker:14px;--draw:.36s;--page-width:72rem;--page-pad:clamp(1rem, 4vw, 3rem);--measure:34rem}@media (width>=48rem){:root{--stride:6rem;--gap:2.5rem}}*,:before,:after{box-sizing:border-box}html{background:var(--ultramarine);color:var(--paper);font-family:var(--face-text);-webkit-text-size-adjust:100%;font-size:100%;line-height:1.5}body{max-width:var(--page-width);padding:0 var(--page-pad);font-size:var(--text-body);margin:0 auto}h1,h2{font-family:var(--face-display);text-wrap:balance;margin:0}h1{font-size:var(--text-headline);letter-spacing:-.01em;max-width:15ch;font-weight:820;font-stretch:128%;line-height:.98}h2{font-size:var(--text-title-wide);font-weight:760;font-stretch:62%;line-height:1}p{max-width:var(--measure);margin:0}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:2px}a:hover{text-decoration-thickness:4px}:focus-visible{outline:3px solid var(--signal);outline-offset:4px}.skip{left:var(--page-pad);background:var(--paper);color:var(--deep);padding:.5rem 1rem;position:absolute;top:-4rem}.skip:focus-visible{top:1rem}.masthead{padding:2rem 0 3.5rem}.wordmark{font-family:var(--face-display);font-size:var(--text-lede);align-items:center;gap:.625rem;font-weight:800;font-stretch:112%;text-decoration:none;display:inline-flex}.mark{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:square;width:2rem;height:2rem}.lede{font-size:var(--text-lede);color:var(--periwinkle);margin-top:1.5rem}.footer{font-size:var(--text-small);color:var(--periwinkle);padding:4rem 0 2.5rem}@media (width<=30rem){h2{font-size:var(--text-title)}}.step{--n:0;margin-left:calc(var(--n) * var(--stride));padding:0 0 4.5rem calc(var(--gap) + var(--line));position:relative}.step:nth-child(2){--n:1}.step:nth-child(3){--n:2}.step:after{content:"";width:var(--line);background:var(--paper);transform-origin:top;animation:draw-down var(--draw) cubic-bezier(.6, 0, .4, 1) backwards;animation-delay:calc(var(--n) * 2 * var(--draw));position:absolute;top:0;bottom:0;left:0}.step+.step:before{content:"";top:0;left:calc(-1 * var(--stride));width:calc(var(--stride) + var(--line));height:var(--line);background:var(--paper);transform-origin:0;animation:draw-across var(--draw) cubic-bezier(.6, 0, .4, 1) backwards;animation-delay:calc((var(--n) * 2 - 1) * var(--draw));position:absolute}.marker{left:calc((var(--line) - var(--marker)) / 2);width:var(--marker);height:var(--marker);position:absolute}.marker-start{top:calc(var(--marker) / -2);border:var(--line) solid var(--paper);background:var(--ultramarine);z-index:1}.marker-goal{bottom:calc(var(--marker) / -2);background:var(--signal)}@keyframes draw-down{0%{transform:scaleY(0)}}@keyframes draw-across{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.step:after,.step+.step:before{animation:none}}.dead-end{padding-bottom:3rem}.wall{bottom:0;left:calc(var(--marker) / -1);width:calc(var(--marker) * 2 + var(--line));height:var(--line);background:var(--paper);position:absolute}.back{font-size:var(--text-lede);margin-top:2rem}.game-head{align-items:center;gap:1.25rem;padding-top:2.5rem;display:flex}.game-icon{border-radius:22%;width:4.5rem;height:4.5rem}.game-text{margin-top:1.25rem}.game-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.75rem;display:flex}.play{background:var(--signal);min-height:44px;color:var(--deep);font-family:var(--face-display);padding:.875rem 1.5rem;font-weight:780;font-stretch:112%;text-decoration:none;display:inline-block}.play:hover{background:var(--paper)}.note{color:var(--periwinkle)}.shots{grid-template-columns:1fr;gap:1rem;margin:2.5rem 0 0;display:grid}.shots img{background:var(--deep);width:100%;height:auto;display:block}.shot-phone{border-radius:1.75rem;max-width:8.5rem}.shots figcaption{font-size:var(--text-small);color:var(--periwinkle)}@media (width>=64rem){.shots{grid-template-columns:minmax(0,1fr) 12.5rem;align-items:end}.shot-phone{max-width:none}.shots figcaption{grid-column:1/-1}}.contact h2{padding-top:2.5rem}.contact p{margin-top:1rem}.email{font-family:var(--face-display);font-size:var(--text-email);margin-top:1rem;font-weight:700;font-stretch:100%;display:inline-block}.contact{padding-bottom:1.5rem}
