.welcome-page{--welcome-ink:#fff;--welcome-muted:#eae3ff;isolation:isolate;width:100%;height:100svh;min-height:680px;color:var(--welcome-ink);background:#53c9e9;grid-template-rows:clamp(116px,21svh,220px) minmax(0,1fr) 44px;font-family:Trebuchet MS,Arial,sans-serif;font-size:16px;line-height:1.35;display:grid;position:relative;overflow:clip}.welcome-page *,.welcome-info *{box-sizing:border-box}.welcome-backdrop,.welcome-shade,.welcome-confetti{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.welcome-backdrop{z-index:-3;object-fit:cover;object-position:center 60%}.welcome-shade{z-index:-2;background:linear-gradient(#1486c515,#0000 40%,#23446538)}.welcome-confetti{z-index:-1;overflow:hidden}.welcome-confetti i{background:#fffbd6;border-radius:50%;width:6px;height:6px;animation:7s ease-in-out infinite welcome-float;position:absolute;box-shadow:0 0 10px #fff}.welcome-confetti i:nth-child(3n){background:#ffb9e9;width:5px;height:12px;transform:rotate(28deg)}.welcome-confetti i:nth-child(3n+1){background:#ffea84}.welcome-page button,.welcome-page a{-webkit-tap-highlight-color:transparent}.welcome-page button{font:inherit;cursor:pointer;color:inherit}.welcome-page button:disabled{cursor:default;opacity:.6}.welcome-page :is(button,a,input):focus-visible{outline-offset:4px;outline:3px solid #fff186}.welcome-info :focus-visible{outline-offset:4px;outline:3px solid #fff186}.welcome-page a{color:inherit;text-decoration:none}.welcome-header{justify-content:center;align-items:center;padding:12px 20px 4px;display:flex;position:relative}.welcome-brand{filter:drop-shadow(0 5px 10px #81339048);width:min(69vw,1060px);display:block}.welcome-brand .dream-logo-aura{filter:blur(13px);animation:3.8s ease-in-out infinite welcome-logo-glow}.welcome-brand .dream-logo-shine:before{animation-duration:4.8s}.welcome-alpha,.welcome-admin{text-shadow:0 1px 5px #152650;font-size:14px;font-weight:700;position:absolute;top:18px}.welcome-alpha{left:26px}.welcome-admin{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#663caca3;border:1px solid #ffffff75;border-radius:24px;align-items:center;gap:7px;padding:9px 14px;display:flex;right:26px}.welcome-admin:hover{background:#7843cbd9}.welcome-playground{grid-template-columns:minmax(225px,.82fr) minmax(265px,1.05fr) minmax(355px,1.18fr);align-items:center;gap:clamp(14px,2vw,38px);width:min(1500px,96%);min-height:0;margin:0 auto;padding-bottom:10px;display:grid}.welcome-glass{color:#fff;-webkit-backdrop-filter:blur(13px)saturate(1.25);backdrop-filter:blur(13px)saturate(1.25);background:linear-gradient(145deg,#664caaa8,#493689d9);border:1px solid #ffffff43;position:relative;box-shadow:0 14px 36px #262b7230,inset 0 1px #ffffff75}.welcome-wardrobe{border-radius:32px 38px 28px 48px;padding:20px;transform:rotate(-.6deg)}.welcome-section-heading{margin-bottom:14px}.welcome-kicker{letter-spacing:.065em;color:#ffea9c;font-size:12px;font-weight:700}.welcome-page h2{color:#fff;letter-spacing:-.035em;margin:4px 0 0;font-family:inherit;font-size:clamp(23px,2vw,31px);font-weight:900;line-height:1.16}.welcome-section-heading h2{justify-content:space-between;align-items:center;gap:8px;display:flex}.welcome-categories{grid-template-columns:1fr 1fr;gap:7px;display:grid}.welcome-categories button{background:#2c296244;border:1px solid #ffffff40;border-radius:14px;align-items:center;gap:9px;min-width:0;padding:10px 11px;font-size:14px;transition:transform .15s,background .15s;display:flex}.welcome-categories button:hover{background:#9778d786;transform:translateY(-2px)}.welcome-categories button[aria-selected=true]{color:#463375;background:linear-gradient(120deg,#ffe994,#ffc9aa);border-color:#ffefb4;font-weight:700;box-shadow:0 3px #ac729a}.welcome-cosmetics{text-align:center;padding:14px 0 12px;font-size:14px}.welcome-empty-slots{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.welcome-empty-slots span{color:#e6d3f4ad;background:#c09ee714;border:1px dashed #ffffff64;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:62px;display:flex}.welcome-empty-slots small{font-size:12px}.welcome-cosmetics p{color:var(--welcome-muted);margin:4px 0 0;font-size:13px}.welcome-interests{border:0;border-top:1px solid #ffffff32;margin:0;padding:12px 0 0}.welcome-interests legend{float:left;width:100%;margin-bottom:8px;font-size:14px;font-weight:700}.welcome-interests legend small{float:right;color:#e3d5f5;font-size:12px;font-weight:400}.welcome-interests>div{clear:both;flex-wrap:wrap;gap:6px;display:flex}.welcome-interests button{background:#32265c49;border:1px solid #ffffff4a;border-radius:20px;align-items:center;gap:3px;padding:5px 9px;font-size:12px;display:flex}.welcome-interests button[aria-pressed=true]{color:#386059;background:#d5f6db;border-color:#c7ffe2}.welcome-character{text-align:center;color:#342873;grid-template-rows:auto auto minmax(150px,1fr) auto auto;align-self:stretch;min-width:0;min-height:0;display:grid;position:relative}.welcome-character-title{text-shadow:0 2px #fff7,0 2px 20px #ffffffb8}.welcome-character h1{letter-spacing:-.04em;margin:2px 0 6px;font-family:inherit;font-size:clamp(24px,2.4vw,37px);font-weight:900;line-height:1.1}.welcome-character-title p{margin:0 0 12px;font-size:14px;font-weight:700}.welcome-base{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#6045ad9c;border-radius:30px;justify-self:center;align-items:center;gap:5px;padding:5px;display:flex;box-shadow:0 4px 13px #34247826}.welcome-base button{color:#fff;background:0 0;border:0;border-radius:24px;justify-content:center;align-items:center;gap:5px;min-width:99px;padding:9px 15px;font-size:15px;font-weight:700;display:flex}.welcome-base button[aria-pressed=true]{color:#674381;background:linear-gradient(#ffe5a8,#ffbdac);box-shadow:0 2px 3px #4f298827}.welcome-peep-space{min-height:0;position:relative}.welcome-peep-canvas{width:100%;height:100%;min-height:150px;position:relative}.welcome-peep-canvas canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block}.welcome-peep-canvas canvas:active{cursor:grabbing}.welcome-peep-loading{text-align:center;color:#513477;background:#f1e5ffdf;border-radius:18px;padding:15px;font-size:14px;position:absolute;inset:35% 5% auto}.welcome-turn{background:#7049b7c7;border:1px solid #ffffff9c;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:46%;box-shadow:0 4px #6445a64f;color:#fff!important}.welcome-turn:hover{background:#a069dc;transform:scale(1.08)}.turn-left{left:3%}.turn-right{right:3%}.welcome-peep-actions{justify-content:center;gap:7px;display:flex}.welcome-peep-actions button{color:#54347d;background:linear-gradient(#eac3fff0,#c7a6fff0);border:1px solid #ffffff9c;border-radius:22px;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:14px;font-weight:700;transition:transform .15s;display:flex;box-shadow:0 3px #7653af70}.welcome-peep-actions button:hover{transform:translateY(-3px)}.welcome-peep-caption{color:#fff;background:#284d3c93;border-radius:20px;justify-self:center;max-width:95%;margin:10px 0 0;padding:5px 10px;font-size:12px;font-weight:700}.welcome-account{background:linear-gradient(135deg,#8351b5c2,#424993de);border-radius:38px 28px 46px 30px;padding:21px 23px 18px}.welcome-mode{background:#30235d66;border-radius:23px;gap:5px;margin-bottom:14px;padding:4px;display:flex}.welcome-mode button{background:0 0;border:0;border-radius:19px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 7px;font-size:14px;font-weight:700;display:flex}.welcome-mode button[aria-pressed=true]{color:#542e7e;background:linear-gradient(110deg,#ffc278,#ff9fcb);box-shadow:0 3px #6e4582}.welcome-account h2{text-align:center;margin:0 0 15px;font-size:30px}.welcome-google{background:linear-gradient(125deg,#e8ecffd9,#e5d1ffde);border:1px solid #fff9;border-radius:17px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:11px 13px;display:flex;color:#30265b!important;font-size:14px!important;font-weight:700!important}.welcome-google:hover{filter:brightness(1.07);transform:translateY(-1px)}.welcome-google-note{text-align:center;color:#e7ddff;margin-top:5px;font-size:12px;display:block}.welcome-divider{color:#e6d8f9;align-items:center;gap:9px;margin:11px 0;font-size:12px;display:flex}.welcome-divider:before,.welcome-divider:after{content:"";background:#ffffff3b;flex:1;height:1px}.welcome-account form,.welcome-account fieldset{border:0;min-width:0;margin:0;padding:0}.welcome-fields{grid-template-columns:1fr 1fr;gap:10px 11px;display:grid}.welcome-login .welcome-fields{grid-template-columns:1fr}.welcome-field{min-width:0;font-size:14px;display:block}.welcome-field>span:first-child{margin-bottom:5px;font-weight:700;display:block}.welcome-input-wrap{display:block;position:relative}.welcome-page .welcome-field input{-webkit-appearance:none;appearance:none;color:#fff;width:100%;min-width:0;height:42px;font:inherit;background:#241e4b80;border:1px solid #eee0ff7a;border-radius:14px;padding:9px 11px;font-size:14px;box-shadow:inset 0 2px 5px #20204520}.welcome-field input::placeholder{color:#d3c6e9;opacity:1;font-size:12px}.welcome-field input[name=password]{padding-right:36px}.welcome-field input:focus{outline-offset:1px;background:#2e235ee6;outline:2px solid #ffd987}.welcome-eye{background:0 0;border:0;place-items:center;width:30px;height:32px;padding:0;display:grid;position:absolute;top:5px;right:7px;color:#e7d7ff!important}.welcome-confirm{align-items:flex-start;gap:9px;margin-top:13px;font-size:13px;line-height:1.4;display:flex}.welcome-page input[type=checkbox]{-webkit-appearance:auto;appearance:auto;accent-color:#ffd38d;cursor:pointer;flex:0 0 17px;width:17px;height:17px;margin:1px 0 0}.welcome-login-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:13px;display:flex}.welcome-login-options label{align-items:center;gap:7px;display:flex}.welcome-text-button{background:0 0;border:0;padding:0;text-decoration:underline;color:#ffe7a3!important;font-size:13px!important}.welcome-feedback{color:#fff4b5;margin:8px 0;font-size:13px;line-height:1.3}.welcome-feedback:empty{display:none}.welcome-feedback[role=alert]{color:#fff;background:#aa365a9e;border-radius:10px;padding:8px 10px}.welcome-page .welcome-primary,.welcome-info .welcome-primary{color:#562b70;cursor:pointer;background:linear-gradient(115deg,#ffe36f,#ffb575 55%,#ffa6c2);border:1px solid #fff18d;border-radius:18px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:46px;margin-top:13px;padding:10px 16px;font-size:16px;font-weight:900;text-decoration:none;transition:transform .15s,filter .15s;display:flex;box-shadow:0 4px #794e9766,0 6px 22px #ffb3652b}.welcome-primary:hover{filter:brightness(1.06);transform:translateY(-2px)}.welcome-primary:active{transform:translateY(1px)}.welcome-form-note{color:#e6dcf7;text-align:center;margin:11px 0 0;font-size:12px}.welcome-signed-in{text-align:center;gap:15px;padding:15px 0;display:grid}.welcome-bottom{color:#fff;text-shadow:0 1px 5px #1b3e34;background:linear-gradient(#0000,#2449443d);justify-content:space-between;align-items:center;padding:0 3%;font-size:13px;display:flex}.welcome-bottom>span,.welcome-bottom>div,.welcome-bottom a,.welcome-bottom button{align-items:center;gap:7px;display:flex}.welcome-bottom>div{gap:22px}.welcome-bottom button{background:0 0;border:0;padding:5px 0;font-size:13px}.welcome-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.welcome-info{color:#fff;background:linear-gradient(145deg,#674593,#3b376e);border:1px solid #ebcfff;border-radius:30px;width:min(510px,100% - 32px);padding:30px;font:16px/1.55 Trebuchet MS,Arial,sans-serif;box-shadow:0 20px 100px #2e205a75}.welcome-info::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#312d6570}.welcome-info h2{color:#ffe59d;font-size:26px;line-height:1.2}.welcome-info a{color:#ffe59d}.welcome-info-close{color:#fff;cursor:pointer;background:#ffffff21;border:0;border-radius:50%;place-items:center;padding:4px;display:grid;position:absolute;top:13px;right:13px}.welcome-transition{color:#fff;background:#9166ba;place-items:center;min-height:100svh;font:18px Trebuchet MS,Arial,sans-serif;display:grid}.welcome-connection-error{z-index:20;text-align:center;color:#613571;background:#fff1ba;border-radius:16px;padding:10px;position:fixed;bottom:5px;left:5%;right:5%}.welcome-connection-error button{cursor:pointer;text-decoration:underline}@keyframes welcome-float{0%,to{opacity:.2;translate:0}50%{opacity:.8;translate:5px -18px}}@keyframes welcome-logo-glow{0%,to{opacity:.6}50%{opacity:1;filter:blur(16px)}}@media (max-height:780px) and (min-width:1000px){.welcome-page{grid-template-rows:150px minmax(0,1fr) 38px}.welcome-brand{width:min(66vw,690px)}.welcome-wardrobe{padding:15px 16px}.welcome-categories button{padding:8px 10px}.welcome-section-heading{margin-bottom:10px}.welcome-empty-slots span{height:47px}.welcome-cosmetics{padding:10px 0}.welcome-interests{padding-top:8px}.welcome-account{padding:16px 19px}.welcome-mode{margin-bottom:11px}.welcome-mode button{padding:8px 7px}.welcome-account h2{margin-bottom:8px;font-size:25px}.welcome-account .welcome-divider{margin:7px 0}.welcome-account .welcome-form-note{display:none}.welcome-account .welcome-confirm{margin-top:10px}.welcome-account .welcome-primary{margin-top:9px}.welcome-fields{gap:8px 10px}.welcome-field input{height:39px!important}.welcome-primary{min-height:42px!important}.welcome-character-title p{margin-bottom:8px}}@media (min-width:1000px) and (max-width:1180px){.welcome-categories button{justify-content:center;padding-inline:5px}.welcome-categories button svg{display:none}.welcome-wardrobe{padding-inline:12px}}@media (min-width:1000px) and (min-height:781px){.welcome-playground{max-height:720px}}@media (max-width:999px){.welcome-page{grid-template-rows:140px auto auto;height:auto;min-height:100svh;overflow:visible}.welcome-alpha{display:none}.welcome-brand{width:min(78vw,650px)}.welcome-admin{padding:5px 9px;font-size:12px;top:7px;right:10px}.welcome-playground{grid-template-columns:minmax(220px,1fr) minmax(340px,1fr);gap:20px;padding:0 10px 20px}.welcome-character{grid-area:1/1;min-height:475px}.welcome-account{grid-area:1/2/span 2;align-self:start}.welcome-wardrobe{grid-area:2/1;transform:none}.welcome-categories{grid-template-columns:repeat(2,1fr)}.welcome-bottom{gap:12px;min-height:55px}.welcome-backdrop{position:fixed}}@media (max-width:640px){.welcome-page{grid-template-rows:115px auto auto}.welcome-brand{width:94vw}.welcome-playground{grid-template-columns:1fr;gap:18px;width:100%;padding:0 16px 20px}.welcome-character{grid-area:1/1;height:440px;min-height:440px}.welcome-account{grid-area:2/1}.welcome-wardrobe{grid-area:3/1}.welcome-account h2{font-size:27px}.welcome-fields{grid-template-columns:1fr}.welcome-categories{grid-template-columns:repeat(2,1fr)}.welcome-bottom{flex-direction:column;padding:12px 18px}.welcome-bottom>div{flex-wrap:wrap;justify-content:center;gap:10px 20px}}@media (prefers-reduced-motion:reduce){.welcome-confetti i,.welcome-brand .dream-logo-aura{animation:none}.welcome-brand .dream-logo-shine{display:none}.welcome-page button,.welcome-page a{transition:none!important}}