.sim{grid-template-areas:"intro""street""caption""phone";gap:24px;display:grid}@media (width>=900px){.sim{grid-template:"intro phone""street phone""caption phone"1fr/minmax(0,1fr) 290px;gap:28px 48px}}.sim-intro{grid-area:intro}.sim-street{--sim-h:340px;--u:calc(var(--sim-h) / 200);height:var(--sim-h);image-rendering:pixelated;background-image:url(/assets/onboarding/street_bg.png);background-repeat:repeat-x;background-size:auto 100%;border-radius:24px;grid-area:street;position:relative;overflow:hidden}@media (width<=640px){.sim-street{--sim-h:260px}}.sim-paused,.sim-paused *,.sim-street-idle .sim-car,.sim-street-idle .sim-walker,.sim-homes:not(.sim-homes-on) .sim-resident{animation-play-state:paused!important}.sim-street:not(.sim-carrying) .sim-friend-link{animation:none}@media (prefers-reduced-motion:reduce){.sim *,.sim :before,.sim :after{transition:none!important;animation:none!important}}.sim-walker{width:calc(30 * var(--u));height:calc(60 * var(--u));background-repeat:no-repeat;background-size:calc(180 * var(--u)) calc(360 * var(--u));background-position-y:calc(var(--sim-row) * -60 * var(--u));image-rendering:pixelated;animation:.9s steps(6,end) infinite sim-walk;position:absolute;left:0}@keyframes sim-walk{0%{background-position-x:0}to{background-position-x:calc(-180 * var(--u))}}.sim-car{width:calc(76.7 * var(--u));height:calc(45.8 * var(--u));image-rendering:pixelated;background-image:url(/assets/onboarding/cars/car_01.png);background-repeat:no-repeat;background-size:calc(460 * var(--u)) calc(91.7 * var(--u));position:absolute}.sim-car-upper{top:calc(46 * var(--u));background-position-y:calc(-45.8 * var(--u));animation:.6s steps(6,end) infinite sim-car-frames,7s linear infinite sim-drive-left}.sim-car-lower{top:calc(88 * var(--u));background-position-y:0;animation:.6s steps(6,end) infinite sim-car-frames,7s linear -3.5s infinite sim-drive-right}@keyframes sim-car-frames{0%{background-position-x:0}to{background-position-x:calc(-460 * var(--u))}}@keyframes sim-drive-left{0%{left:100%}to{left:calc(-76.7 * var(--u))}}@keyframes sim-drive-right{0%{left:calc(-76.7 * var(--u))}to{left:100%}}.sim-beacons{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sim-beacons path{fill:none;stroke-width:2.2px;stroke-linecap:round}.sim-beacon{stroke:var(--color-signal-400);filter:drop-shadow(0 0 3px var(--color-signal-400))}.sim-beacon-bright{stroke:var(--color-text-hi)}.sim-friend-link{stroke:var(--color-signal-400);stroke-opacity:.6;stroke-width:1.6px;stroke-dasharray:6 5;animation:.5s linear infinite sim-link-flow}@keyframes sim-link-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:11px}}.sim-friend-home{z-index:2;background:var(--color-ink-800);opacity:0;border:1px solid #6fbfd180;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:opacity .35s,transform .35s;display:flex;position:absolute;transform:scale(.9)}.sim-friend-home-on{opacity:1;transform:none}.sim-friend-home img{width:45%;image-rendering:pixelated}.sim-friend-home-label{color:var(--color-signal-400);image-rendering:auto;align-items:center;gap:2px;font-size:10px;font-weight:600;display:flex}.sim-delay{background:var(--color-ink-800);image-rendering:auto;border-radius:16px;flex-direction:column;gap:10px;width:min(300px,100% - 32px);padding:14px 16px 16px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 4px 24px #0a0c1480}.sim-delay-label{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.sim-delay-bar{background:var(--color-lamp-500);transform-origin:0;width:100%;height:3px;position:absolute;bottom:0;left:0}.sim-homes{background:var(--color-ink-900);opacity:0;pointer-events:none;grid-template-columns:1fr 1fr;gap:4px;transition:opacity .6s;display:grid;position:absolute;inset:0}.sim-homes-on{opacity:1}.sim-home{position:relative;overflow:hidden}.sim-room{aspect-ratio:1;height:100%;translate:calc(-50% + (80 - var(--sim-seat-x)) / 192 * 100%) 0;image-rendering:pixelated;background-size:100% 100%;position:absolute;top:0;left:50%}.sim-home-maya .sim-room{--sim-seat-x:71;background-image:url(/assets/interiors/home_maya.png)}.sim-home-alex .sim-room{--sim-seat-x:108;background-image:url(/assets/interiors/home_alex.png)}.sim-resident{width:16.6667%;height:33.3333%;image-rendering:pixelated;left:calc(var(--sim-seat-x) / 192 * 100%);background-repeat:no-repeat;background-size:600% 100%;animation:1.2s steps(6,end) infinite sim-phone-frames;position:absolute;top:44.7917%}@keyframes sim-phone-frames{0%{background-position-x:0}to{background-position-x:120%}}.sim-phone-column{flex-direction:column;grid-area:phone;align-self:center;align-items:center;gap:12px;display:flex}.sim-phone{border:2px solid var(--color-outline-variant);background:var(--color-ink-700);border-radius:50px;width:290px;height:600px;padding:10px}.sim-phone-screen{background:var(--color-ink-900);border-radius:40px;height:100%;font-size:13px;position:relative;overflow:hidden}.sim-statusbar{z-index:3;color:var(--color-text-hi);justify-content:space-between;padding:14px 26px 0;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.sim-statusbar-icons{align-items:center;gap:6px;display:flex}.sim-signal{background:var(--color-text-hi);clip-path:polygon(0 100%,100% 0,100% 100%);border-radius:2px;width:14px;height:9px}.sim-battery{background:var(--color-text-hi);border-radius:3px;width:20px;height:9px}.sim-home-indicator{background:var(--color-text-mid);border-radius:2px;width:96px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.sim-screen{height:100%;padding:48px 14px 24px;animation:.25s ease-out sim-screen-in}@keyframes sim-screen-in{0%{opacity:0;transform:translateY(8px)}}.sim-home-header{justify-content:space-between;gap:8px;margin:8px 0 22px;display:flex}.sim-pill{background:var(--color-ink-800);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.sim-live-dot{background:var(--color-signal-400);border-radius:50%;width:7px;height:7px}.sim-section{flex-direction:column;gap:8px;display:flex}.sim-section-label{color:var(--color-text-hi);font-size:13px;font-weight:600;display:block}.sim-row{background:var(--color-ink-800);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.sim-row-new{outline:2px solid var(--color-lamp-500);outline-offset:-2px;animation:.4s cubic-bezier(.2,0,0,1) sim-row-in}@keyframes sim-row-in{0%{opacity:0;transform:translateY(-12px)}}.sim-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.sim-avatar-small{width:30px;height:30px}.sim-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.sim-row-name{color:var(--color-text-hi);font-size:14px;font-weight:600}.sim-row-sub{color:var(--color-text-mid);font-size:12px}.sim-row-character{width:20px;height:auto;image-rendering:pixelated}.sim-empty{text-align:center;color:var(--color-text-low);margin-top:120px}.sim-profile{padding:0;position:relative;overflow-y:hidden}.sim-profile-photo{background-position:50% 20%;background-size:cover;height:290px;position:relative}.sim-profile-photo:after{content:"";background:linear-gradient(#0000,#141722d9);height:90px;position:absolute;inset:auto 0 0}.sim-profile-name{z-index:1;font-family:var(--font-display);align-items:center;gap:6px;font-size:22px;font-weight:600;display:flex;position:absolute;bottom:30px;left:16px}.sim-profile-name img{width:18px;image-rendering:pixelated}.sim-profile-age{font-weight:400}.sim-profile-count{z-index:1;color:var(--color-text-mid);font-size:11px;position:absolute;bottom:12px;left:16px}.sim-profile-body{flex-direction:column;gap:6px;padding:14px 16px;display:flex}.sim-profile-body p{color:var(--color-text-mid);margin-bottom:6px;line-height:1.45}.sim-chips{flex-wrap:wrap;gap:6px;display:flex}.sim-chip{border:1px solid var(--color-outline-variant);color:var(--color-text-mid);border-radius:999px;padding:4px 10px;font-size:12px}.sim-decide{justify-content:center;gap:24px;display:flex;position:absolute;bottom:30px;left:0;right:0}.sim-decide button{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s;display:flex}.sim-decide button:hover{transform:scale(1.08)}.sim-decide-ignore{background:var(--color-ink-700);color:var(--color-text-mid)}.sim-decide-like{background:var(--color-lamp-500);color:var(--color-ink-900);animation:1.6s ease-in-out infinite sim-nudge}@keyframes sim-nudge{50%{transform:scale(1.08)}}.sim-waiting{color:var(--color-lamp-500);white-space:nowrap;background:#141722e6;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.sim-match{z-index:2;background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.3s ease-out sim-screen-in;display:flex;position:absolute;inset:0}.sim-match-cards{gap:12px;margin-bottom:18px;display:flex}.sim-match-card{background-position:50% 20%;background-size:cover;border-radius:14px;justify-content:center;align-items:flex-end;width:96px;height:126px;display:flex;position:relative}.sim-match-card img{width:40px;image-rendering:pixelated;margin-bottom:-18px}.sim-match-title{font-family:var(--font-display);font-size:24px;font-weight:600}.sim-match-sub{color:var(--color-text-mid)}.sim-match-button{background:var(--color-lamp-500);color:var(--color-ink-900);cursor:pointer;border-radius:999px;margin-top:14px;padding:10px 22px;font-weight:600}.sim-chat{flex-direction:column;padding-bottom:26px;display:flex}.sim-chat-header{border-bottom:1px solid var(--color-ink-800);align-items:center;gap:10px;padding:6px 2px 12px;display:flex}.sim-chat-messages{flex-direction:column;flex:1;justify-content:flex-end;gap:8px;padding:12px 0;display:flex}.sim-chat-day{background:var(--color-ink-800);color:var(--color-text-mid);border-radius:999px;align-self:center;padding:3px 10px;font-size:11px}.sim-bubble{border-radius:16px;max-width:80%;padding:9px 12px;line-height:1.4;animation:.3s ease-out sim-row-in}.sim-bubble-theirs{background:var(--color-ink-700);align-self:flex-start}.sim-bubble-mine{background:var(--color-lamp-500);color:var(--color-ink-900);align-self:flex-end}.sim-typing{border-radius:16px;gap:4px;padding:12px 14px;display:flex}.sim-typing span{opacity:.5;background:currentColor;border-radius:50%;width:6px;height:6px;animation:1s infinite sim-typing}.sim-typing span:nth-child(2){animation-delay:.15s}.sim-typing span:nth-child(3){animation-delay:.3s}@keyframes sim-typing{50%{opacity:1;transform:translateY(-2px)}}.sim-chat-input{background:var(--color-ink-800);color:var(--color-text-low);border-radius:999px;justify-content:space-between;align-items:center;padding:8px 8px 8px 14px;display:flex}.sim-send{background:var(--color-lamp-500);width:30px;height:30px;color:var(--color-ink-900);border-radius:50%;justify-content:center;align-items:center;display:flex}.sim-caption{flex-direction:column;grid-area:caption;gap:16px;display:flex}.sim-controls{justify-content:space-between;align-items:center;gap:20px;display:flex}.sim-caption-text{flex-direction:column;gap:6px;min-height:96px;display:flex}.sim-caption-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:24px;font-weight:600}.sim-caption-body{max-width:38rem;color:var(--color-text-mid);line-height:1.5}.sim-steps{flex:1;gap:4px;max-width:16rem;display:flex}.sim-step{cursor:pointer;background-color:var(--color-ink-700);background-clip:content-box;flex:1;height:20px;padding:8px 0;transition:padding .15s}.sim-step:hover{padding:7px 0}.sim-step[data-done]{background-color:color-mix(in srgb, var(--color-lamp-500) 45%, var(--color-ink-700))}.sim-step[aria-current]{background-color:var(--color-lamp-500)}.sim-buttons{flex-shrink:0;gap:8px;display:flex}.sim-round{border:1px solid var(--color-outline-variant);width:44px;height:44px;color:var(--color-text-mid);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:color .15s;display:flex}.sim-round:hover{color:var(--color-text-hi)}.sim-delay-track{background:var(--color-ink-700);border-radius:2px;height:4px;margin:8px 6px;position:relative}.sim-delay-fill{background:var(--color-lamp-500);border-radius:2px;position:absolute;inset:0 auto 0 0}.sim-delay-dot{background:var(--color-text-low);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translate(-50%,-50%)}.sim-delay-thumb{background:var(--color-lamp-500);width:18px;height:18px}.sim-delay-labels{color:var(--color-text-low);justify-content:space-between;font-size:11px;display:flex}.sim-delay-picked{color:var(--color-text-hi);font-weight:600}