/* Full-viewport neighborhood, two main entry tiles and two destination signs. */
body.is-landing{padding:0!important;height:100dvh;overflow:hidden;background:#eee8dc;}
body.is-landing .page[data-page="landing"]{height:100dvh;min-height:0;padding:0;}
body.is-landing .mio-boutique.mb-fullscreen{position:relative;isolation:isolate;width:100%;height:100dvh;min-height:0;padding:0;overflow:hidden;background:linear-gradient(#e8e5dc,#f3eee3);box-shadow:none;}
body.is-landing .mb-fullscreen::after{display:none;}
body.is-landing .mb-fullscreen .mw-stage,body.is-landing .mb-fullscreen.is-room .mw-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;max-width:none;aspect-ratio:auto;margin:0;transform:none;z-index:0;pointer-events:auto;}
body.is-landing .mb-fullscreen .mw-stage>.mio-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;}
body.is-landing .mb-fullscreen .mw-stage>.mio-poster{height:65%;max-width:80%;}
body.is-landing .mb-fullscreen .mio-bubble,body.is-landing .mb-fullscreen .mio-stage-mute{display:none;}
.mb-entry{position:absolute;z-index:3;inset:auto 0 max(28px,env(safe-area-inset-bottom));display:flex;justify-content:center;gap:12px;pointer-events:none;}
.mb-entry button{box-sizing:border-box;width:108px;height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px;pointer-events:auto;border:1px solid #ffffffdb;border-radius:17px;font:500 11px/1.8 Vazirmatn,sans-serif;cursor:pointer;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 25px #20382d20,inset 0 1px 0 #ffffff,inset 0 -2px 6px #ffffff60;backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);}
.mb-entry button strong{font-weight:750;font-size:12px;}
.mb-entry__icon{display:block;width:52px;height:52px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px 3px #254b3926);transition:transform .18s;}
.mb-entry button:hover .mb-entry__icon{transform:translateY(-2px) rotate(-4deg);}
.mb-entry__shop{background:linear-gradient(145deg,#ffffffda,#ffe7db9e);color:#344e42;}
.mb-entry__smart{background:linear-gradient(145deg,#f4fffee8,#d5efecac 55%,#e8e0f5aa);color:#25483f;}
.mb-entry button:hover{transform:translateY(-4px);box-shadow:0 12px 28px #20382d30;}
.mb-entry button:active{transform:translateY(0) scale(.97);}
.mb-entry button:focus-visible,.mb-motion-access:focus-visible{outline:3px solid #b36147;outline-offset:5px;}
.mb-motion-access{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);border:0;padding:0;white-space:nowrap;}
.mb-motion-access:focus-visible{z-index:5;top:20px;right:20px;width:auto;height:auto;clip-path:none;padding:12px 18px;border-radius:10px;background:#fffaf2;color:#2b5145;font:inherit;}
@media(max-width:760px){.mb-entry{bottom:max(22px,env(safe-area-inset-bottom));gap:10px;}.mb-entry button{width:102px;height:102px;border-radius:17px;}}
@media(max-height:450px){.mb-entry{bottom:12px;}.mb-entry button{width:80px;height:80px;gap:3px;font-size:10px;}.mb-entry button strong{font-size:10px;}.mb-entry .mb-entry__icon{width:36px;height:36px;}}
@media(prefers-reduced-motion:reduce){.mb-fullscreen *{animation:none!important;transition:none!important;}}
/* Two quiet wayfinding signs keep the expanded world accessible on narrow screens. */
.mb-neighbors{position:absolute;z-index:3;inset:max(22px,env(safe-area-inset-top)) 24px auto;display:flex;direction:ltr;justify-content:space-between;gap:14px;pointer-events:none;}
.mb-neighbors button{direction:rtl;}
.mb-neighbors button{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #ffffffde;border-radius:18px;color:#344d45;background:linear-gradient(135deg,#fffaf5e8,#f7dfd2ba);box-shadow:0 5px 22px #694b3310,inset 0 1px 0 white;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-align:right;font:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s;}
.mb-neighbors .mb-neighbors__map{background:linear-gradient(135deg,#fafffbe8,#d7e8dfc7);}
.mb-neighbors button>span:nth-child(2){display:grid;gap:2px;}
.mb-neighbors strong{font-size:13px;font-weight:750;}
.mb-neighbors small{font-size:10px;font-weight:500;}
.mb-neighbors svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.mb-neighbors button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #694b3320;}
.mb-neighbors button:focus-visible{outline:3px solid #ae604b;outline-offset:4px;}
@media(max-width:760px){.mb-neighbors{inset:max(16px,env(safe-area-inset-top)) 14px auto;gap:9px;}.mb-neighbors button{gap:7px;padding:9px 10px;border-radius:15px;}.mb-neighbors svg{width:20px;height:20px;}.mb-neighbors small{font-size:9px;}.mb-neighbors strong{font-size:12px;}.mb-neighbors button>span:last-child{display:none;}}
@media(max-width:360px){.mb-neighbors svg{display:none;}}
@media(max-height:450px){.mb-neighbors{top:10px;}.mb-neighbors small{display:none;}}
/* Chat stays reachable even when the 3D scene is unavailable. */
.mb-chat-access{position:absolute;z-index:4;bottom:calc(max(28px,env(safe-area-inset-bottom)) + 122px);left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 20px;border:1px solid #fff;border-radius:24px;background:#fff9f2;color:#25483f;box-shadow:0 4px 18px #20382d20;font:750 14px/1.6 Vazirmatn,sans-serif;white-space:nowrap;cursor:pointer;}
.mb-chat-access svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.mb-chat-access:focus-visible{outline:3px solid #ae604b;outline-offset:4px;}
@media(max-width:760px){.mb-chat-access{bottom:calc(max(22px,env(safe-area-inset-bottom)) + 116px);}}
@media(max-height:450px){.mb-chat-access{bottom:104px;}}