/* The illustrated welcome screens are scoped away from the playing surface. */
body[data-screen="frontdoor"],body[data-screen="lobby"]{
 --ink:#3e261c;--muted:#705440;--card:#fff3d8;--line:#cda975;--gold:#ebc768;
 background:#24130f url('/assets/blank-em/library-entry.png') center top/cover fixed no-repeat;
 color:#f9ebce;
}
body[data-screen="lobby"]{background-image:url('/assets/blank-em/pack/background/library_background.png')}
body:is([data-screen="frontdoor"],[data-screen="lobby"]) .topbar{
 min-height:60px;padding:10px 30px;border:0;background:#21120de8;color:#f9ebce;gap:22px;
 box-shadow:0 2px 0 #d7a45033;
}
body:is([data-screen="frontdoor"],[data-screen="lobby"]) .wordmark{font-size:20px;color:#f8db90}
body:is([data-screen="frontdoor"],[data-screen="lobby"]) .wordmark small{display:none}
body:is([data-screen="frontdoor"],[data-screen="lobby"]) .audio-controls .quiet{color:#f9ebce;border-color:#d5b57926}
body:is([data-screen="frontdoor"],[data-screen="lobby"]) .audio-controls .quiet:hover{background:#6b442e}
body:is([data-screen="frontdoor"],[data-screen="lobby"]) .volume-control{color:#decaa7}
body:is([data-screen="frontdoor"],[data-screen="lobby"]) .volume-control input{accent-color:#f0c966}
body:is([data-screen="frontdoor"],[data-screen="lobby"]) main{max-width:1400px;padding:20px 34px 8px;min-height:calc(100vh - 113px)}
body:is([data-screen="frontdoor"],[data-screen="lobby"]) .site-footer{max-width:1400px;padding:12px 34px;color:#ecd2a9;font-size:11px;text-shadow:0 1px 3px #000;background:#20110bba}
body:is([data-screen="frontdoor"],[data-screen="lobby"]) button:focus-visible,
body:is([data-screen="frontdoor"],[data-screen="lobby"]) a:focus-visible,
body:is([data-screen="frontdoor"],[data-screen="lobby"]) input:focus-visible,
body:is([data-screen="frontdoor"],[data-screen="lobby"]) select:focus-visible{outline-color:#03a8a2;outline-width:3px}
.welcome-heading{display:flex;align-items:center;gap:25px;margin:0 12px 5px}
.welcome-logo{display:block;width:380px;height:auto;object-fit:contain;filter:drop-shadow(0 8px 10px #120a0870)}
.welcome-tagline{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:23px;color:#ffe4ac;text-shadow:0 2px 4px #1b0c05;max-width:350px}
.welcome-stage{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:5px;align-items:center}
.front-book{position:relative;width:100%;aspect-ratio:1.5;background:url('/assets/blank-em/pack/stage/main_book_panel.png') center/contain no-repeat;color:var(--ink);filter:drop-shadow(0 15px 20px #10080488)}
.book-inner{position:absolute;inset:12% 12% 17% 13%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:54px;align-items:center}
.book-intro{min-width:0}
.book-intro .eyebrow,.home-controls .eyebrow,.lobby-heading .eyebrow{color:#7b5635;font-size:9px;letter-spacing:.17em}
.book-intro h1{font:700 clamp(32px,3.1vw,47px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:13px 0 17px}
.book-intro h1 em{color:#087d79;font-weight:500}
.book-intro>p:not(.eyebrow):not(.book-footnote){font-size:14px;line-height:1.65;color:#68462f}
.welcome-facts{display:flex;gap:17px;margin:20px 0 18px;padding:12px 0;border-top:1px solid #d9ba81;border-bottom:1px solid #d9ba81;font-size:10px;color:#79553b;white-space:nowrap}
.welcome-facts b{display:block;color:#53311e;font:700 21px/1.25 Georgia,serif}
.invitation-story{position:relative;font:italic 17px/1.65 Georgia,serif;padding-left:18px}
.invitation-story>img{position:absolute;width:41px;height:52px;object-fit:contain;left:-22px;top:-3px}
.invitation-story mark{background:#087d7914;color:#087d79;font-weight:700}
.book-footnote{font-size:10px;line-height:1.4;color:#937150;margin-top:14px}
.welcome-home .home-controls{padding:0;margin:0;min-width:0}
.welcome-home .home-controls h2{font:700 24px/1.16 Georgia,serif;margin:7px 0 18px}
.welcome-home .home-controls .row{grid-template-columns:1fr;gap:8px}
.welcome-home .home-controls label{margin:0;font-size:11px;gap:4px;color:#69452d}
.welcome-home .home-controls input,.welcome-home .home-controls select{width:100%;padding:8px 10px;border-radius:7px;font-size:13px;border:1px solid #c7a97b;background:#fffdf3;color:#3e261c;min-height:37px}
.welcome-home .home-controls .row>label:last-child{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:6px}
.welcome-home .home-controls .primary{margin:13px 0 6px;padding:10px 12px;font-size:15px;min-height:44px}
.art-primary{background:#006d68!important;color:#fff8dc!important;border:1px solid #004842!important;border-radius:8px;box-shadow:inset 0 1px 0 #52c2b6,0 3px 0 #003f3b,0 5px 12px #043e3933;text-shadow:0 1px 2px #003d3b}
.art-primary:hover:not(:disabled){background:#00847c!important;box-shadow:inset 0 1px 0 #83d2c8,0 3px 0 #003f3b,0 5px 15px #043e3944}
.art-primary{background-image:url('/assets/blank-em/pack/ui/button_primary_teal.png')!important;background-size:108% 196%!important;background-position:center!important;background-repeat:no-repeat!important}
.welcome-home .home-controls .create{padding:8px 10px;font-size:13px;min-height:39px;background:#f3dfb7;border:1px solid #bc8b50;border-radius:7px}
.welcome-home .home-controls .join-row{margin-top:13px;padding-top:11px;gap:6px;border-top-color:#d0b486}
.welcome-home .join-row button{font-size:11px;padding:8px;min-height:37px;background:#fff8e3;border-radius:7px;white-space:nowrap}
.welcome-home .home-controls .local-note{font-size:10px;line-height:1.5;margin-top:10px;color:#86684a}
.cindy-host{min-width:0;text-align:center;position:relative;align-self:center}
.cindy-dialogue{position:relative;z-index:1;color:#4b2b1b;background:#fff2d4;border:1px solid #c79857;border-radius:23px 23px 23px 5px;padding:17px 22px;max-width:290px;margin:0 auto -2px;box-shadow:0 7px 20px #160a0966;transform:rotate(1deg)}
.cindy-dialogue .host-kicker{font:700 9px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-transform:uppercase;letter-spacing:.16em;color:#95682d;margin-bottom:5px}
.cindy-dialogue p:last-child{font:20px/1.28 Georgia,serif;margin:0}
.cindy-portrait{width:100%;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 10px 15px #180b0877)}
.cindy-front .cindy-portrait{margin-top:7px}
.cindy-name{position:relative;z-index:2;margin:-9px auto 0;width:255px;aspect-ratio:3.865;overflow:hidden;filter:drop-shadow(0 6px 6px #140b0a55)}
.cindy-name>img{position:absolute;max-width:none;width:115.84%;height:149.28%;left:-7.947%;top:-23.093%}
.cindy-name>span{font-size:8px;letter-spacing:.19em;font-weight:800}
.cindy-name>strong{font:700 28px/1.1 Georgia,serif}
.welcome-bottom-note{text-align:center;color:#f5dfb5;text-shadow:0 2px 3px #1c0d08;font-size:12px;margin:17px 0 10px;letter-spacing:.01em}
.lobby-heading{display:flex;align-items:center;gap:34px;margin:0 5px 16px}
.lobby-heading .welcome-logo{width:320px}
.lobby-heading .eyebrow{color:#e8c279}
.lobby-heading h1{font:700 36px/1.1 Georgia,serif;color:#fff0cd;margin:5px 0 8px;letter-spacing:-.03em;text-shadow:0 2px 5px #1b0d07}
.lobby-heading p:last-child{font-size:13px;color:#edce9f;text-shadow:0 1px 3px #1b0d07}
.lobby-stage{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:28px}
.lobby-paper{color:var(--ink);background:transparent url('/assets/blank-em/lobby-parchment.png') center 37%/103% 120.3% no-repeat;border:0;border-radius:17px;padding:65px 55px 65px;box-shadow:0 12px 30px #140908aa}
.lobby-room-top{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #d6b77f;padding:0 65px 18px;margin-bottom:18px}
.lobby-room-top .eyebrow{color:#866139;font-size:9px}
.lobby-room-top .room-code{margin-top:2px;gap:20px}
.room-code strong{font-family:Georgia,serif;font-size:28px;letter-spacing:.12em;color:#126d68}
.lobby-room-top button{font-size:11px;padding:8px 13px;background:#fff7e4;border-color:#cfa977;border-radius:7px}
.room-occupancy{text-align:right;display:flex;flex-direction:column;gap:3px}
.room-occupancy strong{font:700 23px/1 Georgia,serif}
.room-occupancy span{font-size:10px;color:#866139}
.welcome-lobby .players-lobby{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:22px}
.welcome-lobby .player-seat{background:#fff8e6;border-color:#d7b989;border-radius:8px;min-height:156px;padding:17px 11px 11px;text-align:center;overflow:hidden;box-shadow:0 2px 2px #8c602c10}
.welcome-lobby .player-seat.is-you{border:2px solid #238b80;padding:16px 10px 10px;background:#f6f5df}
.seat-ink{position:absolute;top:0;left:5%;width:90%;height:12px;background:var(--color);mask:url('/assets/blank-em/pack/ui/ink_brush_mask.png') center/100% 200% no-repeat;opacity:.9}
.welcome-lobby .avatar{width:41px;height:41px;border-radius:50%;margin:0 auto 7px;font:700 24px Georgia,serif;border:2px solid #fff6df;box-shadow:0 0 0 1px #c2a573;color:#173d39}
.welcome-lobby .player-seat h3{font:700 17px/1.15 Georgia,serif;margin:3px 0;overflow-wrap:anywhere}
.seat-you{font-size:9px;color:#0b7b72;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.welcome-lobby .player-seat small{display:block;margin-top:4px;color:#8e714e;font-size:10px;line-height:1.3}
.welcome-lobby .player-seat:has(.remove){padding-bottom:31px;min-height:159px}
.welcome-lobby .player-seat .remove{font-size:10px;top:auto;bottom:3px;right:4px;padding:5px 8px;color:#805c38}
.welcome-lobby .player-seat.empty{background:#f6e4bf;border:1px dashed #cfae78;display:flex;flex-direction:column;gap:2px;box-shadow:none;padding:12px 8px}
.player-seat.empty>img{width:36px;height:43px;object-fit:contain;opacity:.7}
.player-seat.empty>strong{font:italic 15px Georgia,serif;color:#937249}
.welcome-lobby .player-seat.empty small{font-size:9px;color:#957b57}
.welcome-lobby .lobby-actions{border-top:1px solid #d6b77f;padding:18px 35px 0;align-items:end;gap:12px}
.welcome-lobby .bot-controls{align-items:end;gap:7px;min-width:0}
.welcome-lobby .bot-controls label{font-size:10px;gap:4px;color:#805c38}
.welcome-lobby .bot-controls select{padding:9px 10px;background:#fff8e6;font-size:12px;border-color:#c9a676;border-radius:7px;width:125px}
.welcome-lobby .bot-controls button{padding:9px 13px;font-size:12px;border-radius:7px;background:#fff6e1;border-color:#c9a676}
.welcome-lobby .lobby-actions>.primary{min-width:205px;padding:11px 24px;font-size:17px}
.lobby-paper-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;padding:0 65px;color:#806039}
.lobby-paper-footer p{font-size:10px}
.lobby-paper-footer button{font-size:10px;color:#8b6240;white-space:nowrap}
.cindy-lobby .cindy-portrait{margin-top:-14px;width:115%;max-width:none;margin-left:-7.5%}
.cindy-lobby .cindy-name{margin-top:-23px}
.cindy-lobby .cindy-dialogue{margin-top:0;max-width:290px}
.cindy-lobby .cindy-dialogue p:last-child{font-size:19px}
@media(min-width:1600px){body:is([data-screen="frontdoor"],[data-screen="lobby"]) main{padding-top:40px}.welcome-stage{grid-template-columns:minmax(0,1fr) 370px}.front-book{aspect-ratio:1.45}.book-inner{gap:65px}.book-intro h1{font-size:48px}}
@media(max-width:1230px) and (min-width:1051px){
 .welcome-stage{grid-template-columns:minmax(0,1fr) 280px}.front-book{aspect-ratio:1.5}.book-inner{gap:38px;inset:10% 7% 14% 8%}.book-intro h1{font-size:34px}.book-intro>p:not(.eyebrow):not(.book-footnote){font-size:12px}.welcome-facts{gap:12px;margin:14px 0}.invitation-story{font-size:15px}.home-controls h2{font-size:20px!important}.cindy-dialogue p:last-child{font-size:18px}
 .lobby-stage{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.lobby-paper{padding:45px 35px 55px}.welcome-lobby .lobby-actions>.primary{min-width:160px}.room-code strong{font-size:24px}.room-occupancy span{max-width:75px}
}
@media(max-width:1050px){
 body:is([data-screen="frontdoor"],[data-screen="lobby"]) main{padding:15px 22px 8px}.welcome-heading{justify-content:center;flex-direction:column;gap:0;margin-bottom:12px}.welcome-logo{width:340px}.welcome-tagline{font-size:18px;max-width:none;margin-top:-5px}
 .welcome-stage{display:flex;flex-direction:column;gap:18px}.front-book{max-width:850px;aspect-ratio:1.5}.book-inner{gap:65px}.book-intro h1{font-size:40px}.welcome-home .cindy-host{max-width:740px;display:grid;grid-template-columns:1fr 230px;align-items:center;width:100%;padding:0 25px}.cindy-front .cindy-portrait{grid-column:2;grid-row:1/3;margin:0}.cindy-front .cindy-dialogue{max-width:380px;margin:0;width:100%}.cindy-front .cindy-name{grid-column:1;margin:8px auto 0}.welcome-bottom-note{margin-top:20px}
 .lobby-heading{gap:20px}.lobby-heading .welcome-logo{width:250px}.lobby-heading h1{font-size:31px}.lobby-stage{grid-template-columns:1fr;gap:22px}.lobby-paper{max-width:850px;width:100%;margin:auto}.cindy-lobby{display:grid;grid-template-columns:1fr 200px;align-items:center;max-width:660px;margin:auto;width:100%}.cindy-lobby .cindy-portrait{grid-column:2;grid-row:1/3;width:110%;margin:-10px 0 0 -5%}.cindy-lobby .cindy-dialogue{max-width:400px}.cindy-lobby .cindy-name{grid-column:1;margin:6px auto 0}
}
@media(max-width:780px){
 body:is([data-screen="frontdoor"],[data-screen="lobby"]) .topbar{padding:9px 16px;gap:8px 15px}body:is([data-screen="frontdoor"],[data-screen="lobby"]) .audio-controls{border-color:#d5b57930!important}.welcome-heading{margin:0 0 20px}.welcome-logo{width:310px}.welcome-tagline{font-size:17px;text-align:center}.front-book{aspect-ratio:auto;max-width:570px;background:#fceccf;border:2px solid #c29760;border-radius:9px 18px 18px 9px;box-shadow:-5px 0 0 #9f753f,0 10px 20px #130b0780;filter:none;padding:28px 30px}.book-inner{position:static;display:grid;grid-template-columns:1fr;gap:22px}.book-intro h1{font-size:37px;margin:9px 0 12px}.book-intro h1 br{display:none}.book-intro h1 em{margin-left:8px}.book-intro>p:not(.eyebrow):not(.book-footnote){font-size:13px}.invitation-story,.book-footnote{display:none}.welcome-facts{justify-content:space-between;margin:15px 0 0;padding:10px 0}.welcome-facts b{display:inline;font-size:17px}.welcome-facts span{font-size:11px}.welcome-home .home-controls h2{font-size:25px;margin:5px 0 13px}.welcome-home .home-controls label{font-size:12px}.welcome-home .home-controls input,.welcome-home .home-controls select{font-size:16px;min-height:44px}.welcome-home .home-controls .primary{min-height:48px;font-size:17px}.welcome-home .home-controls .create{min-height:43px;font-size:14px}.welcome-home .join-row button{font-size:13px;min-height:44px}.welcome-home .home-controls .local-note{font-size:11px}.welcome-home .cindy-host{max-width:570px;padding:0;grid-template-columns:1fr 170px}.cindy-dialogue{padding:14px 16px}.cindy-dialogue p:last-child{font-size:17px}.cindy-name{width:200px;background-size:290px 190px;min-height:55px}.cindy-name>strong{font-size:25px}.welcome-bottom-note{font-size:11px}
 .lobby-heading{display:block;text-align:center;margin:0 0 25px}.lobby-heading .welcome-logo{width:280px;margin:0 auto 7px}.lobby-heading h1{font-size:32px}.lobby-heading p:last-child{font-size:12px;margin:8px auto 0;max-width:370px}.lobby-paper{padding:18px 16px 10px}.lobby-room-top .room-code{margin-top:5px;gap:10px}.lobby-room-top .room-code strong{font-size:25px}.lobby-room-top button{padding:7px;font-size:10px}.room-occupancy strong{font-size:21px}.room-occupancy span{max-width:65px;font-size:9px}.welcome-lobby .players-lobby{gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.welcome-lobby .player-seat{padding:13px 6px 10px;min-height:140px}.welcome-lobby .player-seat.is-you{padding:12px 5px 9px}.welcome-lobby .player-seat h3{font-size:15px}.welcome-lobby .player-seat.empty>strong{font-size:13px}.welcome-lobby .player-seat.empty small{font-size:8px}.welcome-lobby .lobby-actions{flex-direction:row;align-items:end}.welcome-lobby .lobby-actions>.primary{min-width:145px;width:auto;padding:11px 19px}.lobby-paper-footer{gap:8px}.lobby-paper-footer p{font-size:9px}.cindy-lobby{max-width:540px;grid-template-columns:1fr 170px}.cindy-lobby .cindy-dialogue p:last-child{font-size:17px}
}
@media(max-width:480px){
 body:is([data-screen="frontdoor"],[data-screen="lobby"]) main{padding:12px 16px 8px}.welcome-logo{width:270px}.welcome-tagline{font-size:15px}.front-book{padding:22px}.book-intro h1{font-size:31px}.book-inner{gap:20px}.welcome-home .home-controls h2{font-size:24px}.welcome-home .cindy-host{grid-template-columns:1fr 128px;gap:0}.cindy-dialogue{padding:12px;min-width:0}.cindy-dialogue p:last-child{font-size:15px}.cindy-dialogue .host-kicker{font-size:7px}.cindy-name{width:180px;max-width:100%;background-size:270px 180px;min-height:51px}.cindy-name>strong{font-size:23px}.cindy-name>span{font-size:7px}.welcome-bottom-note{max-width:290px;margin:18px auto 8px;font-size:10px}.welcome-lobby .players-lobby{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-lobby .player-seat{min-height:136px}.welcome-lobby .player-seat.empty{min-height:112px}.welcome-lobby .lobby-actions{flex-direction:column;align-items:stretch}.welcome-lobby .lobby-actions>.primary{width:100%;font-size:18px}.welcome-lobby .bot-controls{display:grid;grid-template-columns:1fr auto}.welcome-lobby .bot-controls select{width:100%}.welcome-lobby .bot-controls button{padding:10px 22px}.lobby-paper{padding:17px 13px 8px}.lobby-room-top .room-code{display:block}.lobby-room-top button{display:block;margin-top:5px}.room-occupancy span{max-width:85px}.lobby-paper-footer{align-items:start}.lobby-paper-footer p{max-width:190px}.cindy-lobby{grid-template-columns:1fr 130px}.cindy-lobby .cindy-dialogue p:last-child{font-size:15px}.lobby-heading h1{font-size:29px}.welcome-lobby .player-seat .remove{font-size:9px}.welcome-lobby .player-seat small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){body:is([data-screen="frontdoor"],[data-screen="lobby"]) *{scroll-behavior:auto;transition:none!important}}
@media(max-width:1230px) and (min-width:1051px){.lobby-room-top{padding-left:25px;padding-right:25px}.welcome-lobby .lobby-actions{padding-left:15px;padding-right:15px}.lobby-paper-footer{padding-left:30px;padding-right:30px}}
@media(max-width:1050px) and (min-width:781px){.lobby-paper{padding:55px 48px}.lobby-room-top{padding-left:35px;padding-right:35px}.lobby-paper-footer{padding-left:35px;padding-right:35px}}
@media(max-width:780px){.lobby-paper{background:#fae9c9;border:2px solid #c29760;box-shadow:-4px 0 0 #9f753f,0 8px 20px #130b0780}.lobby-room-top,.welcome-lobby .lobby-actions,.lobby-paper-footer{padding-left:0;padding-right:0}.cindy-name{min-height:0;background:none}}
@media(max-width:1230px) and (min-width:1051px){.front-book{aspect-ratio:auto;background:#fceccf;border:2px solid #c29760;border-radius:9px 18px 18px 9px;padding:30px;box-shadow:-4px 0 0 #9f753f}.book-inner{position:static;gap:26px}.book-footnote{display:none}.welcome-facts{gap:9px}}
@media(max-width:1050px) and (min-width:781px){.book-inner{inset:10% 11% 14% 12%;gap:40px}.book-intro h1{font-size:35px}.invitation-story{font-size:15px}.book-footnote{display:none}.book-intro>p:not(.eyebrow):not(.book-footnote){font-size:12px}.welcome-facts{gap:10px}.welcome-home .home-controls h2{font-size:22px}}
@media(max-width:480px){.welcome-home .cindy-host{grid-template-columns:minmax(0,1fr) 128px}.cindy-lobby{grid-template-columns:minmax(0,1fr) 130px}}
/* Concise, large-type pass: Cindy's name tag is the only visible host label. */
.welcome-heading{margin-bottom:0}
.book-intro h1{font-size:clamp(38px,3.6vw,52px);margin:0 0 20px}
.book-intro>p:not(.eyebrow):not(.book-footnote){font-size:18px;line-height:1.5;color:#785232}
.welcome-facts{justify-content:space-between;font-size:13px;padding:15px 0;gap:14px}
.welcome-facts b{font-size:27px;color:#087d79}
.intro-story-art{display:block;max-width:100%;width:225px;height:auto;margin:0 auto;object-fit:contain}
.welcome-home .home-controls h2{font-size:34px;margin:0 0 18px;color:#087d79}
.welcome-home .home-controls label{font-size:13px;gap:5px}
.welcome-home .home-controls input,.welcome-home .home-controls select{font-size:16px;min-height:42px}
.welcome-home .home-controls .primary{font-size:18px;min-height:48px;margin-top:16px}
.welcome-home .home-controls .create{font-size:15px;min-height:44px}
.welcome-home .join-row button{font-size:13px;min-height:42px}
.cindy-host{align-self:center}
.cindy-front .cindy-portrait{margin:0}
.lobby-heading h1{font-size:40px;color:#f8df98}
.welcome-lobby .player-seat h3{font-size:20px}
.welcome-lobby .player-seat small{font-size:11px}
.welcome-lobby .player-seat.empty>strong{font-size:17px}
.welcome-lobby .lobby-actions>.primary{font-size:20px}
@media(max-width:1230px) and (min-width:1051px){.book-intro h1{font-size:37px}.book-intro>p:not(.eyebrow):not(.book-footnote){font-size:16px}.welcome-home .home-controls h2{font-size:28px!important}.welcome-home .home-controls .row>label:last-child{grid-template-columns:1fr}.intro-story-art{width:180px}.welcome-facts{gap:9px}.welcome-facts b{font-size:23px}}
@media(max-width:1050px) and (min-width:781px){.welcome-stage{display:grid;grid-template-columns:1fr 220px;gap:15px}.front-book{aspect-ratio:auto;background:#fceccf;border:2px solid #c29760;border-radius:12px;padding:30px}.book-inner{position:static;grid-template-columns:1fr;gap:25px}.book-intro h1{font-size:43px}.book-intro h1 br{display:none}.book-intro h1 em{margin-left:8px}.intro-story-art{display:none}.welcome-facts{margin-bottom:0}.welcome-home .cindy-host,.cindy-lobby{display:block;padding:0}.cindy-front .cindy-portrait{width:100%;margin:0}.cindy-front .cindy-name{margin:0 auto;width:215px}.lobby-heading h1{font-size:35px}.cindy-lobby{width:220px}.cindy-lobby .cindy-portrait{width:100%;margin:0}.cindy-lobby .cindy-name{width:215px}}
@media(max-width:780px){.intro-story-art{display:none}.book-intro h1{font-size:38px}.book-intro>p:not(.eyebrow):not(.book-footnote){font-size:17px}.welcome-home .home-controls h2{font-size:31px}.welcome-home .cindy-host,.cindy-lobby{display:block;width:200px;max-width:100%;margin:0 auto;padding:0}.cindy-front .cindy-portrait,.cindy-lobby .cindy-portrait{width:100%;margin:0}.cindy-front .cindy-name,.cindy-lobby .cindy-name{width:190px;max-width:100%;margin:0 auto}.welcome-facts b{font-size:22px}.welcome-facts span{font-size:12px}.lobby-heading h1{font-size:34px}.welcome-lobby .player-seat h3{font-size:18px}.welcome-lobby .player-seat.empty small{font-size:10px}}
@media(max-width:1050px){.book-inner{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.welcome-facts{gap:8px;white-space:normal}.welcome-facts b{display:block}.welcome-facts span{font-size:11px}}
/* Keep the artwork grounded in the room instead of centered above its table. */
body:is([data-screen="frontdoor"],[data-screen="lobby"]){background-attachment:scroll}
.lobby-heading>div{background:#20120df2;border:1px solid #b88335;border-radius:12px;padding:14px 25px;box-shadow:0 5px 15px #12090655}
.lobby-heading h1{color:#ffe477;text-shadow:0 2px 2px #000;margin:0}
.welcome-lobby .player-seat:not(.empty){border:2px solid var(--color);padding:16px 10px 10px}
.welcome-lobby .player-seat.is-you{box-shadow:0 0 0 3px #fff3d8,0 0 0 5px var(--color)}
.welcome-lobby .seat-ink{height:17px;opacity:1}
.welcome-lobby .avatar{background:#fffdf2;border:4px solid var(--color);box-shadow:none;width:48px;height:48px;color:#173d39}
.welcome-lobby .player-seat:has(.remove){padding-bottom:31px}
@media(min-width:1051px){
 .welcome-stage{min-height:calc(81svh - 205px);align-items:end}
 .welcome-home .cindy-host{align-self:end;margin-bottom:-45px}
 .lobby-stage{align-items:end}
 .cindy-lobby{align-self:end;margin-bottom:55px}
}
@media(max-width:1050px){
 .welcome-home .cindy-host,.cindy-lobby{align-self:end;margin-top:22px;margin-bottom:0}
 .lobby-heading>div{display:inline-block;padding:12px 20px}
}
/* The front-door sign belongs to the book column, centered on its binding. */
.welcome-home{--welcome-host-width:340px;--welcome-column-gap:5px}
.welcome-home .welcome-heading{width:calc(100% - var(--welcome-host-width) - var(--welcome-column-gap));margin:0 0 -35px;justify-content:center}
.welcome-home .welcome-logo{width:min(560px,90%)}
@media(min-width:1600px){.welcome-home{--welcome-host-width:370px}}
@media(min-width:1051px) and (max-width:1230px){.welcome-home{--welcome-host-width:280px}}
@media(min-width:781px) and (max-width:1050px){.welcome-home{--welcome-host-width:220px;--welcome-column-gap:15px}.welcome-home .welcome-heading{margin-bottom:14px}}
@media(max-width:780px){.welcome-home .welcome-heading{width:100%;margin:0 0 16px}.welcome-home .welcome-logo{width:min(440px,100%)}}