.pk-welcome{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:64px 56px;padding:28px 0 44px}.welcome-intro{align-self:center}.welcome-eyebrow{font-size:.72rem;letter-spacing:.13em;font-weight:650;color:var(--muted)}.welcome-intro h1{font-size:clamp(2.6rem,4.5vw,4.3rem);line-height:1.04;letter-spacing:-.055em;margin:24px 0}.welcome-intro h1 em{font-style:normal;color:var(--lime)}:root[data-theme=light] .welcome-intro h1 em{color:#3c641c}.welcome-intro>p,.welcome-how>div>p,.welcome-access>div>p{font-size:1.05rem;line-height:1.7;color:var(--muted);max-width:48ch}.welcome-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 24px}.welcome-actions .btn{min-height:48px}.welcome-facts{display:flex;gap:10px 18px;flex-wrap:wrap;color:var(--muted);font-size:.8rem}.welcome-facts span::before{content:'✓';margin-right:7px;color:var(--text)}.welcome-demo{min-width:0;scroll-margin:25px;outline:none}.welcome-demo-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 4px 13px;color:var(--muted);font-size:.68rem;letter-spacing:.06em}.welcome-demo-heading small{font-size:.68rem;letter-spacing:0}.play-card.welcome-play-card{min-height:445px;max-width:none;width:100%;text-align:left;padding:27px;display:flex;flex-direction:column}.welcome-play-card .question{font-size:clamp(1.45rem,2.2vw,2.05rem);line-height:1.25;margin:15px 0 19px}.welcome-play-card .instruction{font-size:.88rem;margin-bottom:16px}.welcome-player{font-size:.75rem;color:#c3bed1}.welcome-progress{font-size:.8rem;color:#e1dcec}.welcome-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;font-size:.75rem;color:#c3bed1}.welcome-card-bottom button{background:transparent;color:inherit;min-height:36px;padding:0 8px;border:1px solid #ffffff30;border-radius:10px}.welcome-card-bottom button:disabled{opacity:.45;cursor:default}.welcome-demo-note{font-size:.75rem;color:var(--muted);line-height:1.6;margin:15px 5px 0}.welcome-timer{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.welcome-timer output{font-size:1.3rem;font-variant-numeric:tabular-nums}.welcome-timer .btn{background:#ffffff12;color:#f8f6ff;border:1px solid #ffffff35}.welcome-timer [role=status]{font-size:.8rem}.welcome-how{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;border-top:1px solid var(--line);padding-top:48px}.welcome-how h2,.welcome-access h2{font-size:clamp(1.6rem,2.7vw,2.2rem);letter-spacing:-.035em;line-height:1.15;margin:16px 0}.welcome-how ol{list-style:none;margin:0;padding:0;display:grid;gap:22px}.welcome-how li{display:flex;gap:18px}.welcome-how li>span{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums;line-height:1.5;padding-top:4px}.welcome-how h3{font-size:1.05rem;margin:0 0 7px}.welcome-how li p{font-size:.9rem;line-height:1.6;margin:0;color:var(--muted)}.welcome-access{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;padding-top:44px;border-top:1px solid var(--line);scroll-margin:24px;outline:none}.welcome-access .account-panel{margin:0;max-width:none;width:100%;padding:28px}.welcome-access .auth-logo{width:40px;height:40px}.welcome-access .account-panel h2{font-size:1.7rem}.welcome-boundaries{font-size:.87rem;color:var(--muted);border-left:3px solid var(--lime);padding:5px 0 5px 18px;margin-top:25px;line-height:1.6}.welcome-complete{background:var(--surface);border:1px solid var(--line);border-radius:32px;padding:36px;min-height:445px;display:flex;flex-direction:column;justify-content:center;gap:15px}.welcome-complete h2{font-size:2rem;line-height:1.15;margin:0}.welcome-complete p{line-height:1.65;color:var(--muted);margin:0 0 10px}.welcome-complete-mark{display:grid;place-items:center;width:50px;height:50px;background:var(--lime);color:var(--ink);border-radius:16px;font-size:1.5rem}.welcome-footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:.8rem;color:var(--muted);padding-top:10px}.welcome-footer a{color:var(--text);text-underline-offset:4px}.pk-welcome button:focus-visible,.pk-welcome a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}:root[data-theme=light] .pk-welcome button:focus-visible,:root[data-theme=light] .pk-welcome a:focus-visible{outline-color:#416622}
@media(max-width:800px){.pk-welcome{grid-template-columns:1fr;gap:34px;padding-top:8px}.welcome-intro h1{font-size:clamp(2.4rem,8.5vw,3.5rem);margin:17px 0}.welcome-intro>p{font-size:.97rem}.welcome-actions{margin:22px 0 18px}.welcome-actions .btn{flex:1;font-size:.86rem}.welcome-how,.welcome-access{grid-template-columns:1fr;gap:24px;padding-top:30px}.welcome-how h2,.welcome-access h2{margin:12px 0}.welcome-play-card.play-card{min-height:425px;padding:24px}.welcome-play-card .question{font-size:1.65rem}.welcome-access .account-panel{padding:24px}.welcome-footer{padding-bottom:30px}}@media(max-width:360px){.welcome-demo-heading{flex-direction:column;align-items:flex-start;gap:5px}.welcome-actions{flex-direction:column}.welcome-play-card.play-card{padding:20px}.welcome-play-card .question{font-size:1.45rem}}
.pk-welcome .welcome-play-card .table-round .question{font-size:clamp(1.45rem,2.1vw,1.9rem);line-height:1.25;margin:12px 0 16px}.pk-welcome .welcome-play-card .round-body{padding-top:14px}.pk-welcome .welcome-play-card .card-action-dock{padding-top:16px}.pk-welcome .welcome-play-card{min-height:440px}.pk-welcome .welcome-intro{align-self:start;padding-top:48px}.pk-welcome .welcome-player{color:inherit;opacity:.8}.pk-welcome .welcome-progress,.pk-welcome .welcome-card-bottom{color:inherit}.pk-welcome .welcome-timer .btn{color:inherit;border-color:currentColor;background:transparent}@media(max-width:800px){.pk-welcome .welcome-intro{padding-top:0}.pk-welcome .welcome-play-card .table-round .question{font-size:1.55rem}}
