/* Account lobby shares the board's local artwork, colors and pixel icon vocabulary. */
#account-home{max-width:1240px;margin:26px auto 0;padding:0 24px 36px}#account-home [hidden]{display:none!important}.home:has(.account-grid){min-height:100dvh;background:linear-gradient(180deg,#09242be6,#0b262bd9),url('/assets/board/lantern-canal-v1.webp') center/cover fixed}.home>.hero[hidden]{display:none!important}.home:has(.account-grid) .topbar{background:#102e33f5;border-bottom:1px solid #58716a}.account-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.account-sidebar{display:grid;gap:18px;min-width:0}.account-sidebar>.card{margin:0;background:#102a30f0;border:1px solid #486768;padding:20px}.account-sidebar h2{font-size:19px;margin:0 0 16px}.account-sidebar label{display:grid;gap:8px;margin-block:12px}.account-sidebar input{width:100%;box-sizing:border-box;min-height:48px}.account-sidebar button{min-height:48px}.account-sidebar summary{cursor:pointer;min-height:32px}.social-list{list-style:none;padding:0;margin:16px 0 0}.social-list>li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-block:12px;border-top:1px solid #36555a}.social-list small{display:block;color:#afc8bf;margin-top:4px}.friend-identity{flex:1;min-width:70px}.social-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.social-actions button{min-height:48px}.social-friend-avatar,.friend-portrait{width:44px;height:58.666px;overflow:hidden;flex:none;border-radius:6px;background:#203d41}.social-friend-avatar .portrait,.friend-portrait .portrait{display:block!important;width:44px!important;height:66px!important;min-width:44px!important;border:0!important;border-radius:0!important;margin:0!important}.social-friend-avatar .portrait.extra,.friend-portrait .portrait.extra{height:58.666px!important}
.account-header-controls{display:flex;align-items:center;gap:9px;margin-inline-start:auto}.account-header-person{display:flex;align-items:center;gap:10px;max-width:220px}.account-header-person strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-mini-avatar{width:34px;height:45.333px;overflow:hidden;display:block;flex:none}.account-mini-avatar .portrait{display:block!important;width:34px!important;height:51px!important;margin:0!important;border:0!important;border-radius:0!important;min-width:34px!important}.account-mini-avatar .portrait.extra{height:45.333px!important}.friend-code-button{display:flex;align-items:center;gap:9px;min-height:48px;background:#1a3c40;border-color:#7a8865}.friend-code{font-size:21px;letter-spacing:3px;color:#f4d78d;font-weight:700}.account-icon-button{height:48px;width:48px;padding:11px;display:grid;place-items:center}.lobby-icon{display:block;width:24px;height:24px;flex:none;shape-rendering:crispEdges}.installed-mark{color:#8dd5af;padding:10px}.account-controls-name{color:#ecd38f}.account-signin{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.account-signin>div:first-child{flex:1;min-width:230px}.account-signin h2{margin-top:0}.pwa-entry{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pwa-entry p{flex-basis:100%}.invite-preview{margin-bottom:18px}.party-copy-fallback{width:100%;direction:ltr}
.lobby-stage{border:1px solid #71816b;border-radius:16px;background:linear-gradient(155deg,#18383de8,#0b232bec);padding:26px;box-shadow:0 16px 40px #00121580,inset 0 1px #b7c6a12b;overflow:hidden}.lobby-stage-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.lobby-eyebrow{display:block;text-transform:uppercase;font-size:11px;letter-spacing:1.6px;color:#a8c4b7;font-weight:700}.lobby-stage h1{font-size:34px;color:#f3d58a;line-height:1.15;margin:10px 0}.lobby-stage-heading p{color:#b3cbbf;margin:0;max-width:340px;font-size:14px;line-height:1.7}.crew-invite{display:flex;align-items:center;gap:9px;min-height:48px;font-size:13px;flex:none}.crew-seats{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.crew-place{min-width:0}.crew-seat{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:152px;padding:0;overflow:hidden;border-radius:10px;border:1px solid #637e77;background:linear-gradient(110deg,#24474a,#123037);text-align:start;box-shadow:0 4px 0 #061b24}.crew-seat.occupied:disabled{opacity:1;cursor:default}.crew-seat.own-seat{border:2px solid #ddc274;box-shadow:0 4px 0 #061b24,inset 0 0 0 2px #eed69c12}.crew-seat.own-seat:hover:not(:disabled){background:linear-gradient(110deg,#365b54,#20453f);border-color:#ffe2a1}.crew-portrait{width:88px;height:117.333px;flex:none;overflow:hidden;align-self:flex-end;display:block;margin-inline-start:10px;filter:drop-shadow(3px 0 1px #061d2980)}.crew-portrait .portrait{display:block!important;width:88px!important;min-width:88px!important;height:132px!important;margin:0!important;border:0!important;border-radius:0!important}.crew-portrait .portrait.extra{height:117.333px!important}.crew-identity{min-width:0;padding:18px 10px 18px 0;display:flex;flex-direction:column;gap:7px}.crew-identity strong{display:flex;align-items:center;gap:6px;font-size:17px;overflow-wrap:anywhere}.crew-identity strong .lobby-icon{width:15px;height:15px;color:#eed18a}.crew-identity>span{color:#c1d2b7;font-size:12px}.crew-ready{display:flex;align-items:center;gap:5px;color:#91b2a4;font-size:11px}.crew-ready .lobby-icon{width:12px;height:12px}.seat-ready .crew-ready{color:#9be4b8}.seat-edit{position:absolute;inset-block-start:9px;inset-inline-end:9px;background:#0b272dcc;color:#e7d18b;padding:4px;border-radius:4px}.seat-edit .lobby-icon{width:12px;height:12px}.empty-seat{justify-content:center;flex-direction:column;gap:8px;border:1px dashed #64847b;background:#0e293160;padding:18px;min-height:152px;box-shadow:inset 0 0 30px #122d31}.empty-seat strong{font-size:14px}.empty-seat small{font-size:11px;color:#9ab9ae}.empty-seat:hover:not(:disabled){background:#254b456b;border-color:#d7c784}.seat-plus{padding:10px;background:#2c504947;border:1px solid #74917b5c;border-radius:8px;color:#dfcf8d}.empty-seat.crew-size-controls{display:flex;gap:10px;margin:14px 0 24px}.add-seat{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;min-height:60px;border:1px dashed #69877b;background:#16373b80;color:#bfd6ba}.add-seat span{display:flex;align-items:center;gap:12px}.add-seat small{font-size:11px;color:#9ab7a9}.remove-seat{min-width:60px;display:grid;place-items:center;background:#16373b80}
.lobby-match-controls{margin-top:24px;display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}.fill-switch{display:flex;flex:1;min-width:0;border:1px solid #4f746d;border-radius:9px;overflow:hidden;background:#0b262c}.fill-switch button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:64px;border:0;border-radius:0;border-inline-end:1px solid #42675f;background:transparent;padding:10px;font-size:12px;line-height:1.5}.fill-switch button:last-child{border-inline-end:0}.fill-switch button[aria-pressed=true]{background:#46624a;color:#ffe3a1;box-shadow:inset 0 -4px #e7d184}.fill-switch button .ui-icon{width:21px;height:21px}.mixed-composition{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;color:#c0d7bf;font-size:13px}.mixed-stepper{display:flex;gap:10px;align-items:center}.mixed-stepper button{display:grid;place-items:center;min-width:48px;min-height:48px;padding:11px}.mixed-stepper .lobby-icon{width:17px;height:17px}.lobby-note{font-size:13px;color:#d8c791;margin-top:18px}.lobby-ready-area{border-top:1px solid #486657;margin-top:24px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:18px}.lobby-ready-count{color:#ead38f;font-weight:700;font-size:13px}.lobby-ready-area p{font-size:12px;color:#adc8b6;margin-bottom:0;max-width:310px;line-height:1.7}.lobby-ready-button{min-height:64px;min-width:200px;background:#d6bd76;color:#152f32;border:1px solid #ffdd90;box-shadow:0 4px 0 #746235;display:flex;align-items:center;justify-content:center;gap:14px;font-weight:700;font-size:19px}.lobby-ready-button.is-ready{background:#385c49;color:#d5f1bd;border-color:#9db98a;box-shadow:0 4px 0 #12392f}.lobby-matched{min-height:320px;display:flex;flex-direction:column;justify-content:center}.lobby-main-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.lobby-main-actions button{min-height:56px}
.account-picker{width:min(920px,calc(100vw - 32px));max-height:88dvh;padding:20px;background:#112e33;border:1px solid #a3a47b;border-radius:14px;box-sizing:border-box;overflow:auto;overscroll-behavior:contain}.account-picker::backdrop{background:#03151de6;backdrop-filter:blur(4px)}.account-picker .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:-20px;z-index:2;background:#112e33;margin:-20px -20px 0;padding:16px 20px;border-bottom:1px solid #56776d}.account-picker h2{font-size:23px;margin:0;color:#efd58e}.account-picker .dialog-close{width:48px;height:48px;padding:0;font-size:28px}.picker-intro{color:#b1c8b8;font-size:13px;margin:18px 0;line-height:1.7}.character-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.character-choice{position:relative;border:1px solid #526f6b;padding:0;overflow:hidden;background:#123137;border-radius:10px;text-align:start;display:flex;flex-direction:column;box-shadow:0 4px #071c25}.character-frame{display:block;width:100%;aspect-ratio:3/4;overflow:hidden;background:radial-gradient(at center bottom,#739f7140,transparent 70%),#23454a}.character-frame .portrait{display:block!important;width:100%!important;min-width:0!important;height:auto!important;aspect-ratio:2/3;margin:0!important;border:0!important;border-radius:0!important}.character-frame .portrait.extra{aspect-ratio:3/4}.character-caption{display:block;padding:12px 10px;flex:1}.character-caption strong{display:block;font-size:14px;color:#f1d795}.character-caption small{display:block;line-height:1.6;color:#abc4b6;font-size:11px;margin-top:7px}.character-choice.selected{border:2px solid #efd18b;box-shadow:0 0 0 2px #efd18b30,0 4px #6b5b36}.character-check{position:absolute;inset-block-start:8px;inset-inline-end:8px;color:#e9d28d;background:#102b32;padding:5px;border-radius:4px}.character-check .lobby-icon{width:16px;height:16px}.friend-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.friend-pick{min-height:94px;padding:10px;display:flex;align-items:center;gap:14px;text-align:start;background:#1b3c40;border:1px solid #55766d}.friend-pick>span:nth-child(2){flex:1;min-width:0}.friend-pick strong{font-size:17px;overflow-wrap:anywhere}.friend-pick small{display:block;margin-top:6px;color:#b1c8b9;font-size:12px}.friend-pick>.lobby-icon{color:#dcc986;width:20px;height:20px}.empty-friends{display:flex;align-items:center;gap:12px;padding:24px;background:#183b3d;grid-column:1/-1}.picker-invite-link{border-top:1px solid #48695d;margin-top:24px;padding-top:20px;display:flex;justify-content:center}.picker-invite-link button{display:flex;align-items:center;gap:10px;min-height:48px}
@media(max-width:1050px){.account-grid{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.lobby-stage{padding:20px}.crew-portrait{width:66px;height:88px;margin-inline-start:8px}.crew-portrait .portrait{width:66px!important;min-width:66px!important;height:99px!important}.crew-portrait .portrait.extra{height:88px!important}.crew-seat{min-height:132px;gap:9px}.crew-identity strong{font-size:15px}.crew-invite span{display:none}.crew-invite{padding:11px}.lobby-ready-area{flex-direction:column;align-items:stretch}.lobby-ready-button{width:100%}.lobby-match-controls{gap:8px}.fill-switch{flex-basis:100%}.character-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){#account-home{padding:0 12px 24px;margin-top:16px}.account-grid{grid-template-columns:1fr;gap:18px}.account-sidebar{grid-template-columns:1fr 1fr;gap:14px}.account-sidebar>details{grid-column:1/-1}.account-sidebar>.card{padding:18px}.home:has(.account-grid) .topbar{flex-wrap:wrap;gap:8px;padding:10px 12px}.home:has(.account-grid) .topbar>.spacer{display:none}.account-header-controls{order:5;flex-basis:100%;margin:4px 0 0;padding-top:10px;border-top:1px solid #4a685c}.account-header-person{flex:1;max-width:none}.account-header-person strong{max-width:140px}.friend-code-button{padding:8px 10px}.account-header-controls .account-icon-button{width:44px;height:44px;min-width:44px;padding:10px}.friend-code{font-size:20px;letter-spacing:2px}.lobby-stage{padding:18px}.lobby-stage h1{font-size:30px}.crew-portrait{width:78px;height:104px}.crew-portrait .portrait{width:78px!important;min-width:78px!important;height:117px!important}.crew-portrait .portrait.extra{height:104px!important}.crew-seat{min-height:142px}.crew-identity strong{font-size:16px}.account-picker{padding:16px}.account-picker .dialog-heading{top:-16px;margin:-16px -16px 0;padding:12px 16px}.character-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.character-caption{padding:10px 8px}.character-caption strong{font-size:13px}.account-signin{gap:12px}.account-signin>div{min-width:0!important;max-width:100%}.lobby-ready-area p{max-width:none}}
@media(max-width:440px){.account-sidebar{grid-template-columns:1fr}.crew-seats{gap:10px}.crew-seat{min-height:150px;flex-direction:column;gap:0}.crew-portrait{align-self:center;width:72px;height:96px;margin:20px 0 0}.crew-portrait .portrait{width:72px!important;min-width:72px!important;height:108px!important}.crew-portrait .portrait.extra{height:96px!important}.crew-identity{padding:10px 6px 13px;text-align:center;gap:4px}.crew-identity strong,.crew-ready{justify-content:center}.crew-identity strong{font-size:15px}.empty-seat{min-height:207px;padding:16px 8px}.empty-seat strong{font-size:12px}.empty-seat small{font-size:10px}.lobby-stage-heading{gap:10px}.lobby-stage-heading p{font-size:12px}.lobby-stage h1{font-size:28px}.lobby-eyebrow{font-size:10px;letter-spacing:.7px}.fill-switch button{flex-direction:column;gap:7px;font-size:11px;padding:10px 5px}.lobby-ready-area{margin-top:20px;padding-top:18px}.lobby-ready-button{min-width:0}.account-header-person strong{max-width:100px;font-size:13px}.account-mini-avatar{width:28px;height:37.333px}.account-mini-avatar .portrait{width:28px!important;min-width:28px!important;height:42px!important}.account-mini-avatar .portrait.extra{height:37.333px!important}.account-header-controls{gap:6px}.friend-code-button .ui-icon{display:none}.account-header-controls .account-icon-button{width:40px;min-width:40px;padding:8px}.character-caption small{font-size:10px}.account-picker h2{font-size:20px}.friend-picker-list{grid-template-columns:1fr}.add-seat span{gap:8px}.add-seat small{font-size:10px}.social-list>li .social-actions{margin-inline-start:auto}}
@media(prefers-reduced-motion:reduce){#account-home *,#account-picker *{scroll-behavior:auto}}

/* Public welcome page: one clear entry point, with guest setup kept nearby. */
.home:has(.welcome-hero){background:radial-gradient(ellipse at 76% 24%,#31514a55,transparent 54%),#0d252a}
.home:has(.welcome-hero)>.topbar{background:#0d252ae6;border-bottom-color:#52665b66}
#account-home:has(.welcome-hero){max-width:1240px;margin:0 auto;padding:38px 28px 0}
.welcome-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:68px}
.welcome-copy{min-width:0;padding-block:8px}
.welcome-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 20px;color:#b5c9b2;font-size:11px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase}
.welcome-eyebrow>span{width:7px;height:7px;flex:none;background:#e0bf77;box-shadow:0 0 15px #e0bf7740}
.welcome-copy h1{margin:0;color:#faf3d6;font:clamp(44px,4.7vw,64px)/1.08 Georgia,serif;letter-spacing:-1.7px}
.welcome-copy h1 em{display:block;font-style:normal;color:#edc67d}
.welcome-description{margin:22px 0 18px;font-size:16px;line-height:1.75;color:#b7c9bf;max-width:460px}
.welcome-facts{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding:0;margin:0 0 26px;list-style:none;color:#e6e7ce;font-size:12px;font-weight:700}
.welcome-facts li+li{border-inline-start:1px solid #607568;padding-inline-start:14px}
.welcome-entry{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.welcome-entry h2{font-size:17px;color:#f1e7c9;margin:0}
.welcome-entry #google-button{min-height:48px;max-width:100%}
.welcome-entry .welcome-google{min-height:52px;min-width:280px;background:#ecc77e;color:#142c2c;border-color:#ffdf9b;box-shadow:0 3px 0 #79623a;font-size:16px;padding:12px 24px}
.welcome-entry .welcome-google:hover{background:#ffdb96}
.welcome-account-note{max-width:370px;margin:2px 0 0;color:#a9c0b4;font-size:12px;line-height:1.65}
.welcome-entry .welcome-guest{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:8px 0;background:transparent;border-color:transparent;border-radius:0;color:#decba1;font-size:13px;font-weight:400;text-align:start}
.welcome-entry .welcome-guest:hover{color:#ffe5ae;text-decoration:underline;text-underline-offset:5px}
.welcome-guest>span{font-size:19px}
.welcome-fictional{font-size:11px;color:#8fa99e;margin:14px 0 0}
.welcome-unavailable{max-width:430px;padding:14px 16px;background:#24423c99;border:1px solid #687e5d80;border-radius:9px;color:#c9d5bd;font-size:13px;line-height:1.7;margin:0}
.welcome-scene{position:relative;margin:0;min-width:0;border:1px solid #82916d99;border-radius:18px;background:#163b3d;box-shadow:0 24px 80px #03171b99,0 0 0 7px #87a57c08;overflow:hidden;transform:rotate(1deg)}
.welcome-scene-art{position:relative;isolation:isolate;aspect-ratio:1.12;overflow:hidden;background:linear-gradient(180deg,#071d2670,transparent 40%,#071d2680),url('/assets/board/lantern-canal-v1.webp') center/cover;image-rendering:pixelated}
.welcome-scene-art::after{content:'';position:absolute;inset:10px;border:1px solid #e9d49d35;pointer-events:none;z-index:-1}
.welcome-scene-heading{position:absolute;top:29px;inset-inline:26px;color:#f4de9e;text-shadow:0 2px 4px #041e25}
.welcome-scene-heading>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#cfddbc;margin-bottom:6px}
.welcome-scene-heading>strong{font:32px/1.2 Georgia,serif}
.welcome-properties{position:absolute;inset-inline:48px;top:31%;display:flex;align-items:center;justify-content:center;gap:12px;direction:ltr}
.welcome-property{position:relative;display:block;width:30%;aspect-ratio:159/168;border:3px solid #c2bd8a;border-radius:5px;box-shadow:0 7px 0 #061f24cc,0 16px 25px #061b24aa;transform:translateY(calc((1 - var(--card-index))*8px)) rotate(calc((var(--card-index) - 1)*8deg));background:#436152}
.welcome-property .tile-art{inset:0;width:100%;height:100%;border-radius:2px}
.welcome-crew{position:absolute;inset-inline:0;bottom:29px;display:flex;align-items:flex-end;justify-content:center;gap:12px;direction:ltr}
.welcome-portrait{display:block;position:relative;width:54px;aspect-ratio:3/4;overflow:hidden;border:2px solid #d0c18d;border-radius:5px;background:#1d4548;box-shadow:0 5px 0 #071c24bb}
.welcome-portrait:nth-child(2){border-color:#89b9a0;transform:translateY(-10px)}
.welcome-portrait:nth-child(3){border-color:#bd9dc6;transform:translateY(-5px)}
.welcome-portrait:nth-child(4){border-color:#e3a788}
.welcome-portrait .portrait{position:absolute;inset:0;display:block;width:100%;min-width:0;height:auto;aspect-ratio:2/3;margin:0;border:0;border-radius:0}
.welcome-portrait .portrait.extra{aspect-ratio:3/4}
.welcome-die{display:grid;place-items:center;width:45px;height:45px;margin-inline-start:5px;align-self:center;transform:rotate(12deg);border-radius:8px;border:1px solid #ffe8ad;background:#efddb0;color:#233c39;box-shadow:0 4px 0 #9b8451;font:43px/1 Georgia,serif}
.welcome-scene figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#163334;color:#cad9c0;font-size:11px;border-top:1px solid #6a8265}
.welcome-scene-dot{color:#d6bb78;font-size:8px}
.welcome-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:42px;padding-block:26px;border-block:1px solid #647b624d}
.welcome-features article{display:flex;align-items:flex-start;gap:13px;min-width:0}
.welcome-feature-icon{color:#d2b67a;font:13px/1.4 Georgia,serif;padding-top:2px}
.welcome-features h2{margin:0 0 7px;color:#e4dfc4;font-size:14px}
.welcome-features p{margin:0;color:#9bb7a8;font-size:12px;line-height:1.7}
.welcome-install{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;color:#8eab9e;font-size:11px}
.welcome-install .pwa-entry button{min-height:48px;padding:8px 13px;border-color:#4f6b5c;background:transparent;font-size:12px;color:#bbccba}
.home>.home-secondary{display:block;max-width:1240px;margin:0 auto;padding:20px 28px 30px}
.home-secondary .saved:empty{display:none}
.home-secondary .saved{padding:0;margin-bottom:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.guest-play{border:1px solid #526d5c;border-radius:12px;background:#163335;overflow:hidden;scroll-margin-top:16px}
.guest-play>summary{display:flex;align-items:center;gap:18px;min-height:76px;padding:16px 22px;color:#e6d6b0;cursor:pointer;list-style:none}
.guest-play>summary::-webkit-details-marker{display:none}
.guest-play>summary>span:first-child{font-size:15px;font-weight:700}
.guest-summary-note{font-size:12px;color:#9fbaad;flex:1}
.guest-chevron{font-size:24px;font-weight:400;color:#d9bf85}
.guest-play[open] .guest-chevron{transform:rotate(45deg)}
.guest-content{padding:0 22px 22px;border-top:1px solid #486555}
.home-secondary .guest-note{font-size:13px;line-height:1.7;margin:18px 0 22px;max-width:none;color:#afc6b8}
.guest-content .forms{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px}
.guest-content .card{background:#193b3b;padding:20px;box-shadow:none}
.guest-content .forms form>button[type=submit]{width:100%;min-height:48px;margin-top:0}
.guest-content .forms .passive{min-height:62px;font-size:12px;max-width:none}
.home:has(.welcome-hero)>.home-footer{max-width:1184px;border-top-color:#4c68554d;font-size:10px;padding-top:20px}
:root[dir=rtl] .welcome-copy h1{font-family:Vazirmatn,Tahoma,sans-serif;font-size:clamp(39px,3.9vw,54px);line-height:1.5;font-weight:700;letter-spacing:normal}
:root[dir=rtl] .welcome-eyebrow{letter-spacing:normal;font-size:12px}
:root[dir=rtl] .welcome-scene-heading>strong{font-family:Vazirmatn,Tahoma,sans-serif;font-size:28px}
:root[dir=rtl] .welcome-scene-heading>span{letter-spacing:normal}
@media(max-width:1050px){.welcome-hero{gap:32px}.welcome-copy h1{font-size:48px}.welcome-properties{inset-inline:30px;gap:8px}.welcome-scene-heading{top:23px;inset-inline:22px}.welcome-scene-heading>strong{font-size:27px}.welcome-portrait{width:44px}.welcome-crew{gap:9px;bottom:23px}.welcome-features{gap:20px}:root[dir=rtl] .welcome-copy h1{font-size:43px}}
@media(max-width:760px){#account-home:has(.welcome-hero){padding:26px 20px 0}.welcome-hero{grid-template-columns:1fr;gap:32px}.welcome-copy{padding:0}.welcome-eyebrow{margin-bottom:15px;font-size:10px;letter-spacing:1.2px}.welcome-copy h1{font-size:48px;line-height:1.1;letter-spacing:-1.1px}.welcome-description{font-size:14px;line-height:1.7;margin:18px 0 16px}.welcome-facts{font-size:11px;gap:8px 11px;margin-bottom:22px}.welcome-facts li+li{padding-inline-start:11px}.welcome-entry{gap:12px}.welcome-entry h2{font-size:16px}.welcome-entry .welcome-google{font-size:16px;min-width:280px}.welcome-entry .welcome-guest{font-size:13px}.welcome-account-note{font-size:12px}.welcome-fictional{margin-top:8px;font-size:10px}.welcome-scene{transform:none;margin-inline:2px}.welcome-scene-art{aspect-ratio:1.12}.welcome-scene-heading>strong{font-size:28px}.welcome-portrait{width:44px}.welcome-properties{inset-inline:35px;gap:9px}.welcome-scene figcaption{padding:13px 16px;font-size:10px}.welcome-features{grid-template-columns:1fr;gap:23px;margin-top:30px;padding-block:24px}.welcome-features article{gap:15px}.welcome-features h2{font-size:15px}.welcome-features p{font-size:12px}.welcome-install{flex-wrap:wrap;gap:12px;padding-top:16px}.home>.home-secondary{padding:18px 20px 26px}.home-secondary .saved{grid-template-columns:1fr}.guest-play>summary{gap:12px;padding:16px;flex-wrap:wrap}.guest-play>summary>span:first-child{font-size:15px}.guest-summary-note{font-size:11px;flex-basis:calc(100% - 40px);order:3}.guest-chevron{margin-inline-start:auto}.guest-content{padding:0 16px 16px}.guest-content .forms{grid-template-columns:1fr;gap:16px}.guest-content .card{padding:16px}.home-secondary .guest-note{font-size:12px;margin-block:16px}.guest-content .forms .passive{min-height:0}:root[dir=rtl] .welcome-copy h1{font-size:39px;line-height:1.5}:root[dir=rtl] .welcome-eyebrow{font-size:11px}:root[dir=rtl] .welcome-scene-heading>strong{font-size:25px}}
@media(max-width:360px){#account-home:has(.welcome-hero){padding-inline:16px}.welcome-copy h1{font-size:42px}.welcome-entry .welcome-google{min-width:0;width:100%}.welcome-facts{gap:8px}.welcome-facts li+li{padding-inline-start:8px}.welcome-crew{gap:7px}.welcome-portrait{width:38px}.welcome-die{width:38px;height:38px;font-size:36px}:root[dir=rtl] .welcome-copy h1{font-size:35px}}
.character-choice[aria-pressed=true]{background:#183b3e;color:#eed38d}.character-choice[aria-pressed=true] .character-caption{background:#203e3c}

html.account-picker-open{overflow:hidden;overscroll-behavior:none}#account-home .crew-place{display:flex}#account-home .crew-seats .crew-seat{flex:1;min-height:152px;height:100%;box-sizing:border-box}@media(max-width:440px){#account-home .crew-seats .crew-seat{min-height:207px}}

/* Crew portraits share the seat edges; taller source sprites crop only below the face. */
#account-home .crew-seats .crew-seat.occupied{display:grid;grid-template-columns:114px minmax(0,1fr);align-items:stretch;gap:0;height:152px;min-height:152px}
#account-home .crew-seat .crew-portrait{display:block;position:relative;width:114px;min-width:114px;height:100%;min-height:0;align-self:stretch;overflow:hidden;margin:0;filter:none;border-inline-end:1px solid #607970}
#account-home .crew-seat .crew-portrait .portrait{position:absolute;inset-block-start:0;inset-inline-start:0;display:block!important;width:100%!important;min-width:0!important;height:auto!important;aspect-ratio:2/3;margin:0!important;border:0!important;border-radius:0!important}
#account-home .crew-seat .crew-portrait .portrait.extra{height:auto!important;aspect-ratio:3/4}
#account-home .crew-seat .crew-identity{justify-content:center;padding:16px 14px;text-align:start;gap:7px}
#account-home .crew-seat .crew-identity strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
#account-home .crew-seat .crew-identity strong .lobby-icon{display:inline-block;margin-inline-start:5px;vertical-align:middle}
@media(max-width:440px){#account-home .crew-seats .crew-seat.occupied{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;height:auto;min-height:207px}#account-home .crew-seat .crew-portrait{width:100%;min-width:0;height:auto;min-height:0;aspect-ratio:3/4;border-inline-end:0;border-bottom:1px solid #607970}#account-home .crew-seat .crew-identity{padding:12px 8px;text-align:center;gap:5px}#account-home .crew-seat .crew-identity strong{display:block}#account-home .crew-seat .crew-identity .crew-ready{justify-content:center}}

/* Five columns and a height-aware width keep both character rows visible on desktop. */
@media(min-width:761px){.account-picker:has(.character-gallery){width:min(920px,calc((100dvh - 400px)*1.875 + 88px),calc(100vw - 32px));max-height:calc(100dvh - 32px)}.account-picker .character-gallery{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:16px}.account-picker .character-caption{padding:10px 8px}.account-picker .character-caption small{font-size:11px;line-height:1.5;overflow-wrap:anywhere}}
@media(min-width:761px){.account-picker:has(.character-gallery) .dialog-heading{padding-block:12px}.account-picker .character-caption{padding:8px}.account-picker .character-caption strong{font-size:13px;line-height:1.25}.account-picker .character-caption small{line-height:1.35;margin-top:5px}}
@media(max-width:760px){.account-picker .character-gallery{margin-top:16px}}

.character-taken{position:absolute;inset-block-start:8px;inset-inline-end:8px;display:flex;align-items:center;gap:5px;padding:5px 7px;background:#102b32;color:#e9d6ad;border-radius:4px;font-size:10px;line-height:1.4}.character-taken .lobby-icon{width:13px;height:13px}.character-choice:disabled .character-frame{filter:grayscale(.75)}

.session-mode-switch{display:flex;gap:0;margin-top:16px;border:1px solid #587770;border-radius:8px;overflow:hidden}.session-mode-switch button{flex:1;min-height:48px;border:0;border-radius:0;background:#123138}.session-mode-switch button[aria-pressed=true]{background:#45634b;color:#ffe2a0;box-shadow:inset 0 -3px #e8ca7f}.session-prestart{color:#aecbbd;font-size:12px;line-height:1.7}.participation-notice{margin-bottom:16px}.session-dialog{width:min(620px,calc(100vw - 28px));max-height:88dvh;background:#112e33;padding:20px;border:1px solid #b3ac7c;border-radius:12px;overflow:auto;overscroll-behavior:contain}.session-dialog .dialog-heading{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-20px;background:#112e33;margin:-20px -20px 16px;padding:14px 20px;border-bottom:1px solid #55796b;z-index:2}.session-dialog h2{font-size:22px;margin:0}.session-dialog .dialog-close{min-width:48px;min-height:48px}.session-duration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.session-duration-grid button,.session-actions button{min-height:48px}.session-actions{display:flex;gap:10px;flex-wrap:wrap}.session-actions button{flex:1}.session-vote-card,.session-break{border:1px solid #697c64;border-radius:8px;background:#183b3e;padding:14px;margin:12px 0;line-height:1.8}.session-leave-link{margin-top:20px;color:#ffb5a9;min-height:48px}.session-notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:55;box-sizing:border-box;width:min(620px,calc(100vw - 24px));display:flex;gap:10px;align-items:center;background:#214a47;border:1px solid #ddc37f;box-shadow:0 5px 18px #0009;padding:10px 12px;border-radius:10px}.session-notice>span{flex:1;font-size:14px;line-height:1.7}.session-notice button{min-height:48px}.session-roll-clock{color:#f4d58c;font-weight:bold;margin:8px 0}.session-roll-hint{font-size:12px}.session-paused [data-sale-open],.session-paused [data-sale-confirm],.session-paused [data-trade-action]{pointer-events:none;opacity:.45}@media(max-width:760px){.session-notice{bottom:calc(108px + env(safe-area-inset-bottom));gap:6px;padding:8px}.session-notice>span{font-size:12px}.session-notice button{padding:8px 10px}.session-duration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.session-countdown{display:flex;flex-direction:column;align-items:center;gap:9px;margin:18px 0;padding:18px 14px;background:#173c3d;border:1px solid #6f8868;border-radius:9px;text-align:center}.session-countdown-label{color:#aec9bd;font-size:13px}.session-countdown-value{color:#f4d58c;font-size:22px;font-variant-numeric:tabular-nums;line-height:1.9;overflow-wrap:anywhere}.session-notice [data-session-until]{font-variant-numeric:tabular-nums}@media(max-width:440px){.session-countdown{padding:14px 10px}.session-countdown-value{font-size:19px}}

.session-saved-pause{display:flex;flex-direction:column;gap:6px;margin-top:9px;padding:10px 12px;border:1px solid #71876a;border-radius:7px;background:#193c3c;color:#c1d2bf;text-align:start}.session-saved-pause strong{color:#f4d58c;font-size:16px;font-variant-numeric:tabular-nums;line-height:1.8}.session-saved-pause small{display:block;line-height:1.8;color:#bed0c3}.social-list li:has(.session-saved-pause){align-items:flex-start}.social-list li:has(.session-saved-pause)>div:first-child{min-width:0;flex:1}.session-return-note{line-height:1.9;color:#bed0c3}.session-lobby-link{min-height:48px;margin-top:8px}

.session-saved-recovery{display:flex;flex-direction:column;gap:6px;margin-top:9px;padding:12px;border:1px solid #bd726a;border-radius:7px;background:#432d32;color:#ffe1d9;text-align:start}.session-saved-recovery strong{color:#ffb3a7;font-size:20px;line-height:1.8;font-variant-numeric:tabular-nums}.session-saved-recovery small{color:#f0c8c0;line-height:1.8}.social-list li:has(.session-saved-recovery){align-items:flex-start}.social-list li:has(.session-saved-recovery)>div:first-child{min-width:0;flex:1}

/* Saved-city information gets the full card width; actions always occupy their own row. */
.social-list>li:has([data-city]){display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
.social-list>li:has([data-city])>div:first-child{width:100%;min-width:0;overflow-wrap:anywhere}
.social-list>li:has([data-city])>.social-actions{width:100%;min-width:0;margin:0;gap:8px;align-items:stretch}
.social-list>li:has([data-city])>.social-actions>button{flex:1 1 120px;min-width:0;white-space:normal}
.social-list>li:has([data-city])>.social-actions>p{flex-basis:100%;margin:0 0 4px}
.session-saved-pause,.session-saved-recovery{box-sizing:border-box;max-width:100%}
/* Action-to-panel separation is12px; sibling actions retain an8px gap. */
#account-home .participation-notice{display:flex;flex-direction:column;align-items:stretch;gap:12px}
#account-home .participation-notice>:is(p,.session-saved-pause,.session-saved-recovery){margin:0}
#account-home .participation-notice>button{align-self:flex-start;min-height:48px}
#account-home .invite-preview{display:flex;flex-wrap:wrap;gap:12px}
#account-home .invite-preview>p{flex-basis:100%;margin:0}
#account-profile{display:grid;gap:12px}
#account-profile>label{margin:0}
#account-profile>button{justify-self:start}
.social-list>li:has([data-account-command="claimYes"])>div{display:flex;flex-wrap:wrap;gap:8px}
.social-list>li:has([data-account-command="claimYes"])>div>p{flex-basis:100%;margin:0 0 4px}

.welcome-entry>button[data-account-command=cancelLogin]{min-height:48px}

/* Compact shared voting composer; the dialog remains the only scroll surface. */
.session-dialog{width:min(540px,calc(100vw - 28px));line-height:1.65}.voting-tabs{display:flex;gap:0;border:1px solid #688574;border-radius:8px;overflow:hidden;margin-bottom:16px}.voting-tabs button{flex:1;min-width:0;min-height:48px;border:0;border-radius:0;background:#17383c}.voting-tabs button[aria-pressed=true]{background:#48654d;color:#ffe0a0;box-shadow:inset 0 -3px #e5c778}.voting-duration-label{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:16px 0 8px}.voting-duration-label output{color:#ffe2a1;font-weight:bold}.session-dialog #voting-duration{display:block;box-sizing:border-box;width:100%;min-height:48px;margin:0;accent-color:#e4c479;direction:ltr}.voting-range-ends{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#b5cfc2}.voting-propose{width:100%;min-height:48px;margin-top:16px}.voting-note{font-size:13px;line-height:1.7;color:#b9d0c3;margin:12px 0}.voting-current{display:flex;flex-direction:column;gap:4px;border-inline-start:3px solid #d8bd7f;padding-inline-start:12px;margin:16px 0}.voting-current>span{font-size:12px;color:#b4cbbd}.voting-current strong,.voting-draft{color:#f4d593}.voting-ending-options{padding:16px;margin:16px 0;border:1px solid #58786a;border-radius:8px;min-width:0}.voting-ending-options legend{padding:0 8px;color:#d6e4d5}.voting-ending-options>p{margin:0 0 12px;font-weight:bold}.voting-ending-options label{display:flex;gap:12px;align-items:flex-start;min-height:48px;padding:12px 0;border-top:1px solid #416259;cursor:pointer}.voting-ending-options input{flex:0 0 22px;width:22px;height:22px;min-height:0;margin:3px 0;accent-color:#d9bf80}.voting-ending-options label span{display:flex;flex-direction:column;gap:4px}.voting-ending-options small{color:#b9cfc1;line-height:1.65;font-size:12px}.voting-break{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;margin-top:20px}.voting-break h3,.voting-break p{margin:0}.voting-break p{font-size:12px;color:#b9cfc1}.voting-break button{min-height:48px;flex-shrink:0}.voting-navigation{border-top:1px solid #416259;margin-top:20px;padding-top:16px}.voting-navigation button{width:100%;min-height:48px;margin:0}.session-dialog .session-vote-card{padding:16px}.session-dialog .session-actions{margin-top:12px}.session-dialog #voting-live>button{min-height:48px;margin:12px 0}.session-dialog .session-leave-link{background:transparent;color:#f0b8ab}@media(max-width:420px){.session-dialog{padding:16px}.session-dialog .dialog-heading{top:-16px;margin:-16px -16px 16px;padding:12px 16px}.voting-break{flex-direction:column;align-items:stretch}.voting-break button{width:100%}}

.session-dialog .voting-navigation .session-leave-link{width:auto;min-height:48px;border:0;background:transparent;padding:10px 4px;text-decoration:underline;text-underline-offset:3px}.session-dialog .dialog-close{font-size:24px;line-height:1;padding:8px}

.session-dialog{width:min(600px,calc(100vw - 28px))}.session-dialog #voting-composer p{margin:8px 0;line-height:1.55}.session-dialog .voting-current{margin:8px 0}.session-dialog .voting-ending-options{margin:10px 0;padding:8px 16px}.session-dialog .voting-ending-options label{padding:8px 0;min-height:48px}.session-dialog .voting-ending-options legend{font-size:12px}.session-dialog .voting-ending-options strong{font-size:14px}.session-dialog .voting-ending-options small{line-height:1.5}.session-dialog .voting-propose{margin-top:12px}.session-dialog .voting-navigation{margin-top:12px;padding-top:12px}

/* Stable account surfaces: presence and clocks patch in place, without page movement. */
.city-capacity{font-variant-numeric:tabular-nums;min-height:26px;line-height:26px;color:#c7d8c8;margin:8px 0 16px}.session-saved-recovery strong,.session-saved-pause strong{font-variant-numeric:tabular-nums;min-height:30px;line-height:30px;display:block}.account-header-person{border:0;background:transparent;min-height:48px;padding:0 8px;text-align:start}.account-menu{position:relative;flex:none}.account-menu>summary{list-style:none;display:grid;place-items:center;box-sizing:border-box;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;line-height:1;cursor:pointer;border:1px solid #557471;border-radius:8px;background:#234e50;color:#f6f3df;appearance:none;-webkit-appearance:none}.account-menu>summary:hover,.account-menu[open]>summary{background:#36676a}.account-menu>summary:focus-visible{outline:3px solid #b7f5ae;outline-offset:2px}.account-menu-icon{display:block;width:24px;height:24px;pointer-events:none}.account-menu>summary::-webkit-details-marker{display:none}.account-menu-panel{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:65;min-width:230px;max-width:calc(100vw - 32px);display:grid;gap:8px;padding:16px;border:1px solid #8c9b73;border-radius:10px;background:#123138;box-shadow:0 8px 30px #0008}.account-menu-panel>button{width:100%;min-height:48px;text-align:start}.account-mini-avatar{position:relative}.account-google-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:5px}.profile-photo-choice{display:flex!important;align-items:center;gap:12px}.profile-photo-choice input{width:22px!important;min-height:22px;height:22px;flex:none}.account-profile-settings{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #48685c}.account-profile-settings form{display:grid;gap:12px}.account-profile-settings input[type=text],.account-profile-settings input:not([type]){width:100%;min-height:48px}.account-profile-settings button{min-height:48px}.account-profile-settings p{margin:0}
.crew-seat.empty-seat{position:relative;isolation:isolate;overflow:hidden;transition:border-color .18s,background .18s,transform .18s}.crew-seat.empty-seat::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#c6ed9f66 0%,#83d8b52e 55%,transparent 85%);box-shadow:inset 0 0 0 1px #c7ec9c80,inset 0 0 28px #98dfad4d;opacity:.12;animation:seat-invite-breathe 7s ease-in-out var(--seat-delay,0s) infinite}.empty-seat .seat-plus{animation:seat-plus-breathe 7s ease-in-out var(--seat-delay,0s) infinite}.crew-seat.empty-seat:hover,.crew-seat.empty-seat:focus-visible{border-color:#e1ce8c;background:#244b47}.crew-seat.empty-seat:active{transform:translateY(2px)}@keyframes seat-invite-breathe{0%,65%,100%{opacity:.12}35%{opacity:1}}@keyframes seat-plus-breathe{0%,65%,100%{transform:scale(1)}35%{transform:scale(1.06)}}
@media(max-width:760px){.home:has(#account-controls)>.topbar{height:68px;min-height:68px;flex-wrap:nowrap;padding:8px 12px;gap:8px}.home:has(#account-controls)>.topbar>.brand,.home:has(#account-controls)>.topbar>.spacer,.home:has(#account-controls)>.topbar>[data-command=home]{display:none}.home:has(#account-controls)>.topbar>.account-header-controls{order:0;flex:1;flex-basis:auto;margin:0;padding:0;border:0;min-width:0;gap:8px}.account-header-person{flex:1;max-width:none;min-width:0}.account-header-person strong{max-width:none;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:14px}.account-header-controls .account-mini-avatar{width:34px;height:44px}.account-header-controls .account-menu{margin-inline-start:auto}.home:has(#account-controls)>.topbar>[data-command=rules],.home:has(#account-controls)>.topbar>[data-command=settings]{min-width:48px;min-height:48px}.account-menu-panel{position:fixed;inset-inline-end:12px;top:72px}#account-home .crew-seats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#account-home .crew-seats .crew-seat.occupied{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;min-height:0;height:100%}#account-home .crew-seat .crew-portrait{width:100%;min-width:0;height:auto;aspect-ratio:3/4;margin:0;border:0;border-bottom:1px solid #607970}#account-home .crew-seat .crew-portrait .portrait{width:100%!important;min-width:0!important;height:auto!important;aspect-ratio:2/3}#account-home .crew-seat .crew-portrait .portrait.extra{aspect-ratio:3/4}#account-home .crew-seat .crew-identity{padding:8px 5px;text-align:center;gap:4px}#account-home .crew-seat .crew-identity strong{font-size:12px;display:block;overflow-wrap:anywhere}#account-home .crew-seat .crew-identity>span{font-size:10px}.crew-ready{justify-content:center;font-size:10px}#account-home .crew-seats .empty-seat{min-height:180px;padding:16px 5px}#account-home .empty-seat strong{font-size:11px}.empty-seat small{font-size:10px}.account-picker .character-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.account-picker .character-caption{padding:8px 5px}.account-picker .character-caption strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.crew-seat.empty-seat::before,.empty-seat .seat-plus{animation:none}.crew-seat.empty-seat::before{opacity:.35}.crew-seat.empty-seat{transition:none}}

.account-profile-settings h3{display:flex;align-items:center;gap:12px}

#account-home .crew-size-controls{margin-block-start:12px}.friends-share-action{margin-bottom:12px}

.home:has(#account-controls)>.topbar>.ui-command.icon-control{width:48px;height:48px;min-width:48px;min-height:48px}

/* One keyed city list stays in place; only its visual mobile order changes. */
@media(max-width:760px){
 #account-home .city-capacity{display:none}
 #account-home .account-grid{display:flex;flex-direction:column;align-items:stretch;gap:16px}
 #account-home .account-grid>.party-card{order:2}
 #account-home .account-sidebar,#account-home .account-city-collection,#account-home .account-city-collection>.social-list{display:contents}
 #account-home .account-friends{order:3}
 #account-home .account-city-collection>h2{order:4;margin:0;font-size:19px;color:#e9d9aa}
 #account-home .account-city-collection[data-has-ongoing=true][data-has-lower=false]>h2{display:none}
 #account-home .account-city-collection .account-city-card,#account-home .account-cities-empty{order:5;box-sizing:border-box;margin:0;padding:16px;border:1px solid #486768;border-radius:15px;background:#102a30f0;min-width:0}
 #account-home .account-city-collection .account-city-card[data-ongoing=true]{order:1}
 #account-home .account-sidebar>details{order:6}
 #account-home .agreement-adoption{display:flex;flex-direction:column;gap:16px}
 #account-home .agreement-entry{order:2}
 #account-home .agreement-recovery,#account-home .agreement-recovery>.social-list{display:contents}
 #account-home .agreement-recovery>h2,#account-home .agreement-recovery>p{order:3;margin:0}
 #account-home .agreement-recovery .social-list>li{order:4;margin:0;padding:16px;border:1px solid #486768;border-radius:15px;background:#183e40;min-width:0}
 #account-home .agreement-recovery .account-city-card[data-ongoing=true]{order:1}
}
/* Owner portraits fill the header, retaining the source image ratio. */
.home:has(#account-controls)>.topbar{height:68px;min-height:68px;padding-block:0}
.home>.topbar .account-header-controls{align-self:stretch;height:100%;padding-block:0;border-block:0;margin-block:0}
.topbar .account-header-person{align-self:stretch;height:100%;min-height:48px;padding-block:0;border-block:0;border-radius:0}
.topbar .account-header-person>.account-mini-avatar{height:100%;width:auto;aspect-ratio:2/3;min-width:0;border-radius:0}
.topbar .account-header-person>.account-mini-avatar:has(.portrait.extra){aspect-ratio:3/4}
.topbar .account-header-person>.account-mini-avatar:has(.account-google-photo:not([hidden])){aspect-ratio:1}
.topbar .account-header-person .account-mini-avatar>.portrait{width:100%!important;min-width:0!important;height:100%!important;aspect-ratio:auto;margin:0!important}
.topbar .account-header-person .account-google-photo{height:100%;width:100%;object-fit:cover;border-radius:0}



#account-home .crew-seat.empty-seat{gap:10px}#account-home .crew-seat.empty-seat>strong{margin:0}#account-home .fill-switch button{gap:8px}

.account-drawer-trigger{display:none}
@media(max-width:760px){
 .home:has(#account-controls)>.topbar .account-header-person,.home:has(#account-controls)>.topbar .account-menu,.home:has(#account-controls)>.topbar>[data-command=rules],.home:has(#account-controls)>.topbar>[data-command=settings]{display:none}
 .home:has(#account-controls)>.topbar>.account-header-controls{justify-content:flex-start}
 .home:has(#account-controls) .account-drawer-trigger{display:grid;place-items:center;min-width:48px;width:48px;height:48px;min-height:48px;padding:0;flex:none;border:1px solid #557471;border-radius:8px;background:#234e50}
 .account-drawer-trigger:focus-visible{outline:3px solid #b7f5ae;outline-offset:2px}
}
#mobile-menu .drawer-account-person{display:flex;align-items:center;gap:12px;width:100%;height:68px;min-height:68px;padding:0 12px 0 0;margin:0 0 16px;text-align:start;background:#234a48;border:0;border-radius:0;overflow:hidden}
#mobile-menu .drawer-account-person>.account-mini-avatar{height:100%;width:auto;aspect-ratio:2/3;min-width:0}
#mobile-menu .drawer-account-person>.account-mini-avatar:has(.portrait.extra){aspect-ratio:3/4}
#mobile-menu .drawer-account-person>.account-mini-avatar:has(.account-google-photo:not([hidden])){aspect-ratio:1}
#mobile-menu .drawer-account-person .portrait{width:100%!important;height:100%!important;min-width:0!important;border:0!important;border-radius:0!important;margin:0!important}
#mobile-menu .drawer-account-person .account-google-photo{border-radius:0;object-fit:cover}
#mobile-menu .drawer-account-person>span:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}
#mobile-menu .drawer-account-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mobile-menu .drawer-account-person small{color:#c8d9bc;font-size:12px}
#mobile-menu .friend-code{font-size:18px;letter-spacing:2px;white-space:nowrap}