:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#293f34;background:#f6f6ef;font-synthesis:none;--ink:#293f34;--muted:#879184;--line:#e2e6d9;--green:#315e49;--paper:#f6f6ef}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100dvh;display:flex;flex-direction:column;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #698c55;outline-offset:4px}button svg,svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.topbar{height:86px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 35px;border-bottom:1px solid var(--line);gap:18px}.brand{display:flex;align-items:center;gap:9px;font-weight:750;font-size:26px;letter-spacing:-1.1px;text-decoration:none;color:var(--ink)}.brand-dot{color:#98b877}.room-chip{display:flex;align-items:center;gap:11px;font-size:12px;border:1px solid var(--line);border-radius:30px;background:#fcfcf7;padding:11px 17px;color:#50624e}.dot{width:6px;height:6px;background:#8ca971;border-radius:50%;display:inline-block;flex-shrink:0}.chip-divider{height:12px;width:1px;background:#dce1d1}#count{color:#8a9582;font-size:11px}.button{display:flex;align-items:center;justify-content:center;gap:11px;min-height:43px;border-radius:12px;border:1px solid #dce2d2;background:transparent;color:var(--ink);font-size:12px;font-weight:600;padding:10px 16px}.button:hover{background:#edf0e3}.invite svg{width:16px;height:16px}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:290px minmax(0,1fr);gap:0;padding:21px 25px 0 32px}.sidebar{display:flex;flex-direction:column;padding:14px 27px 14px 2px;overflow:auto;scrollbar-width:thin}.eyebrow{font-size:8.5px;letter-spacing:1.4px;font-weight:650;display:flex;align-items:center;gap:7px}.tiny-star{color:#9aad78;font-size:20px}.sidebar h1{font-size:30px;line-height:1.17;letter-spacing:-1.2px;font-weight:570;margin:26px 0 11px}.intro{font-size:12px;line-height:1.7;color:#879080;margin:0}.join-form{margin-top:31px}.join-form>label,legend{display:block;font-size:10px;color:#74816b;letter-spacing:.15px;margin-bottom:9px}.join-form input[type=text],#name{background:#fcfcf6;border:1px solid #dde2d4;border-radius:10px;width:100%;height:43px;padding:12px;color:#41553d;font-size:12px}fieldset{border:0;padding:0;margin:19px 0 23px}legend{padding:0}.swatches{display:flex;gap:13px}.swatch{display:flex;align-items:center;justify-content:center;width:40px;height:40px;position:relative;border-radius:50%;cursor:pointer}.swatch input{position:absolute;inset:0;opacity:0;cursor:pointer}.swatch span{width:29px;height:29px;display:block;border-radius:50%;box-shadow:inset 0 -3px 4px #0000000c}.swatch.violet span{background:#ab8ade}.swatch.lime span{background:#aacb73}.swatch.sun span{background:#eed065}.swatch.coral span{background:#e99c8b}.swatch:has(input:checked){outline:1.5px solid #78965e;outline-offset:0}.swatch:has(input:checked) span:after{content:'✓';display:grid;place-items:center;height:29px;color:white;font-size:14px}.swatch:has(input:focus-visible){outline:3px solid #315e49}.primary{background:var(--green);color:#f4f7e8;border-color:var(--green);width:100%;justify-content:space-between;min-height:47px}.primary:hover{background:#244e3b}.permission-note{font-size:9px;line-height:1.65;color:#909881;text-align:center;margin:12px 0 0}.form-error{color:#a74e40;font-size:11px;line-height:1.5;margin:8px 0}.sidebar-bottom{margin-top:auto;padding-top:24px}.version{font-size:8px;letter-spacing:1.4px;color:#8c997d}.sidebar-bottom p{font-size:11px;color:#7b8971;line-height:1.7;margin:12px 0}.capacity{font-size:8px;color:#a4ad98}.stage{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:20px;background:#c5dbc0;border:1px solid #d6e0ca}#world{width:100%;height:100%;display:block;touch-action:manipulation}.labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.world-label{position:absolute;left:0;top:0;padding:6px 10px;border-radius:25px;background:#fffef5df;border:1px solid #ffffffbb;color:#4a5c3e;box-shadow:0 3px 9px #31442b08;font-size:10px;white-space:nowrap;will-change:transform}.world-label[data-local=true]{background:#315e49;color:#fffce7;border-color:#315e49}.stage-top{position:absolute;left:24px;right:24px;top:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none}.weather{display:flex;align-items:center;gap:7px;color:#57714f;font-size:10px}.weather svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4}.connection{color:#68815b;background:#f6f9e7aa;border:1px solid #fffffc88;border-radius:20px;padding:6px 10px;font-size:9px}.demo-note{position:absolute;left:50%;top:60px;transform:translateX(-50%);white-space:nowrap;background:#f8faedb3;color:#718365;border-radius:20px;padding:8px 13px;font-size:9px;pointer-events:none;display:flex;align-items:center;gap:7px}.stage-bottom{position:absolute;bottom:20px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#5b7750;pointer-events:none}#hint{font-size:9px}.render-tag{font-size:8px;letter-spacing:1.8px;white-space:nowrap}.render-tag span{margin-left:8px;font-size:14px}.bottom-bar{height:102px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 35px;gap:20px}.privacy{display:flex;gap:10px;align-items:center;max-width:260px}.privacy-icon{color:#87a66d;font-size:20px}.privacy strong{font-size:10px;font-weight:500;display:block;color:#677b59}.privacy span:not(.privacy-icon){display:block;font-size:8px;color:#9ba68e;margin-top:5px}.controls{display:flex;align-items:center;justify-content:center;gap:4px;background:#fffefa;border:1px solid var(--line);border-radius:17px;padding:8px 11px;box-shadow:0 4px 12px #32462a04}.control{border:0;background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;position:relative;min-width:65px;height:48px;color:#4e6245;border-radius:10px;font-size:8px}.control svg{width:20px;height:20px}.control:hover{background:#edf1e6}.control[aria-pressed=true]{background:#edf3df}.control.off{color:#8e947f}.control.off i{position:absolute;height:1.5px;width:27px;top:19px;background:#a1a58f;transform:rotate(-45deg);box-shadow:0 1px #fffefa}.control-divider{width:1px;height:26px;background:#e8ebdf;margin:0 5px}.control.leave{color:#b77a69}.control.leave:hover{background:#fbebe6}.footer-caption{font-size:9px;color:#99a48d;white-space:nowrap}.section-title{font-size:9px;letter-spacing:1.2px;display:flex;justify-content:space-between;color:#7f8e71;margin:32px 0 16px}.section-title span{letter-spacing:0;color:#a0ab92}.member{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:12px;min-width:0}.member-icon{width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffffaa;font-size:13px}.member-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.member small{display:block;font-size:9px;color:#8f9a82;margin-top:3px}.room-help{font-size:11px;line-height:1.7;color:#7d8b71;margin:29px 0 17px}.text-link{font-size:10px;color:#537449;text-underline-offset:4px}.gallery{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:70px 24px 50px;background:#e4eadb;overflow:auto}.tile{position:relative;overflow:hidden;border-radius:17px;min-height:160px;background:#203d33;display:flex;align-items:center;justify-content:center;cursor:pointer}.tile video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.tile video[data-local=true]{transform:scaleX(-1)}.tile .video-placeholder{font-size:13px;text-align:center;line-height:1.9;color:#bed3b2}.tile.has-video .video-placeholder{display:none}.tile .tile-name{position:absolute;bottom:12px;left:12px;border-radius:20px;background:#101f1799;color:#fff;padding:6px 10px;font-size:10px}.tile:not(.has-video) video{visibility:hidden}.gallery:not([hidden])~.stage-bottom{color:#718263}.toast{position:fixed;bottom:115px;left:50%;transform:translateX(-50%);max-width:min(500px,calc(100vw - 32px));border:1px solid #d9e1cb;border-radius:14px;background:#fffff8f5;box-shadow:0 8px 35px #25402824;color:#435d39;font-size:12px;line-height:1.55;padding:14px 21px;z-index:10}.move-pad{position:absolute;bottom:56px;left:17px;display:none;grid-template-columns:repeat(3,34px);gap:3px;touch-action:none}.move-pad button{background:#f7f9e8bb;color:#496744;border:1px solid #faffee;border-radius:9px;height:34px;font-size:19px;touch-action:none;user-select:none}.move-pad button:first-child{grid-column:2}.move-pad button:nth-child(2){grid-column:1}.move-pad button:active{background:#c3dbab}dialog{border:1px solid #e2e9d6;border-radius:20px;background:#f9fbf0;padding:20px;width:min(900px,92vw);color:#31513d}dialog::backdrop{background:#20372bc7;backdrop-filter:blur(8px)}dialog video{width:100%;max-height:70dvh;display:block;border-radius:12px;background:#1e392c}dialog p{font-size:13px;margin:12px 0 0}#close-viewer{position:absolute;right:24px;top:24px;border:0;background:#f6f9ebdf;border-radius:50%;width:32px;height:32px;color:#31513d;font-size:25px;z-index:1}.paused-labels .labels{display:none}
@media(min-width:1500px){.workspace{grid-template-columns:320px minmax(0,1fr)}.sidebar h1{font-size:34px}.sidebar{padding-right:36px}.intro{font-size:13px}.sidebar-bottom{padding-bottom:10px}}
@media(max-width:1100px){.workspace{grid-template-columns:250px minmax(0,1fr);padding-left:22px;padding-right:18px}.sidebar{padding-right:22px}.sidebar h1{font-size:27px}.footer-caption{display:none}.bottom-bar{padding:10px 25px}.control{min-width:60px}.weather{font-size:9px}.stage-top{left:17px;right:17px}.stage-bottom{left:17px;right:17px}.render-tag{display:none}.demo-note{font-size:8px;max-width:90%;white-space:normal;width:max-content;text-align:center}.room-chip{font-size:10px}.move-pad{display:grid}}
@media(max-height:720px) and (min-width:761px){.topbar{height:70px}.sidebar h1{margin-top:13px}.join-form{margin-top:17px}.sidebar-bottom{display:none}.bottom-bar{height:88px}}
@media(max-width:760px){.topbar{height:65px;padding:0 16px;gap:8px}.brand{font-size:22px;gap:6px}.brand img{width:29px;height:34px}.room-chip{display:none}.invite{font-size:10px;min-height:35px;padding:8px 11px;border-radius:10px}.workspace{display:flex;flex-direction:column;padding:13px 12px 0;gap:13px}.sidebar{overflow:visible;padding:0 3px;display:grid;grid-template-columns:1fr 1fr;column-gap:15px;align-items:start;flex-shrink:0}.eyebrow{grid-column:1;font-size:7px;letter-spacing:.9px;margin-top:3px}.tiny-star{font-size:16px}.sidebar h1{grid-column:1;grid-row:2;font-size:25px;letter-spacing:-1px;margin:8px 0}.intro{grid-column:1;font-size:10px;line-height:1.5}.join-form{grid-column:2;grid-row:1/5;margin:0}.join-form>label{font-size:9px;margin-bottom:6px}#name{height:35px;padding:9px;font-size:11px}fieldset{margin:10px 0 12px}legend{font-size:9px;margin-bottom:6px}.swatches{gap:6px;justify-content:space-between}.swatch{width:30px;height:30px}.swatch span{width:23px;height:23px}.swatch:has(input:checked) span:after{height:23px;font-size:11px}.primary{font-size:10px;min-height:36px;padding:8px 10px;gap:4px;border-radius:9px}.primary svg{width:15px}.permission-note{font-size:7px;line-height:1.4;margin-top:7px}.form-error{font-size:9px;margin:4px 0}.sidebar-bottom{display:none}.stage{flex:1;border-radius:16px;min-height:170px}.stage-top{top:13px;left:13px;right:13px}.weather{font-size:8px;gap:5px}.weather svg{width:14px}.connection{font-size:8px;padding:5px 7px}.demo-note{top:43px;max-width:87%;font-size:7px;padding:6px 9px;gap:5px}.world-label{font-size:8px;padding:5px 8px}.stage-bottom{bottom:13px;left:13px;right:13px}#hint{font-size:7px}.move-pad{bottom:38px;left:12px;grid-template-columns:repeat(3,30px)}.move-pad button{height:30px;font-size:17px}.bottom-bar{height:88px;justify-content:center;padding:10px 8px;padding-bottom:max(10px,env(safe-area-inset-bottom));gap:0}.privacy{display:none}.controls{gap:2px;width:min(100%,420px);padding:7px 5px;border-radius:14px;justify-content:space-evenly}.control{min-width:44px;flex:1;font-size:7px;height:44px}.control svg{width:19px;height:19px}.control-divider{margin:0 1px;height:22px}.control.off i{top:17px;width:25px}.toast{bottom:100px;font-size:11px;padding:11px 15px}.gallery{gap:9px;padding:57px 12px 34px;grid-template-columns:1fr}.tile{min-height:170px}body[data-mode=room] .sidebar{display:none}body[data-mode=room] .workspace{padding-top:12px}.gallery .tile-name{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* World controls stay independent of call controls and remain reachable on touch screens. */
#world{touch-action:none;cursor:grab}#world:active{cursor:grabbing}
#world:focus-visible{outline:2px solid #e5d699;outline-offset:-3px}
.crosshair{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:#fffce9;box-shadow:0 0 0 1px #30483255;transform:translate(-50%,-50%);pointer-events:none}
.world-actions{position:absolute;right:19px;bottom:58px;display:flex;gap:6px;align-items:center}
.world-actions button{font:500 10px system-ui;color:#344a32;background:#fffdeeeb;border:1px solid #ffffffa3;border-radius:12px;min-height:35px;padding:8px 12px;box-shadow:0 3px 15px #263d1720;backdrop-filter:blur(10px)}
.world-actions button:hover{background:#fffdf5}.world-actions button:focus-visible{outline:2px solid #305840;outline-offset:2px}
#belly-bump{background:#f3d485;color:#554625}#bump-count{display:inline-grid;place-items:center;min-width:16px;height:16px;background:#ffffff6b;border-radius:50%;margin-left:4px;font-size:8px}
.stage-top .weather{color:#395d56;background:#ffffedb5;border-radius:16px;padding:6px 9px}
.stage-bottom{color:#edf5d9;text-shadow:0 1px 5px #25401b}#hint{background:#2b452a85;border-radius:9px;padding:7px 10px;text-shadow:none;color:#f7f6dc;line-height:1.45}
@media(max-width:760px){.world-actions{right:10px;bottom:44px;gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:205px}.world-actions button{font-size:8px;min-height:32px;padding:7px 8px}#hint{font-size:7px;max-width:100%;padding:5px 7px}.stage-bottom{bottom:10px}.weather{max-width:130px}.demo-note{top:49px}.move-pad{bottom:82px}.world-actions #belly-bump{flex-basis:auto}}