/* Doge's world is the setting, not a picture beside the form. Review: ?look=world */
#welcome-world{display:none}
body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]){--world-ink:#253e3a;--world-blue:#557ab9;--world-paper:#fff8e5;--arrival-paper:#fff8e5;--arrival-ink:#253e3a;--ink:#253e3a;background:#f7e6bb;min-height:100svh;isolation:isolate}
body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) #welcome-world{display:block;position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#f7e6bb url('/assets/welcome-world/room.webp') center center/cover no-repeat}
.world-light{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#fff7d51a 42%,transparent 65%);pointer-events:none}
.world-host{position:absolute;right:-2vw;bottom:-14vh;width:min(42vw,670px);height:83vh;object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 0 #69542d13)}
.world-puppy{position:absolute;left:1.5vw;bottom:-30px;width:min(21vw,290px);height:auto;transform:rotate(-3deg);filter:drop-shadow(0 5px 0 #69542d14)}
body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) .member-header{height:92px;min-height:92px;padding:18px 35px 12px;position:relative;z-index:3;grid-template-columns:1fr 1fr 1fr;align-items:start;background:none;border:0}
body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) .member-brand{justify-self:start;padding:5px 9px 7px;border-radius:12px;background:#fff8e5eb;box-shadow:0 2px 0 #513f2526}
body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) .member-brand img{width:90px;height:58px}
body[data-welcome-world=true][data-onboarding=true] .member-header .member-heading{font-size:12px;justify-self:center;padding:8px 12px;background:#fff8e5e6;border-radius:30px;color:#536449;margin-top:10px}
body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) .member-nav{justify-self:end;gap:14px;padding:2px 13px;background:#fff8e5ed;border-radius:30px;margin-top:10px}
body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) .member-nav>a,body[data-welcome-world=true][data-onboarding=true] .member-nav>button{font-size:13px;min-height:36px;padding:6px 0;color:#3a5147}
body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) #main{position:relative;padding:0 0 40px;min-height:calc(100svh - 92px)}
body[data-welcome-world=true][data-onboarding=true] .arrival-progress{position:relative;max-width:none;width:460px;padding:0 12px;margin:13px 0 23px max(235px,calc(50vw - 315px));}
body[data-welcome-world=true][data-onboarding=true] .arrival-progress ol:before{border-color:#7e8d6c6b;top:14px;left:20px;right:20px}
body[data-welcome-world=true][data-onboarding=true] .arrival-progress li{background:#f9efd3;font-size:12px;gap:6px;border-radius:999px;padding:5px 8px!important;color:#66755a;box-shadow:0 2px 0 #65583b17}
body[data-welcome-world=true][data-onboarding=true] .arrival-progress li span{width:25px;height:25px;border:1px solid #71826780;background:#fdf7e5;font-size:11px}
body[data-welcome-world=true][data-onboarding=true] .arrival-progress li[aria-current=step]{color:#263e3a;background:#f7d476}
body[data-welcome-world=true][data-onboarding=true] .arrival-progress li[aria-current=step] span{background:#fff5d7;border:1px solid #667656;box-shadow:none}
body[data-welcome-world=true][data-onboarding=true] .arrival-progress li[data-done=true]{background:#d4e2b0}
body[data-welcome-world=true][data-onboarding=true] .arrival-progress li[data-done=true] span{background:#f3f5df;border-color:#71826780}
body[data-welcome-world=true][data-onboarding=true] #pack[data-empty=true]{position:relative;padding:0;max-width:none;width:460px;margin:0 0 0 max(235px,calc(50vw - 315px));min-height:0}
body[data-welcome-world=true][data-onboarding=true] #pack .pack-empty{display:block;max-width:none;margin:0;}
body[data-welcome-world=true][data-onboarding=true] #pack .standard-portrait{display:none}
body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim{position:relative;border:2px solid #52684d;background:#fff8e5f7;border-radius:26px 26px 22px 22px;padding:31px 34px 27px;box-shadow:0 7px 0 #8d70444a}
body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim:before{content:'';position:absolute;top:-8px;left:33px;width:54px;height:13px;border-radius:5px;background:#d3af6a;border:1px solid #977a46;transform:rotate(-4deg)}
body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim .member-kicker{font-size:12px;letter-spacing:0;margin:0 0 12px;color:#63724e}
body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim h1{font-size:58px;max-width:none;line-height:.98;margin:0 0 18px;letter-spacing:-.025em!important;color:#294d52}
body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim .mascot-intro{font-size:16px;line-height:1.5;margin:0 0 23px;max-width:350px;color:#4d6151}
body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim label{font-size:14px;color:#3b5648}
body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim label span{font-size:12px}
body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim input{height:52px;border:2px solid #71826b;background:#fffdf4;border-radius:11px;box-shadow:inset 0 2px 0 #e1e2cc40;font-size:18px;margin-top:8px}
body[data-welcome-world=true][data-onboarding=true] #pack .mascot-help{font-size:12px;line-height:1.45;margin:8px 0 19px;color:#6d795d}
body[data-welcome-world=true][data-onboarding=true] .member-primary{border:2px solid #29474d;background:#6d96d0;color:#142f39;box-shadow:0 4px 0 #314f58;border-radius:14px;font-size:17px;font-weight:900;min-height:57px;padding:12px 18px}
body[data-welcome-world=true][data-onboarding=true] .member-primary:hover{background:#83a7d9}
body[data-welcome-world=true][data-onboarding=true] .member-primary:active{box-shadow:0 2px 0 #314f58}
body[data-welcome-world=true][data-onboarding=true] #pack .standard-fine{font-size:12px;line-height:1.45;margin:14px 0 0;color:#667255}
body[data-welcome-world=true][data-onboarding=true] .identity-uses{display:none}
body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim #switch-wallet{font-size:12px;margin-bottom:-8px}
/* Collectors are part of the same illustrated home. */
body[data-welcome-world=true][data-onboarding=true] #pack[data-empty=false][data-failed=false]{background:#fff8e5f7;border:2px solid #52684d;border-radius:25px;box-shadow:0 7px 0 #8d70444a;width:min(900px,calc(100vw - 160px));margin:0 auto;padding:27px 30px 28px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0 28px}
body[data-welcome-world=true][data-onboarding=true]:has(#pack[data-empty=false]:not([hidden])) .world-host{right:-9vw;width:31vw;bottom:-25vh}
body[data-welcome-world=true][data-onboarding=true]:has(#pack[data-empty=false]:not([hidden])) .world-puppy{left:-5vw;width:19vw;bottom:-50px}
body[data-welcome-world=true][data-onboarding=true]:has(#pack[data-empty=false]:not([hidden])) .arrival-progress{margin-inline:auto}
body[data-welcome-world=true][data-onboarding=true] #pack .holder-portrait{border-radius:18px;border-color:#fffdf1;box-shadow:0 2px 0 #8d70443b}
body[data-welcome-world=true][data-onboarding=true] #pack .holder-portrait>p{font-size:11px}
body[data-welcome-world=true][data-onboarding=true] #pack .pack-intro h1{font-size:42px;color:#294d52;line-height:1.05}
body[data-welcome-world=true][data-onboarding=true] #pack .pack-intro #pack-copy{font-size:15px}
body[data-welcome-world=true][data-onboarding=true] #pack .pack-check{font-size:12px;gap:6px}
body[data-welcome-world=true][data-onboarding=true] #pack .pack-tools{display:block}
body[data-welcome-world=true][data-onboarding=true] #pack .pack-search{display:block;margin-top:9px}
body[data-welcome-world=true][data-onboarding=true] #pack .pack-search input{width:100%}
body[data-welcome-world=true][data-onboarding=true] #pack .pack-grid{grid-template-columns:1fr}
body[data-welcome-world=true][data-onboarding=true] #pack .arrival-choice{background:#f5eccf;border-color:#c4cca7;border-radius:15px;padding:12px 15px;margin-top:22px}
body[data-welcome-world=true][data-onboarding=true] #pack .character-card{border-color:#b4bfa1;background:#fffbee;border-radius:12px}
body[data-welcome-world=true][data-onboarding=true] #pack .character-card[aria-pressed=true]{border-color:#547356;background:#e0e9c1}
/* A real-pet picture is a keepsake inside the same setting. */
body[data-welcome-world=true][data-onboarding=true] #personal{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px 22px;width:570px;max-width:none;margin:0 0 0 max(210px,calc(50vw - 345px));padding:28px 30px 23px;background:#fff8e5f7;border:2px solid #52684d;border-radius:25px;box-shadow:0 7px 0 #8d70444a}
body[data-welcome-world=true][data-onboarding=true] #personal .pet-welcome-heading{grid-column:1/-1;grid-row:1;padding:0}
body[data-welcome-world=true][data-onboarding=true] #personal .member-kicker{font-size:12px;color:#63724e;margin-bottom:10px}
body[data-welcome-world=true][data-onboarding=true] #personal h1{font-size:38px;line-height:1.05;margin-bottom:12px;color:#294d52}
body[data-welcome-world=true][data-onboarding=true] #personal h1 br{display:none}
body[data-welcome-world=true][data-onboarding=true] #personal .arrival-lede{font-size:15px;line-height:1.45}
body[data-welcome-world=true][data-onboarding=true] #personal .pet-room-preview{grid-column:1;grid-row:2;align-self:start;padding-top:31px}
body[data-welcome-world=true][data-onboarding=true] #personal .pet-room-scene{height:155px;padding:0;background:transparent;border-radius:0;overflow:visible}
body[data-welcome-world=true][data-onboarding=true] #personal .real-life-label,body[data-welcome-world=true][data-onboarding=true] #personal .pet-room-scene:after{display:none}
body[data-welcome-world=true][data-onboarding=true] #personal .pet-preview-frame{width:120px;height:155px;border:3px solid #aa7d43;padding:7px;box-shadow:4px 5px 0 #d0c59c8c;transform:rotate(-4deg);background:#c79b5d}
body[data-welcome-world=true][data-onboarding=true] #personal .pet-preview-frame:after{inset:4px;border:1px solid #f0cd8c}
body[data-welcome-world=true][data-onboarding=true] #personal #welcome-frame-empty{padding:7px;gap:7px}
body[data-welcome-world=true][data-onboarding=true] #personal #welcome-frame-empty svg{width:27px;height:27px;fill:#8ea86e}
body[data-welcome-world=true][data-onboarding=true] #personal #welcome-frame-empty span{font-size:11px;line-height:1.35}
body[data-welcome-world=true][data-onboarding=true] #personal .pet-room-preview>p{font-size:12px;line-height:1.4;margin-top:13px;overflow-wrap:anywhere;color:#526747}
body[data-welcome-world=true][data-onboarding=true] #personal .pet-room-preview>p small{font-size:10px;line-height:1.4;color:#7a8164}
body[data-welcome-world=true][data-onboarding=true] #personal .arrival-form-wrap{grid-column:2;grid-row:2;padding:0;min-width:0}
body[data-welcome-world=true][data-onboarding=true] #personal label{font-size:13px}
body[data-welcome-world=true][data-onboarding=true] #personal input:not([type=file]){height:49px;border:2px solid #71826b;border-radius:11px;background:#fffdf4;font-size:17px;margin-top:7px}
body[data-welcome-world=true][data-onboarding=true] #personal .real-dog-help{font-size:11px;line-height:1.4;margin-top:7px}
body[data-welcome-world=true][data-onboarding=true] #personal .welcome-photo{height:83px;padding:12px 13px 12px 48px;margin-top:15px;border:1px dashed #82966e;border-radius:12px;background:#e9edcf}
body[data-welcome-world=true][data-onboarding=true] #personal .welcome-photo svg{width:25px;height:25px;left:13px;top:26px}
body[data-welcome-world=true][data-onboarding=true] #personal .welcome-photo>span:not(.sr-only){font-size:13px;line-height:1.4}
body[data-welcome-world=true][data-onboarding=true] #personal .welcome-photo small{font-size:10px;line-height:1.4}
body[data-welcome-world=true][data-onboarding=true] #personal .welcome-private{font-size:11px;line-height:1.5;margin-top:12px}
body[data-welcome-world=true][data-onboarding=true] #personal .welcome-actions{margin-top:17px;gap:8px 15px}
body[data-welcome-world=true][data-onboarding=true] #personal .welcome-actions .member-primary{font-size:15px;min-height:52px;min-width:175px;padding:11px 16px}
body[data-welcome-world=true][data-onboarding=true] #personal .welcome-actions .text-button{font-size:12px;min-height:44px}
body[data-welcome-world=true][data-onboarding=true] #personal .no-pet-note{font-size:11px;margin-top:11px}
body[data-welcome-world=true][data-onboarding=true] #personal .welcome-back{font-size:11px;margin-top:2px;min-height:37px}
body[data-welcome-world=true][data-view=home] .room-tour{border:2px solid #50684d;box-shadow:0 6px 0 #3f473548;background:#fff8e5;border-radius:22px}
body[data-welcome-world=true][data-view=home] .room-tour h2{color:#294d52}
body[data-welcome-world=true][data-view=home] .room-tour #tour-next{background:#6d96d0;border:2px solid #29474d;color:#142f39;box-shadow:0 3px 0 #314f58}
body[data-welcome-world=true] .member-dialog{border:2px solid #52684d;background:#fff8e5;color:#294d52;border-radius:23px;box-shadow:0 9px 0 #374b3561,0 24px 80px #172d2b2e}
body[data-welcome-world=true] .member-dialog .member-primary{background:#6d96d0;border:2px solid #29474d;color:#142f39;box-shadow:0 3px 0 #314f58;border-radius:12px}
/* Even the short loading state keeps the host and the setting. */
body[data-welcome-world=true][data-view=home] .room-loading{z-index:4;isolation:isolate;background:#f7e6bb url('/assets/welcome-world/room.webp') center/cover no-repeat;color:#294d52}
body[data-welcome-world=true][data-view=home] .room-loading:before{content:'';position:absolute;z-index:-1;left:50%;top:50%;width:min(440px,calc(100vw - 40px));height:330px;max-height:calc(100svh - 80px);transform:translate(-50%,-50%);border:2px solid #52684d;border-radius:25px;background:#fff8e5;box-shadow:0 6px 0 #8d70444a}
body[data-welcome-world=true][data-view=home] .room-loading:after{content:'';position:absolute;z-index:-2;right:0;bottom:-15vh;width:40vw;height:80vh;background:url('/assets/doge.png') bottom/contain no-repeat}
body[data-welcome-world=true][data-view=home] .room-loading h1{font-size:32px;max-width:350px;margin:18px 0 15px}
body[data-welcome-world=true][data-view=home] .room-loading p{font-size:15px;max-width:350px;margin:0 0 18px;line-height:1.5;color:#647157}
body[data-welcome-world=true][data-view=home] .room-loading button{background:#6d96d0;border:2px solid #29474d;border-radius:12px;box-shadow:0 3px 0 #314f58;color:#142f39}
@media(prefers-reduced-motion:no-preference){
 body[data-welcome-world=true] .world-light{animation:window-light 9s ease-in-out infinite alternate}
 @keyframes window-light{from{opacity:.35}to{opacity:.9}}
}
@media(min-width:1400px){.world-host{right:0;width:40vw}.world-puppy{left:3vw;width:22vw;max-width:340px}}
@media(min-width:701px) and (max-height:740px){
 body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) .member-header{height:76px;min-height:76px;padding-top:10px}
 body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) .member-brand img{width:77px;height:50px}
 body[data-welcome-world=true][data-onboarding=true] .arrival-progress{margin-top:9px;margin-bottom:17px}
 body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim{padding-top:25px;padding-bottom:23px}
 body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim h1{font-size:54px;margin-bottom:14px}
 body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim .mascot-intro{margin-bottom:18px}
 body[data-welcome-world=true][data-onboarding=true] #personal{padding-top:23px}
 body[data-welcome-world=true][data-onboarding=true] #personal h1{font-size:35px}
}
@media(min-width:701px) and (max-width:1000px){
 body[data-welcome-world=true][data-onboarding=true] .arrival-progress{margin-left:calc(50vw - 245px);width:440px}
 body[data-welcome-world=true][data-onboarding=true] #pack[data-empty=true]{margin-left:calc(50vw - 245px);width:440px}
 body[data-welcome-world=true][data-onboarding=true] #personal{margin-left:calc(50vw - 285px);width:570px}
 .world-host{width:340px;right:-80px;height:65vh;bottom:-20px}
 .world-puppy{width:185px;left:-40px;bottom:-25px}
 body[data-welcome-world=true][data-onboarding=true] #pack[data-empty=false][data-failed=false]{width:calc(100vw - 65px);padding:24px;gap:0 24px}
 body[data-welcome-world=true][data-onboarding=true] #pack .pack-intro h1{font-size:36px}
}
@media(max-width:700px){
 body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]){background:#fff8e5}
 body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) #welcome-world{position:absolute;inset:0 0 auto;height:335px;background-position:67% 56%;background-size:auto 430px;z-index:-1}
 .world-host{width:290px;height:335px;right:-23px;bottom:-72px;filter:none}
 .world-puppy{width:165px;left:-5px;bottom:-27px;filter:none;transform:rotate(-4deg)}
 body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) .member-header{position:absolute;left:0;right:0;top:0;height:85px;min-height:0;padding:13px 17px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
 body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) .member-brand{padding:4px 7px 6px;border-radius:9px;flex:none}
 body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) .member-brand img{width:67px;height:45px}
 body[data-welcome-world=true][data-onboarding=true] .member-header .member-heading{font-size:10px;margin:8px 0 0;padding:7px 10px;background:#fff8e5eb;border-radius:20px;white-space:normal;max-width:155px;text-align:right;flex:none}
 body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) .member-nav{margin:8px 0 0;padding:0 9px}
 body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) .member-nav:has(#sign-out[hidden]){display:none}
 body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) .member-header:has(#sign-out:not([hidden])) .member-heading{display:none}
 body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) #main{padding:310px 0 27px;isolation:isolate;min-height:100svh}
 body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) #main:before{content:'';position:absolute;inset:310px 0 0;z-index:-1;background:#fff8e5;border-radius:26px 26px 0 0;box-shadow:0 -3px 0 #fffaf0a1}
 body[data-welcome-world=true][data-onboarding=true] .arrival-progress{width:auto;max-width:420px;margin:20px auto 0;padding:0 20px}
 body[data-welcome-world=true][data-onboarding=true] .arrival-progress ol:before{left:25px;right:25px}
 body[data-welcome-world=true][data-onboarding=true] .arrival-progress li{font-size:11px;gap:5px;background:#fff8e5;box-shadow:none;padding:4px 6px!important}
 body[data-welcome-world=true][data-onboarding=true] .arrival-progress li span{width:25px;height:25px;font-size:11px}
 body[data-welcome-world=true][data-onboarding=true] #pack[data-empty=true]{width:auto;max-width:440px;margin:0 auto;padding:22px 25px 12px}
 body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim{padding:0;background:none;border:0;border-radius:0;box-shadow:none;max-width:none;width:100%}
 body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim:before{display:none}
 body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim .member-kicker{display:block;font-size:11px;margin-bottom:10px}
 body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim h1{font-size:43px;line-height:1.03;margin-bottom:14px;max-width:none}
 body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim h1 br{display:inline}
 body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim .mascot-intro{font-size:15px;line-height:1.5;margin-bottom:22px;max-width:350px}
 body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim label{font-size:14px}
 body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim input{height:53px;font-size:17px}
 body[data-welcome-world=true][data-onboarding=true] #pack .mascot-help{font-size:12px;margin-bottom:19px}
 body[data-welcome-world=true][data-onboarding=true] .member-primary{font-size:16px;min-height:56px}
 body[data-welcome-world=true][data-onboarding=true] #pack .standard-fine{font-size:12px;line-height:1.45;margin-top:14px}
 body[data-welcome-world=true][data-onboarding=true] #pack[data-empty=false][data-failed=false]{width:auto;max-width:500px;margin:0 auto;padding:24px 23px 20px;border:0;box-shadow:none;border-radius:0;background:none;display:block}
 body[data-welcome-world=true][data-onboarding=true]:has(#pack[data-empty=false]:not([hidden])) .world-host{right:-23px;width:290px;bottom:-72px;opacity:1}
 body[data-welcome-world=true][data-onboarding=true]:has(#pack[data-empty=false]:not([hidden])) .world-puppy{left:-5px;width:165px;bottom:-27px;opacity:1}
 body[data-welcome-world=true][data-onboarding=true] #pack .pack-intro h1{font-size:37px;max-width:320px}
 body[data-welcome-world=true][data-onboarding=true] #pack .pack-intro #pack-copy{font-size:15px}
 body[data-welcome-world=true][data-onboarding=true] #pack .pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-welcome-world=true][data-onboarding=true] #pack .character-card>strong{font-size:17px}
 body[data-welcome-world=true][data-onboarding=true] #pack[data-single=true] .pack-grid{grid-template-columns:1fr}
 body[data-welcome-world=true][data-onboarding=true] #pack .arrival-choice{padding:14px;margin-top:20px;background:#f4e8bc;border-color:#c6c18e}
 body[data-welcome-world=true][data-onboarding=true] #personal{width:auto;max-width:450px;margin:23px auto 0;padding:0 24px 14px;border:0;background:none;box-shadow:none;grid-template-columns:94px minmax(0,1fr);gap:21px 17px;border-radius:0}
 body[data-welcome-world=true][data-onboarding=true] #personal .pet-welcome-heading{grid-column:1/-1}
 body[data-welcome-world=true][data-onboarding=true] #personal .member-kicker{font-size:11px;margin-bottom:9px}
 body[data-welcome-world=true][data-onboarding=true] #personal h1{font-size:35px;line-height:1.05;margin-bottom:13px}
 body[data-welcome-world=true][data-onboarding=true] #personal .arrival-lede{font-size:15px;line-height:1.5}
 body[data-welcome-world=true][data-onboarding=true] #personal .pet-room-preview{display:flex;align-items:center;gap:20px;padding-top:0;grid-column:1/-1;grid-row:2}
 body[data-welcome-world=true][data-onboarding=true] #personal .pet-room-scene{height:130px;width:94px;flex:none}
 body[data-welcome-world=true][data-onboarding=true] #personal .pet-preview-frame{width:94px;height:130px;padding:6px}
 body[data-welcome-world=true][data-onboarding=true] #personal #welcome-frame-empty svg{width:25px;height:25px}
 body[data-welcome-world=true][data-onboarding=true] #personal #welcome-frame-empty span{font-size:10px}
 body[data-welcome-world=true][data-onboarding=true] #personal .pet-room-preview>p{font-size:14px;line-height:1.4;margin:0;text-align:left;flex:1}
 body[data-welcome-world=true][data-onboarding=true] #personal .pet-room-preview>p small{display:none}
 body[data-welcome-world=true][data-onboarding=true] #personal .arrival-form-wrap{grid-column:1/-1;grid-row:3;width:auto}
 body[data-welcome-world=true][data-onboarding=true] #personal label{font-size:14px}
 body[data-welcome-world=true][data-onboarding=true] #personal input:not([type=file]){font-size:16px;height:50px}
 body[data-welcome-world=true][data-onboarding=true] #personal .real-dog-help{font-size:12px}
 body[data-welcome-world=true][data-onboarding=true] #personal .welcome-photo{padding:12px;height:auto;min-height:88px;align-items:center;text-align:center}
 body[data-welcome-world=true][data-onboarding=true] #personal .welcome-photo svg{display:none}
 body[data-welcome-world=true][data-onboarding=true] #personal .welcome-photo>span:not(.sr-only){font-size:15px}
 body[data-welcome-world=true][data-onboarding=true] #personal .welcome-photo small{font-size:12px;line-height:1.4}
 body[data-welcome-world=true][data-onboarding=true] #personal .welcome-private{font-size:12px;line-height:1.5}
 body[data-welcome-world=true][data-onboarding=true] #personal .welcome-actions{display:flex;flex-direction:column;gap:7px;margin-top:17px}
 body[data-welcome-world=true][data-onboarding=true] #personal .welcome-actions .member-primary{width:100%;min-width:0;min-height:53px;font-size:16px;padding:12px 17px}
 body[data-welcome-world=true][data-onboarding=true] #personal .welcome-actions .text-button{min-height:44px;font-size:13px}
 body[data-welcome-world=true][data-onboarding=true] #personal .no-pet-note{font-size:12px;margin-top:2px;line-height:1.45}
 body[data-welcome-world=true][data-onboarding=true] #personal .welcome-back{font-size:13px;margin-top:7px;min-height:44px}
 body[data-welcome-world=true][data-view=home] .room-loading h1,body[data-welcome-world=true][data-view=home] .room-loading p{max-width:280px}
 body[data-welcome-world=true][data-view=home] .room-loading:after{width:70vw;height:65vh;right:-10vw}
 body[data-welcome-world=true][data-view=home] .room-tour .arrival-guide-note{display:none}
}
@media(max-width:360px){
 body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) #welcome-world{height:290px;background-size:auto 375px}
 body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) #main{padding-top:265px}
 body[data-welcome-world=true][data-onboarding=true]:not([data-view=home]) #main:before{top:265px}
 .world-host{width:255px;height:300px;right:-42px;bottom:-65px}
 .world-puppy{width:140px;left:-8px;bottom:-24px}
 body[data-welcome-world=true][data-onboarding=true]:has(#pack[data-empty=false]:not([hidden])) .world-host{width:255px;right:-42px;bottom:-65px}
 body[data-welcome-world=true][data-onboarding=true]:has(#pack[data-empty=false]:not([hidden])) .world-puppy{width:140px;left:-8px;bottom:-24px}
 body[data-welcome-world=true][data-onboarding=true] .arrival-progress{padding-inline:14px}
 body[data-welcome-world=true][data-onboarding=true] .arrival-progress li{font-size:10px;gap:4px}
 body[data-welcome-world=true][data-onboarding=true] #pack[data-empty=true]{padding-inline:21px}
 body[data-welcome-world=true][data-onboarding=true] #pack .mascot-claim h1{font-size:39px}
 body[data-welcome-world=true][data-onboarding=true] #personal{padding-inline:20px;grid-template-columns:80px minmax(0,1fr);gap:18px 14px}
 body[data-welcome-world=true][data-onboarding=true] #personal h1{font-size:32px}
 body[data-welcome-world=true][data-onboarding=true] #personal .pet-preview-frame{width:80px;height:116px}
 body[data-welcome-world=true][data-onboarding=true] #personal .pet-room-scene{height:116px;width:80px}
}