@font-face{font-family:Titan One;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/titan-one-latin-400-normal.DwVbh4mi.woff2)format("woff2"),url(/_astro/titan-one-latin-400-normal.VZVzRR2h.woff)format("woff")}@font-face{font-family:Titan One;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/titan-one-latin-ext-400-normal.BW7cdQ38.woff2)format("woff2"),url(/_astro/titan-one-latin-ext-400-normal.CiNNQIOC.woff)format("woff")}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.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{--pistachio:#d4e4b0;--pistachio-deep:#c3d79a;--plum:#2a1030;--plum-soft:#5b3a5f;--tomato:#f24a2e;--tomato-deep:#c8341b;--tomato-light:#ff6f55;--marigold:#ffb627;--lilac:#c9a7f5;--milk:#fff8ec;--display:"Titan One", "Arial Rounded MT Bold", system-ui, sans-serif;--text:"Bricolage Grotesque Variable", system-ui, sans-serif;--gutter:clamp(16px, 4vw, 48px);--page:1200px;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--pistachio);color:var(--plum);font-family:var(--text);font-optical-sizing:auto;margin:0;font-size:18px;line-height:1.55;overflow-x:hidden}img,svg{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--plum);outline-offset:3px;border-radius:8px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{left:var(--gutter);z-index:10;background:var(--plum);color:var(--milk);border-radius:999px;padding:10px 16px;font-weight:700;text-decoration:none;position:absolute;top:-100px}.skip:focus{top:12px}.wrap{width:min(100% - 2 * var(--gutter), var(--page));margin-inline:auto}.top{justify-content:space-between;align-items:center;gap:16px;padding-block:20px;display:flex}.brand{font-family:var(--display);align-items:center;gap:10px;font-size:26px;line-height:1;text-decoration:none;display:inline-flex}.lang{border:2px solid var(--plum);border-radius:999px;padding:8px 14px;font-size:16px;font-weight:700;text-decoration:none}.lang:hover{background:var(--plum);color:var(--pistachio)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"headline couch""choice couch";align-items:end;column-gap:clamp(24px,4vw,64px);padding-block:clamp(16px,4vw,48px) clamp(24px,4vw,48px);display:grid}.hero__headline{grid-area:headline}.hero h1{font-family:var(--display);letter-spacing:-.005em;text-wrap:balance;margin:0;font-size:clamp(64px,9.5vw,136px);font-weight:400;line-height:.95}.hero__lede{max-width:34ch;color:var(--plum-soft);margin:24px 0 0;font-size:20px}.hero .couch{grid-area:couch;align-self:center;width:100%}.browse{text-underline-offset:5px;align-items:center;gap:12px;min-height:48px;margin-top:20px;font-weight:700;text-decoration-thickness:2px;display:inline-flex}.browse span{background:var(--marigold);border-radius:50%;place-items:center;width:32px;height:32px;font-size:22px;display:grid}.browse:hover{color:var(--tomato-deep)}.choice{border:0;grid-area:choice;min-width:0;margin:36px 0 0;padding:0}.choice legend{font-family:var(--display);margin-bottom:12px;padding:0;font-size:30px;line-height:1.1}.choice__options{flex-wrap:wrap;gap:10px;display:flex}.choice input{opacity:0;pointer-events:none;position:absolute}.choice label{border:2px solid var(--plum);background:var(--pistachio);cursor:pointer;border-radius:999px;align-items:center;min-height:48px;padding:10px 20px;font-size:17px;font-weight:700;line-height:1.2;transition:background-color .12s,transform .12s;display:inline-flex}.choice label:hover{background:var(--pistachio-deep)}.choice input:checked+label{background:var(--marigold);box-shadow:0 4px 0 var(--plum);transform:translateY(-2px)}.choice input:focus-visible+label{outline:3px solid var(--plum);outline-offset:3px}.choice__all{display:none}.choice:has(.pick:checked) .choice__all{display:contents}.couch__shadow{fill:var(--plum);opacity:.14}.couch__back,.couch__arm{fill:var(--tomato)}.couch__seam{fill:none;stroke:var(--tomato-deep);stroke-width:4px;stroke-linecap:round;opacity:.55}.couch__base{fill:var(--tomato-deep)}.couch__cushion{fill:var(--tomato-light)}.couch__leg{fill:var(--plum)}.person{opacity:0;transition:opacity .18s,transform .26s cubic-bezier(.3,1.5,.5,1);transform:translateY(18px)}.person__phone,.person__pad{display:none}.person--2{transition-delay:40ms}.person--3{transition-delay:80ms}.person--4{transition-delay:.12s}body:has(#who-solo:checked) .person--2,body:has(#who-screen:checked) .person,body:has(#who-phones:checked) .person{opacity:1;transform:none}body:has(#who-solo:checked) .person--2 .person__phone,body:has(#who-phones:checked) .person__phone,body:has(#who-screen:checked) .person__pad{display:inline}.games{padding-bottom:clamp(56px,8vw,120px);scroll-margin-top:24px}body:has(#who-solo:checked) .game:not(.for-solo),body:has(#who-screen:checked) .game:not(.for-screen),body:has(#who-phones:checked) .game:not(.for-phones){display:none}.game{border-top:3px solid var(--plum);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);padding-block:clamp(40px,6vw,88px);display:grid}.game:first-child{border-top:0;padding-top:clamp(16px,3vw,40px)}.game.frame-tv{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.game:nth-child(2n) .game__shot{order:2}.game.frame-tv:nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.game__shot{justify-content:center;display:flex}.game__text{container-type:inline-size}.game__name{font-family:var(--display);text-wrap:balance;margin:0;font-size:clamp(44px,5.6vw,76px);font-weight:400;line-height:.95}.game__tagline{margin:12px 0 0;font-size:22px;font-weight:700;line-height:1.3}.game__pitch{max-width:44ch;color:var(--plum-soft);margin:16px 0 0}.chips{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.chips li{background:var(--lilac);border-radius:999px;padding:4px 12px;font-size:15px;font-weight:700}.chips .chip--coop{background:var(--marigold)}.game__details{border-top:1px solid var(--plum-soft);max-width:48ch;margin-top:24px}.game__details summary{cursor:pointer;padding-block:14px;font-weight:700}.game__details summary::marker,.game__details summary:hover{color:var(--tomato-deep)}.modes{gap:10px;max-width:48ch;margin:0 0 16px;display:grid}.modes div{grid-template-columns:9.5em minmax(0,1fr);gap:12px;display:grid}.modes dt{font-weight:700}.modes dd{color:var(--plum-soft);margin:0}.play{background:var(--tomato-deep);min-height:56px;color:var(--milk);font-family:var(--display);box-shadow:0 5px 0 var(--plum);border-radius:999px;justify-content:center;align-items:center;margin-top:28px;padding:12px 40px;font-size:26px;line-height:1;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.play:hover{box-shadow:0 7px 0 var(--plum);transform:translateY(-2px)}.play:active{box-shadow:0 2px 0 var(--plum);transform:translateY(3px)}.tv{width:100%}.tv__screen{background:var(--plum);box-shadow:0 18px 0 -8px var(--pistachio-deep);border-radius:clamp(18px,2.4vw,30px);padding:clamp(10px,1.6vw,18px)}.tv__screen img{border-radius:clamp(8px,1vw,12px);width:100%}.tv__stand{background:var(--plum);border-radius:0 0 14px 14px;width:30%;height:16px;margin:0 auto}.phone{background:var(--plum);width:min(100%,290px);box-shadow:14px 16px 0 var(--pistachio-deep);border-radius:46px;padding:12px;transform:rotate(-2deg)}.game:nth-child(2n) .phone{transform:rotate(2deg)}.phone img{border-radius:34px;width:100%}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.tv__screen img,.phone img{animation-name:switch-on;animation-timing-function:linear;animation-fill-mode:both;animation-range:entry cover 45%}:is(.tv__screen,.phone) img{animation-timeline:view()}}}@keyframes switch-on{0%{filter:brightness(.08)saturate(.2);box-shadow:0 0 #fff8ec00}55%{filter:brightness(1.18)saturate(1.1);box-shadow:0 0 44px 4px #fff8ec47}to{filter:none;box-shadow:0 0 28px 2px #fff8ec24}}.bottom{background:var(--plum);color:var(--milk);padding-block:clamp(40px,6vw,72px)}.bottom .wrap{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px 48px;display:grid}.bottom p{max-width:44ch;margin:0}.bottom .brand{color:var(--milk);margin-bottom:16px}.bottom .mark{--tomato-deep:#a82a15}.bottom__games{gap:6px;margin:0;padding:0;list-style:none;display:grid}.bottom__games a{text-decoration-color:var(--marigold);text-underline-offset:4px;font-weight:700;text-decoration-thickness:2px}.bottom .lang{border-color:var(--milk);justify-self:start}.bottom .lang:hover{background:var(--milk);color:var(--plum)}.bottom :focus-visible{outline-color:var(--marigold)}.lost{max-width:30ch;padding-block:clamp(48px,10vw,140px)}.lost h1{font-family:var(--display);margin:0;font-size:clamp(56px,9vw,110px);font-weight:400;line-height:.9}.lost p{font-size:20px}@media (width<=860px){.hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"headline""couch""choice"}.hero .couch{justify-self:end;width:min(48%,200px);margin-top:8px}.choice{margin-top:8px}.game,.game.frame-tv,.game.frame-tv:nth-child(2n){grid-template-columns:minmax(0,1fr)}.game:nth-child(2n) .game__shot{order:0}.phone{width:min(72%,290px)}.bottom .wrap{grid-template-columns:minmax(0,1fr)}}@container (width<=440px){.modes div{grid-template-columns:minmax(0,1fr);gap:0}}@media (width<=480px){body{font-size:17px}.hero h1{font-size:56px}.hero__lede{margin-top:16px;font-size:18px}.browse{margin-top:12px}.choice label{padding:10px 16px;font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;transition-delay:0s!important}.person{transform:none}}