/* The family's illustrated lobby. All artwork is local; motion is brief and optional. */
.setup-flow-lobby{--night-edge:#a8c7dc28;--night-surface:#1b2a43}
.site-header .brand-icon svg{display:block;width:38px;height:38px}.site-header .brand-icon{background:linear-gradient(150deg,#ffe7b2,#f5bc62);box-shadow:0 5px 16px #030e2133}.site-header .text-button>span[aria-hidden]{display:inline-block;margin-right:5px;font-size:17px}
.lobby-showcase{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:center;gap:24px;position:relative;padding:38px 40px;background:radial-gradient(ellipse at 83% 40%,#4a478c3d,transparent 55%),linear-gradient(130deg,#23314c,#19243c);border:1px solid var(--night-edge);border-radius:30px;box-shadow:0 22px 70px #050d1f30;isolation:isolate;overflow:hidden}
.lobby-showcase .instant-play-heading{padding:0;margin:0;text-align:left;min-width:0;position:relative;z-index:1}
.lobby-showcase .eyebrow{font-size:12px;letter-spacing:.15em;margin-bottom:18px;color:#b3e6d1;justify-content:flex-start}
.lobby-showcase .eyebrow::before{display:none}.night-eyebrow>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #91dac440;border-radius:8px;font-size:17px;color:var(--gold)}
.lobby-showcase h1,html.tv-view .lobby-showcase h1{font-size:clamp(42px,4.8vw,68px);line-height:1.08;max-width:620px;letter-spacing:-.035em;margin-bottom:18px}
.lobby-showcase .night-hero-description,html.tv-view .lobby-showcase .night-hero-description{font-size:19px;line-height:1.6;color:#d1d7e5;margin:0 0 18px;max-width:600px}
.night-hero-perks{display:flex;flex-wrap:wrap;gap:8px}.night-hero-perks>span{font-size:13px;font-weight:600;line-height:1.3;padding:7px 11px;border:1px solid #a2bed633;border-radius:30px;background:#11203942;color:#dbe5f1}
.lobby-showcase .lobby-primary-actions{gap:12px;margin:25px 0 16px;max-width:660px;grid-template-columns:.78fr 1.22fr}
.lobby-showcase .instant-play-button,.lobby-showcase .customize-family-button{min-height:80px;border-radius:16px;padding:15px;box-shadow:0 7px 20px #080f2025}
.lobby-showcase .instant-play-button{font-size:22px;background:linear-gradient(145deg,#ffe1a0,#f9c76f)}
.lobby-showcase .instant-play-button>span:first-of-type{font-size:22px;white-space:nowrap}.lobby-showcase .instant-play-button{gap:8px}.lobby-showcase .instant-play-button .lobby-action-icon{width:26px;height:26px}.lobby-showcase .instant-play-button>span:last-of-type{font-size:24px}.lobby-showcase .resume-card .primary-button{font-size:15px;gap:8px;min-width:166px;padding:15px}.lobby-showcase .resume-card .primary-button>span{white-space:nowrap}.lobby-showcase .resume-card .lobby-action-icon{width:23px;height:23px}
.lobby-showcase .customize-family-button{background:#1d3f42;border-color:#96dac178}.lobby-showcase .customize-family-button strong{font-size:19px}.lobby-showcase .customize-family-button small{font-size:12px;line-height:1.5;max-width:240px}
.lobby-showcase .customize-family-button .lobby-action-icon{width:36px;height:36px}.lobby-showcase .instant-play-note{font-size:13px;line-height:1.65;margin:0;max-width:610px;color:#b6c5d8}.lobby-showcase .quick-game-links{justify-content:flex-start;margin-top:16px;gap:10px}.lobby-showcase .quick-game-links .small-button{font-size:13px;min-height:42px;background:#15213a;border-color:#96acc342;padding:8px 12px}.lobby-showcase .quick-game-links .lobby-action-icon{width:23px;height:23px}
.night-stage{width:100%;max-width:460px;height:365px;position:relative;margin:auto;user-select:none;pointer-events:none;isolation:isolate}
.night-stage-orbit{position:absolute;border:1px solid #b8acf425;border-radius:50%;width:340px;height:310px;left:calc(50% - 170px);top:12px;rotate:-20deg}.night-stage-orbit.orbit-two{width:400px;height:220px;left:calc(50% - 200px);top:52px;rotate:30deg;border-color:#91dac422}.night-stage-stars{position:absolute;width:100%;height:330px;inset:0}
.night-stage-board{position:absolute;top:58px;width:82%;max-width:355px;left:9%;padding:12px;border:2px solid #afafd667;border-radius:20px;background:linear-gradient(160deg,#354963,#253a54);box-shadow:0 16px 0 #0e1b31,0 32px 44px #050b234a;transform:perspective(700px) rotateY(-13deg) rotateX(8deg) rotateZ(-5deg);z-index:1}
.night-stage-topics,.night-stage-squares{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.night-stage-topics{margin-bottom:7px}.night-stage-topics>span{height:49px;display:grid;place-items:center;border:1px solid #aabed62b;border-radius:8px;background:#162942;overflow:hidden}.night-stage-topics .bgn-topic-art{width:45px;height:45px}
.night-stage-squares>span{min-height:39px;display:grid;place-items:center;background:#43648b;border:1px solid #a5c0dc2e;border-radius:6px;font-family:var(--serif);font-size:20px;color:#fce6b7}.night-stage-squares .night-stage-lucky{background:#f9cb70;color:#1b2943;font-size:27px;box-shadow:0 0 20px #f9cb7033}
.night-stage-ticket{position:absolute;right:0;top:31px;z-index:3;padding:9px 13px;border:1px solid #c5b2f282;border-radius:10px;color:#eee6ff;background:#4b406b;box-shadow:0 7px 22px #0810214a;font-size:12px;font-weight:600;rotate:7deg}
.night-stage-cast{position:absolute;bottom:37px;left:4%;width:92%;display:flex;justify-content:center;align-items:end;z-index:4}.night-stage-player{display:block;width:73px;height:83px;flex:0 1 73px;position:relative}.night-stage-player+.night-stage-player{margin-left:-7px}.night-stage-avatar{display:block!important;width:100%!important;height:100%!important;object-fit:contain;filter:drop-shadow(0 7px 3px #09102055);border-radius:0!important;background:none!important}.night-stage-player:nth-child(even){translate:0 -10px}
.night-stage-platform{position:absolute;height:27px;width:92%;bottom:22px;left:4%;border-radius:50%;background:linear-gradient(160deg,#8796b854,#243b58);box-shadow:0 13px 24px #0a152f44;z-index:2}
.tonight-preview{margin:37px 0 42px}.night-section-kicker{display:block;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.15em;color:#9cabc5;margin-bottom:8px}.tonight-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.tonight-preview-topic{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-width:0;min-height:226px;padding:16px 12px 14px;border:1px solid #93acc347;border-radius:20px;background:linear-gradient(150deg,#263753,#1a2a42);text-align:center;box-shadow:0 8px 22px #050e1b25;color:var(--cream)}
.tonight-preview-topic .category-artwork{width:100px;height:100px;flex:none;margin:0}.tonight-preview-topic strong{font-size:18px;line-height:1.35;overflow-wrap:anywhere}.tonight-topic-action{display:flex;align-items:center;justify-content:center;gap:16px;font-size:11px;color:#b3d7d2;margin-top:auto;padding-top:8px}.tonight-topic-action>span{font-size:16px;color:var(--mint)}
.category-artwork.category-artwork-original{display:grid;place-items:center;background:none}.category-artwork-original .bgn-topic-art{width:100%;height:100%}
.setup-flow-lobby .lobby-link-heading h2{font-size:30px;line-height:1.25}.setup-flow-lobby .family-route-card,.setup-flow-lobby .mini-route-card{border-color:#95b1cc42;box-shadow:0 10px 28px #030d1c26}.setup-flow-lobby .family-card-portraits{height:110px;margin-bottom:4px}.setup-flow-lobby .family-card-portraits .family-card-avatar{width:88px;height:88px;border:3px solid #334666}.setup-flow-lobby .route-arrow{font-size:23px}
.setup-flow-lobby .online-room-card{background:linear-gradient(110deg,#213c49,#253452);border:1px solid #92cfba52;border-radius:23px;padding:22px 26px;margin:35px 0;gap:22px;box-shadow:0 12px 34px #0a15252b}.night-online-art{width:178px;flex:0 0 178px;height:96px;display:block;font-size:0!important}.night-online-art svg{width:100%;height:100%}.setup-flow-lobby .online-room-card strong{font-size:25px;line-height:1.3}.setup-flow-lobby .online-room-card p{font-size:16px;line-height:1.5;margin:8px 0 0;color:#b9d8da}
.setup-flow-lobby .setup-customize{border-color:#acbbd542;border-radius:23px}.setup-flow-lobby .setup-customize>summary{padding:23px}.setup-flow-lobby .setup-step-badge{box-shadow:0 5px 13px #080f2040}.setup-flow-lobby .topic-swap{border-color:#95b1cc42;background:#17283f}
.category-group .illustrated-category{border-color:#7d99b64a;background:linear-gradient(140deg,#243652,#182841);border-radius:17px;padding:16px;gap:16px;min-height:143px}.category-group .illustrated-category .category-artwork{width:96px;height:96px;flex:none}.category-group .illustrated-category strong{font-size:21px;line-height:1.3}.category-group .illustrated-category small{font-size:14px;line-height:1.5;color:#b5c4d7}.category-group .illustrated-category[aria-pressed=true]{background:linear-gradient(140deg,#244c4a,#1d354a);border-color:#91dac4aa}.category-group .illustrated-category:disabled{opacity:.5}
.board-topic-illustration{display:block!important;flex:none;width:66px;height:66px;margin:0 auto 7px}.board-topic-illustration .bgn-topic-art{display:block;width:100%;height:100%}.category-cell:has(.board-topic-illustration){min-height:137px;padding:10px 6px;justify-content:center}.category-cell:has(.board-topic-illustration)>span:last-child{font-size:clamp(16px,1.4vw,23px);line-height:1.2;font-weight:700;overflow-wrap:anywhere}
.game-shell .board-wrap{box-shadow:0 16px 44px #020c1b38}.game-shell .value-cell:not(.used){border:1px solid #a1b2cb17}.game-shell .value-cell:not(.used):not(:disabled):hover{background:color-mix(in srgb,var(--turn-accent,#f9cb70) 14%,#314467);box-shadow:inset 0 0 0 1px var(--turn-accent,#f9cb70),0 5px 15px #060d1b33}.game-shell .score-item.active{box-shadow:inset 3px 0 0 var(--turn-accent,#f9cb70),0 8px 20px #060d1f20}
.online-category .online-topic-art{display:block;width:64px;height:64px;flex:none;margin:0 auto 5px}.online-topic-art .bgn-topic-art{display:block;width:100%;height:100%}.online-category:has(.online-topic-art){min-height:133px;justify-content:center;background:linear-gradient(155deg,#213b57,#172e44)}.online-category:has(.online-topic-art)>strong{font-size:clamp(16px,1.35vw,23px);line-height:1.25}.online-board-frame{box-shadow:0 14px 38px #07101b36}.online-tile:not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--room-turn-accent,#91dac4),0 5px 16px #05132136}.online-score-card.active{box-shadow:inset 3px 0 0 var(--room-turn-accent,#91dac4)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.setup-flow-lobby .tonight-preview-topic,.setup-flow-lobby .family-route-card,.setup-flow-lobby .mini-route-card,.setup-flow-lobby .customize-family-button,.setup-flow-lobby .start-button,.category-group .illustrated-category{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.setup-flow-lobby .tonight-preview-topic:hover,.setup-flow-lobby .family-route-card:hover,.setup-flow-lobby .mini-route-card:hover,.category-group .illustrated-category:not(:disabled):hover{transform:translateY(-4px);border-color:#c4d6e897;box-shadow:0 15px 30px #04102138}.setup-flow-lobby .start-button:hover,.setup-flow-lobby .customize-family-button:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:no-preference){.night-stage-board{animation:night-board-arrive .7s cubic-bezier(.18,.8,.2,1) both}.night-stage-player{animation:night-cast-arrive .5s calc(.15s + var(--cast-index)*.05s) both}.night-stage-ticket{animation:night-ticket-arrive .55s .22s both}.question-dialog[open] .answer-options{animation:night-answers-arrive .2s ease-out both}.game-shell .turn-person{animation:night-turn-arrive .28s ease-out both}.game-shell .value-cell:not(:disabled):active{transform:scale(.97)}}
@keyframes night-board-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes night-cast-arrive{from{opacity:0;transform:translateY(13px) scale(.91)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes night-ticket-arrive{from{opacity:0;translate:8px -8px}to{opacity:1;translate:0 0}}@keyframes night-answers-arrive{from{opacity:.6;translate:0 7px}to{opacity:1;translate:0 0}}@keyframes night-turn-arrive{from{opacity:.6;translate:0 7px}to{opacity:1;translate:0 0}}
@media(min-width:1500px){.lobby-showcase{padding:48px;gap:44px}.night-stage{max-width:520px;height:390px}.night-stage-board{top:72px}.tonight-preview-topic strong{font-size:23px}.tonight-preview-topic{min-height:250px}.tonight-preview-topic .category-artwork{width:115px;height:115px}}
@media(max-width:1050px){.lobby-showcase{padding:30px;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);gap:14px}.night-stage{height:330px}.night-stage-board{top:55px;padding:10px}.night-stage-topics>span{height:42px}.night-stage-squares>span{min-height:33px;font-size:18px}.night-stage-cast{bottom:32px}.night-stage-player{width:64px;height:75px}.night-stage-platform{bottom:20px}.lobby-showcase .customize-family-button .lobby-action-icon{width:28px}.lobby-showcase .customize-family-button{gap:9px}.tonight-preview-grid{gap:10px}.tonight-preview-topic strong{font-size:16px}.tonight-preview-topic{padding:12px 8px;min-height:210px}}
@media(max-width:760px){.lobby-showcase{grid-template-columns:1fr;padding:27px 24px;gap:12px}.lobby-showcase .instant-play-heading{max-width:600px}.night-stage{height:280px;max-width:370px;margin-top:1px}.night-stage-board{top:20px;width:78%;left:11%}.night-stage-ticket{top:0;right:8px}.night-stage-stars{height:250px}.night-stage-orbit{height:220px;top:5px;width:300px;left:calc(50% - 150px)}.night-stage-orbit.orbit-two{width:340px;left:calc(50% - 170px);height:190px;top:32px}.night-stage-cast{bottom:19px}.night-stage-platform{bottom:8px}.tonight-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tonight-preview-topic{min-height:200px}.tonight-preview-topic .category-artwork{width:87px;height:87px}.night-online-art{width:123px;flex-basis:123px;height:76px}.setup-flow-lobby .online-room-card{padding:20px;gap:16px}.setup-flow-lobby .online-room-card strong{font-size:22px}.setup-flow-lobby .online-room-card p{font-size:14px}.board-topic-illustration{width:46px;height:46px}.category-cell:has(.board-topic-illustration){min-height:105px}.category-cell:has(.board-topic-illustration)>span:last-child{font-size:17px}.category-group .illustrated-category .category-artwork{width:76px;height:76px}.category-group .illustrated-category{gap:12px;padding:13px;min-height:123px}}
@media(max-width:480px){.lobby-showcase{padding:23px 17px;border-radius:24px}.lobby-showcase h1,html.tv-view .lobby-showcase h1{font-size:43px}.lobby-showcase .night-hero-description,html.tv-view .lobby-showcase .night-hero-description{font-size:16px}.lobby-showcase .lobby-primary-actions{grid-template-columns:1fr;margin-top:21px}.lobby-showcase .instant-play-button,.lobby-showcase .customize-family-button{min-height:66px}.lobby-showcase .customize-family-button{justify-content:flex-start}.lobby-showcase .customize-family-button strong{font-size:19px}.lobby-showcase .customize-family-button small{max-width:none}.lobby-showcase .quick-game-links{gap:7px;flex-wrap:wrap}.night-stage{height:264px;max-width:315px}.night-stage-board{padding:8px;top:29px;width:82%;left:9%}.night-stage-topics>span{height:36px}.night-stage-topics .bgn-topic-art{width:35px;height:35px}.night-stage-squares>span{min-height:28px;font-size:16px}.night-stage-topics,.night-stage-squares{gap:4px}.night-stage-ticket{font-size:10px;right:0;top:9px;padding:7px}.night-stage-player{height:68px;width:60px}.night-stage-orbit.orbit-two{width:290px;left:calc(50% - 145px)}.night-stage-orbit{width:265px;left:calc(50% - 132.5px)}.tonight-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tonight-preview-topic:last-child{grid-column:1/-1;flex-direction:row;justify-content:flex-start;min-height:110px;text-align:left;padding:12px 16px}.tonight-preview-topic:last-child .category-artwork{width:72px;height:72px}.tonight-preview-topic:last-child strong{max-width:150px}.tonight-preview-topic:last-child .tonight-topic-action{display:none}.tonight-preview-topic{min-height:185px}.setup-flow-lobby .lobby-link-heading h2{font-size:27px}.setup-flow-lobby .online-room-card{flex-wrap:wrap;padding:19px;gap:13px}.night-online-art{width:99px;flex-basis:99px;height:68px}.setup-flow-lobby .online-room-card>div{flex:1;min-width:140px}.setup-flow-lobby .online-room-card>b{display:none}.setup-flow-lobby .online-room-card strong{font-size:19px}.setup-flow-lobby .online-room-card p{font-size:12px}.category-group .illustrated-category strong{font-size:19px}.category-group .illustrated-category small{font-size:13px}.category-group .illustrated-category .category-artwork{width:72px;height:72px}.setup-flow-lobby .family-card-portraits .family-card-avatar{width:82px;height:82px}}
@media(prefers-reduced-motion:reduce){.night-stage *,.night-stage,.tonight-preview-topic,.family-route-card,.mini-route-card,.category-group .illustrated-category,.game-shell .turn-person,.question-dialog[open] .answer-options{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.online-category .online-topic-art{width:48px;height:48px}.online-category:has(.online-topic-art){min-height:112px}.online-category:has(.online-topic-art)>strong{font-size:16px}}
@media(max-width:480px){.site-header{gap:8px}.site-header .brand{flex-shrink:0;min-width:128px;font-size:11px;gap:8px}.site-header .brand strong{font-size:16px;white-space:nowrap}.site-header .brand-icon{width:36px;height:36px;flex:none}.site-header .brand-icon svg{width:32px;height:32px}.site-header .header-actions{gap:5px}.site-header .text-button{font-size:10px;padding:7px 3px}.site-header .text-button>span[aria-hidden]{font-size:12px;margin-right:2px}.site-header .icon-button{width:29px;height:29px;font-size:19px}}