#onboarding{max-width:420px;padding:24px;overflow:auto;max-height:calc(100dvh - 32px)}
#onboarding::backdrop{background:#11101785;backdrop-filter:blur(8px)}
.onboarding-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.onboarding-top>span{font-size:11px;color:#a9a6b2}
.onboarding-top>button{font-size:11px;color:#d5d0df;background:none;border:0;padding:10px 0;min-height:40px;text-decoration:underline;text-underline-offset:4px}
.welcome-art{height:135px;border-radius:14px;background:linear-gradient(transparent,#24232966),url('/assets/grace-topdown.png') center 34%/100% auto;border:1px solid #ffffff0a}
.welcome-kicker{font-size:11px;color:#bcb1d2;margin:22px 0 7px}
#onboarding h2{font-size:28px;line-height:1.45;letter-spacing:-.7px;margin:8px 0 14px}
.welcome-date,.onboarding-description{font-size:13px;line-height:1.9;color:#bdb8c7}
.welcome-guide{border-top:1px solid #ffffff10;margin:22px 0;padding-top:8px}
.welcome-guide p{font-size:12px;color:#d3cddc;display:flex;gap:11px;align-items:center}
.welcome-guide span{font-size:10px;color:#9f92b8}
.onboarding-classic{display:block;text-align:center;margin-top:15px;font-size:12px;color:#bcb5c9;padding:8px}
.avatar-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 16px}
.avatar-choices>button{display:flex;align-items:center;flex-direction:column;gap:3px;padding:18px 8px;border:1px solid #ffffff18;border-radius:16px;background:#1c1b21;min-width:0}
.avatar-choices>button[aria-pressed=true]{border-color:#c6b4e2;background:#a589ca13;box-shadow:0 0 0 1px #c6b4e233}
.avatar-choices .sprite{width:100px;height:115px}
.avatar-choices b{font-size:13px;font-weight:500}.avatar-choices small{font-size:11px;color:#ada5bb}
.ai-status{font-size:12px;color:#aaa2b7;background:#ffffff04;border-radius:10px;padding:12px;margin-bottom:22px}
.ai-status span{font-size:10px;margin-right:8px;padding:3px 6px;border-radius:5px;background:#ffffff08;color:#b9afca}
.onboarding-actions{display:grid;grid-template-columns:70px 1fr;gap:9px}
.onboarding-note{font-size:10px;color:#9f96ad;text-align:center;margin:14px 0 0}
#game .my-participation{top:80px;left:max(12px,env(safe-area-inset-left));border:1px solid #ffffff13;background:#232229da;backdrop-filter:blur(16px);border-radius:24px;padding:10px 13px;display:flex;align-items:center;gap:8px;font-size:11px;min-height:44px;color:#e3ddeb}
#participation-dot{width:5px;height:5px;background:#948b9e;border-radius:50%}#participation-dot.done{background:#b5cba4}
#participation-badge{font-size:10px;color:#a9a0b7}
.coach{bottom:210px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:360px;background:#29262fee;border:1px solid #ffffff18;backdrop-filter:blur(16px);padding:20px;border-radius:18px;box-shadow:0 12px 40px #0003}
.coach>b{font-size:13px;font-weight:500}.coach>p{font-size:11px;color:#bdb5cc;margin:7px 0 15px}.coach>div{display:flex;gap:8px}.coach>div>button{font-size:11px;padding:10px 12px;border-radius:9px;border:1px solid #ffffff15;background:#ffffff07;color:#d3c9e4}.coach>div>button:first-child{background:#e5def5;color:#302738;border:0}#coach-dismiss{position:absolute;right:8px;top:6px;background:none;border:0;color:#aca3bd;font-size:20px;width:32px;height:32px}
.entry-progress{padding:10px 0 16px;border-bottom:1px solid #ffffff14;font-size:12px;color:#bcb0ce;margin-bottom:16px}.wizard-actions{display:flex;gap:10px;margin:20px 0 0}.wizard-actions .button{flex:1}.review-summary{padding:14px 17px;background:#ffffff04;border-radius:12px;margin:16px 0 22px}.review-summary p{display:flex;gap:16px;font-size:12px;line-height:1.8;margin:9px 0}.review-summary b{min-width:45px;color:#a99eb8;font-weight:400}.review-summary span{color:#e1d9ec;overflow-wrap:anywhere;white-space:pre-wrap}
.response-status{font-size:12px;color:#d3c2ed;background:#b497da12;border:1px solid #b497da25;border-radius:10px;padding:14px}.response-actions{display:grid;gap:10px;margin-top:20px}.text-action{background:none;border:0;color:#aaa0b8;font-size:12px;padding:12px;text-decoration:underline;text-underline-offset:4px}.success-mark{width:46px;height:46px;display:grid;place-items:center;background:#bdd0b91a;color:#bed6b3;border-radius:50%;font-size:23px;margin:8px 0 20px}.success-note{font-size:12px!important;color:#aaa1b8!important}.empty-participation{font-size:13px;line-height:1.9;color:#c0b5cc}.danger{background:#e2bebe!important;color:#4d2525!important}
@media(max-height:650px){.welcome-art{height:85px}#onboarding{padding:20px}.welcome-guide{margin:14px 0}.avatar-choices{margin-block:14px}.avatar-choices .sprite{height:85px;width:85px}}
@media(max-height:700px){#game .my-participation{top:auto;bottom:142px}#game .event-badge{top:auto;bottom:200px}#participation-badge{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}