:root{font-family:Avenir Next,Gill Sans,sans-serif;color:#151a1d;background:#f7f8f5;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f7f8f5;--ink: #151a1d;--canopy: #21c7b7;--sun: #cdecf1;--pool: #21c7b7;--coral: #ff6b57;--mist: #cdecf1}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 78% 18%,rgb(242 184 75 / 30%),transparent 24rem),linear-gradient(135deg,var(--paper),#e9f0e7 62%,#cbded5)}button,a{font:inherit}.shell{position:relative;min-height:100vh;overflow:hidden;padding:28px clamp(22px,6vw,88px) 52px}.nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.wordmark{display:inline-flex;gap:11px;align-items:center;color:var(--ink);font-size:1.45rem;font-weight:750;letter-spacing:-.04em;text-decoration:none}.mark{position:relative;display:inline-block;width:33px;height:24px}.mark i{position:absolute;width:22px;height:22px;border:3px solid var(--canopy);border-radius:50%}.mark i:last-child{left:11px;border-color:var(--coral)}.phaseLabel,.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.phaseLabel{padding:8px 13px;border:1px solid rgb(23 34 29 / 22%);border-radius:999px}.profileButton{display:flex;gap:9px;align-items:center;padding:6px 11px 6px 7px;color:var(--ink);text-align:left;background:#f4f0e6c7;border:1px solid rgb(23 34 29 / 14%);border-radius:999px;cursor:pointer}.profileAvatar{width:34px;height:34px;object-fit:cover;object-position:center 32%;background:var(--mist);border-radius:50%;box-shadow:inset 0 0 0 1px #17221d26}.profileIdentity{display:grid;gap:2px}.profileIdentity strong{font-size:.75rem}.profileIdentity small{color:var(--canopy);font-size:.6rem;font-weight:750}.hero{position:relative;z-index:1;max-width:790px;padding:clamp(90px,16vh,170px) 0 70px;animation:arrive .7s cubic-bezier(.22,1,.36,1) both}.eyebrow{margin:0 0 19px;color:var(--canopy)}h1{max-width:760px;margin:0;font-family:Iowan Old Style,Baskerville,serif;font-size:clamp(3.8rem,10vw,8.5rem);font-weight:600;line-height:.83;letter-spacing:-.075em}.lede{max-width:600px;margin:34px 0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.primaryAction{display:inline-flex;gap:32px;align-items:center;padding:15px 20px 15px 24px;color:var(--paper);background:var(--ink);border:0;border-radius:14px;cursor:pointer;box-shadow:7px 8px 0 var(--sun);font-weight:700}.worldRail{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:900px}.worldCard{display:flex;gap:18px;min-height:118px;padding:22px;background:#f4f0e6bd;border:1px solid rgb(23 34 29 / 14%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.worldCard:nth-child(2){transform:translateY(20px)}.worldNumber{color:var(--coral);font-weight:800}.worldCard h2,.worldCard p{margin:0}.worldCard h2{margin-bottom:6px;font-size:1.1rem}.worldCard p{color:#17221db3;line-height:1.4}.worldCard{color:inherit;text-align:left;cursor:pointer}.worldCard strong,.worldCard small{display:block}.worldCard strong{margin-bottom:7px;font-size:1.05rem}.worldCard small{color:#17221da8;font-size:.9rem;line-height:1.35}.worldCard.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.worldCard.selected small{color:#f4f0e6b8}.orbit{position:absolute;border:1px solid rgb(23 34 29 / 17%);border-radius:50%;pointer-events:none}.orbitOne{top:6%;right:-11vw;width:min(58vw,760px);aspect-ratio:1}.orbitTwo{top:22%;right:-3vw;width:min(37vw,490px);aspect-ratio:1;border-width:24px;border-color:#3aa9a01f}.lobbyHero{padding-bottom:48px}.lobbyPanel{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:clamp(28px,6vw,80px);max-width:1100px;padding-top:34px;border-top:1px solid rgb(23 34 29 / 22%)}.createColumn,.joinColumn{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.createColumn .worldRail{width:100%}.sectionLabel{margin:0;color:var(--canopy);font-size:.69rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.fieldLabel{display:grid;gap:8px;width:100%;color:#17221da8;font-size:.77rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.fieldLabel input,.chatComposer input{width:100%;min-height:50px;padding:11px 14px;color:var(--ink);background:#f4f0e6b8;border:1px solid rgb(23 34 29 / 24%);border-radius:3px 15px 15px;outline:none;font-size:1rem;letter-spacing:normal;text-transform:none}.fieldLabel input:focus,.chatComposer input:focus{border-color:var(--canopy);box-shadow:0 0 0 3px #176b4d1f}.codeInput{font-family:Courier New,monospace;font-size:1.3rem!important;font-weight:800;letter-spacing:.16em!important}.secondaryAction{min-height:46px;padding:10px 18px;color:var(--ink);background:transparent;border:1px solid var(--ink);border-radius:14px;cursor:pointer;font-weight:750}button:disabled{cursor:not-allowed;opacity:.42}.privacyNote{max-width:330px;margin:2px 0 0;color:#17221d94;font-size:.82rem;line-height:1.5}.errorBanner,.formError{color:#8f3225}.errorBanner{position:fixed;right:24px;bottom:24px;z-index:30;max-width:420px;margin:0;padding:13px 16px;background:#fff1ec;border-left:4px solid var(--coral);box-shadow:0 18px 50px #17221d2e}.modalBackdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:#17221d7a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.profileCard{width:min(100%,580px);padding:clamp(28px,5vw,52px);background:radial-gradient(circle at 100% 0%,rgb(242 184 75 / 32%),transparent 16rem),var(--paper);border-radius:5px 38px 38px;box-shadow:0 36px 100px #17221d59}.profileCard h2{max-width:430px;margin:8px 0 28px;font-family:Iowan Old Style,Baskerville,serif;font-size:clamp(2.4rem,7vw,4rem);font-weight:600;line-height:.95;letter-spacing:-.055em}.profileCard .fieldLabel{margin-bottom:24px}.avatarPicker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 28px;padding:0;border:0}.avatarPicker legend{grid-column:1 / -1;margin-bottom:8px;color:#17221da8;font-size:.77rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.avatarPicker button{display:grid;justify-items:center;gap:5px;padding:11px 5px 8px;color:var(--ink);background:transparent;border:1px solid rgb(23 34 29 / 15%);border-radius:14px;cursor:pointer;font-size:.72rem;text-transform:capitalize}.avatarPicker button.selected{background:var(--mist);border-color:var(--canopy)}.avatarPicker button img{width:56px;height:70px;object-fit:cover;object-position:center;background:var(--mist);border:2px solid var(--paper);border-radius:50% 50% 42% 58%;box-shadow:0 0 0 1px #17221d40}.profileActions{display:grid;grid-template-columns:auto 1fr;gap:10px}.profileActions>:only-child{grid-column:1 / -1}.loadingCard{position:fixed;right:24px;bottom:24px;z-index:40;display:flex;gap:11px;align-items:center;padding:12px 16px;background:var(--paper);box-shadow:0 16px 50px #17221d2e}.loadingCard span{width:12px;height:12px;border-radius:50%;background:var(--coral);animation:pulse .9s ease-in-out infinite alternate}.worldShell{position:fixed;inset:0;overflow:hidden;color:var(--ink);background:var(--mist)}.worldLoading{position:absolute;inset:0;display:grid;place-items:center;color:var(--paper);background:var(--ink);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.videoStage{position:absolute;inset:0;z-index:5;pointer-events:none}.proximityVideo{position:absolute;width:148px;height:108px;object-fit:cover;background:var(--ink);border:2px solid rgb(244 240 230 / 78%);border-radius:8px 20px 20px;box-shadow:0 14px 40px #17221d38;transform:translate(-50%,-100%);transform-origin:50% 100%;transition:left .16s linear,top .16s linear,width .18s ease-out,height .18s ease-out,filter .18s ease-out,opacity .18s ease-out;will-change:left,top,width,height,filter,opacity}.proximityVideo[hidden]{display:none}.worldCanvas,.worldCanvas canvas{width:100%!important;height:100%!important}.glassPanel{z-index:10;background:#f4f0e6d4;border:1px solid rgb(23 34 29 / 14%);box-shadow:0 16px 50px #17221d21;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.accountPanel{position:relative;display:grid;grid-template-columns:1fr auto;gap:14px 24px;align-items:center;max-width:1050px;margin:22px auto 0;padding:20px;background:#f4f0e6b8;border:1px solid rgb(23 34 29 / 14%)}.accountPanel p{margin:5px 0 0}.appleAction{min-height:48px;padding:10px 18px;color:#fff;background:#000;border:0;border-radius:12px;cursor:pointer;font-weight:750}.accountSuccess{grid-column:1 / -1;color:var(--canopy);font-size:.84rem;font-weight:700}.preJoinShell{display:grid;min-height:100vh;place-items:center}.preJoinCard{position:relative;width:min(760px,100%);padding:clamp(24px,5vw,54px);background:#f4f0e6eb;border:1px solid rgb(23 34 29 / 14%);box-shadow:18px 18px 0 var(--sun),0 30px 90px #17221d2e}.preJoinCard h1{margin:8px 0;font-family:Fraunces,Georgia,serif;font-size:clamp(2.5rem,7vw,5rem);line-height:.94;letter-spacing:-.055em}.preJoinChoices{display:grid;gap:9px;margin:30px 0 18px}.preJoinChoices button{display:grid;grid-template-columns:1fr auto;gap:4px 18px;padding:16px;text-align:left;background:var(--paper);border:1px solid rgb(23 34 29 / 18%);border-radius:16px;cursor:pointer}.preJoinChoices button.selected{color:var(--paper);background:var(--canopy)}.preJoinChoices span{font-weight:800}.preJoinChoices small{grid-column:1;opacity:.7}.preJoinChoices b{grid-column:2;grid-row:1 / 3;align-self:center;color:var(--coral);text-transform:uppercase}.preJoinChoices button.selected b{color:var(--sun)}.preJoinActions{display:grid;grid-template-columns:.4fr 1fr;gap:10px;margin-top:24px}.worldHeader{position:absolute;top:18px;left:18px;display:flex;gap:12px;align-items:center;min-width:275px;padding:10px 11px;border-radius:3px 20px 20px}.worldHeader div:nth-child(2){display:grid;flex:1}.worldHeader strong{font-size:.98rem}.worldHeader span{color:#17221d94;font-size:.72rem;text-transform:uppercase}.brandButton,.roomCodeButton,.shareButton,.exitButton{color:inherit;background:transparent;border:0;cursor:pointer}.brandButton{display:grid;place-items:center;width:42px;height:42px;background:var(--paper);border-radius:50%}.exitButton{padding:8px;font-size:.78rem;font-weight:750}.shareButton{padding:8px;color:var(--canopy);font-size:.78rem;font-weight:750}.roomCodeButton{padding:7px 10px;color:var(--paper);background:var(--canopy);border:0;border-radius:999px;cursor:pointer;font-family:Courier New,monospace;font-size:.72rem;font-weight:800;letter-spacing:.06em}.proximityPanel{position:absolute;top:18px;right:18px;width:min(320px,calc(100vw - 36px));padding:17px;border-radius:18px 3px 18px 18px}.quietCopy{margin:13px 0 2px;color:#17221d8c;font-size:.86rem}.proximityPerson{display:grid;grid-template-columns:auto 1fr 48px;gap:8px;align-items:center;margin-top:12px;font-size:.83rem}.proximityPerson b{grid-column:2 / -1;color:var(--coral);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase}.safetyActions{display:flex;grid-column:2 / -1;gap:5px;flex-wrap:wrap}.safetyActions button{padding:3px 6px;color:#17221da6;background:transparent;border:1px solid rgb(23 34 29 / 16%);border-radius:7px;cursor:pointer;font-size:.62rem;font-weight:700}.proximityPerson i{display:block;width:calc(48px * var(--gain));min-width:2px;height:5px;justify-self:end;background:var(--pool);border-radius:5px}.presenceDot{width:9px;height:9px;border-radius:50%;background:var(--canopy);box-shadow:0 0 0 4px #176b4d1f}.mediaControls{position:absolute;bottom:24px;left:24px;display:flex;gap:8px;padding:8px;border-radius:18px 18px 18px 3px}.mediaControls button,.chatComposer button{min-height:39px;padding:8px 13px;color:var(--ink);background:transparent;border:1px solid rgb(23 34 29 / 20%);border-radius:12px;cursor:pointer;font-weight:700}.mediaControls button.active{color:var(--paper);background:var(--canopy);border-color:var(--canopy)}.mediaControls button.device{color:var(--paper);background:var(--ink);border-color:var(--ink)}.mediaControls button.device.active{background:var(--coral);border-color:var(--coral)}.mediaControls button.proximityAudio.active{color:var(--ink);background:var(--sun);border-color:var(--sun)}.chatComposer{position:absolute;right:24px;bottom:24px;display:flex;gap:8px;width:min(460px,calc(100vw - 48px));padding:8px;border-radius:18px 3px 18px 18px}.chatComposer input{min-height:42px;background:transparent;border:0}.typingHint{position:absolute;bottom:calc(100% + 6px);left:12px;padding:5px 8px;color:var(--paper);background:#17221db8;border-radius:8px;font-size:.68rem}.chatComposer button{color:var(--paper);background:var(--ink)}.movementHint{position:absolute;bottom:87px;left:29px;margin:0;padding:7px 10px;color:#f4f0e6d6;background:#17221db3;border-radius:9px;font-size:.7rem}.worldError{position:absolute;left:50%;bottom:92px;max-width:min(500px,calc(100vw - 40px));padding:11px 15px;color:#7d2d21;background:#fff1ec;border:1px solid rgb(231 111 81 / 45%);transform:translate(-50%);cursor:pointer}.worldNotice{position:absolute;left:50%;bottom:92px;max-width:min(500px,calc(100vw - 40px));padding:11px 15px;color:var(--canopy);background:#eef8f1;border:1px solid rgb(23 107 77 / 35%);transform:translate(-50%);cursor:pointer}@keyframes pulse{to{opacity:.35;transform:scale(.76)}}@keyframes arrive{0%{opacity:0;transform:translateY(22px)}}@media(max-width:680px){.shell{padding:22px 20px 40px}.hero{padding-top:90px}h1{font-size:clamp(3.6rem,19vw,6rem)}.worldRail,.lobbyPanel{grid-template-columns:1fr}.worldCard:nth-child(2){transform:none}.avatarPicker{grid-template-columns:repeat(2,1fr)}.worldHeader{top:10px;left:10px;min-width:250px}.proximityPanel{top:76px;right:10px}.videoStage{top:164px;right:10px;grid-template-columns:repeat(2,104px)}.mediaControls{bottom:82px;left:10px}.chatComposer{right:10px;bottom:12px;width:calc(100vw - 20px)}.movementHint{display:none}}@media(prefers-reduced-motion:reduce){.hero{animation:none}}.artLabShell{min-height:100vh;padding:clamp(22px,4vw,58px);background:linear-gradient(90deg,rgb(21 26 29 / 5%) 1px,transparent 1px) 0 0 / 34px 34px,radial-gradient(circle at 82% 4%,rgb(205 236 241 / 70%),transparent 32rem),var(--paper)}.artLabHeader{display:grid;grid-template-columns:minmax(140px,.55fr) minmax(340px,1.2fr) minmax(260px,.7fr);gap:clamp(24px,5vw,80px);align-items:start;max-width:1600px;margin:0 auto 38px}.artLabHeader h1{font-size:clamp(3.5rem,7vw,7.8rem)}.artLabHeader .eyebrow{margin-top:3px}.artLabIntro{max-width:390px;margin:34px 0 0;padding-top:18px;border-top:4px solid var(--coral);color:var(--muted);font-size:1rem;line-height:1.55}.artLabControls{position:sticky;z-index:20;top:12px;display:flex;gap:10px;align-items:stretch;max-width:1600px;margin:0 auto 22px;padding:10px;background:#151a1deb;border-radius:16px;box-shadow:0 18px 50px #151a1d29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.artLabControlGroup,.artLabDirection,.artLabZoom{display:grid;gap:5px;padding:4px 7px;color:#f7f8f59e;font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.artLabControlGroup>div{display:flex}.artLabControls button,.artLabDirection select,.artLabZoom input{min-height:34px;padding:7px 11px;color:var(--paper);background:transparent;border:1px solid rgb(247 248 245 / 22%);border-radius:10px;cursor:pointer;font-size:.72rem;font-weight:750;letter-spacing:normal;text-transform:none}.artLabControls button:first-child{border-radius:10px}.artLabControls button:last-child{border-radius:10px}.artLabControls button.selected{color:var(--ink);background:var(--sun);border-color:var(--sun)}.artLabDirection{margin-left:auto}.artLabDirection select{min-width:76px;border-radius:10px}.artLabZoom{grid-template-columns:auto minmax(70px,110px) auto;align-items:center}.artLabZoom input{min-height:34px;padding:0 8px;accent-color:var(--sun)}.artLabZoom output{color:var(--paper);font-size:.72rem;letter-spacing:normal}.artLabStages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,28px);max-width:1600px;margin:0 auto}.artLabStages.single{grid-template-columns:minmax(0,1100px);justify-content:center}.artLabStage{position:relative;min-width:0;overflow:hidden;background:var(--ink);border:1px solid rgb(21 26 29 / 16%);border-radius:16px;box-shadow:0 22px 60px #151a1d24}.artLabStageLabel{position:absolute;z-index:10;top:12px;left:12px;display:grid;padding:9px 13px;color:var(--paper);background:#151a1ddb;border-left:4px solid var(--canopy);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.artLabStageLabel span{font-weight:800}.artLabStageLabel small{margin-top:2px;color:#f7f8f5a3}.artLabCanvas{width:100%;aspect-ratio:4 / 3}.artLabCanvas canvas{width:100%!important;height:100%!important}.artLabMetrics{display:flex;gap:14px;justify-content:flex-end;padding:8px 14px 10px;color:#f7f8f5b8;background:var(--ink);font-size:.68rem;font-variant-numeric:tabular-nums;letter-spacing:.05em;text-transform:uppercase}.artLabLoading,.artLabError{display:grid;min-height:40vh;margin:0;place-items:center;font-weight:800}.artLabError{color:var(--coral)}@media(max-width:900px){.artLabHeader{grid-template-columns:1fr}.artLabHeader h1{max-width:720px}.artLabIntro{margin-top:0}.artLabControls{position:relative;top:0;flex-wrap:wrap}.artLabDirection{margin-left:0}.artLabStages{grid-template-columns:1fr}}:root{--paper: #f7f8f5;--ink: #151a1d;--canopy: #21c7b7;--sun: #cdecf1;--pool: #21c7b7;--coral: #ff6b57;--mist: #cdecf1;--surface: #ffffff;--hairline: rgb(21 26 29 / 14%);--muted: rgb(21 26 29 / 62%);--soft-shadow: 0 20px 60px rgb(21 26 29 / 9%);font-family:Avenir Next,Helvetica Neue,Gill Sans,sans-serif;color:var(--ink);background:var(--paper)}body{color:var(--ink);overflow-x:clip;background:radial-gradient(circle at 88% 8%,rgb(205 236 241 / 58%),transparent 28rem),var(--paper)}.lobbyShell{display:grid;grid-template-columns:236px minmax(0,1fr);gap:16px;min-height:100dvh;padding:18px;overflow:hidden;background:radial-gradient(circle at 92% 2%,rgb(33 199 183 / 9%),transparent 24rem),var(--paper)}.lobbyWorkspace{position:relative;z-index:1;min-width:0;overflow:hidden;background:#ffffffa3;border:1px solid var(--hairline);border-radius:16px;box-shadow:var(--soft-shadow)}.lobbyShell .nav{position:sticky;z-index:10;top:18px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:calc(100dvh - 36px);padding:28px 20px 20px;background:#ffffffc2;border:1px solid var(--hairline);border-radius:16px;box-shadow:0 12px 40px #151a1d0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.wordmark{gap:12px;color:var(--ink);font-size:1.58rem;font-weight:720;letter-spacing:-.045em}.mark{width:38px;height:27px}.mark i{width:25px;height:25px;border:3px solid var(--canopy)}.mark i:last-child{left:12px;border-color:#18afa5}.navMenu{display:grid;gap:7px;margin-top:58px}.navMenu a{display:flex;gap:12px;align-items:center;min-height:48px;padding:0 14px;color:#151a1dad;border:1px solid transparent;border-radius:12px;font-size:.91rem;font-weight:620;text-decoration:none;transition:color .16s ease,background .16s ease,border-color .16s ease}.navMenu a span{display:grid;width:24px;height:24px;color:var(--ink);place-items:center;font-size:1.15rem}.navMenu a:hover,.navMenu a.active{color:var(--ink);background:var(--surface);border-color:var(--hairline)}.lobbyShell .profileButton,.lobbyShell .phaseLabel{margin-top:auto}.profileButton{gap:11px;width:100%;padding:10px;color:var(--ink);background:var(--surface);border:1px solid var(--hairline);border-radius:14px}.profileButton:hover{border-color:#21c7b78c;box-shadow:0 0 0 4px #21c7b717}.profileAvatar{width:38px;height:38px;object-fit:cover;background:var(--mist);border:1px solid rgb(21 26 29 / 9%)}.profileIdentity strong{font-size:.78rem}.profileIdentity small{color:#148e84;font-size:.58rem}.phaseLabel{align-self:flex-start;color:var(--muted);background:var(--surface);border-color:var(--hairline)}.lobbyHero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(330px,.82fr) minmax(420px,1.18fr);gap:0;max-width:none;min-height:480px;padding:0;overflow:hidden;border-bottom:1px solid var(--hairline);animation:arrive .52s cubic-bezier(.22,1,.36,1) both}.heroCopy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,7vw,94px) clamp(34px,5vw,72px);background:radial-gradient(circle at 100% 50%,rgb(247 248 245 / 0%),var(--paper) 73%),var(--paper)}.heroCopy:after{position:absolute;z-index:-1;right:-110px;width:220px;height:220px;border:1px solid rgb(33 199 183 / 15%);border-radius:50%;content:""}.lobbyHero .eyebrow{margin:0 0 18px;color:#148e84}.lobbyHero h1{max-width:650px;margin:0;font-family:Avenir Next,Helvetica Neue,sans-serif;font-size:clamp(3.25rem,5vw,5.2rem);font-weight:640;line-height:.96;letter-spacing:-.065em}.lobbyHero .lede{max-width:490px;margin:26px 0 32px;color:var(--muted);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.6}.heroActions{display:flex;flex-wrap:wrap;gap:11px;align-items:center}.primaryAction,.secondaryAction{display:inline-flex;gap:14px;min-height:50px;align-items:center;justify-content:center;padding:0 19px;border-radius:14px;box-shadow:none;font-weight:680;line-height:1;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.primaryAction{color:#fff;background:var(--canopy);border:1px solid var(--canopy)}.primaryAction:hover:not(:disabled){background:#18afa5;box-shadow:0 12px 30px #21c7b73d;transform:translateY(-1px)}.secondaryAction{color:var(--ink);background:#ffffffbf;border:1px solid rgb(21 26 29 / 22%)}.secondaryAction:hover:not(:disabled){background:var(--surface);border-color:#151a1d5c;transform:translateY(-1px)}.heroScene{position:relative;min-height:480px;overflow:hidden;background:linear-gradient(90deg,var(--paper) 0%,rgb(247 248 245 / 36%) 12%,transparent 30%),url(/art-lab/assets/ai-direct/worlds/plaza/background.png) 52% center / cover}.sceneStatus{position:absolute;top:24px;right:24px;display:inline-flex;gap:7px;align-items:center;min-height:35px;padding:0 12px;color:var(--ink);background:#ffffffd6;border:1px solid var(--hairline);border-radius:999px;box-shadow:0 8px 22px #151a1d14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.76rem;font-weight:720}.sceneStatus i{width:7px;height:7px;background:var(--canopy);border-radius:50%;box-shadow:0 0 0 3px #21c7b721}.sceneOrbit{position:absolute;top:55%;left:53%;width:190px;height:190px;border:2px solid rgb(33 199 183 / 38%);border-radius:50%;transform:translate(-50%,-50%)}.sceneOrbitTwo{width:260px;height:260px;border-color:#21c7b733}.lobbyPanel{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.7fr);gap:0;max-width:none;padding:0;border-top:0}.createColumn,.joinColumn{gap:18px;padding:28px 30px 30px}.joinColumn{background:#cdecf13b;border-left:1px solid var(--hairline)}.sectionLabel,.fieldLabel,.avatarPicker legend{color:var(--muted);font-size:.68rem;font-weight:760;letter-spacing:.14em}.sectionLabel{color:#148e84}.worldRail{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none}.worldCard,.worldCard:nth-child(2){position:relative;display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:16px;min-height:112px;align-items:center;padding:8px 12px 8px 8px;overflow:hidden;color:var(--ink);background:#ffffffbd;border:1px solid var(--hairline);border-radius:14px;transform:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.worldCardSelect{display:grid;grid-template-columns:108px minmax(0,1fr);gap:16px;align-self:stretch;align-items:center;min-width:0;padding:0;color:inherit;text-align:left;background:transparent;border:0;cursor:pointer}.worldCard:hover{border-color:#21c7b773;box-shadow:0 10px 28px #151a1d12;transform:translateY(-1px)}.worldCard.selected{color:var(--ink);background:var(--surface);border-color:var(--canopy);box-shadow:0 0 0 3px #21c7b71a}.worldThumb{align-self:stretch;min-height:94px;background:var(--world-image) center / cover;border-radius:10px}.worldCardCopy{min-width:0}.worldCard strong{margin-bottom:5px;font-size:1rem}.worldCard small,.worldCard.selected small{color:var(--muted);font-size:.78rem;line-height:1.42}.worldNumber{position:absolute;top:12px;left:14px;padding:4px 7px;color:var(--ink);background:#fffc;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.58rem}.worldEnterButton{display:grid;width:36px;height:36px;color:var(--ink);background:var(--surface);border:1px solid rgb(21 26 29 / 18%);border-radius:50%;cursor:pointer;place-items:center;transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease}.worldEnterButton:hover:not(:disabled),.worldEnterButton:focus-visible{color:#fff;background:var(--canopy);border-color:var(--canopy);transform:translate(2px)}.worldEnterButton:disabled{cursor:not-allowed;opacity:.4}.fieldLabel{gap:9px;color:var(--muted)}.fieldLabel input,.chatComposer input{min-height:52px;padding:0 15px;color:var(--ink);background:#ffffffc7;border:1px solid rgb(21 26 29 / 18%);border-radius:14px}.fieldLabel input:focus,.chatComposer input:focus{border-color:var(--canopy);box-shadow:0 0 0 4px #21c7b71c}.codeInput{font-family:SFMono-Regular,Consolas,monospace;font-size:1.05rem!important}.joinColumn .secondaryAction{width:100%}.privacyNote{color:var(--muted)}.accountPanel{max-width:none;margin:0;padding:20px 30px;background:var(--surface);border:0;border-top:1px solid var(--hairline)}.appleAction{border-radius:14px}.orbitOne{top:-170px;right:-160px;width:460px;border-color:#21c7b71c}.orbitTwo{top:auto;right:38%;bottom:-240px;width:420px;border-width:1px;border-color:#cdecf1bf}.modalBackdrop{padding:22px;background:#151a1d61;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.profileCard{width:min(100%,640px);padding:clamp(28px,5vw,48px);background:radial-gradient(circle at 100% 0%,rgb(205 236 241 / 70%),transparent 18rem),var(--paper);border:1px solid rgb(255 255 255 / 54%);border-radius:16px;box-shadow:0 36px 100px #151a1d3d}.profileCard h2{font-family:Avenir Next,Helvetica Neue,sans-serif;font-size:clamp(2.25rem,6vw,3.8rem);font-weight:640;letter-spacing:-.055em}.avatarPicker{gap:10px}.avatarPicker button{gap:8px;min-width:0;padding:10px 8px;background:#ffffff9e;border:1px solid var(--hairline);border-radius:14px}.avatarPicker button img{width:62px;height:70px;object-fit:cover;object-position:top center;background:var(--mist);border-radius:12px}.avatarPicker button.selected{color:var(--ink);background:var(--surface);border-color:var(--canopy);box-shadow:0 0 0 3px #21c7b71a}.preJoinShell{background:radial-gradient(circle at 75% 18%,rgb(205 236 241 / 72%),transparent 28rem),var(--paper)}.preJoinCard{width:min(760px,100%);padding:clamp(28px,5vw,54px);background:#ffffffd6;border:1px solid var(--hairline);border-radius:16px;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.preJoinCard h1{font-family:Avenir Next,Helvetica Neue,sans-serif;font-weight:640;letter-spacing:-.055em}.preJoinChoices button{padding:17px;background:var(--paper);border:1px solid var(--hairline);border-radius:14px}.preJoinChoices button.selected{color:var(--ink);background:#21c7b724;border-color:var(--canopy)}.preJoinChoices b,.preJoinChoices button.selected b{color:#148e84}.loadingCard{color:var(--ink);background:var(--surface);border:1px solid var(--hairline);border-radius:14px}.loadingCard span{background:var(--canopy)}.errorBanner{color:#982f22;background:#fff4f1;border:1px solid rgb(255 107 87 / 26%);border-left:4px solid var(--coral);border-radius:14px}.worldShell{color:var(--ink);background:var(--mist)}.worldLoading{color:var(--ink);background:var(--paper)}.glassPanel{background:#f7f8f5e0;border:1px solid rgb(21 26 29 / 13%);border-radius:16px;box-shadow:0 14px 44px #151a1d1c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.worldHeader{min-width:310px;border-radius:16px}.brandButton{background:var(--surface);border:1px solid var(--hairline)}.roomCodeButton{color:#fff;background:var(--canopy)}.shareButton{color:#148e84}.proximityPanel{border-radius:16px}.presenceDot{background:var(--canopy);box-shadow:0 0 0 4px #21c7b71f}.proximityPerson i{background:linear-gradient(90deg,var(--canopy) calc(var(--gain) * 100%),var(--mist) 0)}.proximityPerson b{color:#148e84}.mediaControls{gap:8px;padding:8px;border-radius:16px}.mediaControls button{min-height:46px;color:var(--ink);background:var(--surface);border:1px solid var(--hairline);border-radius:12px}.mediaControls button.active{color:#fff;background:var(--canopy);border-color:var(--canopy)}.chatComposer{border-radius:16px}.chatComposer button{color:#fff;background:var(--canopy);border-radius:12px}.proximityVideo{background:var(--ink);border-color:#ffffffe0;border-radius:16px;box-shadow:0 16px 42px #151a1d2e}.movementHint{color:var(--muted);background:#f7f8f5db;border:1px solid var(--hairline);border-radius:999px}.worldError{background:var(--coral);border-radius:14px}.worldNotice{color:var(--ink);background:var(--surface);border:1px solid var(--canopy);border-radius:14px}@media(max-width:1080px){.lobbyShell{display:block;padding:14px}.lobbyShell .nav{position:relative;top:auto;flex-direction:row;gap:18px;align-items:center;height:auto;margin-bottom:14px;padding:12px 14px}.navMenu{display:flex;gap:4px;margin:0 auto 0 8px}.navMenu a{min-height:42px}.lobbyShell .profileButton,.lobbyShell .phaseLabel{width:auto;margin-top:0}.lobbyHero{grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr)}.lobbyPanel{grid-template-columns:1fr}.joinColumn{border-top:1px solid var(--hairline);border-left:0}}@media(max-width:760px){.lobbyShell{padding:10px}.lobbyShell .nav{position:relative;flex-wrap:wrap;margin-bottom:10px}.navMenu{order:3;width:100%;margin:4px 0 0}.navMenu a{flex:1;justify-content:center;padding:0 8px;font-size:.76rem}.lobbyShell .profileButton{margin-left:auto}.lobbyHero{grid-template-columns:1fr}.heroCopy{padding:48px 24px 30px}.lobbyHero h1{font-size:clamp(3.2rem,15vw,5rem)}.heroScene{min-height:330px;background-position:center}.worldRail{grid-template-columns:1fr}.createColumn,.joinColumn{padding:24px 18px}.profileIdentity{display:none}.profileButton{width:auto;padding:5px;border-radius:50%}.preJoinActions{grid-template-columns:1fr}.worldHeader{right:10px;left:10px;min-width:0}.proximityPanel{top:92px}.mediaControls{right:10px;bottom:12px;left:10px;justify-content:center;transform:none}.mediaControls button{min-width:0;padding:9px 10px;font-size:.68rem}.chatComposer{right:10px;bottom:78px;left:10px;width:auto}}@media(prefers-reduced-motion:reduce){.lobbyHero,.loadingCard span{animation:none}.primaryAction,.secondaryAction,.worldCard,.worldEnterButton{transition:none}}
