.lobby.setup-flow-lobby{display:block;max-width:1080px;margin:22px auto 50px;padding:0 30px}.instant-play-heading{max-width:820px;margin:0 auto 25px;text-align:center}.instant-play-heading h1{font-size:clamp(40px,5vw,66px);line-height:1.1;margin:14px 0}.instant-play-heading>p{font-size:20px;color:var(--muted)}.instant-play-button{max-width:550px;margin:22px auto 12px;min-height:78px;font-size:30px}.instant-play-note{font-size:17px!important;line-height:1.65}.quick-game-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:20px 0}.quick-game-links a{text-decoration:none;display:inline-flex;align-items:center}.quick-game-links .small-button{font-size:16px;min-height:46px;padding:11px 15px}.instant-play-heading .resume-card{text-align:left;margin:22px 0}.setup-customize{border:1px solid #ffffff26;border-radius:20px;background:var(--panel);overflow:hidden}.setup-customize>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 27px;font-size:25px;font-weight:600;cursor:pointer;list-style:none}.setup-customize>summary::-webkit-details-marker{display:none}.setup-customize>summary>span{font-size:29px;color:var(--mint)}.setup-customize[open]>summary{border-bottom:1px solid var(--line)}.setup-flow-card{border:0;border-radius:0;background:transparent;box-shadow:none;padding:12px 27px 30px;max-width:none}.setup-steps{list-style:none;padding:0;margin:0}.setup-step{display:grid;grid-template-columns:50px minmax(0,1fr);gap:17px;padding:28px 0;border-bottom:1px solid #ffffff20}.setup-step:last-child{border-bottom:0;padding-bottom:0}.setup-step-badge{width:48px;height:48px;display:grid;place-items:center;border:1px solid #f9cb7060;border-radius:50%;font-size:24px;font-weight:700;color:var(--gold);background:#f9cb7010}.setup-step.ready .setup-step-badge{color:var(--mint);border-color:#91dac460;background:#91dac410}.setup-step-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.setup-step-heading h2{font-size:30px;line-height:1.2;margin:0}.setup-step-heading .small-button{font-size:16px;min-height:42px}.setup-step-status{font-size:14px;color:var(--mint);line-height:1.5}.setup-step-content>p{font-size:17px;color:var(--muted);margin:10px 0 20px}.setup-registration-row.player-row{grid-template-columns:50px minmax(0,1fr) 26px;align-items:center;gap:12px;margin:0;padding:13px 0;border-bottom:1px solid var(--line)}.setup-registration-row .avatar-button{grid-column:1;grid-row:1/3;align-self:center;width:50px;height:58px}.setup-registration-row .remove-player{grid-column:3;grid-row:1/3}.setup-name-field{grid-column:2;display:grid;gap:5px}.setup-name-field>span{font-size:13px;color:var(--muted)}.setup-registration-row input[data-name]{grid-column:auto;font-size:19px;min-height:48px}.setup-profile-wrap{grid-column:2;min-width:0}.setup-profile-wrap .setup-profile-select{font-size:13px}.setup-profile-wrap select{font-size:16px;min-height:42px}.setup-profile-waiting{font-size:13px;color:var(--muted)}.setup-flow-card .add-player{font-size:17px;padding:13px 0}.optional-registration,.setup-advanced{margin:20px 0 6px;padding:15px 18px;border:1px solid #ffffff24;border-radius:12px;background:#ffffff04}.optional-registration>summary,.setup-advanced>summary{cursor:pointer;font-size:17px;line-height:1.5;min-height:30px;color:var(--cream)}.optional-registration[open]>summary,.setup-advanced[open]>summary{margin-bottom:18px}.optional-registration>p{font-size:16px}.optional-registration .secondary-button{font-size:17px;min-height:48px}.profile-sync-note{display:block;margin:14px 0 0;font-size:14px;line-height:1.55;color:var(--muted);overflow-wrap:anywhere}.profile-sync-note:empty{display:none}.setup-flow-card .tonight-topics{margin-top:18px}.setup-flow-card .topic-swap{min-height:69px;padding:16px;font-size:19px;line-height:1.4}.setup-difficulty-list{display:grid;gap:13px}.setup-difficulty-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(180px,1.2fr);gap:10px 18px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.setup-difficulty-row>strong{font-size:21px;overflow-wrap:anywhere}.setup-difficulty-row>select{font-size:19px;min-height:49px}.setup-difficulty-row .player-challenge{grid-column:2;margin:0;font-size:15px;line-height:1.5}.setup-advanced .match-settings{margin-top:15px}.setup-advanced #setup-audio{margin:14px 0 0}.setup-flow-card .setup-note{font-size:16px;line-height:1.6;margin-top:15px}.setup-flow-card .start-button{font-size:25px;min-height:70px;margin-top:0}.category-browse-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.category-browse-controls label{display:grid;gap:8px;font-size:16px;color:var(--muted)}.category-browse-controls input,.category-browse-controls select{font-size:18px;min-height:49px}.category-group{margin:25px 0}.category-group[hidden]{display:none}.category-group h3{font-size:25px;line-height:1.35;margin:0 0 15px;color:var(--gold);letter-spacing:.02em;text-transform:uppercase}.category-group .library-category strong{font-size:20px}.category-group .library-category small{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-photo-sharing{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.5;margin:14px 0}.profile-photo-sharing input{width:22px;height:22px;min-height:22px;flex-shrink:0;accent-color:var(--mint)}.category-fallback-note{font-size:15px;color:var(--gold);line-height:1.5;margin-top:10px}.game-actions{flex-wrap:wrap}.score-caption .profile-sync-note{font-size:13px}
html.tv-view .instant-play-heading h1{font-size:64px}html.tv-view .instant-play-heading>p{font-size:23px}html.tv-view .instant-play-button{font-size:32px}html.tv-view .setup-step-heading h2{font-size:34px}html.tv-view .setup-step-content>p{font-size:20px}html.tv-view .setup-registration-row input[data-name],html.tv-view .setup-difficulty-row>select{font-size:23px}html.tv-view .setup-difficulty-row>strong{font-size:25px}html.tv-view .setup-profile-wrap select{font-size:19px}html.tv-view .setup-flow-card .topic-swap{font-size:22px}html.tv-view .category-group .library-category strong{font-size:23px}
@media(max-width:620px){.lobby.setup-flow-lobby{padding:0 16px;margin:15px auto 35px}.instant-play-heading h1,html.tv-view .instant-play-heading h1{font-size:40px}.instant-play-heading>p,html.tv-view .instant-play-heading>p{font-size:18px}.instant-play-button,html.tv-view .instant-play-button{font-size:27px;min-height:70px}.quick-game-links{gap:8px}.quick-game-links .small-button{font-size:14px}.setup-customize>summary{padding:20px 17px;font-size:21px}.setup-flow-card{padding:4px 15px 25px}.setup-step{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:25px 0}.setup-step-badge{width:33px;height:33px;font-size:19px}.setup-step-heading h2,html.tv-view .setup-step-heading h2{font-size:25px}.setup-step-content>p,html.tv-view .setup-step-content>p{font-size:16px}.setup-registration-row.player-row{grid-template-columns:39px minmax(0,1fr) 22px;gap:8px}.setup-registration-row .avatar-button{width:39px;height:47px;grid-row:1/3}.setup-registration-row input[data-name],html.tv-view .setup-registration-row input[data-name]{font-size:17px;padding:9px}.setup-profile-wrap select,html.tv-view .setup-profile-wrap select{font-size:14px}.setup-difficulty-row{grid-template-columns:1fr;gap:8px}.setup-difficulty-row>strong,html.tv-view .setup-difficulty-row>strong{font-size:20px}.setup-difficulty-row>select,html.tv-view .setup-difficulty-row>select{font-size:17px}.setup-difficulty-row .player-challenge{grid-column:1;font-size:14px}.optional-registration,.setup-advanced{padding:13px 12px}.optional-registration>summary,.setup-advanced>summary{font-size:16px}.setup-flow-card .tonight-topics{grid-template-columns:1fr}.setup-flow-card .topic-swap,html.tv-view .setup-flow-card .topic-swap{font-size:18px;min-height:63px}.category-browse-controls{grid-template-columns:1fr}.category-group h3{font-size:22px}.category-group .library-category strong,html.tv-view .category-group .library-category strong{font-size:19px}.category-group .library-category small{font-size:14px}.instant-play-heading .resume-card{flex-wrap:wrap;gap:12px}.profile-photo-sharing{font-size:14px}}

/* Local illustrations make the family routes and topics recognizable at a glance. */
.lobby-action-icon{display:block;flex:none;width:32px;height:32px;color:inherit}
.lobby-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:23px auto 14px;max-width:900px}
.lobby-primary-actions .instant-play-button{margin:0;max-width:none;min-height:91px}
.customize-family-button{display:flex;align-items:center;justify-content:center;gap:14px;min-height:91px;padding:16px 18px;text-align:left;border:1px solid #a7cabe;border-radius:13px;background:#264440;color:var(--cream);cursor:pointer}
.customize-family-button:hover{border-color:var(--mint);background:#31564e}
.customize-family-button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.customize-family-button .lobby-action-icon{width:44px;height:44px}
.customize-family-button strong{display:block;font-size:23px;line-height:1.25;font-weight:650}
.customize-family-button small{display:block;font-size:14px;line-height:1.5;color:#d4e7df;margin-top:5px}
.instant-play-button .lobby-action-icon{width:39px;height:39px}
.instant-play-button>span:first-of-type{font:inherit;flex:1;text-align:left}
.illustrated-utility{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.quick-game-links .illustrated-utility{font-size:17px;min-height:54px;padding:10px 18px}
.illustrated-utility .lobby-action-icon{width:34px;height:34px}
.illustrated-family-links,.illustrated-minigames{margin:30px 0 34px}
.lobby-link-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 20px;margin-bottom:16px}
.lobby-link-heading h2{font-size:30px;line-height:1.2;margin:0;letter-spacing:-.02em}
.lobby-link-heading p{font-size:16px;color:var(--muted);line-height:1.6;margin:0}
.family-route-grid,.mini-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mini-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.family-route-card,.mini-route-card{display:flex;position:relative;min-width:0;align-items:center;flex-direction:column;text-align:center;text-decoration:none;color:var(--cream);border:1px solid #66738d;border-radius:20px;background:#1e2c47;overflow:hidden;padding:17px 18px 20px;line-height:1.4}
.family-route-card:hover,.mini-route-card:hover{border-color:var(--gold);background:#283953}
.family-route-card:focus-visible,.mini-route-card:focus-visible,.illustrated-utility:focus-visible,.illustrated-category:focus-visible,.illustrated-topic-swap:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.family-route-beeman{background:linear-gradient(130deg,#2e3450,#243343)}
.family-route-menche{background:linear-gradient(130deg,#303c57,#283345)}
.family-route-shelley{background:linear-gradient(130deg,#283c50,#223844)}
.family-card-portraits{height:94px;width:100%;max-width:262px;display:flex;align-items:center;justify-content:center;padding:4px 0 8px;isolation:isolate}
.family-card-portraits .family-card-avatar{flex:none;width:78px;height:78px;border-radius:50%;border:3px solid #2a3550;box-shadow:0 5px 12px #0003;object-fit:contain}
.family-card-portraits .family-card-avatar+.family-card-avatar{margin-left:-21px}
.family-card-portraits .family-card-avatar:nth-child(even){transform:translateY(7px)}
.family-card-copy,.mini-route-copy{display:block;min-width:0;overflow-wrap:anywhere}
.family-card-copy strong{display:block;font-size:24px;line-height:1.3;font-weight:650}
.family-card-copy small{display:block;font-size:14px;color:var(--muted);line-height:1.5;margin-top:6px}
.route-arrow{position:absolute;right:16px;top:15px;font-size:22px;line-height:1;color:var(--mint)}
.mini-route-card{padding:17px 34px 17px 16px;min-height:163px;font:inherit;flex-direction:row;text-align:left;gap:15px}
.mini-route-art{display:block;position:relative;width:168px;height:118px;max-width:230px;margin-bottom:0;pointer-events:none;flex:none}
.mini-route-art>svg{width:180px;height:120px;max-width:100%;display:block;margin:auto}
.mini-route-copy strong{display:block;font-size:24px;line-height:1.35;font-weight:650}
.mini-route-copy small{display:block;font-size:14px;color:var(--muted);line-height:1.5;margin-top:6px}
.spelling-washington{position:absolute;width:104px;height:113px;left:14%;top:0;object-fit:contain}
.spelling-bee{position:absolute;width:86px;height:77px;right:7%;top:13px;object-fit:contain;transform:rotate(8deg)}
.letter-block{position:absolute;right:13%;bottom:0;background:#f9cb70;color:#27344f;font-family:var(--serif,Georgia,serif);font-size:23px;font-weight:700;letter-spacing:.06em;padding:4px 9px;border-radius:9px;border:2px solid #ffe2a0;transform:rotate(-5deg)}
.quiet-route{background:#27384b}.quiet-route:hover{background:#2d4052}
.quiet-letters{display:flex;position:absolute;left:45%;bottom:13px;gap:4px;transform:rotate(-7deg)}
.quiet-letters i{display:grid;place-items:center;width:30px;height:33px;font-size:19px;font-style:normal;font-weight:700;border-radius:6px;background:#b8acf4;color:#27344f;box-shadow:0 3px 0 #786e9c}
.quiet-letters i:nth-child(2){background:#91dac4;transform:translateY(-6px)}
.quiet-letters i:nth-child(3){background:#f9cb70}
.outings-route{background:#273b3d}.outings-route:hover{background:#304547}
.outings-route-art .outing-car{position:absolute;left:4%;bottom:0;width:88px;height:88px;object-fit:contain;border-radius:50%;box-shadow:0 4px 10px #0003}
.incognito-route{background:#2c2c4e}.incognito-route:hover{background:#383454}
.incognito-glasses{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:62px;height:53px;font-size:38px;line-height:1}
.instant-play-heading .resume-card small{display:block;font-size:14px;color:var(--muted);line-height:1.5;margin-top:7px}
.category-artwork{position:relative;display:block;flex:none;width:96px;height:96px;color:var(--category-art-color,#b8acf4);isolation:isolate;font-size:0}
.category-picture-frame{display:block;width:100%;height:100%;position:absolute;inset:0;z-index:0;pointer-events:none}
.category-artwork .category-portrait{position:absolute;z-index:1;left:13%;top:12%;width:74%;height:76%;object-fit:contain;border-radius:15px;pointer-events:none}
.category-picture-symbol{position:absolute;inset:0;display:grid;place-items:center;z-index:1;font-size:56px;line-height:1;filter:drop-shadow(0 3px 0 #0002)}
.category-artwork-pair .category-portrait{width:65%;height:70%;left:1%;top:11%;transform:rotate(-9deg)}
.category-artwork-pair .category-portrait+.category-portrait{left:34%;top:28%;transform:rotate(8deg)}
.category-picture-badge{position:absolute;z-index:2;right:0;bottom:0;font-size:26px;line-height:1;background:#27344f;border:1px solid #ffffff30;border-radius:50%;padding:5px}
.category-card-copy{min-width:0;flex:1;overflow-wrap:anywhere}
.illustrated-category{min-height:126px;padding:14px;gap:16px}
.illustrated-category:disabled .category-artwork{filter:grayscale(.3)}
.illustrated-category .library-check{font-size:21px;flex:none}
.setup-flow-card .illustrated-topic-swap{min-height:116px;padding:12px;gap:12px}
.illustrated-topic-swap .category-artwork{width:78px;height:78px}
.illustrated-topic-swap .category-picture-symbol{font-size:46px}
.illustrated-topic-swap .category-picture-badge{font-size:20px;padding:4px}
.topic-swap-name{min-width:0;flex:1;overflow-wrap:anywhere}
.illustrated-topic-swap .swap-glyph{flex:none;font-size:22px}
.setup-flow-lobby .setup-customize>summary{margin-top:0}
.setup-customize>summary .customize-summary-label{display:flex;align-items:center;gap:14px;min-width:0;color:var(--cream);font-size:25px;line-height:1.4}
.customize-summary-label>.lobby-action-icon{width:40px;height:40px}
.setup-difficulty-row .difficulty-player-name{display:flex;align-items:center;gap:12px;min-width:0}
.difficulty-player-name .difficulty-player-portrait{width:44px;height:44px;border-radius:12px;flex:none}
.difficulty-player-name>span{min-width:0;overflow-wrap:anywhere}
.setup-step-heading .illustrated-utility .lobby-action-icon{width:29px;height:29px}
.optional-registration .illustrated-utility .lobby-action-icon{width:29px;height:29px}
.setup-advanced .illustrated-utility{width:auto}
html.tv-view .lobby-link-heading h2{font-size:34px}
html.tv-view .family-card-copy strong,html.tv-view .mini-route-copy strong{font-size:28px}
html.tv-view .family-card-copy small,html.tv-view .mini-route-copy small{font-size:17px}
html.tv-view .illustrated-category .category-artwork{width:112px;height:112px}
html.tv-view .illustrated-category .category-picture-symbol{font-size:66px}
@media(max-width:850px){.family-route-grid{gap:11px}.family-route-card{padding:14px 10px 18px}.family-card-portraits .family-card-avatar{width:65px;height:65px}.family-card-portraits .family-card-avatar+.family-card-avatar{margin-left:-24px}.family-card-copy strong{font-size:21px}.family-card-copy small{font-size:12px}.mini-route-grid{gap:11px}.mini-route-card{padding-inline:12px}.mini-route-copy strong{font-size:22px}.mini-route-copy small{font-size:13px}}
@media(min-width:621px) and (max-width:850px){.mini-route-art{width:120px}.mini-route-art>svg{width:120px}.spelling-washington{left:0;width:80px}.spelling-bee{right:0;width:60px}.quiet-letters{left:30%}.outings-route-art .outing-car{width:69px;height:69px}.mini-route-card{padding-right:27px;gap:10px}.customize-family-button strong{font-size:21px}.customize-family-button small{font-size:13px}}
@media(max-width:620px){
  .lobby-primary-actions{grid-template-columns:1fr;gap:12px;margin:20px auto 13px}.lobby-primary-actions .instant-play-button{min-height:70px}.customize-family-button{min-height:82px;padding:14px;justify-content:flex-start;gap:12px}.customize-family-button strong{font-size:22px}.customize-family-button small{font-size:13px}.customize-family-button .lobby-action-icon{width:43px;height:43px}
  .quick-game-links .illustrated-utility{font-size:14px;padding:9px 12px;gap:7px;min-height:51px}.quick-game-links .lobby-action-icon{width:29px;height:29px}
  .instant-play-button .lobby-action-icon{width:33px;height:33px}.instant-play-button>span:first-of-type{text-align:center}
  .illustrated-family-links,.illustrated-minigames{margin:25px 0 28px}.lobby-link-heading{gap:7px;margin-bottom:14px}.lobby-link-heading h2,html.tv-view .lobby-link-heading h2{font-size:27px}.lobby-link-heading p{font-size:15px}
  .family-route-grid,.mini-route-grid{grid-template-columns:1fr;gap:12px}
  .family-route-card,.mini-route-card{flex-direction:row;text-align:left;padding:14px 36px 14px 12px;gap:10px;min-height:112px}
  .family-card-portraits{width:132px;flex:none;height:90px;margin:0}.family-card-portraits .family-card-avatar{width:51px;height:51px;border-width:2px}.family-card-portraits .family-card-avatar+.family-card-avatar{margin-left:-24px}
  .family-card-copy strong,html.tv-view .family-card-copy strong{font-size:22px}.family-card-copy small,html.tv-view .family-card-copy small{font-size:13px}.route-arrow{right:12px;top:calc(50% - 10px);font-size:22px}
  .mini-route-art{width:132px;flex:none;height:99px;margin-bottom:0}.mini-route-art>svg{width:132px;height:99px}.mini-route-copy strong,html.tv-view .mini-route-copy strong{font-size:22px}.mini-route-copy small,html.tv-view .mini-route-copy small{font-size:13px}
  .spelling-washington{width:82px;height:90px;left:0;top:0}.spelling-bee{width:64px;height:58px;right:0;top:17px}.letter-block{font-size:18px;right:5%;bottom:0;padding:4px 6px}
  .quiet-letters{left:40%;bottom:6px;gap:3px}.quiet-letters i{width:22px;height:26px;font-size:16px}.outings-route-art .outing-car{width:64px;height:64px;left:0}
  .category-artwork,html.tv-view .illustrated-category .category-artwork{width:83px;height:83px}.category-picture-symbol,html.tv-view .illustrated-category .category-picture-symbol{font-size:49px}.illustrated-category{min-height:112px;gap:12px;padding:12px}.category-picture-badge{font-size:22px;padding:4px}
  .setup-flow-card .illustrated-topic-swap,html.tv-view .setup-flow-card .illustrated-topic-swap{min-height:102px;font-size:18px;padding:10px}.illustrated-topic-swap .category-artwork{width:72px;height:72px}.illustrated-topic-swap .category-picture-symbol{font-size:43px}.setup-step-heading .illustrated-utility{font-size:14px;gap:5px}.setup-step-heading .lobby-action-icon{width:27px;height:27px}
  .setup-customize>summary .customize-summary-label{font-size:20px;gap:10px}.customize-summary-label>.lobby-action-icon{width:31px;height:31px}.difficulty-player-name .difficulty-player-portrait{width:38px;height:38px}
}
@media(max-width:360px){.family-card-portraits,.mini-route-art{width:104px}.family-card-portraits .family-card-avatar{width:46px;height:46px}.family-card-portraits .family-card-avatar+.family-card-avatar{margin-left:-26px}.mini-route-art>svg{width:104px}.family-card-copy strong,html.tv-view .family-card-copy strong,.mini-route-copy strong,html.tv-view .mini-route-copy strong{font-size:20px}.family-card-copy small,.mini-route-copy small{font-size:12px}.mini-route-card,.family-route-card{gap:8px}.spelling-washington{width:70px}.spelling-bee{width:52px}.quiet-letters{left:32%}.category-artwork,html.tv-view .illustrated-category .category-artwork{width:70px;height:70px}.category-picture-symbol,html.tv-view .illustrated-category .category-picture-symbol{font-size:42px}}
.player-portrait-pair{position:relative}.avatar-topic-medal{position:absolute;right:-.16em;bottom:-.2em;display:grid;place-items:center;width:1.05em;height:1.05em;min-width:24px;min-height:24px;border-radius:50%;border:2px solid #fff9ed;box-shadow:0 2px 7px #211a3a40;font-size:clamp(1rem,2vw,1.5rem);background:#ca986a}.avatar-topic-medal.silver{background:#d4dce4}.avatar-topic-medal.gold{background:#f2cb68}.avatar-topic-medal small{position:absolute;bottom:-.3em;right:-.3em;font-size:.6em}.big-avatar .avatar-topic-medal{width:1.7em;height:1.7em;font-size:clamp(1.5rem,3vw,2.2rem)}

.online-room-card{display:flex;align-items:center;gap:1.4rem;text-decoration:none;color:#f6f1e5;background:linear-gradient(130deg,#243d69,#355960);padding:1.5rem;border:1px solid #729398;border-radius:24px;margin:1.8rem 0}.online-room-card>span{font-size:clamp(1.5rem,4vw,2.4rem)}.online-room-card strong{font-size:clamp(1.15rem,2.3vw,1.5rem)}.online-room-card p{margin:.45rem 0 0}.online-room-card>b{margin-left:auto;font-size:2rem}@media(max-width:600px){.online-room-card{gap:.7rem;padding:1rem}.online-room-card>span{font-size:1.25rem}}

/* Painted player form v1. */
/* Painted characters and deliberate, readable difficulty choices. */
html.magical-night .painted-player-entry{display:grid;justify-items:center;align-content:start;gap:8px;grid-row:span 2;min-width:0}
html.magical-night .setup-registration-row .painted-player-entry .avatar-button{grid-row:auto;border-radius:50%;width:90px;height:90px;overflow:hidden}
html.magical-night .painted-avatar-browse{max-width:110px;min-height:44px;padding:6px 3px;background:transparent;color:#23545a;font-size:13px;font-weight:700;line-height:1.35;text-decoration:underline;text-underline-offset:3px}
html.magical-night .player-level-choice select{border:2px solid var(--player-level-color,#6b7277);border-left-width:7px;background:#fffefa;color:#203841;font-weight:700}
html.magical-night .player-level-choice[data-chosen-level="tiny"]{--player-level-color:#27775a}
html.magical-night .player-level-choice[data-chosen-level="curious"]{--player-level-color:#246b9e}
html.magical-night .player-level-choice[data-chosen-level="expert"]{--player-level-color:#77519d}
html.magical-night .player-level-choice[data-chosen-level="super"]{--player-level-color:#ac5923}
html.magical-night .player-level-hint{display:block;font-size:13px;line-height:1.45;color:#465760;font-weight:400}
html.magical-night .setup-level-field>.player-level-key{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:3px;font-size:11px;line-height:1.5;color:#465760;font-weight:500}
.player-level-key>[data-level-color]{display:inline-flex;gap:4px;align-items:center}
.player-level-key>[data-level-color]::before{content:"";display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:#27775a}
.player-level-key>[data-level-color="curious"]::before{background:#246b9e}
.player-level-key>[data-level-color="expert"]::before{background:#77519d}
.player-level-key>[data-level-color="super"]::before{background:#ac5923}
@media(max-width:720px){html.magical-night .setup-registration-row .painted-player-entry{grid-row:1/3}html.magical-night .setup-registration-row .painted-player-entry .avatar-button{width:64px;height:64px}html.magical-night .painted-avatar-browse{max-width:75px;font-size:12px}html.magical-night .player-level-hint{font-size:13px}}

/* Painted player readability v1. */
html.magical-night .painted-avatar-browse{font-size:var(--ui-nav,1.125rem);line-height:1.45;min-height:var(--ui-control,3rem);width:100%;max-width:100%;overflow-wrap:anywhere}
html.magical-night .player-level-hint{font-size:var(--ui-support,1rem);line-height:1.6}
html.magical-night .setup-level-field>.player-level-key{font-size:var(--ui-support,1rem);line-height:1.55;gap:.4rem .75rem}
html.magical-night .player-level-key>[data-level-color]::before{width:.625rem;height:.625rem}

/* Painted player entry layout v2. */
html.magical-night .game-hub-lobby .setup-registration-row.player-row{grid-template-columns:minmax(160px,180px) minmax(0,1fr) minmax(0,1.1fr) 48px;gap:16px;align-items:start}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>.painted-player-entry{grid-column:1;grid-row:1/span 2;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;gap:12px;width:100%;min-width:0}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>.painted-player-entry>.avatar-button{grid-column:1;grid-row:auto;display:block;width:96px;height:96px;padding:0;border-radius:50%;overflow:hidden;line-height:0}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>.painted-player-entry>.avatar-button>.avatar-portrait{display:block;width:100%;height:100%;border-radius:inherit}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>.painted-player-entry>.painted-avatar-browse{grid-column:1/-1;display:block;width:100%;max-width:none;min-width:0;min-height:var(--ui-control,3rem);padding:8px 2px;font-size:var(--ui-nav,1.125rem);line-height:1.45;white-space:normal;word-break:normal;overflow-wrap:normal}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>.setup-name-field{grid-column:2;grid-row:1;align-self:start}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>.setup-level-field{grid-column:3;grid-row:1/span 2;align-self:start}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>:is(.setup-name-field,.setup-level-field){display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>:is(.setup-name-field,.setup-level-field)>*{grid-column:1;grid-row:auto;min-width:0;width:100%}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>.setup-profile-wrap{grid-column:2;grid-row:2;align-self:start;min-width:0}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>.remove-player{grid-column:4;grid-row:1;align-self:start;justify-self:end}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>.player-challenge{grid-column:2/4;grid-row:3}
@media(max-width:1050px){
html.magical-night .game-hub-lobby .setup-registration-row.player-row{grid-template-columns:minmax(0,1fr) 48px;gap:14px;align-items:start}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>.painted-player-entry{grid-column:1/-1;grid-row:1;grid-template-columns:minmax(0,1fr) 48px;gap:12px}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>.painted-player-entry>.avatar-button{grid-column:1;grid-row:1;width:96px;height:96px}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>.painted-player-entry>.painted-avatar-browse{grid-column:1/-1;grid-row:2}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>.remove-player{grid-column:2;grid-row:1}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>.setup-name-field{grid-column:1/-1;grid-row:2}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>.setup-level-field{grid-column:1/-1;grid-row:3}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>.setup-profile-wrap{grid-column:1/-1;grid-row:4}
html.magical-night .game-hub-lobby .setup-registration-row.player-row>.player-challenge{grid-column:1/-1;grid-row:5}
}
