.garage-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.smoke-plume{position:absolute;left:94%;top:30%;width:7vw;min-width:40px;height:22%;min-height:90px;border-radius:48%;background:radial-gradient(ellipse,#e8d3f355,#e9e1ff1c 45%,transparent 70%);filter:blur(7px);opacity:0;transform-origin:bottom;animation:garage-smoke 7s ease-out infinite}
.smoke-plume.two{animation-delay:2.3s;left:95%;width:9vw}.smoke-plume.three{animation-delay:4.7s;left:93%}
@keyframes garage-smoke{0%{opacity:0;transform:translate(0,20px) scale(.45) rotate(-12deg)}20%{opacity:.65}65%{opacity:.4}100%{opacity:0;transform:translate(-7vw,-22vh) scale(2.1) rotate(18deg)}}
.tv-glow{position:absolute;left:6%;top:33%;width:15%;height:22%;background:radial-gradient(ellipse,#b78af330,transparent 72%);mix-blend-mode:screen;animation:tv-flicker 4.6s ease-in-out infinite}
@keyframes tv-flicker{0%,100%{opacity:.4}30%{opacity:.9}43%{opacity:.6}65%{opacity:1}}
.owner-panel{margin-top:22px}.owner-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid #fff1;font-size:13px}.owner-row small{color:#bd91d7}.owner-panel>.hint{margin-bottom:12px}
.welcome-mode{min-height:100svh}.welcome-shade{position:fixed;inset:0;background:#080710bb;z-index:-1;backdrop-filter:blur(4px)}
.welcome-shell{width:min(1150px,100%);margin:auto;padding:28px 38px 65px}.welcome-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
.welcome-steps{display:flex;justify-content:center;gap:30px;margin:0 auto 42px}.welcome-steps>span{display:flex;align-items:center;gap:8px;color:#827887;font-size:11px;white-space:nowrap}.welcome-steps b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid #ffffff26;font-size:10px}.welcome-steps .current{color:#f4c5ed}.welcome-steps .current b{background:#bb73c42b;border-color:#d090d8;box-shadow:0 0 23px #b473c42a}.welcome-steps .done{color:#a5cab2}
.welcome-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.85fr);gap:50px;align-items:start}.welcome-layout.step-0{display:block;width:min(580px,100%);margin:0 auto}.welcome-panel{padding:34px;border-radius:27px;background:#0c0913da;border:1px solid #e7c6ef24;box-shadow:0 30px 100px #0005;animation:welcome-arrive .55s both}.welcome-panel h1{font-family:'Space Grotesk',sans-serif;font-size:35px;letter-spacing:-1.4px;line-height:1.13;margin:12px 0 14px}.welcome-subtitle{font-size:13px;line-height:1.6;color:#a99caf;margin-bottom:28px}.welcome-panel .form-field{margin-bottom:20px}.welcome-panel>.hint{margin-bottom:20px}.welcome-panel .form-grid{margin-bottom:20px}.welcome-panel details{padding:0;border:0;background:none}.welcome-panel #character-editor>.form-grid>.check:first-child{display:none}.welcome-panel #character-editor>summary{display:none}.welcome-panel .media-field{margin-bottom:20px}.welcome-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap}.welcome-actions .button{display:flex;align-items:center;gap:10px}.welcome-actions svg{width:17px;height:17px}.welcome-panel #message{margin-top:15px}
.welcome-intro{text-align:center;padding:20px 0 12px}.welcome-intro h1{font-size:clamp(38px,5vw,57px);margin-top:24px}.welcome-intro h1 span,.welcome-success h1 span{color:#f4bce1;text-shadow:0 0 30px #c586a955}.welcome-intro>p:not(.eyebrow){color:#b7a8bc;font-size:14px;line-height:1.8;margin:22px 0 30px}.welcome-intro>.button{display:inline-flex;align-items:center;gap:14px}.welcome-intro svg{width:18px;height:18px}.welcome-star{display:block;font-size:65px;color:#edb4df;margin-bottom:21px;text-shadow:0 0 40px #cc70bb;animation:welcome-star 6s ease-in-out infinite}.welcome-intro .eyebrow{color:#bd93c0;letter-spacing:3px;font-size:9px}
.welcome-preview{position:sticky;top:150px;padding-top:115px;animation:welcome-arrive .7s .15s both}.welcome-preview #welcome-avatar{position:absolute;inset:-10px 0 auto;height:245px;z-index:3;pointer-events:none}.welcome-preview .character-display{height:245px;width:235px;margin:auto}.welcome-preview .pose-lying{width:100%;height:200px;padding-top:25px}.welcome-mini-card{position:relative;aspect-ratio:1;border:1px solid #ffffff24;background:linear-gradient(145deg,#211629e0,#100b19d9);border-radius:28px;padding:130px 25px 25px;display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:center;text-align:center;box-shadow:0 24px 60px #0005}.welcome-mini-card strong{font-size:29px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.welcome-mini-card span{font-size:12px;color:#bdaac5}.welcome-mini-card small{font-size:9px;color:#8f7c99;margin-top:17px;text-transform:uppercase;letter-spacing:2px}
.welcome-success{min-height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:45px 24px}.success-character{width:270px;height:255px}.success-character .character-display{height:100%;width:100%}.welcome-success h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(32px,5vw,52px);letter-spacing:-1.8px;line-height:1.2;margin:18px 0}.welcome-success p{color:#baa7c0;font-size:13px}.welcome-success .welcome-actions{justify-content:center}.welcome-success>*{animation:welcome-arrive .7s both}.welcome-confetti{position:fixed;inset:0;pointer-events:none;z-index:10;overflow:hidden}.welcome-confetti i{position:absolute;left:var(--x);top:-30px;width:6px;height:12px;background:var(--color);border-radius:2px;animation:welcome-confetti 3.5s var(--delay) ease-in both}
@keyframes welcome-arrive{from{opacity:0;transform:translateY(25px) scale(.98)}to{opacity:1;transform:none}}@keyframes welcome-star{50%{transform:rotate(20deg) scale(1.07)}}@keyframes welcome-confetti{to{top:110%;transform:translateX(40px) rotate(var(--spin));opacity:0}}
@media(max-width:750px){.welcome-shell{padding:22px 24px 55px}.welcome-header{margin-bottom:32px}.welcome-steps{gap:15px;margin-bottom:30px}.welcome-steps>span{font-size:10px;gap:5px}.welcome-layout{display:flex;flex-direction:column;gap:32px}.welcome-panel{width:100%;padding:25px}.welcome-preview{position:relative;top:0;order:-1;width:240px;margin:auto;padding-top:85px}.welcome-preview #welcome-avatar{height:195px;top:-12px}.welcome-preview .character-display{height:195px;width:185px}.welcome-preview .pose-lying{width:240px;height:150px}.welcome-mini-card{padding:93px 17px 20px}.welcome-mini-card strong{font-size:25px}.welcome-mini-card small{margin-top:9px}.welcome-panel h1{font-size:30px}.welcome-layout.step-0{display:block}.welcome-intro h1{font-size:42px}}
@media(max-width:430px){.welcome-shell{padding-left:20px;padding-right:20px}.welcome-header .brand{font-size:21px}.welcome-steps{gap:9px}.welcome-steps>span{font-size:9px;gap:4px}.welcome-steps b{width:21px;height:21px}.welcome-panel{padding:22px}.welcome-panel .form-grid{gap:15px 10px}.welcome-success .welcome-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.smoke-plume,.tv-glow,.welcome-star,.welcome-confetti i,.welcome-panel,.welcome-preview,.welcome-success>*{animation:none}.smoke-plume{opacity:.18}}


.delete-profile-zone{margin-top:45px;border-color:#ff727229;padding:26px}.delete-profile-zone h2{color:#edafaf}.delete-profile-zone .hint{margin:12px 0 20px}.delete-profile-button{background:#a9323a24;border:1px solid #c65c6655;color:#ffc7cd}.delete-profile-button:hover{background:#a9323a44}.delete-profile-zone [role=status],.profile-trash [role=status]{margin-top:12px;color:#ffb5be;font-size:12px}.profile-trash{margin-top:35px}