/* Compact welcome screen; preserve natural scrolling for quiz results and zoom. */
.shell{max-width:1008px;padding:18px 24px 12px}
.top{min-height:36px}.compact-brand{font-size:22px;letter-spacing:-.7px;text-decoration:none}
#sound{padding:7px 11px;min-height:36px}
.langs{justify-content:center;margin:10px 0 0;gap:7px}
.langs .lang{min-height:38px;padding:6px 10px;font-size:12px}
.community-nav{margin:10px 0 14px;gap:8px}
.community-nav .secondary,.community-nav .primary{min-height:38px;padding:9px 15px;border-radius:11px;font-size:12px}
.card{margin-top:14px}
.welcome{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:22px;text-align:left;padding:30px 36px;border-radius:25px;background:radial-gradient(ellipse at 12% 40%,#9e4c5e55,transparent 58%),linear-gradient(135deg,#75283f,#48172d);border-color:#bd7b8b80}
.logo-stage{display:grid;place-items:center;min-width:0;position:relative}
.hero-logo{width:min(100%,270px);margin:0;border-radius:0;filter:none;mix-blend-mode:normal;mask-image:radial-gradient(ellipse 70% 70% at center,#000 64%,transparent 100%)}
.welcome h2{font-size:clamp(25px,3.3vw,36px);margin:12px 0;letter-spacing:-.8px}
.welcome .muted{font-size:14px;line-height:1.6;margin:0;max-width:440px}
.welcome .eyebrow{font-size:10px;letter-spacing:2.5px}
.welcome .pillrow{justify-content:flex-start;gap:6px;margin:17px 0}
.welcome .pill{font-size:11px;padding:7px 10px}
.welcome .actions{justify-content:flex-start;margin:0}
.welcome .primary{min-height:46px;padding:12px 23px;border-radius:12px;font-size:14px}
.welcome>p{grid-column:1/-1;font-size:12px;margin:0;text-align:center}
.foot{margin-top:12px;font-size:10px}
.community-foot{margin:7px 0;gap:16px;font-size:11px}
.community-notice{font-size:10px;line-height:1.45;margin:5px auto;max-width:660px}
@media(max-width:600px){
 .shell{padding:12px 14px 10px}.top{min-height:32px}
 .compact-brand{font-size:19px}.langs{gap:5px;margin-top:8px}
 .langs .lang{font-size:10px;gap:5px;min-height:34px;padding:6px 7px}.flag{width:20px;height:14px}
 .community-nav{gap:6px;margin:8px 0 10px}.community-nav .secondary,.community-nav .primary{font-size:11px;padding:8px 10px;min-height:36px}
 .welcome{grid-template-columns:1fr;gap:0;text-align:center;padding:15px 20px 20px;border-radius:21px}
 .hero-logo{width:155px}.welcome-copy{margin-top:-3px}
 .welcome h2{font-size:26px;margin:9px 0}.welcome .muted{font-size:12px;line-height:1.5;margin:auto}
 .welcome .pillrow{justify-content:center;margin:12px 0}.welcome .actions{justify-content:center}
 .welcome .eyebrow{font-size:9px}.foot{margin-top:9px}.community-notice{font-size:9px}
}
@media(max-height:650px) and (min-width:601px){
 .shell{padding-top:10px}.langs{margin-top:4px}.community-nav{margin:7px 0 10px}
 .welcome{padding:20px 30px}.hero-logo{width:220px}.welcome h2{font-size:29px}
 .welcome .pillrow{margin:12px 0}.foot{margin-top:8px}
}
@media(max-width:600px) and (max-height:720px){.hero-logo{width:110px}.welcome{padding:10px 17px 15px}.welcome h2{font-size:23px}.welcome .pillrow{margin:10px 0}.community-foot{margin:5px 0}.community-notice{font-size:9px}}

/* Enlarge only the welcome panel; navigation and game screens stay unchanged. */
@media(min-width:1100px){.welcome{width:108%;margin-left:-4%;padding:42px 42px}}
@media(min-width:601px) and (max-width:1099px){.welcome{padding-top:40px;padding-bottom:40px}}
@media(min-width:601px) and (max-height:650px){.welcome{padding-top:28px;padding-bottom:28px}}
/* Keep the supplied red and gold artwork in its original colors. */
.welcome .hero-logo{filter:none;mix-blend-mode:normal;opacity:1}