/* The companion screen is the signed-in home; creation has its own linear navigation. */
.creation-top{grid-template-columns:44px 1fr 106px;gap:5px}.creation-top>span{font-size:15px;letter-spacing:1px}.creation-top .text-btn{font-size:13px;text-decoration:none;text-align:right;padding-right:0}
.creation-steps{display:flex;justify-content:space-between;gap:12px;margin:8px 0 29px;position:relative}
.creation-steps:before{content:"";position:absolute;top:15px;left:12%;right:12%;height:1px;background:var(--line)}
.creation-steps button{flex:1;display:grid;justify-items:center;gap:9px;color:#89957a;font-size:12px;padding:0;position:relative}
.creation-steps button span{display:grid;place-items:center;background:#e7ecd8;border:3px solid var(--cream);border-radius:50%;width:34px;height:34px;font-size:11px;font-variant-numeric:tabular-nums}
.creation-steps button[aria-current=step]{color:var(--green);font-weight:700}.creation-steps button[aria-current=step] span{background:var(--green);color:#fff9e5}.creation-steps button:disabled{opacity:.45}
.creation-actions{display:flex;gap:12px;margin-top:24px}.creation-actions>.secondary{width:31%;flex:none}.creation-actions>.primary{flex:1;min-width:0;font-size:14px;padding-left:10px;padding-right:10px}
.readonly-pet{display:flex;justify-content:space-between;align-items:center;padding:18px 0;margin-bottom:20px;border-bottom:1px solid var(--line)}.readonly-pet span{font-size:14px;color:var(--muted)}.readonly-pet strong{font-size:20px}
.home-pending .home-stage{margin:30px 0 17px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:38%;background:#f0f0df}
.home-stage>img{width:100%;height:100%;object-fit:contain}.home-stage .mini-world{width:85%;height:auto;margin:0}
.home-progress{text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;margin:5px 0 22px}.home-progress h1{font-size:20px;letter-spacing:1px}.home-live-dot{width:7px;height:7px;border-radius:50%;background:#94a87b;animation:home-pulse 2s ease-in-out infinite}
.home-continue{margin-top:auto;padding:22px 18px max(32px,env(safe-area-inset-bottom))}.home-pending .pet-name small{margin-top:8px}
@keyframes home-pulse{50%{opacity:.3}}


.home-empty .empty-pet-stage{flex:1;min-height:290px;display:grid;place-items:center;padding:30px 12px}
.empty-pet-stage img{width:78%;max-width:280px;height:auto;opacity:.6;filter:blur(.5px)}
.home-empty .home-continue{width:100%;padding-top:20px;padding-bottom:max(52px,env(safe-area-inset-bottom))}