.gotchi-root .onboarding-entry{--onboarding-accent:#ff4876;padding-block:max(20px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-bottom))}.gotchi-root .onboarding-header{display:flex;align-items:center;gap:24px;padding-right:100px}.gotchi-root .onboarding-brand{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.gotchi-root .onboarding-brand .floor404-logo{width:88px}.gotchi-root .onboarding-brand small{font:10px var(--ff);color:#b7bca2;margin-top:4px}.gotchi-root .onboarding-progress{color:#bfc4a6;font:9px/1.6 var(--ff);text-transform:uppercase;letter-spacing:.1em}.gotchi-root .onboarding-content{flex:1;width:100%;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:clamp(32px,5vw,80px);padding:24px 0}.gotchi-root .onboarding-companion{display:flex;flex-direction:column;align-items:center;min-width:0}.gotchi-root .onboarding-greeting{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.gotchi-root .onboarding-speech{position:relative;width:min(100%,340px);background:#171d14e8;border:1px solid #e4e77a44;border-radius:16px 16px 16px 3px;padding:14px 18px;box-shadow:0 15px 45px #0003;animation:onboarding-arrive .45s ease-out both}.gotchi-root .onboarding-speech:after{content:"";position:absolute;bottom:-9px;left:45%;width:16px;height:16px;background:#171d14;border-right:1px solid #e4e77a44;border-bottom:1px solid #e4e77a44;transform:rotate(45deg)}.gotchi-root .onboarding-speech>span{display:block;color:#ff8dab;text-transform:uppercase;font:10px/1.5 var(--ff);letter-spacing:.09em}.gotchi-root .onboarding-speech p{margin:5px 0 0;color:#f0f1de;font:14px/1.55 var(--ff)}.gotchi-root .onboarding-agent{position:relative;width:100%;height:220px;margin-top:14px}.gotchi-root .onboarding-agent .heropos{width:260px!important;max-width:100%;left:50%!important;top:100%!important}.gotchi-root .onboarding-pool{position:absolute;width:100%;height:50%;left:0;bottom:-4%;border-radius:50%;background:radial-gradient(ellipse,#ff48761c,transparent 68%);animation:onboarding-glow 6s ease-in-out infinite alternate}.gotchi-root .onboarding-agent-label{font:10px/1.6 var(--ff);color:#b7bea3;text-transform:uppercase;letter-spacing:.06em;text-align:center;margin-top:12px}.gotchi-root .onboarding-howto{width:100%;max-width:440px;margin-top:20px;padding:16px 18px;border:1px solid #f58aa826;border-radius:14px;background:#151218b3}.gotchi-root .onboarding-howto h2{font:600 11px/1.4 var(--ff);text-transform:uppercase;letter-spacing:.1em;color:#f5b6c9;margin:0 0 12px}.gotchi-root .onboarding-howto ol{display:grid;gap:8px;list-style:none;counter-reset:onboarding-step;padding:0;margin:0}.gotchi-root .onboarding-howto li{position:relative;padding-left:26px;counter-increment:onboarding-step;font:13px/1.5 var(--ff);color:#c9c2c8}.gotchi-root .onboarding-howto li:before{content:"0" counter(onboarding-step);position:absolute;left:0;top:1px;font-size:10px;color:#f5b6c9}.gotchi-root .onboarding-howto strong{color:#f2edf0;font-weight:500}.gotchi-root .onboarding-howto details{margin-top:12px;border-top:1px solid #ffffff14;padding-top:10px}.gotchi-root .onboarding-howto summary{display:flex;justify-content:space-between;align-items:center;min-height:28px;list-style:none;color:#f5b6c9;font:12px/1.5 var(--ff);cursor:pointer}.gotchi-root .onboarding-howto summary::-webkit-details-marker{display:none}.gotchi-root .onboarding-howto summary>span{font-size:18px;transition:transform .2s}.gotchi-root .onboarding-howto details[open] summary>span{transform:rotate(45deg)}.gotchi-root .onboarding-howto p{font:13px/1.6 var(--ff);color:#ddd4dc;margin:12px 0 0}.gotchi-root .onboarding-dialogue{animation:onboarding-arrive .5s ease-out both;min-width:0}.gotchi-root .onboarding-dialogue .gate-eyebrow{margin-bottom:10px}.gotchi-root .onboarding-dialogue h1{font:500 clamp(32px,3vw,42px)/1.15 var(--hd);letter-spacing:-.03em;text-transform:none;margin:0 0 16px;color:#f4f1d9;text-wrap:balance}.gotchi-root .onboarding-story{margin:0 0 14px;color:#d2ccc5;font:15px/1.6 var(--ff)}.gotchi-root .onboarding-story.onboarding-story--warning{color:#e6adbd;font-size:14px;line-height:1.5;margin-bottom:20px}.gotchi-root .onboarding-roles{border:0;padding:0;margin:0 0 18px;min-width:0}.gotchi-root .onboarding-roles legend{font:500 13px/1.5 var(--ff);margin-bottom:8px;color:#e0e6cb}.gotchi-root .onboarding-roles>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gotchi-root .onboarding-roles label{display:grid;grid-template-columns:16px 1fr;align-content:start;align-items:center;gap:8px;padding:12px;border:1px solid #ffffff3d;border-radius:12px;cursor:pointer;background:#ffffff05;transition:background .2s,border-color .2s}.gotchi-root .onboarding-roles label:hover{border-color:#ffffff80}.gotchi-root .onboarding-roles label[data-selected=true]{border-color:#ff7098;background:#ff487616}.gotchi-root .onboarding-roles input{accent-color:#ff4876;width:16px;height:16px;margin:0}.gotchi-root .onboarding-roles strong{font:600 15px/1.4 var(--ff);color:#fff}.gotchi-root .onboarding-roles span{grid-column:1/-1;font:12px/1.5 var(--ff);color:#c8ced0}.gotchi-root .onboarding-fields{display:flex;gap:14px}.gotchi-root .onboarding-fields>div{flex:1;min-width:0}.gotchi-root .onboarding-label{display:block;color:#e0e6cb;font:13px/1.5 var(--ff);margin:0 0 8px}.gotchi-root .onboarding-input{width:100%;padding:12px 14px;min-height:48px;background:#090e07b8;color:#f3f1df;border:1px solid #bbc49b66;border-radius:10px;font:16px/1.4 var(--ff)}.gotchi-root .onboarding-input::-moz-placeholder{color:#8f977e}.gotchi-root .onboarding-input::placeholder{color:#8f977e}.gotchi-root .onboarding-owner{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;margin:10px 0 0;color:#c0c5b0;font:13px/1.7 var(--ff)}.gotchi-root .onboarding-owner strong{color:#f4f1d9}.gotchi-root .onboarding-owner button{border:0;background:none;padding:6px 8px;color:#ff8dab;text-decoration:underline;cursor:pointer}.gotchi-root .onboarding-next{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:48px;margin-top:18px;padding:12px 18px;background:#ff4876;color:#210b12;border:1px solid #ff4876;border-radius:12px;font:600 14px/1.5 var(--ff);cursor:pointer;box-shadow:0 5px 30px #ff487611;transition:background .2s,transform .2s}.gotchi-root .onboarding-next:hover:not(:disabled){background:#ff80a1;transform:translateY(-2px)}.gotchi-root .onboarding-next:disabled{opacity:.45;cursor:default}.gotchi-root .onboarding-input-hint{display:block;font:11px/1.5 var(--ff);color:#acb398;margin:8px 0 0}.gotchi-root .onboarding-entry :is(button,input,summary):focus-visible{outline:2px solid #f6f0ba;outline-offset:4px}.gotchi-root .onboarding-mode{color:#9ba588;font:10px/1.5 var(--ff);margin:12px 0 0}.gotchi-root .onboarding-error{margin:12px 0 0;color:#ff9fba;font:13px/1.6 var(--ff)}.gotchi-root .registration-verification{margin-top:22px;padding:20px;border:1px solid #bbc49b55;border-radius:14px;background:#101510d9}.gotchi-root .registration-verification h2{margin:0 0 10px;font:600 clamp(20px,1.2vw,28px)/1.3 var(--ff);color:#f4f1d9}.gotchi-root .registration-verification .onboarding-story{margin-bottom:8px;overflow-wrap:anywhere}.gotchi-root .registration-verification .onboarding-input-hint{overflow-wrap:anywhere}.gotchi-root .registration-check{margin-top:16px;min-height:44px;padding:10px 16px;border:1px solid #bbc49b88;border-radius:8px;background:transparent;color:#f4f1d9;font:500 clamp(14px,.8vw,20px)/1.5 var(--ff);cursor:pointer}.gotchi-root .registration-check:hover:not(:disabled){background:#ffffff12;border-color:#f4f1d9}.gotchi-root .registration-check:disabled{opacity:.55;cursor:wait}.gotchi-root .registration-feedback{margin:12px 0 0;color:#e4d4bf;font:14px/1.5 var(--ff)}.gotchi-root .registration-feedback:empty{display:none}@keyframes onboarding-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes onboarding-glow{to{opacity:.4;transform:scale(.85)}}@media (min-width:1100px){.gotchi-root .onboarding-content{max-width:1480px;gap:clamp(40px,5vw,100px)}.gotchi-root .onboarding-dialogue h1{font-size:clamp(38px,2.5vw,60px)}.gotchi-root .onboarding-story{font-size:clamp(18px,1vw,24px)}.gotchi-root :is(.onboarding-label,.onboarding-roles legend){font-size:clamp(15px,.8vw,20px)}.gotchi-root .onboarding-input{font-size:clamp(18px,.95vw,24px);min-height:56px;padding:14px 16px}.gotchi-root .onboarding-roles label{padding:clamp(14px,1vw,22px)}.gotchi-root .onboarding-roles strong{font-size:clamp(17px,.9vw,22px)}.gotchi-root .onboarding-roles span{font-size:clamp(15px,.8vw,20px)}.gotchi-root .onboarding-next{font-size:clamp(17px,.9vw,22px);min-height:60px;padding:16px 22px}.gotchi-root :is(.onboarding-input-hint,.onboarding-mode,.onboarding-owner,.onboarding-error){font-size:clamp(14px,.75vw,18px)}.gotchi-root .onboarding-speech{width:min(100%,440px);padding:18px 22px}.gotchi-root .onboarding-speech p{font-size:clamp(17px,.9vw,22px)}.gotchi-root :is(.onboarding-speech>span,.onboarding-agent-label,.onboarding-howto h2){font-size:clamp(12px,.65vw,16px)}.gotchi-root .onboarding-howto{max-width:580px;padding:22px 24px}.gotchi-root :is(.onboarding-howto li,.onboarding-howto p,.onboarding-howto summary){font-size:clamp(16px,.85vw,21px)}.gotchi-root .onboarding-howto li:before{font-size:12px}.gotchi-root .onboarding-howto ol{gap:12px}.gotchi-root .onboarding-agent{height:clamp(240px,17vw,320px)}.gotchi-root .onboarding-agent .heropos{width:clamp(280px,20vw,360px)!important}}@media (min-width:761px) and (max-height:800px){.gotchi-root .onboarding-entry{padding-block:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-bottom))}.gotchi-root .onboarding-brand .floor404-logo{width:72px}.gotchi-root .onboarding-content{padding:18px 0}.gotchi-root .onboarding-agent{height:175px}.gotchi-root .onboarding-agent .heropos{width:210px!important}.gotchi-root .onboarding-dialogue h1{font-size:clamp(30px,2.8vw,38px);margin-bottom:12px}.gotchi-root .onboarding-howto{margin-top:16px}}@media (max-width:760px){.gotchi-root .onboarding-entry{padding:max(18px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))}.gotchi-root .onboarding-header{gap:16px;align-items:flex-start}.gotchi-root .onboarding-brand .floor404-logo{width:64px}.gotchi-root .onboarding-progress{font-size:8px;max-width:135px}.gotchi-root .onboarding-content{grid-template-columns:1fr;gap:24px;padding:20px 0;max-width:520px}.gotchi-root .onboarding-companion{display:contents}.gotchi-root .onboarding-dialogue{order:2}.gotchi-root .onboarding-howto{order:3;max-width:none;margin:0}.gotchi-root .onboarding-greeting{min-height:140px;flex-direction:row-reverse;gap:14px}.gotchi-root .onboarding-agent{width:32%;height:130px;flex:none;margin:0}.gotchi-root .onboarding-agent .heropos{width:155px!important;max-width:155%}.gotchi-root .onboarding-speech{flex:1;padding:12px}.gotchi-root .onboarding-speech:after{bottom:35%;left:-9px;transform:rotate(135deg)}.gotchi-root .onboarding-speech p{font-size:13px}.gotchi-root .onboarding-speech>span{font-size:9px}.gotchi-root .onboarding-agent-label{display:none}.gotchi-root .onboarding-dialogue h1{font-size:32px;margin-bottom:12px;text-wrap:wrap}.gotchi-root .onboarding-dialogue .gate-eyebrow{font-size:9px;margin-bottom:8px}.gotchi-root .onboarding-story{font-size:14px}.gotchi-root .onboarding-roles>div{gap:8px}.gotchi-root .onboarding-roles label{padding:10px;gap:6px}.gotchi-root .onboarding-roles strong{font-size:13px}.gotchi-root .onboarding-roles span{font-size:11px}.gotchi-root .onboarding-fields{gap:10px}.gotchi-root .onboarding-entry .gate-atmosphere:after{background:linear-gradient(0deg,#080b07 10%,#080b07a6 65%,#080b0755)}}@media (max-width:360px){.gotchi-root .onboarding-header{padding-right:80px}.gotchi-root .onboarding-progress{font-size:7px}.gotchi-root .onboarding-roles label{grid-template-columns:14px 1fr;gap:5px;padding:8px}.gotchi-root .onboarding-roles input{width:14px;height:14px}.gotchi-root .onboarding-fields{flex-direction:column;gap:14px}}@media (prefers-reduced-motion:reduce){.gotchi-root .onboarding-dialogue,.gotchi-root .onboarding-pool,.gotchi-root .onboarding-speech{animation:none}}.gotchi-root .onboarding-fields{margin-bottom:20px}.gotchi-root .onboarding-next{justify-content:center;text-align:center;border-radius:999px;color:white}.gotchi-root .onboarding-howto li{display:flex;gap:12px;align-items:flex-start;padding:7px 0}.gotchi-root .onboarding-howto li:before{display:none}.gotchi-root .onboarding-howto li>svg{width:24px;height:24px;flex:none;color:#ff9db9}.gotchi-root .onboarding-name-suggest{margin-top:7px;border:0;background:none;color:#ffc0d4;text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:13px;cursor:pointer;min-height:28px}.gotchi-root .confirmation-entry{align-items:center;justify-content:center;gap:22px;padding:30px 20px 38px;min-height:100%;background:#090c09}.gotchi-root .confirmation-backdrop{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 35%,#ff487610,transparent 55%),linear-gradient(#090c09b8,#090c09f2),url(/backrooms-assets/entry-exterior.webp) 50%/cover;pointer-events:none}.gotchi-root .confirmation-brand{display:block;flex-shrink:0;border-radius:8px}.gotchi-root .confirmation-card{box-sizing:border-box;width:100%;max-width:540px;padding:30px 36px;text-align:center;border:1px solid #ffffff21;border-radius:24px;background:#141712f2;box-shadow:0 22px 80px #0005;font:16px/1.5 var(--ff)}.gotchi-root .confirmation-icon{position:relative;display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px;border:1px solid #ff487644;border-radius:20px;background:#ff487617;color:#ff8cab}.gotchi-root .confirmation-icon>span{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;width:23px;height:23px;border:3px solid #141712;border-radius:50%;background:#ff4876;color:#210a11}.gotchi-root .confirmation-card h1{text-transform:none;margin:0 0 6px;font:600 clamp(28px,2.4vw,34px)/1.2 var(--hd);letter-spacing:-.025em;color:#f5f3e9}.gotchi-root .confirmation-intro{margin:0;color:#cccfc3;font-size:17px}.gotchi-root .confirmation-recipient{margin:22px 0;padding:13px 16px;border:1px solid #ffffff14;border-radius:12px;background:#ffffff04;overflow-wrap:anywhere}.gotchi-root .confirmation-recipient>span{display:block;color:#b3b8a8;font-size:14px}.gotchi-root .confirmation-recipient strong{display:block;margin-top:3px;font-size:17px;font-weight:600;color:#f6f3e9}.gotchi-root .confirmation-steps{display:grid;gap:16px;list-style:none;text-align:left;margin:0 0 24px;padding:0;color:#bbc2b1}.gotchi-root .confirmation-steps li{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.4}.gotchi-root .confirmation-step{flex:0 0 28px;height:28px;display:grid;place-items:center;border:1px solid #ffffff28;border-radius:50%;font-size:13px}.gotchi-root .confirmation-step--done{color:#a5dab8;background:#a5dab810;border-color:#a5dab840}.gotchi-root .confirmation-steps [aria-current]{color:#fff1f5}.gotchi-root .confirmation-steps [aria-current] .confirmation-step{background:#ff4876;border-color:#ff4876;color:#210a11;font-weight:700}.gotchi-root .confirmation-steps strong{display:block;margin-top:3px;color:#c1c4ba;font-size:14px;font-weight:400}.gotchi-root .confirmation-actions{display:grid;gap:10px}.gotchi-root .confirmation-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:999px;font:600 16px/1.4 var(--ff);cursor:pointer;transition:background .15s}.gotchi-root .confirmation-button--primary{background:#ff4876;color:#200b11;border-color:#ff4876}.gotchi-root .confirmation-button--primary:hover:not(:disabled){background:#ff7297;border-color:#ff7297}.gotchi-root .confirmation-button--secondary{background:transparent;color:#f3eedf;border-color:#aeb6a15c}.gotchi-root .confirmation-button--secondary:hover:not(:disabled){background:#ffffff0c;border-color:#d7dacd}.gotchi-root .confirmation-button:disabled{cursor:default;color:#b0b5a6;background:#ffffff05;border-color:#ffffff1c}.gotchi-root .confirmation-help{margin:20px 0 6px;color:#b5bba9;font-size:14px;line-height:1.6}.gotchi-root .confirmation-change{display:inline-flex;align-items:center;min-height:40px;color:#f3d4dd;font-size:15px;text-decoration:underline;text-underline-offset:4px}.gotchi-root .confirmation-feedback{padding:12px 14px;margin:16px 0 0;border-radius:12px;background:#ff487610;color:#ffd0df;font-size:15px;text-align:left}.gotchi-root .confirmation-entry :is(a,button):focus-visible{outline:2px solid #fff0d6;outline-offset:4px}.gotchi-root .gate-entry-handoff{display:flex;min-height:100%;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px;color:#f4f0df;font:16px/1.5 var(--ff);background:#090c09}@media(max-width:600px){.gotchi-root .confirmation-entry{padding:20px 14px;gap:18px}.gotchi-root .confirmation-brand .floor404-logo{width:100px}.gotchi-root .confirmation-card{padding:24px 22px;border-radius:20px}.gotchi-root .confirmation-intro{font-size:16px}}@media(min-width:601px) and (max-height:800px){.gotchi-root .confirmation-entry{gap:14px;padding-block:20px}.gotchi-root .confirmation-brand .floor404-logo{width:100px}.gotchi-root .confirmation-card{padding:24px 32px}.gotchi-root .confirmation-icon{width:48px;height:48px;margin-bottom:12px;border-radius:15px}.gotchi-root .confirmation-recipient{margin:16px 0}.gotchi-root .confirmation-steps{gap:12px;margin-bottom:18px}.gotchi-root .confirmation-help{margin-top:16px}}@media(prefers-reduced-motion:reduce){.gotchi-root .confirmation-button{transition:none}}