/* A compact entry page. Game desk styling is independent. */
#app .landing{width:min(1000px,calc(100% - 48px));max-width:1000px;min-height:100dvh;height:auto;margin:0 auto;padding:18px 0 12px;display:flex;flex-direction:column;gap:0;background:none;color:#f3efe6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
#app .landing .top{min-height:44px;padding:0 0 10px;border-bottom:3px double #3c3f44;display:flex;justify-content:space-between;gap:18px}
#app .landing .brand{gap:9px}#app .landing .brand strong{font-size:28px;letter-spacing:-1.4px}
#app .landing .street-edition{font-size:8px;line-height:1.5;padding-left:10px;letter-spacing:.4px}
.landing-nav{display:flex;align-items:center;gap:12px}.landing-nav .live{font-size:11px}.landing-nav .btn{padding:8px 10px;min-height:36px;font-size:12px;box-shadow:none}
.landing-nav a.btn{text-decoration:none;display:inline-flex;align-items:center}
.lobby-waiting{display:grid;grid-template-columns:165px minmax(0,1fr) 220px;gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid #3c3f44}
.waiting-clock{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;align-items:center}.waiting-clock>span,.waiting-heading{font:9px monospace;letter-spacing:.4px;color:#b0ada5}.waiting-clock>strong{grid-row:1/3;grid-column:2;font:650 26px/1 monospace;letter-spacing:-1px;color:#ffcc36}.waiting-clock>small{font-size:10px;color:#b0ada5;white-space:nowrap}
.waiting-status{border-left:2px solid #3c3f44;padding-left:15px;display:grid;gap:4px}.waiting-status>strong{font-size:13px;font-weight:650}.waiting-status>span{font-size:11px;line-height:1.4;color:#b0ada5}.waiting-status.confirmed{border-color:#416452}.waiting-status.confirmed>strong{color:#7bc4a1}
.waiting-players{display:grid;gap:4px}.waiting-counts{display:flex;gap:6px}.waiting-counts>span{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;font-size:11px;padding:3px 7px;background:#25272b;color:#b0ada5}.waiting-counts b{font:650 15px monospace;color:#f3efe6}.waiting-counts .selected{background:#1b1d20;color:#ffcc36}.waiting-counts .selected b{color:#ffcc36}.waiting-players>small{font-size:10px;color:#b0ada5}
#app .landing .landing-hero{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:52px;align-items:center;padding:24px 0;flex:none}
.landing-kicker{font:10px/1.4 monospace;letter-spacing:.7px;color:#b0ada5}
#app .landing h1{font:750 clamp(34px,4.2vw,48px)/1.05 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-1.9px;margin:12px 0 16px}
#app .landing h1 em{color:#ffcc36;font-style:normal}
#app .landing .intro{font-size:16px;line-height:1.5;max-width:380px;margin:0;color:#b0ada5}
.landing-mascots{display:flex;align-items:center;gap:16px;margin-top:24px}.landing-mascots>span{font:11px/1.5 monospace;color:#b0ada5}
#app .landing .street-reaction{margin:0;width:130px;height:70px;transform:none}#app .landing .street-reaction svg{width:125px;height:64px;margin-top:7px}
#app .landing .entry-card{padding:18px;background:#1b1d20;border:1px solid #3c3f44;border-top:3px solid #3c3f44;border-radius:0;box-shadow:4px 4px 0 #3c3f44;max-width:none;width:100%}
#app .landing .entry-card .guest-resume{margin:0 0 10px}
.account-tabs{display:flex;border-bottom:1px solid #3c3f44;margin:0 0 14px}.account-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:none;padding:8px 4px;min-height:36px;color:#b0ada5;font:600 12px Arial,sans-serif;cursor:pointer}
.account-tabs button[aria-selected=true]{border-bottom-color:#71602f;color:#ffcc36}
#app .landing .entry-card h2{font-size:20px;line-height:1.2;letter-spacing:-.4px;margin:0 0 14px;text-transform:none}
#app .landing .entry-card label{font:600 11px/1.4 Arial,sans-serif;letter-spacing:0;color:#b0ada5;margin:0 0 10px;display:block;text-transform:none}
#app .landing .entry-card input:not([type=checkbox]),#app .landing .entry-card select{display:block;width:100%;min-height:42px;padding:8px 10px;margin-top:4px;font:14px Arial,sans-serif;background:#1b1d20;border:1px solid #3c3f44;border-radius:0;color:#f3efe6;box-shadow:none}
#app .landing .entry-card input::placeholder{color:#b0ada5}#app .landing .entry-card input:focus{outline:2px solid #71602f;outline-offset:1px}
#app .landing .entry-card .btn.full{width:100%;min-height:42px;padding:9px;font:600 12px Arial,sans-serif;box-shadow:none;margin:7px 0 0;border:1px solid #3c3f44;color:#f3efe6;background:#1b1d20}
#app .landing .entry-card .btn.primary{background:#332d1d;border-color:#71602f;color:#f3efe6}#app .landing .entry-card .btn.primary:hover{background:#332d1d}
#app .landing .entry-card p{font:11px/1.45 Arial,sans-serif;color:#b0ada5;margin:9px 0 0}
#app .landing .entry-card .auth-error{color:#ff9281;margin:0 0 8px}.auth-error:empty{display:none}
.account-welcome{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.account-welcome .link{font-size:11px;min-height:30px}
.account-balance{display:flex;align-items:center;gap:12px;border-bottom:1px solid #3c3f44;padding:8px 0}.account-balance>strong{font-size:30px;color:#ffcc36;letter-spacing:-1px}.account-balance strong small{font-size:14px;color:#b0ada5}.account-balance>span{font-size:12px}.account-balance>span small{display:block;color:#b0ada5;margin-top:3px;font-size:10px}
#app .landing .entry-card label[for=pace-mode]{margin-top:12px}#app .landing .entry-card .consent{display:flex;gap:7px;align-items:center;font-weight:400;min-height:24px;margin:3px 0}
#app .landing .entry-card .consent input{accent-color:#332d1d;width:16px;height:16px;min-height:0;margin:0}
#app .landing .entry-card .entry-clock-note{color:#b0ada5}.entry-empty{padding:10px;background:#1b1d20}
#app .landing .entry-card:has(.queue-confirmation) .entry-note{display:none}
#app .landing .queue-confirmation{display:grid;gap:4px;margin-top:6px;padding:10px;background:#1e3029;border-left:3px solid #416452;color:#7bc4a1}.queue-confirmation>strong{font-size:14px}.queue-confirmation>span{font-size:12px}.queue-confirmation>small{font-size:11px;line-height:1.4;color:#b0ada5}
.landing-more{border-top:1px solid #3c3f44;border-bottom:1px solid #3c3f44}
.landing-more>summary{display:flex;align-items:center;gap:14px;min-height:44px;cursor:pointer;font-size:12px;list-style:none;color:#f3efe6}.landing-more>summary::-webkit-details-marker{display:none}.landing-more>summary:before{content:'+';font:18px monospace;color:#ffcc36}.landing-more[open]>summary:before{content:'−'}.landing-more>summary small{margin-left:auto;font:10px monospace;color:#b0ada5}
.landing-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:10px 0 16px}
.landing-phases>div>span{display:flex;align-items:center;gap:10px;font:650 16px monospace;color:#ffcc36}.landing-phases small{font:10px monospace;color:#b0ada5;letter-spacing:.4px}
.landing-phases h2{font-size:15px;letter-spacing:-.2px;margin:8px 0 6px}.landing-phases p{font-size:12px;line-height:1.5;margin:0;color:#b0ada5;max-width:280px}
.landing-facts{display:flex;justify-content:space-between;gap:10px;padding:0 0 14px;font:10px monospace;color:#b0ada5}
#app .landing .lobby-footer{border:0;padding:12px 0 0;margin-top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;font:11px Arial,sans-serif;color:#b0ada5;min-height:0;height:auto}
.landing .lobby-footer .link{font-size:11px;margin:0}
#app .landing:is(button,a,summary):focus-visible{outline:2px solid #71602f;outline-offset:2px}
@media(min-width:851px) and (max-height:700px){#app .landing{padding-top:12px}#app .landing .landing-hero{padding:16px 0}#app .landing .entry-card{padding:14px}.landing-mascots{margin-top:16px}}
@media(max-width:850px){
 #app .landing{width:min(520px,calc(100% - 32px));padding-top:12px}
 #app .landing .street-edition,.landing-nav #connection,.landing-nav .street-motion{display:none}
 #app .landing .top{min-height:40px;padding-bottom:8px}.landing-nav{gap:6px}
 .lobby-waiting{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px 20px;padding:9px 0}
 .waiting-clock{grid-column:1;grid-row:1;grid-template-columns:1fr;gap:3px}.waiting-clock>strong{grid-column:1;grid-row:2;font-size:24px}.waiting-clock>small{grid-row:3;font-size:9px}
 .waiting-players{grid-column:2;grid-row:1;gap:3px}.waiting-players>small{font-size:9px}.waiting-counts>span{gap:5px}
 .waiting-status{grid-column:1/-1;grid-row:2;border-left:0;padding:0;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
 .waiting-status>strong{font-size:11px}.waiting-status>span{font-size:10px}
 #app .landing .landing-hero{grid-template-columns:1fr;gap:14px;padding:16px 0}
 #app .landing h1{font-size:34px;letter-spacing:-1.2px;margin:7px 0 8px}
 #app .landing .intro{font-size:13px;line-height:1.45;max-width:390px}.landing-kicker{font-size:9px;letter-spacing:.4px}
 .landing-mascots{display:none}
 #app .landing:has(.account-welcome) .landing-story{display:none}
 #app .landing .entry-card{padding:14px;box-shadow:3px 3px 0 #3c3f44}
 .account-tabs{margin-bottom:10px}.account-tabs button{min-height:36px;padding:7px 4px}
 #app .landing .entry-card h2{font-size:18px;margin-bottom:10px}
 #app .landing .entry-card label{margin-bottom:8px}
 #app .landing .entry-card input:not([type=checkbox]),#app .landing .entry-card select{min-height:44px;font-size:16px;padding:8px 10px;margin-top:3px}
 #app .landing .entry-card .btn.full{min-height:44px;margin-top:5px;font-size:13px}
 #app .landing .entry-card p{margin-top:7px}
 .landing-more>summary{gap:7px;min-height:40px;font-size:11px}.landing-more>summary small{font-size:9px;letter-spacing:-.3px}
 .landing-phases{grid-template-columns:1fr;gap:16px}.landing-phases p{max-width:none}.landing-facts{flex-wrap:wrap}
 #app .landing .lobby-footer{font-size:10px;padding-top:10px}.landing .lobby-footer .link{font-size:10px}
}
@media(max-width:380px){
 #app .landing{width:calc(100% - 24px);padding-top:8px}
 #app .landing .landing-hero{padding:12px 0;gap:10px}
 #app .landing h1{font-size:30px;margin:5px 0 6px}
 #app .landing .entry-card{padding:12px}
 #app .landing .intro{font-size:12px}
 .landing-more>summary small{display:none}
}
/* Guide link in the existing in-game rules dialog. */
.player-guide-link{margin:16px 0 24px}.player-guide-link a{text-decoration:none;display:inline-block}.player-guide-link small{display:block;margin-top:8px;font-size:12px;line-height:1.5;color:var(--muted,#b0ada5)}