.welcome-page{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:stretch;color:var(--brand-dark, #222);background:#111;font-family:Nunito,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.welcome-page *,.welcome-page *:before,.welcome-page *:after{box-sizing:border-box;margin:0;padding:0}.welcome-page--public-mockup #navbar{background:var(--brand-blue, #2c7fb8);box-shadow:none;justify-content:flex-end;position:relative;z-index:150}.welcome-page--public-mockup .navbar-login{background:#2a2520;border:2px solid #1a1612;box-shadow:0 2px #00000059;color:#fff;font-weight:800;font-size:.88rem}.welcome-page--public-mockup .navbar-login:hover{background:#3a342c}.welcome-return-wrap{width:100%;max-width:720px;margin:.75rem auto 0;padding:0 1rem;box-sizing:border-box}.welcome-return-btn{width:100%;font-family:Nunito,sans-serif;font-weight:800;font-size:1.05rem;padding:.85rem 1rem;border:none;border-radius:10px;background:#2e7d32;color:#fff;cursor:pointer;box-shadow:0 3px #0003}.public-top-banner{width:100%;background:var(--brand-blue, #2c7fb8);color:#fff;display:flex;align-items:center;justify-content:center;gap:clamp(.75rem,2.5vw,1.25rem);padding:1.1rem 1.25rem 1.25rem;text-align:left}.public-top-mascot{height:clamp(2.6rem,10vw,4.5rem);width:auto;max-width:min(42vw,11rem);flex-shrink:0;display:block;object-fit:contain;object-position:center;background:transparent}.public-top-copy{min-width:0}.public-headline{display:flex;flex-direction:column;gap:.25rem;margin:0}.public-headline-welcome{font-family:Nunito,sans-serif;font-weight:800;font-size:clamp(1.05rem,4.2vw,1.75rem);letter-spacing:.01em;line-height:1.25;color:#fff}.public-headline-brand{font-family:Nunito,sans-serif;font-weight:900;font-size:1.15em;letter-spacing:.02em;line-height:1;white-space:nowrap;position:relative}.public-top-banner .public-headline-brand>span{text-shadow:-1.5px -1.5px 0 rgba(0,0,0,.75),1.5px -1.5px 0 rgba(0,0,0,.75),-1.5px 1.5px 0 rgba(0,0,0,.75),1.5px 1.5px 0 rgba(0,0,0,.75),-2px 0 0 rgba(0,0,0,.7),2px 0 0 rgba(0,0,0,.7),0 -2px 0 rgba(0,0,0,.7),0 2px 0 rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.4)}.public-top-banner .public-headline-brand>span:nth-child(1){color:#ff8f8f}.public-top-banner .public-headline-brand>span:nth-child(2){color:#8dffad}.public-top-banner .public-headline-brand>span:nth-child(3){color:#c9f0ff}.public-top-banner .public-headline-brand>span:nth-child(4){color:#ff8f8f}.public-top-banner .public-headline-brand>span:nth-child(5){color:#ffd28a}.public-top-banner .public-headline-brand>span:nth-child(6){color:#8dffad}.public-top-banner .public-headline-brand>span:nth-child(7){color:#c9f0ff}.public-top-banner .public-headline-brand>span:nth-child(8){color:#ff8f8f}.public-top-banner .public-headline-brand-copy{color:#ffd28a;font-size:.42em;font-weight:800;letter-spacing:0;margin-left:.12em;position:relative;top:.55em;vertical-align:baseline}.public-headline-copy{color:#fff;font-size:.55em;letter-spacing:0}.public-headline-tag{font-family:Nunito,sans-serif;font-weight:900;font-size:clamp(.95rem,3.6vw,1.35rem);letter-spacing:.02em;line-height:1.2;text-transform:uppercase;color:#fff}.welcome-page--public-mockup .public-welcome-banner{position:relative;z-index:1;top:auto;left:auto;right:auto;width:100%;flex:0 0 auto;min-height:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:.4rem .85rem;text-align:center;font-family:Nunito,sans-serif;font-weight:800;font-size:.88rem;line-height:1.3;background-color:var(--brand-red, #d04040);color:#fff;white-space:pre-wrap;box-shadow:none;border-bottom:2px solid rgba(0,0,0,.12)}.public-stage{width:100%;flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:1.5rem 1.1rem;background:#111}.hero-sample-card{width:100%;max-width:460px;margin:0 auto;padding:1.15rem 1rem 1.05rem;background:#fdfbf5;border:3px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px #00000059;pointer-events:none;-webkit-user-select:none;user-select:none}.hero-sample-question{margin:0 0 .95rem;font-family:Nunito,sans-serif;font-weight:800;font-size:clamp(1.05rem,3.8vw,1.25rem);line-height:1.35;color:#222;text-align:center}.hero-sample-answers{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.hero-sample-answer{display:flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.55rem .45rem;background:var(--brand-yellow, #e6a737);color:#222;font-family:Nunito,sans-serif;font-weight:800;font-size:clamp(.78rem,2.8vw,.92rem);line-height:1.25;text-align:center;border-radius:12px;border:1px solid rgba(160,110,30,.35);box-shadow:0 2px #78501440}.public-message-bar{width:100%;background:var(--brand-orange, #e0883d);color:#1a1208;padding:.95rem 1.25rem;text-align:center}.public-message-bar p{margin:0 auto;max-width:52rem;font-family:Nunito,sans-serif;font-weight:900;font-size:clamp(.88rem,2.8vw,1.12rem);line-height:1.35;letter-spacing:.02em;text-transform:uppercase}.public-actions{width:100%;background:var(--game-warm-panel-bg, #f4f2ed);padding:1.15rem 1.1rem 1.35rem;display:flex;flex-direction:column;align-items:center;gap:.7rem;box-sizing:border-box}.public-game-choices{width:100%;max-width:40rem;display:grid;grid-template-columns:1fr;gap:.85rem}.public-game-choice{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;min-width:0}.public-game-choice-helper{margin:0;font-family:Nunito,sans-serif;font-weight:700;font-size:clamp(.78rem,2.4vw,.92rem);line-height:1.35;text-align:center;color:#444}.public-actions .public-btn,.public-actions .public-signed-in-note{width:100%;max-width:36rem}.public-actions .public-game-choices .public-btn{max-width:none}.public-btn{font-family:Nunito,sans-serif;font-weight:900;letter-spacing:.03em;text-transform:uppercase;border:none;border-radius:12px;cursor:pointer;color:#1a1208;background:var(--brand-orange, #e0883d);box-shadow:0 4px #00000038;transition:transform .12s,box-shadow .12s}.public-btn:active{transform:translateY(2px);box-shadow:0 2px #00000038}.public-btn--choice{padding:.85rem 1.1rem;font-size:clamp(1.02rem,3.2vw,1.18rem);box-shadow:0 4px #00000040}.public-btn--choice-solo{background:#40a047;color:#fff;border:2px solid #2d7332}.public-btn--choice-multi{background:#f0a040}.public-btn--login{padding:.7rem .95rem;font-size:clamp(.78rem,2.5vw,.92rem);line-height:1.3;font-weight:800;background:#2f2a24;color:#fff;border:none;box-shadow:0 3px #00000047}.public-btn--login:active{box-shadow:0 1px #00000047}.public-signed-in-note{font-family:Nunito,sans-serif;font-weight:700;font-size:.95rem;color:#444;text-align:center;padding:.5rem .5rem 0}.public-footer{width:100%;background:#0d0d0d;padding:.65rem 1rem 1.1rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.public-footer-link{font-family:Nunito,sans-serif;font-size:.8rem;font-weight:600;color:#888;background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px}@media(min-width:720px){.public-top-banner{padding:1.35rem 2rem 1.5rem}.welcome-page--public-mockup .public-welcome-banner{padding:.55rem 1.25rem;font-size:.95rem}.public-top-mascot{height:clamp(3.2rem,6vw,4.75rem);max-width:12.5rem}.public-stage{padding:2rem 1.5rem}.hero-sample-card{max-width:520px;padding:1.35rem 1.2rem 1.2rem}.public-actions{padding:1.35rem 1.5rem 1.6rem;gap:.8rem}.public-game-choices{max-width:44rem;grid-template-columns:1fr 1fr;gap:1rem}.public-actions .public-btn,.public-actions .public-signed-in-note{max-width:40rem}.public-btn--choice{font-size:1.2rem;padding:.9rem 1.2rem}.public-btn--login{font-size:.92rem}}