.landing .chapter{scroll-margin-top:calc(var(--head-h) + var(--strip-h));padding-block:64px 16px}.landing .chapter+.chapter{border-top:1px solid var(--line)}.landing .chapter-head{max-width:40rem;scroll-margin-top:calc(var(--head-h) + var(--strip-h));gap:12px;display:grid}.landing .counts{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-2)}.landing .chips{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.landing .chip{border:1px solid var(--line);border-radius:var(--radius-round,9999px);background:var(--surface);min-height:48px;color:var(--text);transition:border-color var(--duration-fast) var(--ease-standard,ease);align-items:center;gap:8px;padding:0 16px;font-weight:500;text-decoration:none;display:inline-flex}.landing .chip:hover{border-color:var(--edge)}.landing .chip:focus-visible,.landing .pic-controls :focus-visible{outline:2px solid var(--focus);outline-offset:2px}.landing .beat{scroll-margin-top:calc(var(--head-h) + var(--strip-h));grid-template-columns:minmax(0,1fr);gap:24px;padding-block:48px;display:grid}.landing .beat>*{min-width:0}.landing .beat-words{align-content:start;gap:12px;max-width:34rem;display:grid}.landing .beat-words .who{font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--text-2);margin-top:-8px}.landing .beat-words .good{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-2)}.landing .beat-words .good b{color:var(--text);font-weight:600}.landing .beat-pic{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;display:grid}.landing .pic{min-width:0;margin:0;position:relative}.landing .panel{padding:20px var(--pad);border-radius:var(--radius-card,1.25rem);background:var(--surface-2)}.landing .pic-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:48px;display:flex}.landing .pic-cap{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-2);margin:0}.landing .pic-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.landing .pic-controls .btn{min-height:48px}.landing .pic-foot[data-captions]{grid-template-columns:minmax(0,1fr);place-items:start;display:grid}.landing .pic-foot[data-captions]>.pic-cap,.landing .pic-foot[data-captions]>.pic-cap-room{grid-area:1/1}.landing .pic-cap-room{font-size:var(--fs-small);line-height:var(--lh-small);visibility:hidden;margin:0}.landing .seg-steady{justify-items:center;display:inline-grid}.landing .seg-steady>*{grid-area:1/1}.landing .seg-steady>[aria-hidden]{visibility:hidden;font-weight:600}@media (min-width:640px){.landing .panel{padding:24px}}@media (min-width:1024px){.landing .beat{scroll-margin-top:calc(var(--head-h) + 8px);grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;column-gap:56px;padding-block:64px}.landing .beat+.beat{border-top:1px solid var(--line)}.landing .chapter,.landing .chapter-head{scroll-margin-top:calc(var(--head-h) + 8px)}.landing .beat.wide{grid-template-columns:minmax(0,1fr);row-gap:32px}.landing .beat.wide .beat-pic{width:100%;max-width:min(100%, calc((100vh - var(--head-h) - 140px) * 16 / 9))}}.landing .pic{--font-ui:var(--font-lexend), system-ui, sans-serif;--fs-caption:.75rem;--lh-caption:1rem;--fs-small:.875rem;--lh-small:1.25rem;--fs-body:1rem;--lh-body:1.5rem;--fs-lead:1.25rem;--lh-lead:1.75rem;--fs-title:2.125rem;--lh-title:2.5rem;--fs-display:3.5rem;--lh-display:3.75rem;--tracking-display:-.03em;--tracking-title:-.02em;--glyph-small:1rem;--glyph-body:1.25rem;--glyph-heading:1.5rem;--glyph-display:2rem;font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body)}.landing .beat-pic,.landing .hero-pic{container-type:inline-size}.landing .pic.cv .tv-screen{aspect-ratio:var(--cw) / var(--ch)}.landing .pic.cv .stage{width:calc(var(--cw) * 1px);height:calc(var(--ch) * 1px)}.landing .pic.cv{min-height:calc((100cqw - 16px) * var(--ch) / var(--cw) + 16px)}.landing .pic.cv.on-laptop{min-height:calc((92cqw - 16px) * var(--ch) / var(--cw) + 28px)}.landing .pic[data-pic=hero]{--cw:340;--ch:310}.landing .pic[data-pic=lobby]{--cw:360;--ch:340}.landing .pic[data-pic=handpick]{--cw:360;--ch:300}.landing .pic[data-pic=captains]{--cw:400;--ch:300}.landing .pic[data-pic=inwords]{--cw:400;--ch:340}.landing .pic[data-pic=showtime]{--cw:360;--ch:300}.landing .pic[data-pic=deal]{min-height:358px}.landing .pic[data-pic=prefs]{min-height:506px}.landing .pic[data-pic=choose]{grid-template-columns:minmax(0,1fr);justify-items:start;min-height:660px;display:grid}@media (max-width:359px){.landing .pic[data-pic=hero]{--cw:300;--ch:300}}@container (max-width:20em){.landing .pic[data-pic=deal]{min-height:676px}}@media (min-width:640px){.landing .pic[data-pic=hero]{--cw:600;--ch:337.5}.landing .pic[data-pic=lobby]{--cw:480;--ch:270}.landing .pic[data-pic=handpick]{--cw:560;--ch:315}.landing .pic[data-pic=captains],.landing .pic[data-pic=inwords]{--cw:480;--ch:270}.landing .pic[data-pic=showtime]{--cw:640;--ch:360}.landing .pic[data-pic=deal]{min-height:384px}.landing .pic[data-pic=prefs]{min-height:422px}.landing #choose .beat-pic,.landing #choose .pic[data-pic=choose]{justify-items:center}.landing #choose .pic-foot{width:340px;max-width:100%}}.landing #play .fmt .pic{container-type:inline-size}.landing #league .pic,.landing #groups .pic,.landing #knockout .pic,.landing #scoreboard .pic{height:30rem}.landing #phones .pic{grid-template-columns:minmax(0,1fr);justify-items:center;display:grid}.landing #phones .phone{--ph:40rem}.landing #play .tog{gap:10px;padding-inline:16px 20px}.landing #play .tog .box{border:2px solid var(--edge);background:var(--surface);width:20px;height:20px;transition:background-color var(--duration-fast) var(--ease-standard,ease), border-color var(--duration-fast) var(--ease-standard,ease);border-radius:6px;place-items:center;display:grid}.landing #play .tog[aria-pressed=true]{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.landing #play .tog[aria-pressed=true] .box{border-color:var(--brand);background:var(--brand)}.landing #play .tog[aria-pressed=true] .box:after{content:"";border-left:2px solid var(--on-brand);border-bottom:2px solid var(--on-brand);width:10px;height:6px;margin-top:-3px;transform:rotate(-45deg)}@media (max-width:559px){.landing #play .pic-controls{width:100%}.landing #play .pic-controls .seg{width:100%;display:flex}.landing #play .pic-controls .seg button{white-space:normal;min-width:0;line-height:var(--lh-small);flex:auto;padding:4px 12px}}@media (min-width:640px){.landing #phones .pic-foot{justify-self:center;width:340px;max-width:100%}}.landing #who .who-tabs{margin-top:32px}.landing #who .who-tabs button{font:inherit;color:var(--text-2);cursor:pointer;background:0 0;border:0;font-weight:500}.landing #who .who-tabs button[aria-selected=true]{color:var(--text);font-weight:600}.landing #who .who-tabs button[aria-selected=true] .label:after{content:"";background:var(--brand);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:-4px;right:-4px}.landing #who .who-tabs button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:var(--radius-control,.75rem)}.landing #who .who-row{margin-top:24px;display:grid}.landing #who .who-cell[data-off]{display:none}.landing #who .who-pic{grid-template-columns:minmax(0,1fr);align-content:end;justify-items:start;margin:0;display:grid}.landing #who .who-pic>.laptop{width:min(100%,560px)}.landing #who .who-pic>.tv{width:min(100%,640px)}.landing #who .who-pic .phone{width:340px}.landing #who .who-pic .phone-screen{height:540px}.landing #who .who-words{gap:4px;max-width:34rem;margin-top:20px;display:grid}.landing #who .who-words h3{margin-bottom:4px}.landing #who .who-words p{color:var(--text-2)}.landing #who .who-words b{color:var(--text);margin-right:4px;font-weight:600}.landing #who .who-foot{justify-content:flex-end;margin-top:16px}@media (min-width:640px){.landing #who .who-tabs>*{flex:none;padding-inline:16px}.landing #who .who-tabs>:first-child{padding-left:0}.landing #who .who-tabs>button:first-child[aria-selected=true] .label:after{left:0}}@media (min-width:1200px){.landing #who .who-tabs{display:none}.landing #who .who-row{grid-template-columns:minmax(0,.65fr) minmax(0,1fr) repeat(2,200px);column-gap:20px;margin-top:40px}.landing #who .who-cell[data-off]{display:block}.landing #who .who-pic{height:440px}.landing #who .who-pic>.laptop,.landing #who .who-pic>.tv,.landing #who .who-pic .phone{width:100%}.landing #who .who-pic .phone{--pad:12px}.landing #who .who-pic .phone-screen{height:420px}.landing #who .who-pic .tabbar{display:none}.landing #who .who-words{margin-top:24px}}