.profile-screen.atlas-onboarding{padding:calc(env(safe-area-inset-top) + 8px) 18px calc(env(safe-area-inset-bottom) + 12px);color:#132b42;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:none;background:#f7eedd url(/gameful-ui/atlas-onboarding-paper-v1.webp) 50%/cover no-repeat;font-family:AtlasSerif,Georgia,serif}.atlas-onboarding::-webkit-scrollbar{display:none}.onboarding-page{flex-direction:column;min-height:100%;display:flex}.onboarding-header{flex-shrink:0;align-items:center;gap:9px;min-height:48px;display:flex}.onboarding-back-placeholder{flex-shrink:0;width:44px;height:44px}.onboarding-dots{flex:1;display:flex}.onboarding-dots button{cursor:pointer;background:0 0;border:0;flex:1;place-items:center;min-width:0;height:44px;padding:0;display:grid;position:relative}.onboarding-dots button:not(:last-child):before{content:"";background:#b6a17a;width:100%;height:1px;position:absolute;left:50%}.onboarding-dots button.completed:not(.current):before{background:#007c86}.onboarding-dots i{background:#f7eedd;border:1px solid #b6a17a;border-radius:50%;width:16px;height:16px;position:relative}.onboarding-dots .completed i{background:#007c86;border-color:#005d65}.onboarding-dots .current i{border-color:#b99a59}.onboarding-skip{color:#36576a;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0 2px;font:400 12px AtlasSerif,Georgia,serif}.onboarding-skip-placeholder{width:68px}.onboarding-illustration{object-fit:contain;-webkit-user-select:none;user-select:none;flex-shrink:0;width:100%;height:min(340px,90vw,40svh - 24px);margin:6px 0 12px;display:block}.onboarding-copy{text-align:center}.onboarding-copy>span{color:#152b3e;letter-spacing:1.6px;font:400 11px AtlasSerif,Georgia,serif}.onboarding-copy h1{color:#082957;margin:10px 0 0;font:700 29px/37px AtlasSerif,Georgia,serif}.onboarding-copy p{margin:12px 0 0;padding:0 8px;font-size:18px;line-height:25px}.onboarding-tags,.onboarding-info{background:#fffdf7b8;border:1px solid #d7ccb6;border-radius:16px;align-items:center;margin-top:20px;display:flex}.onboarding-tags{padding:13px 8px}.onboarding-tags>div{flex-direction:column;flex:1;align-items:center;gap:7px;font-size:15px;line-height:21px;display:flex}.onboarding-icon-circle{color:#fffdf6;background:#007c86;border:1px solid #b9ab83;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.onboarding-icon-circle svg{width:23px;height:23px}.onboarding-info{gap:13px;min-height:82px;padding:14px}.onboarding-info strong{color:#082957;font-size:16px;line-height:22px}.onboarding-info p{margin:0;font-size:16px;line-height:22px}.onboarding-info div p{margin-top:5px;font-size:15px;line-height:21px}.onboarding-actions{margin-top:auto;padding-top:22px}.onboarding-landscape{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:96px;display:block}.onboarding-guest-notice{text-align:center;margin:4px 0 10px;font-size:14px;line-height:20px}.atlas-onboarding .onboarding-primary,.atlas-onboarding .onboarding-secondary{cursor:pointer;width:100%;font-family:AtlasSerif,Georgia,serif;font-weight:400}.atlas-onboarding .onboarding-primary{color:#fffdf6;background:url(/gameful-ui/atlas-onboarding-enamel-button-v1.webp) 50%/100% 100% no-repeat;border:0;border-radius:20px;min-height:56px;margin:0;padding:14px 16px;font-size:19px;line-height:26px}.atlas-onboarding .onboarding-secondary{color:#082957;background:#fffdf7d1;border:1px solid #a69c83;border-radius:20px;min-height:52px;margin-top:10px;padding:12px 16px;font-size:18px;line-height:25px}.onboarding-tap-hint{text-align:center;margin:9px 0 0;font-size:12px;line-height:17px}.atlas-onboarding button:focus-visible{outline-offset:3px;outline:3px solid #087d8e}@media (max-height:799px){.onboarding-illustration{height:min(340px,90vw,25svh)}.onboarding-landscape{height:64px}}@media (max-height:699px){.onboarding-illustration{height:min(90vw,19svh)}.onboarding-actions{padding-top:12px}}.city-tab-view{visibility:hidden;pointer-events:none;position:absolute;inset:0}.city-tab-view.active{visibility:visible;pointer-events:auto}.atlas-city{background:#e9efed;position:absolute;inset:0;overflow:hidden}.atlas-city-surface{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden}.atlas-city-surface:focus-visible{outline-offset:-3px;outline:2px solid #087d8e}.atlas-city-canvas{pointer-events:none;width:100%;height:100%;display:block}.atlas-city-status{padding:max(24px, env(safe-area-inset-top)) 24px 24px;color:var(--navy);background:#e9efed;place-items:center;display:grid;position:absolute;inset:0}.atlas-city-status>div{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:340px;display:flex}.atlas-city-status p{margin:0;line-height:1.55}.atlas-city-status svg{color:var(--primary)}@media (prefers-reduced-motion:reduce){.atlas-city-status .spin{animation:none}}