/* Social game-night direction. The catalogue supplies the imagery. */
:root{--gold:#f0d76a;--muted:#bfc3c8;--coral:#ff9b85;--mint:#bce9cc;--lilac:#c9baf4}
body{font-weight:500}h1,h2,h3{letter-spacing:-.035em}.nav{padding-block:24px}.nav nav{font-size:14px}.start{border:0;border-radius:8px;font-size:15px;min-height:52px}.brand{letter-spacing:-.025em}.social-hero{padding:38px 3.5% 60px;display:grid;grid-template-columns:1fr 1.05fr;gap:7%;align-items:center}.hero-intro{font-size:15px;color:var(--coral);margin-bottom:22px}.hero-copy h1{font-size:clamp(44px,4.8vw,74px);line-height:1.05;letter-spacing:-.035em}.hero-copy h1 em{color:var(--lilac)}.hero-description{font-size:17px;line-height:1.7;color:#d1d3d7;margin-top:25px;max-width:43ch}.game-format{display:flex;flex-wrap:wrap;gap:0;margin:26px 0;font-size:13px;font-weight:700}.game-format span+span:before{content:'·';padding:0 12px;color:var(--coral)}.hero-actions{display:flex;align-items:center;gap:20px}.hero-actions .start{min-width:185px}.hero-actions .watch-inline{font-size:14px;color:var(--ink)}.hero-small{color:var(--muted);font-size:12px;margin-top:18px;line-height:1.8}.collection-caption,.collection-foot{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px}.collection-caption{margin-bottom:18px}.collection-caption>a{color:var(--gold);text-decoration:underline;text-underline-offset:4px;white-space:nowrap;min-height:44px;display:flex;align-items:center}.collection-foot{margin-top:18px;color:var(--muted)}.collection-foot>span:last-child{font-size:35px;line-height:1;color:var(--lilac)}.hero-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hero-category{min-width:0;text-align:left;background:var(--mint);color:#151718;border:0;border-radius:12px;overflow:hidden;padding:0;transition:transform .2s}.hero-category:nth-child(3n+2){background:var(--lilac)}.hero-category:nth-child(3n){background:var(--coral)}.hero-category img{aspect-ratio:1.1;object-fit:cover;height:auto;width:100%}.hero-category>span{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:12px 11px;font-size:13px;font-weight:750;min-height:47px}.hero-category>span>b{font-size:18px;font-weight:500}.hero-category:hover{transform:translateY(-5px)}.hero-category:focus-visible{outline-offset:5px}.how-strip{background:#202326;margin:0 3.5%;padding:30px;border-radius:14px;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:45px}.how-copy h2{font-size:31px;line-height:1.12}.how-copy{display:grid;grid-template-columns:.85fr 1.2fr;gap:30px;align-items:start}.how-copy ol{list-style:none;counter-reset:steps;padding:0;margin:0}.how-copy li{counter-increment:steps;padding:0 0 18px 29px;position:relative}.how-copy li:last-child{padding-bottom:0}.how-copy li:before{content:counter(steps);position:absolute;left:0;top:1px;color:var(--mint);font-weight:700}.how-copy b{display:block;font-size:14px}.how-copy li span{display:block;font-size:12px;color:var(--muted);margin-top:3px}.tutorial-preview{padding:0;border:0;border-radius:9px;overflow:hidden;background:#101112;text-align:left}.tutorial-preview>img{aspect-ratio:16/7;height:auto;object-fit:cover;object-position:center}.tutorial-label{display:flex;align-items:center;gap:14px;padding:14px 17px;font-weight:700;font-size:14px}.tutorial-label>span:last-child{margin-left:auto}.tutorial-label small{display:block;font-size:11px;color:var(--muted);font-weight:500;margin-top:2px}.tutorial-play{background:var(--mint);color:#151718;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;flex:none}.category-library{padding-top:65px}.library-heading h2{font-size:46px}.library-heading{align-items:center;margin-bottom:28px}.library-heading .library-instruction{font-size:12px}.group-navigation{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 25px}.group-navigation button{min-height:44px;padding:9px 13px;border:1px solid #51575e;border-radius:7px;background:#191c20;color:#d7d9dd;font-size:12px;font-weight:600;text-align:left}.group-navigation button[aria-pressed=true]{background:var(--lilac);color:#151718;border-color:var(--lilac)}.group-navigation button:hover{border-color:var(--lilac)}.library-group-filter{display:none}.library-search{flex:1 1 320px}.library-controls{flex-wrap:nowrap}.library-sort{flex:0 0 195px}.search-field,.library-sort select{border-radius:8px}.category-card{border-radius:10px;overflow:hidden;background:#222629}.category-card-name{padding:13px 12px;min-height:52px;font-size:13px}.category-card-art{aspect-ratio:1.25}.library-group-heading{font-size:21px}.shows{margin:25px 3.5% 0;padding:38px;border-radius:14px;background:#222529}.shows-heading h2{font-size:40px}.shows-heading{margin-bottom:25px}.shows-heading>p{font-size:14px;max-width:29ch}.show-tabs button{font-size:24px;min-height:74px}.show-stage{min-height:350px}.show-copy h3{font-size:37px;margin-top:20px}.show-copy>p{font-size:14px}.show-scene{border-radius:0 0 9px 0}.last-call{margin:55px 3.5% 0;border-radius:14px;padding:35px 40px;background:var(--mint)}.last-call h2{font-size:60px;margin:25px 0}.last-call h2 em{color:#101112;-webkit-text-stroke:0}.call-top{border-color:#658c72;font-size:11px}.call-bottom{gap:25px}.faq{padding:35px 3.5%}.faq summary{font-size:14px}.faq details p{font-size:13px}.explainer-top h2{font-size:22px}footer{font-size:12px;margin-top:15px}
@media(min-width:1500px){.social-hero{padding-top:48px;padding-bottom:70px}.hero-categories{gap:17px}}
@media(max-width:1100px){.social-hero{gap:4%}.hero-copy h1{font-size:52px}.hero-description{font-size:15px}.collection-caption{font-size:10px}.hero-category>span{font-size:11px;padding:10px 8px}.how-strip{gap:25px;padding:25px;grid-template-columns:1.2fr 1fr}.how-copy{display:block}.how-copy h2{font-size:29px;margin-bottom:22px}.how-copy h2 br{display:none}.shows-heading h2{font-size:34px}.hero-actions{gap:12px}.hero-actions .start{min-width:155px}.hero-actions .watch-inline{font-size:12px}.game-format{font-size:11px}}
@media(max-width:760px){.social-hero{grid-template-columns:1fr;gap:35px;padding-top:27px;padding-bottom:35px}.hero-copy h1{font-size:clamp(43px,8vw,62px)}.hero-copy{max-width:600px}.hero-description{font-size:16px}.hero-description br{display:none}.hero-intro{margin-bottom:15px}.game-format{font-size:12px;margin:22px 0}.hero-small br{display:none}.hero-small{font-size:11px}.hero-categories{gap:12px}.hero-category>span{font-size:13px;padding:12px}.collection-caption{font-size:12px}.hero-category img{aspect-ratio:1.4}.how-strip{grid-template-columns:1fr;gap:25px}.how-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.how-copy h2{font-size:27px}.how-copy h2 br{display:block}.tutorial-preview>img{aspect-ratio:16/6;object-fit:cover}.library-heading{align-items:flex-start}.library-heading h2{font-size:38px}.group-navigation{flex-wrap:nowrap;overflow:auto;padding:3px 3px 12px;margin-inline:-3px;scrollbar-color:#a098bd #24272d}.group-navigation button{white-space:nowrap;flex:none}.library-controls{flex-wrap:wrap}.library-sort{flex-basis:100%;display:flex;align-items:center;justify-content:space-between}.library-sort select{width:auto;min-height:44px}.library-sort label{margin:0}.shows{padding:26px}.shows-heading{display:block}.shows-heading h2{font-size:35px;margin-bottom:15px}.shows-heading>p{max-width:none}.show-tabs button{font-size:18px}.show-copy h3{font-size:30px}.show-copy>p{font-size:13px}.last-call h2{font-size:49px}.call-bottom>.start{min-width:160px}}
@media(max-width:450px){.nav{padding-inline:5%}.nav>.start{font-size:12px;max-width:none}.social-hero{padding-inline:5%}.hero-copy h1{font-size:44px}.hero-description{font-size:15px}.hero-actions .start{min-width:156px}.hero-actions .watch-inline{font-size:12px}.hero-small br{display:block}.hero-categories{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-category img{aspect-ratio:1.45}.hero-category>span{font-size:12px;min-height:43px;padding:10px}.collection-caption{font-size:11px;gap:10px}.collection-caption>span{max-width:23ch}.collection-foot{font-size:11px}.how-strip{margin-inline:5%;padding:22px}.how-copy{display:block}.how-copy h2{font-size:29px}.how-copy h2 br{display:none}.how-copy ol{margin-top:22px}.how-copy li{padding-bottom:17px}.tutorial-label{padding:12px;gap:9px;font-size:12px}.tutorial-label small{font-size:10px}.tutorial-preview>img{aspect-ratio:16/9}.category-library{padding-top:40px}.library-heading h2{font-size:37px}.library-grid{gap:14px}.category-card-name{font-size:12px;padding:11px}.library-group-heading{font-size:18px}.shows{margin-inline:5%;padding:21px}.show-tabs button{font-size:14px;min-height:59px}.show-tabs button+button{padding-left:8px}.show-stage{display:flex;flex-direction:column}.show-copy{padding-right:0}.show-copy h3{font-size:32px;max-width:none}.show-copy>p{max-width:none}.show-scene{min-height:210px}.last-call{margin-inline:5%;padding:25px}.last-call h2{font-size:43px}.call-top{font-size:9px}.call-bottom{gap:20px}.call-bottom>.ticket-note{font-size:11px}.study-bar{font-size:8px}.study-bar>span{max-width:105px}}
.tutorial-preview>img{aspect-ratio:16/9;object-fit:contain}
@media(max-width:550px){.show-tabs{overflow-x:auto;scrollbar-color:#a098bd #24272d}.show-tabs button,.show-tabs button+button{flex:0 0 auto;min-width:85px;padding-inline:12px;white-space:nowrap;justify-content:center}.show-tabs button[aria-selected=true]{padding-top:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}