#social-open{position:fixed;right:16px;bottom:calc(48px + env(safe-area-inset-bottom));z-index:30;background:#d9caef;color:#272136;border:1px solid #ffffff55;border-radius:16px;padding:13px 18px;font-weight:700}#social-panel{position:fixed;inset:0;z-index:90;background:radial-gradient(ellipse at 80% 0,#45416b,#151b2c 65%);padding:calc(20px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(30px + env(safe-area-inset-bottom));overflow:auto;color:#f5f1ff}#social-panel .social-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;letter-spacing:1px}#social-body{max-width:900px;margin:32px auto;display:flex;flex-wrap:wrap;gap:14px}#social-body h2,#social-body p,#social-body label{width:100%}#social-body h2{font-size:32px}#social-panel button{border:1px solid #ffffff30;background:#ffffff12;border-radius:14px;padding:14px 18px;min-height:44px;color:inherit}#social-panel button:disabled{opacity:.45}#social-body input{display:block;border:1px solid #ffffff40;border-radius:12px;background:#121628;color:#fff;padding:14px;min-width:220px;max-width:100%}#social-body article{width:100%;padding:18px;border:1px solid #ffffff30;border-radius:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}#social-status{max-width:900px;margin:24px auto;color:#e1edb9;line-height:1.6}.shared-scene{width:100%;height:55dvh;min-height:240px;border-radius:24px;overflow:hidden;touch-action:none}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media(min-width:900px){#social-panel{padding-left:8vw;padding-right:8vw}}
.auth-screen{background:#101725!important}.auth-screen #social-status{display:none}.auth-screen #social-body{max-width:1080px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;min-height:75dvh}.auth-screen .social-heading>span{visibility:hidden}.auth-story{padding:30px;border-radius:32px;background:radial-gradient(ellipse at 45% 38%,#62718d44,transparent 70%)}.auth-wordmark{font-size:36px;font-weight:800;color:#f7f0df;letter-spacing:-2px}.auth-wordmark span{display:block;font-size:8px;letter-spacing:2px;margin-top:10px;color:#98a7c0}.eyebrow{font-size:10px!important;letter-spacing:2px;color:#c9dfb2!important}.auth-screen #social-body h2{font-size:44px;line-height:1.12;letter-spacing:-1.6px;margin:18px 0}.auth-story-copy p:last-child,.auth-lead{font-size:14px;color:#a4b1c6;line-height:1.8}.auth-card{max-width:410px;padding:30px 0}.auth-card form label{display:block;font-size:12px;margin:24px 0 10px}.auth-screen #social-body input{width:100%;box-sizing:border-box;min-width:0;background:#1b2536;border-color:#3b4860;padding:17px;font-size:16px}.auth-screen input:focus{outline:2px solid #d0e6b3;outline-offset:2px}#social-panel .auth-primary{background:#d6eab8;color:#243424;width:100%;display:flex;justify-content:space-between;border:0;margin-top:18px;font-weight:700;padding:17px}.auth-feedback{color:#d8eabc;font-size:13px;line-height:1.6;min-height:20px}.auth-divider{display:flex;align-items:center;gap:12px;font-size:9px;color:#8392aa;letter-spacing:2px;margin:24px 0 16px}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:#354158}.auth-providers{display:flex;gap:12px}.auth-providers button{flex:1;display:flex;justify-content:center;gap:14px}.auth-providers small{font-size:10px}.auth-small,.auth-note{font-size:11px;color:#94a2b8;line-height:1.7}.auth-note{text-align:center;margin-top:24px}.auth-guest{width:100%;background:none!important;border:0!important;font-size:13px}.change-email{border:0!important;background:none!important;padding:8px 0!important;font-size:12px}.orbit-art{height:290px;position:relative;display:grid;place-items:center;isolation:isolate}.little-planet{width:180px;height:180px;position:relative;border-radius:50%;background:radial-gradient(ellipse at 32% 20%,#d7eaa6,#95b681 38%,#557c68 62%,#24384e 85%);box-shadow:inset -16px -18px 24px #14243266,0 0 65px #abcdaa22,18px 28px 40px #080d2255;transform:rotate(-16deg)}.little-planet:after{content:'';position:absolute;inset:42% -2% 18%;border:8px solid #e5d3a077;border-radius:50%;transform:rotate(28deg)}.little-planet span{position:absolute;top:10px;left:68px;font-size:64px;color:#ffecd0;text-shadow:3px 5px 0 #685c67}.little-planet b{position:absolute;top:30px;left:22px;color:#2d6750;font-size:63px}.little-planet em{position:absolute;bottom:20px;right:22px;font-size:26px;color:#dbd1ff}.orbit-ring{position:absolute;width:300px;height:140px;border:1px solid #afbcd42b;border-radius:50%;transform:rotate(-28deg)}.mini-moon{position:absolute;right:10%;top:15%;height:27px;width:27px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#e3d1ed,#777698 65%,#353956)}.planet-caption{position:absolute;bottom:10px;color:#8c9bb5;font-size:8px;letter-spacing:3px}.orbit-art:before{content:'✦';position:absolute;left:12%;top:22%;color:#e9d2a0}.orbit-art:after{content:'·  ✧  ·';position:absolute;right:14%;bottom:16%;color:#9cacd0;letter-spacing:10px}#galife-welcome{box-sizing:border-box;width:min(900px,94vw);max-height:92dvh;overflow:auto;padding:0;border:1px solid #ffffff22;border-radius:28px;background:#151c2b;color:#f4f2eb;box-shadow:0 30px 120px #0008}#galife-welcome[open]{display:grid;grid-template-columns:1fr 1.15fr}#galife-welcome::backdrop{background:#080d20b8;backdrop-filter:blur(12px)}.welcome-visual{display:grid;place-items:center;background:radial-gradient(ellipse,#53637d70,transparent 75%);min-height:430px}.welcome-visual .orbit-art{width:100%}.welcome-copy{padding:66px 42px 38px}.welcome-copy h2{font-size:34px;letter-spacing:-1px;line-height:1.17;margin:18px 0}.welcome-description{color:#aeb9cc;font-size:14px;line-height:1.85}.welcome-tip{color:#d7dfc7;background:#cadfa80c;border:1px solid #d3e6b21a;border-radius:12px;padding:14px;font-size:12px;line-height:1.7;margin-top:22px}.welcome-skip{position:absolute;right:22px;top:18px;background:none;border:0;color:#a9b3c7;padding:10px;cursor:pointer}.welcome-progress{display:flex;gap:7px;margin:30px 0 22px}.welcome-progress span{width:7px;height:7px;border-radius:8px;background:#485165}.welcome-progress .current{width:28px;background:#d6ecb5}.welcome-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.welcome-actions button{min-height:46px;padding:12px 17px;border-radius:12px;cursor:pointer;border:0}.welcome-next{background:#d6ecb5;color:#243425;font-weight:700}.welcome-back{background:transparent;color:#a8b5cb}#social-panel button:focus-visible,#galife-welcome button:focus-visible{outline:2px solid #d6ecb5;outline-offset:4px}[hidden]{display:none!important}@media(max-width:760px){.auth-screen #social-body{grid-template-columns:1fr;gap:0;margin:0 auto;max-width:430px}.auth-story{padding:10px 18px;background:none;pointer-events:none}.auth-story .orbit-art{height:180px}.auth-story .little-planet{scale:.7}.auth-story .orbit-ring{width:230px;height:100px}.auth-story-copy,.auth-story .planet-caption{display:none}.auth-wordmark{font-size:26px}.auth-card{padding:0 12px 25px}.auth-screen #social-body h2{font-size:34px}.auth-screen .social-heading{position:absolute;right:20px;top:18px}.auth-screen #social-close{font-size:11px;padding:9px;min-height:36px}#galife-welcome[open]{grid-template-columns:1fr}.welcome-visual{min-height:200px}.welcome-visual .orbit-art{height:200px}.welcome-visual .little-planet{scale:.8}.welcome-copy{padding:8px 26px 28px}.welcome-copy h2{font-size:29px}.welcome-skip{z-index:2}.welcome-visual .planet-caption{display:none}}
.room-controls{display:flex;flex-wrap:wrap;gap:8px}.room-controls button{font-size:12px;padding:10px!important}.shared-scene{height:62dvh;min-height:300px;border:1px solid #cbd6ed33;box-shadow:0 18px 60px #0004}#social-open{bottom:calc(20px + env(safe-area-inset-bottom));box-shadow:0 6px 24px #0005}@media(max-width:760px){.shared-scene{height:48dvh}.room-controls button{flex:1}#social-open{bottom:calc(72px + env(safe-area-inset-bottom));right:12px}}
/* Galaxy-first navigation and immersive shared destinations. */
#social-panel:not(.auth-screen):not(.room-screen){inset:16px 16px 16px auto;width:min(410px,calc(100vw - 32px));box-sizing:border-box;padding:22px;background:#192134f5;border:1px solid #bac4df33;border-radius:24px;box-shadow:0 20px 80px #0006;backdrop-filter:blur(20px)}#social-panel:not(.auth-screen):not(.room-screen) #social-body{margin:20px 0;gap:10px}#social-panel:not(.auth-screen):not(.room-screen) #social-body h2{font-size:27px}#social-panel:not(.auth-screen):not(.room-screen) button{font-size:12px;padding:10px 14px}#social-panel:not(.auth-screen):not(.room-screen) p{font-size:13px}#social-panel.room-screen{padding:0;overflow:hidden;background:#c4cedc}#social-panel.room-screen .social-heading{position:absolute;z-index:3;top:20px;right:22px}#social-panel.room-screen .social-heading>span{display:none}#social-panel.room-screen #social-close{background:#1a2948bd;border:1px solid #ffffff50;backdrop-filter:blur(12px)}.room-screen #social-body{margin:0;max-width:none;display:block}.room-screen .shared-scene{position:absolute;inset:0;width:100%;height:100dvh;min-height:0;border:0;border-radius:0}.room-screen h2{position:absolute;z-index:2;left:24px;top:18px;width:auto!important;font-size:23px!important;margin:0;padding:14px 20px;border-radius:18px;background:#192744d9;color:#fff;backdrop-filter:blur(12px)}.room-screen #social-status{position:absolute;z-index:2;left:26px;top:79px;margin:0;max-width:calc(100vw - 64px);font-size:12px;color:#edf2fd;background:#18253fb8;border-radius:12px;padding:8px 12px}.room-screen .room-controls{position:absolute;z-index:2;right:20px;bottom:24px;max-width:340px;justify-content:flex-end}.room-screen .room-controls button,.room-screen #social-body>button{background:#1c2b46d9;border:1px solid #e2e9fa40;backdrop-filter:blur(12px);color:#fff}.room-screen .room-hint{position:absolute;z-index:2;left:24px;bottom:112px;max-width:340px;width:auto!important;padding:14px 18px;background:#17263ed9;border-radius:16px;font-size:12px;line-height:1.7;color:#fff}.room-screen .room-journal{position:absolute;z-index:2;left:24px;bottom:80px;width:auto!important;font-size:12px;color:#fff;background:#17263ed9;padding:8px 14px;border-radius:12px}.room-screen .room-people{position:absolute;z-index:2;left:26px;top:115px;width:auto!important;font-size:12px;color:#fff;background:#17263ed9;padding:8px 14px;border-radius:12px}.room-screen #social-body>button{position:absolute;z-index:2;left:24px;bottom:24px}#social-open{font-size:12px;padding:11px 16px;bottom:18px;right:20px}@media(max-width:760px){.room-screen h2{font-size:16px!important;max-width:55vw;left:12px;top:16px;padding:12px}.room-screen .room-hint{left:12px;bottom:160px;max-width:240px;padding:10px}.room-screen .room-journal{left:12px;bottom:125px}.room-screen .room-controls{right:12px;bottom:20px;max-width:220px}.room-screen #social-status{left:12px;top:80px;font-size:10px}.room-screen .room-people{left:12px;top:124px}.room-screen #social-body>button{left:12px;bottom:24px}.room-screen .room-controls button{flex:initial;font-size:10px}#social-open{bottom:72px}}
#social-panel.room-screen .room-controls button{background:#182942db!important;color:#fff!important;border-color:#d6e2ff55!important}.room-screen .shared-scene canvas{outline:none}#social-panel:not(.room-screen) .social-heading{font-size:11px}