/*
 * Isolated stylesheet entrypoint for /trai-nghiem-360/.
 *
 * Keep tour-only rules in tour.css and tour-map.css. This entrypoint is the
 * only project stylesheet loaded by the public 360 page, after shared CSS,
 * so changes to the tour cannot accidentally be loaded on other pages.
 */
@import url("tour.css?v=15");
@import url("tour-map.css?v=23");

/* A page-level isolation hook for future 360-specific overrides. */
.page-tour-360 main {
  overflow: clip;
}

/* v4 — one unified 360 experience; the overview map lives inside the viewer. */
.page-tour-360 .real-panorama{margin-top:48px}
.page-tour-360 .real-panorama__heading h1{margin:9px 0 0;color:#17382a;font:700 clamp(36px,4.4vw,58px)/1.05 "Noto Serif VN",serif}
.page-tour-360 .real-panorama__heading h1 em{color:#ad7928;font-weight:400}
.page-tour-360 .panorama-tools{position:absolute;z-index:12;top:16px;right:16px;display:flex;gap:9px}
.page-tour-360 .panorama-tools .panorama-fullscreen{position:relative;top:auto;right:auto}
.page-tour-360 .panorama-map-toggle{display:inline-flex;min-height:40px;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(235,199,119,.75);border-radius:10px;background:rgba(5,24,15,.92);color:#fff;box-shadow:0 5px 14px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.07);cursor:pointer;font:700 11px "Noto Sans VN",sans-serif;backdrop-filter:blur(8px)}
.page-tour-360 .panorama-map-toggle span{color:#e9c66f;font-size:18px}.page-tour-360 .panorama-map-toggle em{display:grid;min-width:20px;height:20px;place-items:center;border-radius:50%;background:#b88731;color:#fff;font-size:9px;font-style:normal}
.page-tour-360 .panorama-map-toggle:hover,.page-tour-360 .panorama-map-toggle[aria-expanded="true"]{background:#6d5423}
.page-tour-360 .panorama-map-panel{position:absolute;z-index:11;inset:70px 16px 16px auto;display:grid;width:min(560px,calc(100% - 32px));grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(235,199,119,.58);border-radius:13px;background:rgba(5,22,14,.96);box-shadow:0 24px 70px rgba(0,0,0,.58);opacity:0;transform:translateX(calc(100% + 32px));transition:transform .28s ease,opacity .22s ease;pointer-events:none;backdrop-filter:blur(13px)}
.page-tour-360 .panorama-map-panel.is-open{opacity:1;transform:translateX(0);pointer-events:auto}
.page-tour-360 .panorama-map-panel header,.page-tour-360 .panorama-map-panel footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;background:transparent;color:#fff;text-align:left}
.page-tour-360 .panorama-map-panel header span{display:block;color:#d8b562;font-size:8px;font-weight:800;letter-spacing:.16em}.page-tour-360 .panorama-map-panel header strong{display:block;margin-top:3px;font:600 18px "Noto Serif VN",serif}
.page-tour-360 .panorama-map-close{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;font-size:23px}
.page-tour-360 .panorama-map-panel .aerial-map{width:calc(100% - 24px);max-width:none;aspect-ratio:auto;min-height:0;margin:0 12px;border-radius:9px;background-size:100% 100%!important;box-shadow:none}
.page-tour-360 .panorama-map-panel .map-point i{width:30px;height:30px;font-size:10px}.page-tour-360 .panorama-map-panel .map-point span{margin-top:5px;padding:3px 6px;font-size:8px}
.page-tour-360 .panorama-map-panel footer{color:#c5d0ca;font-size:9px}.page-tour-360 .panorama-map-panel footer span{display:flex;align-items:center;gap:7px}.page-tour-360 .panorama-map-panel footer i{width:7px;height:7px;border-radius:50%;background:#d9b55f}.page-tour-360 .panorama-map-panel footer a{color:#e7c779;text-decoration:none;font-weight:700}
@media(max-width:760px){.page-tour-360 .real-panorama{margin-top:28px}.page-tour-360 .real-panorama__heading h1{font-size:34px}.page-tour-360 .panorama-tools{top:12px;right:12px}.page-tour-360 .panorama-map-toggle b{display:none}.page-tour-360 .panorama-map-toggle{width:44px;justify-content:center;padding:0}.page-tour-360 .panorama-map-toggle em{position:absolute;top:-5px;right:-5px}.page-tour-360 .panorama-map-panel{inset:68px 10px 10px;width:auto}.page-tour-360 .panorama-map-panel .map-point span{display:none}}
@media(prefers-reduced-motion:reduce){.page-tour-360 .panorama-map-panel{transition:none}}

/* v9 — each destination is a clickable directional arrow anchored in 3D. */
.page-tour-360 .tour-360-hotspot{width:38px;height:38px;border:2px solid rgba(255,235,184,.94);border-radius:50%;background:radial-gradient(circle at 35% 30%,#e1bc67,#95631e 72%);box-shadow:0 0 0 7px rgba(218,177,87,.18),0 8px 22px rgba(0,0,0,.5);cursor:pointer}
.page-tour-360 .tour-360-hotspot:before{content:"\2191";position:absolute;inset:5px;display:grid;place-items:center;border-radius:50%;background:#fff1c7;color:#173b2c;box-shadow:0 0 10px rgba(255,225,145,.85);font:900 20px/1 "Noto Sans VN",sans-serif;transition:inset .18s ease,box-shadow .18s ease,translate .18s ease}
.page-tour-360 .tour-360-hotspot:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:13px;background:linear-gradient(#f5d98c,transparent);translate:-50% 0;pointer-events:none}
.page-tour-360 .tour-360-hotspot:hover,.page-tour-360 .tour-360-hotspot:focus-visible{box-shadow:0 0 0 9px rgba(218,177,87,.25),0 10px 26px rgba(0,0,0,.58);outline:2px solid #fff1bd;outline-offset:4px}
.page-tour-360 .tour-360-hotspot:hover:before,.page-tour-360 .tour-360-hotspot:focus-visible:before{inset:3px;box-shadow:0 0 15px rgba(255,225,145,.98);translate:0 -2px}
.page-tour-360 .pnlm-tooltip span{padding:8px 11px;border:1px solid rgba(235,199,119,.55);border-radius:7px;background:rgba(5,24,15,.94);color:#fff7df;box-shadow:0 8px 24px rgba(0,0,0,.4);font:700 10px "Noto Sans VN",sans-serif;white-space:nowrap}
@media(max-width:760px){.page-tour-360 .tour-360-hotspot{width:34px;height:34px}.page-tour-360 .tour-360-hotspot:before{inset:4px;font-size:18px}}
.page-tour-360 .real-panorama__intro{display:grid;justify-items:start;gap:15px}.page-tour-360 .real-panorama__intro p{margin:0;color:#66736c;font-size:14px;line-height:1.75}.page-tour-360 .tour-manager-link{display:inline-flex;min-height:40px;align-items:center;gap:8px;padding:0 13px;border:1px solid rgba(168,115,32,.42);border-radius:7px;background:#173b2c;color:#fff8e8;text-decoration:none;font:700 11px "Noto Sans VN",sans-serif;box-shadow:0 7px 20px rgba(23,59,44,.15)}.page-tour-360 .tour-manager-link span{color:#e7c371}.page-tour-360 .tour-manager-link:hover{border-color:#b88731;background:#214c39}
@media(max-width:760px){.page-tour-360 .real-panorama__intro{gap:12px}.page-tour-360 .real-panorama__intro p{font-size:12px}.page-tour-360 .tour-manager-link{min-height:38px}}

/* v8 — VXR-style guided route in the single panorama node. */
.guided-tour{position:absolute;z-index:14;right:0;bottom:0;left:0;display:grid;justify-items:center;pointer-events:none}.guided-tour__start{display:flex;min-height:54px;align-items:center;gap:11px;margin-bottom:22px;padding:8px 17px 8px 10px;border:1px solid rgba(255,229,165,.72);border-radius:999px;background:rgba(5,24,15,.9);color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.45);cursor:pointer;pointer-events:auto;backdrop-filter:blur(10px)}.guided-tour__start>span{display:grid;width:37px;height:37px;place-items:center;border-radius:50%;background:#c99a3d;color:#10251b;font-size:19px}.guided-tour__start b,.guided-tour__start small{display:block;text-align:left}.guided-tour__start b{font:700 12px "Noto Sans VN",sans-serif}.guided-tour__start small{margin-left:2px;color:#d8c9a6;font-size:9px}.guided-tour__start[aria-hidden="true"]{display:none}.guided-tour__nav{position:relative;display:grid;grid-template-columns:44px minmax(180px,1fr) 44px;gap:8px;align-items:center;min-width:min(470px,calc(100% - 24px));margin-bottom:20px;padding:9px;border:1px solid rgba(255,229,165,.58);border-radius:14px;background:rgba(4,20,13,.91);box-shadow:0 16px 44px rgba(0,0,0,.5);pointer-events:auto;backdrop-filter:blur(11px)}.guided-tour__nav[aria-hidden="true"]{display:none}.guided-tour__nav>button{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.17);border-radius:10px;background:rgba(255,255,255,.06);color:#ffe7a6;cursor:pointer;font-size:28px}.guided-tour__nav>div{text-align:center}.guided-tour__nav small{display:block;color:#d6b666;font-size:7px;font-weight:800;letter-spacing:.15em}.guided-tour__nav strong{display:block;margin:2px 0;color:#fff9e9;font:600 16px "Noto Serif VN",serif}.guided-tour__story{padding:2px 8px;border:0;background:transparent;color:#cdd9d2;cursor:pointer;font:700 9px "Noto Sans VN",sans-serif;text-decoration:underline;text-underline-offset:3px}.guided-tour__arrow{position:absolute;left:50%;bottom:calc(100% + 13px);display:grid;gap:0;transform:translateX(-50%);filter:drop-shadow(0 6px 8px rgba(0,0,0,.5));pointer-events:none}.guided-tour__arrow span{display:block;width:22px;height:22px;margin-top:-11px;border-right:4px solid #f0ca70;border-bottom:4px solid #f0ca70;transform:rotate(45deg);animation:routeArrow 1.5s ease-in-out infinite}.guided-tour__arrow span:nth-child(2){animation-delay:.16s}.guided-tour__arrow span:nth-child(3){animation-delay:.32s}.tour-360-hotspot.is-route-current{border-color:#fff4c9;box-shadow:0 0 0 12px rgba(230,188,91,.3),0 0 32px rgba(255,220,132,.9)}@keyframes routeArrow{0%,100%{opacity:.25;transform:translateY(-4px) rotate(45deg)}50%{opacity:1;transform:translateY(5px) rotate(45deg)}}
@media(max-width:760px){.guided-tour__start{margin-bottom:14px}.guided-tour__nav{grid-template-columns:42px minmax(130px,1fr) 42px;min-width:calc(100% - 18px);margin-bottom:10px}.guided-tour__nav strong{font-size:14px}.guided-tour__arrow{bottom:calc(100% + 9px)}}
@media(prefers-reduced-motion:reduce){.guided-tour__arrow span{animation:none}}

/* v2 — official overview card, one full uncropped image and scoped controls. */
.page-tour-360 .map-experience {
  padding: 46px max(4vw, 20px) 56px !important;
  background:
    radial-gradient(circle at 75% 0, rgba(203, 164, 85, .10), transparent 32%),
    #10271c;
}
.page-tour-360 .map-toolbar {
  align-items: center;
  padding: 0 0 24px;
}
.page-tour-360 .map-toolbar p { line-height: 1.65; }
.page-tour-360 .map-legend {
  min-width: 164px;
  padding: 13px 15px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 10px;
  background: rgba(4,20,13,.34);
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
}
.page-tour-360 .map-admin-link {
  display: inline-flex;
  margin-top: 11px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.12);
  color: #e8cc8b;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}
.page-tour-360 .aerial-map {
  width: 100%;
  max-width: 1380px;
  aspect-ratio: 1280 / 531;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 16px;
  background-color: #081b12;
  background-position: center !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 24px 65px rgba(2,12,7,.42);
}
.page-tour-360 .map-depth {
  background: linear-gradient(180deg, rgba(4,17,11,.04), transparent 58%, rgba(4,17,11,.18));
}
.page-tour-360 .map-hint,
.page-tour-360 .map-fullscreen {
  z-index: 4;
  min-height: 38px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 9px;
  background: rgba(5,24,15,.78);
  color: rgba(255,255,255,.94);
  box-shadow: 0 5px 18px rgba(0,0,0,.24);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.page-tour-360 .map-hint {
  left: 16px;
  bottom: 14px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  font-size: 11px;
}
.page-tour-360 .map-fullscreen {
  position: absolute;
  right: 16px;
  bottom: 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  cursor: pointer;
  font: 700 11px "Noto Sans VN", sans-serif;
}
.page-tour-360 .map-fullscreen:hover,
.page-tour-360 .map-fullscreen:focus-visible {
  border-color: rgba(232,204,139,.8);
  background: rgba(36,78,58,.94);
  outline: 2px solid rgba(232,204,139,.35);
  outline-offset: 2px;
}
@media (max-width: 760px) {
  .page-tour-360 .map-experience { padding: 28px 12px 34px !important; }
  .page-tour-360 .map-toolbar { padding-inline: 6px; padding-bottom: 18px; }
  .page-tour-360 .map-legend { display: flex; align-items: center; gap: 9px; min-width: 0; margin-top: 15px; }
  .page-tour-360 .map-legend b { margin: 0 0 0 auto; }
  .page-tour-360 .map-admin-link { margin: 0; padding: 0 0 0 10px; border-top: 0; border-left: 1px solid rgba(255,255,255,.12); }
  .page-tour-360 .aerial-map { border-radius: 11px; }
  .page-tour-360 .map-hint { display: none; }
  .page-tour-360 .map-fullscreen { right: 8px; bottom: 8px; min-height: 34px; padding: 0 9px; }
  .page-tour-360 .map-fullscreen b { display: none; }
}

/* v24 - seamless dark topbar and truly viewport-bound opening scene. */
.page-tour-360 .site-header{border-bottom:0;background:#06140d;box-shadow:none;backdrop-filter:none}
.page-tour-360 .site-header .brand-copy strong{color:#fffaf0}.page-tour-360 .site-header .brand-copy em{color:#e7c779}.page-tour-360 .site-header nav a{color:#f2f5f3}.page-tour-360 .menu-toggle span{background:#f4e7c6}
.page-tour-360 main{margin:0;padding:0;background:#06140d}
.page-tour-360 .real-panorama{display:block;margin:0!important;padding:0;line-height:0}
.page-tour-360 .real-panorama__viewer{height:calc(100svh - 54px);height:calc(100dvh - 54px);min-height:0;margin:0}
.page-tour-360 .real-panorama__viewer>*{line-height:normal}
(max-width:760px){.page-tour-360 .real-panorama__viewer{height:calc(100svh - 48px);height:calc(100dvh - 48px);min-height:0}}


/* v25 - dedicated 3D cemetery map page. */
.page-map-3d main{min-height:calc(100dvh - 54px);padding:28px 0 70px;background:radial-gradient(circle at 50% 10%,#f8f3e7,#e5decd 62%,#cbc2ae)}
.page-map-3d .site-plan{margin:0 auto}
@media(max-width:760px){.page-map-3d main{min-height:calc(100dvh - 48px);padding:12px 0 42px}.page-map-3d .site-plan{margin-top:0}}


/* v26 - standalone 360 mode: no site chrome, explicit exit home. */
.page-tour-360 .site-header{display:none}
.page-tour-360 .real-panorama__viewer{height:100svh;height:100dvh;min-height:0}
.page-tour-360 .tour-close{position:absolute;z-index:12;top:16px;right:16px;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(5,24,15,.9);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.45);text-decoration:none;font:300 32px/1 system-ui;backdrop-filter:blur(8px)}
.page-tour-360 .tour-close:hover,.page-tour-360 .tour-close:focus-visible{border-color:#f2cf7e;background:#6d5423;outline:2px solid #f2cf7e;outline-offset:2px}
.page-tour-360 .panorama-fullscreen{right:72px}
.page-tour-360 .tour-manager-link--overlay{right:124px}
@media(max-width:760px){.page-tour-360 .real-panorama__viewer{height:100svh;height:100dvh;min-height:0}.page-tour-360 .tour-close{top:12px;right:12px;width:44px;height:44px}.page-tour-360 .panorama-fullscreen{right:68px}.page-tour-360 .tour-manager-link--overlay{right:120px}}

/* v27 - balanced top-right 360 control cluster. */
.page-tour-360 .tour-close,.page-tour-360 .panorama-fullscreen,.page-tour-360 .tour-manager-link--overlay{top:14px;height:38px;min-height:38px;box-sizing:border-box}
.page-tour-360 .tour-close{right:14px;width:38px;border-radius:10px;font-size:26px;font-weight:300}
.page-tour-360 .tour-close{padding:0 0 3px}.page-tour-360 .tour-close:hover{padding-bottom:3px}
.page-tour-360 .panorama-fullscreen{right:62px;width:38px}
.page-tour-360 .panorama-fullscreen svg{display:block;width:19px;height:19px;margin:auto}
.page-tour-360 .tour-manager-link--overlay{right:110px;padding:0 11px}
.page-tour-360 .tour-manager-link--overlay span{display:block;line-height:1;transform:translateY(-1px)}
(max-width:760px){.page-tour-360 .tour-close,.page-tour-360 .panorama-fullscreen,.page-tour-360 .tour-manager-link--overlay{top:12px;height:38px;min-height:38px}.page-tour-360 .tour-close{right:12px;width:38px}.page-tour-360 .panorama-fullscreen{right:60px;width:38px}.page-tour-360 .tour-manager-link--overlay{right:108px;width:38px;padding:0;justify-content:center}}

/* v28 - refined 360 markers with persistent place labels. */
.page-tour-360 .tour-360-hotspot{width:32px;height:32px;border:1px solid rgba(255,233,177,.9);background:rgba(13,42,29,.78);box-shadow:0 0 0 5px rgba(222,181,88,.14),0 7px 20px rgba(0,0,0,.42);backdrop-filter:blur(4px)}
.page-tour-360 .tour-360-hotspot:before{inset:5px;background:linear-gradient(145deg,#ffe9ad,#c69235);color:#17382a;box-shadow:0 0 12px rgba(255,218,123,.55);font-size:16px}
.page-tour-360 .tour-360-hotspot:after{top:100%;height:9px;background:linear-gradient(#ebc76f,transparent)}
.page-tour-360 .tour-360-hotspot>span{visibility:visible!important;top:auto!important;right:auto!important;bottom:calc(100% + 12px)!important;left:50%!important;width:max-content!important;max-width:190px!important;height:auto!important;margin:0!important;padding:7px 10px!important;transform:translateX(-50%);border:1px solid rgba(238,207,133,.48)!important;border-radius:999px!important;background:rgba(5,24,15,.88)!important;color:#fff8e8!important;box-shadow:0 7px 20px rgba(0,0,0,.4)!important;opacity:1!important;pointer-events:none;white-space:nowrap!important;font:700 9px/1.2 "Noto Sans VN",sans-serif!important;text-shadow:0 1px 4px rgba(0,0,0,.7);backdrop-filter:blur(7px)}
.page-tour-360 .tour-360-hotspot>span:after{display:none!important}
.page-tour-360 .tour-360-hotspot:hover,.page-tour-360 .tour-360-hotspot:focus-visible{box-shadow:0 0 0 7px rgba(222,181,88,.2),0 9px 24px rgba(0,0,0,.5)}
.page-tour-360 .tour-360-hotspot:hover>span,.page-tour-360 .tour-360-hotspot:focus-visible>span,.page-tour-360 .tour-360-hotspot.is-route-current>span{border-color:#f4d583!important;background:rgba(21,57,40,.96)!important;color:#fff3c9!important}
.page-tour-360 .tour-360-hotspot.is-route-current{box-shadow:0 0 0 9px rgba(230,188,91,.24),0 0 25px rgba(255,220,132,.75)}
(max-width:760px){.page-tour-360 .tour-360-hotspot{width:29px;height:29px}.page-tour-360 .tour-360-hotspot:before{inset:4px;font-size:15px}.page-tour-360 .tour-360-hotspot>span{bottom:calc(100% + 10px)!important;max-width:145px!important;overflow:hidden;text-overflow:ellipsis;padding:6px 8px!important;font-size:8px!important}}


/* v29 - cinematic welcome and virtual guide overlay. */
.page-tour-360{overflow:hidden}.tour-welcome{position:absolute;z-index:14;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,rgba(16,46,31,.32),rgba(2,10,6,.76));opacity:1;transition:opacity .5s ease,visibility .5s ease;backdrop-filter:brightness(.48)}.tour-welcome.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.tour-welcome button{display:flex;min-height:62px;align-items:center;gap:13px;padding:8px 24px 8px 9px;border:1px solid rgba(255,229,165,.78);border-radius:999px;background:rgba(5,24,15,.92);color:#fff;box-shadow:0 18px 55px rgba(0,0,0,.48),0 0 0 8px rgba(219,178,86,.08);cursor:pointer;font:700 14px "Noto Sans VN",sans-serif;backdrop-filter:blur(10px)}.tour-welcome button>span{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:#d3a445;color:#10251b;font-size:17px}.tour-welcome button:hover,.tour-welcome button:focus-visible{border-color:#ffe3a0;background:#173d2b;outline:3px solid rgba(255,225,151,.24);outline-offset:4px}.page-tour-360 .tour-close{z-index:16}
.tour-guide-avatar{position:absolute;z-index:13;right:18px;bottom:18px;display:grid;width:210px;grid-template-rows:minmax(0,1fr) auto;visibility:hidden;overflow:visible;border:1px solid rgba(241,208,133,.48);border-radius:18px;background:rgba(5,24,15,.92);box-shadow:0 24px 65px rgba(0,0,0,.55);opacity:0;transform:translateY(24px);transition:opacity .4s ease,transform .4s ease,visibility .4s ease,width .2s ease;backdrop-filter:blur(10px)}.tour-guide-avatar.is-active{visibility:visible;opacity:1;transform:none}.tour-guide-media{position:relative;height:250px;overflow:hidden;border-radius:17px 17px 0 0;background:#d9dcdf}.tour-guide-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.tour-guide-media:after{position:absolute;right:0;bottom:0;left:0;height:42%;content:"";pointer-events:none;background:linear-gradient(transparent,rgba(5,24,15,.38))}.tour-guide-minimize{position:absolute;z-index:3;top:9px;right:9px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(5,24,15,.72);color:#fff4d6;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.3);backdrop-filter:blur(8px)}.tour-guide-minimize:hover,.tour-guide-minimize:focus-visible{border-color:#e0ba66;background:rgba(5,24,15,.92);outline:none}.tour-guide-minimize svg{width:19px;height:19px}.tour-guide-minimize .guide-expand{display:none}
.tour-guide-toolbar{display:grid;height:46px;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.1)}.tour-guide-toolbar button{display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#e4bd65;cursor:pointer}.tour-guide-toolbar button+button{border-left:1px solid rgba(255,255,255,.1)}.tour-guide-toolbar button:hover,.tour-guide-toolbar button:focus-visible,.tour-guide-toolbar button[aria-expanded="true"]{background:rgba(226,187,100,.13);outline:none}.tour-guide-toolbar button[aria-pressed="true"]{color:#aebdb5}.tour-guide-avatar.is-collapsed{width:52px;height:52px;display:block;border-radius:50%;overflow:hidden}.tour-guide-avatar.is-collapsed .tour-guide-detail,.tour-guide-avatar.is-collapsed .tour-guide-points,.tour-guide-avatar.is-collapsed .tour-guide-toolbar,.tour-guide-avatar.is-collapsed .tour-guide-media video,.tour-guide-avatar.is-collapsed .tour-guide-media:after{display:none}.tour-guide-avatar.is-collapsed .tour-guide-media{display:block;width:52px;height:52px;border-radius:50%;background:rgba(5,24,15,.96)}.tour-guide-avatar.is-collapsed .tour-guide-minimize{inset:0;width:52px;height:52px;border:0;background:transparent;box-shadow:none}.tour-guide-avatar.is-collapsed .guide-collapse{display:none}.tour-guide-avatar.is-collapsed .guide-expand{display:block}
.tour-guide-detail{position:absolute;right:calc(100% + 12px);bottom:0;width:360px;max-height:min(420px,70dvh);overflow:auto;padding:25px 25px 22px;border:1px solid rgba(238,204,126,.5);border-radius:15px;background:rgba(5,24,15,.96);color:#fff;box-shadow:0 24px 65px rgba(0,0,0,.5);visibility:hidden;opacity:0;transform:translateX(12px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease;backdrop-filter:blur(13px)}.tour-guide-detail.is-open{visibility:visible;opacity:1;transform:none}.tour-guide-detail>button{position:absolute;top:9px;right:10px;width:30px;height:30px;border:0;background:transparent;color:#c9d2cd;cursor:pointer;font-size:22px}.tour-guide-detail>span{color:#d4ae5a;font-size:7px;font-weight:800;letter-spacing:.16em}.tour-guide-detail h2{margin:8px 28px 10px 0;color:#fff6df;font:600 24px/1.15 "Noto Serif VN",serif}.tour-guide-detail p{margin:0;color:#cbd7d0;font-size:12px;line-height:1.75}
.tour-guide-points{position:absolute;right:calc(100% + 12px);bottom:0;width:330px;max-height:min(430px,70dvh);overflow:hidden;border:1px solid rgba(238,204,126,.5);border-radius:15px;background:rgba(5,24,15,.97);color:#fff;box-shadow:0 24px 65px rgba(0,0,0,.5);visibility:hidden;opacity:0;transform:translateX(12px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease;backdrop-filter:blur(13px)}.tour-guide-points.is-open{visibility:visible;opacity:1;transform:none}.tour-guide-points header{display:flex;align-items:center;justify-content:space-between;padding:15px 13px 11px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.tour-guide-points header span{color:#d4ae5a;font-size:9px;font-weight:800;letter-spacing:.13em}.tour-guide-points header button{display:grid;width:30px;height:30px;place-items:center;border:0;background:transparent;color:#c9d2cd;cursor:pointer}.tour-guide-points header svg{width:15px;height:15px}.tour-guide-points__list{max-height:min(365px,60dvh);overflow:auto;padding:7px}.tour-guide-points__list button{display:grid;width:100%;grid-template-columns:30px 1fr 18px;gap:10px;align-items:center;padding:9px 8px;border:0;border-radius:10px;background:transparent;color:#e3ebe6;text-align:left;cursor:pointer}.tour-guide-points__list button:hover,.tour-guide-points__list button:focus-visible,.tour-guide-points__list button.is-active{background:rgba(226,187,100,.13);outline:none}.tour-guide-points__list button i{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(228,189,101,.55);border-radius:50%;color:#e4bd65;font:700 10px "Noto Sans VN",sans-serif}.tour-guide-points__list button.is-active i{background:#d7ad50;color:#092216}.tour-guide-points__list button span{font-size:11px;font-weight:650;line-height:1.35}.tour-guide-points__list button svg{width:15px;height:15px;color:#adbbb3}
@media(max-width:760px){.tour-welcome button{min-height:56px;padding-right:19px;font-size:12px}.tour-welcome button>span{width:40px;height:40px}.tour-guide-avatar{right:10px;bottom:10px;width:138px;border-radius:13px}.tour-guide-media{height:166px;border-radius:12px 12px 0 0}.tour-guide-minimize{top:7px;right:7px;width:32px;height:32px}.tour-guide-toolbar{height:40px}.tour-guide-detail,.tour-guide-points{right:0;bottom:calc(100% + 9px);width:min(330px,calc(100vw - 20px));max-height:46dvh}.tour-guide-detail{padding:20px 19px 18px}.tour-guide-detail h2{font-size:20px}.tour-guide-detail p{font-size:11px}.tour-guide-points__list{max-height:38dvh}.guided-tour__nav{margin-right:150px;min-width:min(430px,calc(100% - 170px))}}@media(prefers-reduced-motion:reduce){.tour-welcome,.tour-guide-avatar,.tour-guide-detail,.tour-guide-points{transition:none}}

/* v30 — unified SVG control icons */
.page-tour-360 button svg,.page-tour-360 a svg,.scene-dialog button svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.page-tour-360 .tour-close{padding:0;line-height:0}.page-tour-360 .tour-close svg{width:17px;height:17px}
.page-tour-360 .guided-tour__start>span svg,.page-tour-360 .tour-welcome button>span svg{width:19px;height:19px}
.page-tour-360 .guided-tour__nav>button svg{width:18px;height:18px;margin:auto}
.tour-guide-detail>button{display:grid;place-items:center}.tour-guide-detail>button svg{width:16px;height:16px}
.tour-guide-toolbar button>svg{width:17px;height:17px;color:#e4bd65;flex:0 0 auto}
.tour-guide-toolbar .guide-sound-off,.tour-guide-toolbar .guide-sound-loading{display:none}
.tour-guide-toolbar button[aria-pressed="true"] .guide-sound-on{display:none}.tour-guide-toolbar button[aria-pressed="true"] .guide-sound-off{display:block}
.tour-guide-avatar[data-audio-state="loading"] .guide-sound-on,.tour-guide-avatar[data-audio-state="loading"] .guide-sound-off{display:none}.tour-guide-avatar[data-audio-state="loading"] .guide-sound-loading{display:block;animation:tour-guide-spin .8s linear infinite}

/* Keep the guide collapse control perfectly circular across browser button styles. */
.tour-guide-minimize{box-sizing:border-box!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;aspect-ratio:1/1!important;flex:none!important;margin:0!important;padding:0!important;border-radius:999px!important;line-height:0!important;appearance:none!important;-webkit-appearance:none!important}
.tour-guide-minimize svg{display:block;width:18px;height:18px;margin:0}
.tour-guide-avatar.is-collapsed .tour-guide-minimize{width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;max-height:52px!important;padding:0!important;border-radius:999px!important}
@media(max-width:760px){.tour-guide-avatar:not(.is-collapsed) .tour-guide-minimize{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important}}

/* Translucent guide card keeps the panorama visible behind the presenter. */
.tour-guide-avatar:not(.is-collapsed){background:rgba(5,24,15,.68);box-shadow:0 18px 48px rgba(0,0,0,.38);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.tour-guide-avatar:not(.is-collapsed) .tour-guide-media{background:rgba(5,24,15,.16)}
.tour-guide-avatar:not(.is-collapsed) .tour-guide-media video{opacity:.82;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 76%,rgba(0,0,0,.72) 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 76%,rgba(0,0,0,.72) 88%,transparent 100%)}
.tour-guide-avatar:not(.is-collapsed) .tour-guide-media:after{height:32%;background:linear-gradient(transparent,rgba(5,24,15,.24))}
.tour-guide-avatar:not(.is-collapsed) .tour-guide-toolbar{background:rgba(5,24,15,.52)}

/* The guide uses a real alpha video: only the presenter floats above the panorama. */
.tour-guide-avatar:not(.is-collapsed){border-color:transparent;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.tour-guide-avatar:not(.is-collapsed) .tour-guide-media{background:transparent}
.tour-guide-avatar:not(.is-collapsed) .tour-guide-media video{opacity:1;-webkit-mask-image:none;mask-image:none}
.tour-guide-avatar:not(.is-collapsed) .tour-guide-media:after{display:none}
.tour-guide-alpha-mobile{display:none;width:100%;height:100%;object-fit:cover;object-position:center top}
.tour-guide-avatar.uses-alpha-image .tour-guide-media video{display:none}
.tour-guide-avatar.uses-alpha-image .tour-guide-alpha-mobile{display:block}
.tour-guide-avatar:not(.is-collapsed) .tour-guide-toolbar{overflow:hidden;border:1px solid rgba(241,208,133,.4);border-radius:0 0 15px 15px;background:rgba(5,24,15,.9);box-shadow:0 10px 28px rgba(0,0,0,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

/* Larger, more readable guide content panels. */
.tour-guide-detail{width:480px;max-height:min(560px,78dvh);padding:32px 32px 28px}
.tour-guide-detail>span{font-size:9px}
.tour-guide-detail h2{margin-top:10px;font-size:29px;line-height:1.2}
.tour-guide-detail p{font-size:14px;line-height:1.8}
.tour-guide-points{width:420px;max-height:min(560px,78dvh)}
.tour-guide-points header{padding:18px 15px 14px 21px}
.tour-guide-points header span{font-size:10px}
.tour-guide-points__list{max-height:min(490px,68dvh);padding:9px}
.tour-guide-points__list button{grid-template-columns:36px 1fr 20px;gap:12px;padding:11px 10px}
.tour-guide-points__list button i{width:34px;height:34px;font-size:11px}
.tour-guide-points__list button span{font-size:13px;line-height:1.4}
@media(max-width:760px){.tour-guide-detail,.tour-guide-points{width:min(390px,calc(100vw - 20px));max-height:58dvh}.tour-guide-detail{padding:24px 22px 21px}.tour-guide-detail h2{font-size:23px}.tour-guide-detail p{font-size:13px;line-height:1.72}.tour-guide-points__list{max-height:49dvh}.tour-guide-points__list button{grid-template-columns:32px 1fr 18px;gap:10px;padding:9px 8px}.tour-guide-points__list button i{width:30px;height:30px}.tour-guide-points__list button span{font-size:12px}}

/* The point picker follows its short content and never scrolls sideways. */
.tour-guide-points{width:clamp(300px,27vw,360px);max-width:calc(100vw - 24px)}
.tour-guide-points,.tour-guide-points__list{overflow-x:hidden}
.tour-guide-points header{min-width:0}
.tour-guide-points header span{min-width:0;white-space:normal}
.tour-guide-points__list{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.tour-guide-points__list button{min-width:0;grid-template-columns:34px minmax(0,1fr) 18px}
.tour-guide-points__list button span{min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:normal}
@media(max-width:760px){.tour-guide-points{width:min(340px,calc(100vw - 20px));max-width:calc(100vw - 20px)}.tour-guide-points__list{scrollbar-gutter:auto}.tour-guide-points__list button{grid-template-columns:30px minmax(0,1fr) 16px}}

/* Compact, contained navigation for each point. */
.guided-tour__nav{box-sizing:border-box;width:min(500px,calc(100vw - 32px));min-width:0;max-width:calc(100vw - 32px);grid-template-columns:44px minmax(0,1fr) 44px;overflow:hidden}
.guided-tour__nav>button{box-sizing:border-box;max-width:100%;padding:0}
.guided-tour__nav>div{min-width:0;padding:2px 4px}
.guided-tour__nav small{display:none}
.guided-tour__nav strong{overflow-wrap:anywhere;text-wrap:balance}
.guided-tour__story{display:inline-flex;min-height:36px;align-items:center;justify-content:center;margin-top:7px;padding:8px 15px;border:1px solid rgba(236,199,112,.62);border-radius:999px;background:rgba(226,187,100,.14);color:#ffe8ac;font-size:11px;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.guided-tour__story:hover,.guided-tour__story:focus-visible{border-color:#f1cf7d;background:rgba(226,187,100,.25);outline:none;transform:translateY(-1px)}
@media(max-width:760px){.guided-tour__nav{width:calc(100vw - 20px);max-width:calc(100vw - 20px);min-width:0;grid-template-columns:40px minmax(0,1fr) 40px;margin:0 10px 220px;padding:7px;gap:6px}.guided-tour__nav>button{width:40px;height:40px}.guided-tour__nav strong{font-size:13px;line-height:1.25}.guided-tour__story{min-height:34px;margin-top:6px;padding:7px 12px;font-size:10px}}

/* Premium glass toolbar for the virtual guide. */
.tour-guide-toolbar{box-sizing:border-box;height:56px;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:6px;border-top:1px solid rgba(244,213,143,.2);border-radius:0 0 17px 17px;background:linear-gradient(180deg,rgba(11,42,29,.9),rgba(4,23,15,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.tour-guide-toolbar button{position:relative;min-width:0;padding:0;border:1px solid transparent;border-radius:10px;background:rgba(255,255,255,.035);color:#e9c66f;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.tour-guide-toolbar button+button{border-left-color:transparent}
.tour-guide-toolbar button>svg{width:19px;height:19px;color:currentColor;stroke-width:1.75}
.tour-guide-toolbar button:hover,.tour-guide-toolbar button:focus-visible{border-color:rgba(239,204,122,.42);background:rgba(238,199,105,.12);color:#ffe7a5;outline:none;box-shadow:0 5px 15px rgba(0,0,0,.2);transform:translateY(-1px)}
.tour-guide-toolbar button[aria-expanded="true"]{border-color:rgba(242,207,123,.58);background:linear-gradient(145deg,rgba(222,177,77,.3),rgba(169,123,39,.18));color:#fff0bd;box-shadow:inset 0 0 0 1px rgba(255,241,194,.06),0 5px 15px rgba(0,0,0,.18)}
.tour-guide-toolbar button[aria-pressed="true"]{border-color:rgba(188,201,194,.18);background:rgba(119,139,129,.12);color:#9eafa6}
.tour-guide-toolbar button:active{transform:translateY(0) scale(.96)}
@media(max-width:760px){.tour-guide-avatar:not(.is-collapsed){width:158px}.tour-guide-toolbar{height:46px;gap:3px;padding:4px;border-radius:0 0 12px 12px}.tour-guide-toolbar button{border-radius:8px}.tour-guide-toolbar button>svg{width:17px;height:17px}}

/* Collapse belongs to the same control row. */
.tour-guide-toolbar{grid-template-columns:repeat(5,minmax(0,1fr))}
.tour-guide-toolbar .tour-guide-minimize{position:relative;inset:auto;width:auto;height:auto;border-radius:10px;box-shadow:none;backdrop-filter:none}
.tour-guide-toolbar .tour-guide-minimize svg{width:19px;height:19px}
.tour-guide-avatar.is-collapsed .tour-guide-media{display:none}
.tour-guide-avatar.is-collapsed .tour-guide-toolbar{display:grid;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:rgba(5,24,15,.96);box-shadow:none}
.tour-guide-avatar.is-collapsed .tour-guide-toolbar>button:not(.tour-guide-minimize){display:none}
.tour-guide-avatar.is-collapsed .tour-guide-toolbar .tour-guide-minimize{display:grid;grid-column:1/-1;width:52px;height:52px;border:1px solid rgba(239,204,122,.42);border-radius:50%;background:rgba(5,24,15,.94)}
@media(max-width:760px){.tour-guide-toolbar .tour-guide-minimize{border-radius:8px}.tour-guide-avatar.is-collapsed .tour-guide-toolbar .tour-guide-minimize{border-radius:50%}}

/* Smaller, fully uniform guide controls. */
.tour-guide-toolbar{height:48px;gap:4px;padding:5px}
.tour-guide-toolbar button,.tour-guide-toolbar .tour-guide-minimize{width:auto;height:auto;min-height:36px;border-radius:9px}
.tour-guide-toolbar button>svg,.tour-guide-toolbar .tour-guide-minimize svg{width:17px;height:17px;stroke-width:1.8}
@media(max-width:760px){.tour-guide-avatar:not(.is-collapsed){width:150px}.tour-guide-toolbar{height:42px;gap:2px;padding:4px}.tour-guide-toolbar button,.tour-guide-toolbar .tour-guide-minimize{min-height:32px;border-radius:7px}.tour-guide-toolbar button>svg,.tour-guide-toolbar .tour-guide-minimize svg{width:15px;height:15px}.tour-guide-avatar.is-collapsed .tour-guide-toolbar .tour-guide-minimize{width:52px;height:52px;border-radius:50%}}

/* The collapse control is neutral while the guide is open, like its siblings. */
.tour-guide-toolbar .tour-guide-minimize[aria-expanded="true"]{border-color:transparent;background:rgba(255,255,255,.035);color:#e9c66f;box-shadow:none}
.tour-guide-toolbar .tour-guide-minimize[aria-expanded="true"]:hover,.tour-guide-toolbar .tour-guide-minimize[aria-expanded="true"]:focus-visible{border-color:rgba(239,204,122,.42);background:rgba(238,199,105,.12);color:#ffe7a5;box-shadow:0 5px 15px rgba(0,0,0,.2)}

/* Icon-only toolbar: square hit areas without visible button boxes. */
.tour-guide-toolbar{height:42px;gap:0;padding:3px 5px;background:linear-gradient(180deg,rgba(10,39,27,.88),rgba(4,22,14,.96))}
.tour-guide-toolbar button,.tour-guide-toolbar .tour-guide-minimize,.tour-guide-toolbar .tour-guide-minimize[aria-expanded="true"]{width:auto;height:auto;min-height:36px;padding:0;border:0;border-radius:0;background:transparent;color:#d8bd78;box-shadow:none;transform:none}
.tour-guide-toolbar button>svg,.tour-guide-toolbar .tour-guide-minimize svg{width:16px;height:16px;stroke-width:1.8}
.tour-guide-toolbar button:hover,.tour-guide-toolbar button:focus-visible,.tour-guide-toolbar button[aria-expanded="true"],.tour-guide-toolbar button[aria-pressed="true"],.tour-guide-toolbar .tour-guide-minimize[aria-expanded="true"]:hover,.tour-guide-toolbar .tour-guide-minimize[aria-expanded="true"]:focus-visible{border:0;background:transparent;box-shadow:none;outline:none;transform:none}
.tour-guide-toolbar button:hover,.tour-guide-toolbar button:focus-visible{color:#fff0bd}
.tour-guide-toolbar button[aria-expanded="true"]{color:#f1cb70}
.tour-guide-toolbar .tour-guide-minimize[aria-expanded="true"]{color:#d8bd78}
.tour-guide-toolbar button[aria-pressed="true"]{color:#91a49a}
.tour-guide-toolbar button:active{color:#fff6d7;transform:scale(.9)}
@media(max-width:760px){.tour-guide-toolbar{height:38px;gap:0;padding:2px 4px}.tour-guide-toolbar button,.tour-guide-toolbar .tour-guide-minimize,.tour-guide-toolbar .tour-guide-minimize[aria-expanded="true"]{min-height:34px;border-radius:0}.tour-guide-toolbar button>svg,.tour-guide-toolbar .tour-guide-minimize svg{width:15px;height:15px}.tour-guide-avatar.is-collapsed .tour-guide-toolbar .tour-guide-minimize{width:52px;height:52px;border:1px solid rgba(239,204,122,.42);border-radius:50%;background:rgba(5,24,15,.94)}}
.tour-guide-toolbar button::before,.tour-guide-toolbar button::after{display:none!important;content:none!important;border:0!important;text-decoration:none!important}

/* Purpose-built tooltips; no inherited hover decoration. */
.tour-guide-toolbar{overflow:visible}
.tour-guide-toolbar button,.tour-guide-toolbar .tour-guide-minimize,.tour-guide-toolbar button:hover,.tour-guide-toolbar button:focus-visible{position:relative;appearance:none!important;-webkit-appearance:none!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;text-decoration:none!important}
.tour-guide-toolbar button::before{display:none!important;content:none!important}
.tour-guide-toolbar button[data-tooltip]::after{position:absolute;z-index:30;right:auto;bottom:calc(100% + 9px);left:50%;display:block!important;width:max-content;max-width:180px;padding:7px 10px;border:1px solid rgba(239,207,132,.42)!important;border-radius:7px;background:rgba(4,23,15,.96);color:#fff2ca;box-shadow:0 8px 22px rgba(0,0,0,.38);content:attr(data-tooltip)!important;opacity:0;transform:translate(-50%,4px);transition:opacity .15s ease,transform .15s ease;pointer-events:none;white-space:nowrap;font:600 10px/1.2 "Noto Sans VN",sans-serif;text-decoration:none!important;backdrop-filter:blur(9px)}
.tour-guide-toolbar button[data-tooltip]:hover::after,.tour-guide-toolbar button[data-tooltip]:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.tour-guide-toolbar button:last-child[data-tooltip]::after{right:0;left:auto;transform:translateY(4px)}
.tour-guide-toolbar button:last-child[data-tooltip]:hover::after,.tour-guide-toolbar button:last-child[data-tooltip]:focus-visible::after{transform:none}
.tour-guide-toolbar button svg{filter:none!important;text-decoration:none!important}
.tour-guide-avatar.is-collapsed .tour-guide-toolbar button[data-tooltip]::after{right:0;bottom:calc(100% + 8px);left:auto}

/* Refined invitation markers and cinematic point travel. */
.page-tour-360 .tour-360-hotspot{width:27px;height:27px;border:1px solid rgba(255,236,183,.88);background:rgba(8,35,23,.82);box-shadow:0 0 0 4px rgba(225,184,87,.12),0 6px 18px rgba(0,0,0,.4);animation:tourPointGlow 2.6s ease-in-out infinite;backdrop-filter:blur(5px)}
.page-tour-360 .tour-360-hotspot::before{content:"";inset:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8d8 0 18%,#e4bd62 42%,#9c6c22 100%);box-shadow:0 0 9px rgba(255,220,129,.78);animation:tourPointCore 1.8s ease-in-out infinite}
.page-tour-360 .tour-360-hotspot::after{content:"";inset:-7px;top:-7px;left:-7px;width:auto;height:auto;border:1px solid rgba(235,199,111,.38);border-radius:50%;background:transparent;translate:none;animation:tourPointRipple 2.6s ease-out infinite}
.page-tour-360 .tour-360-hotspot:hover,.page-tour-360 .tour-360-hotspot:focus-visible{outline:0;box-shadow:0 0 0 7px rgba(235,196,103,.2),0 0 25px rgba(255,220,131,.62),0 8px 22px rgba(0,0,0,.48)}
.page-tour-360 .tour-360-hotspot:hover::before,.page-tour-360 .tour-360-hotspot:focus-visible::before{inset:5px;translate:none}
.page-tour-360 .tour-360-hotspot.is-route-current{border-color:#fff0b8;box-shadow:0 0 0 8px rgba(230,188,91,.22),0 0 30px rgba(255,220,132,.82)}
.page-tour-360 .tour-360-hotspot>span{bottom:calc(100% + 11px)!important;padding:6px 9px!important;font-size:9px!important}
.real-panorama__viewer.is-point-travelling .tour-360-hotspot:not(.is-route-current){opacity:.62;transition:opacity .35s ease}
@keyframes tourPointGlow{0%,100%{box-shadow:0 0 0 4px rgba(225,184,87,.1),0 6px 18px rgba(0,0,0,.4)}50%{box-shadow:0 0 0 7px rgba(225,184,87,.2),0 0 19px rgba(255,218,123,.48),0 7px 20px rgba(0,0,0,.43)}}
@keyframes tourPointCore{0%,100%{filter:brightness(.94)}50%{filter:brightness(1.22)}}
@keyframes tourPointRipple{0%{opacity:.72;scale:.72}70%,100%{opacity:0;scale:1.34}}
@media(max-width:760px){.page-tour-360 .tour-360-hotspot{width:25px;height:25px}.page-tour-360 .tour-360-hotspot::before{inset:6px}.page-tour-360 .tour-360-hotspot>span{max-width:150px!important;padding:6px 8px!important;font-size:8px!important}}
@media(prefers-reduced-motion:reduce){.page-tour-360 .tour-360-hotspot,.page-tour-360 .tour-360-hotspot::before,.page-tour-360 .tour-360-hotspot::after{animation:none}.real-panorama__viewer.is-point-travelling .tour-360-hotspot{transition:none}}

/* Text badge plus a single animated chevron; no circular marker. */
.page-tour-360 .tour-360-hotspot,.page-tour-360 .tour-360-hotspot:hover,.page-tour-360 .tour-360-hotspot:focus-visible,.page-tour-360 .tour-360-hotspot.is-route-current{width:48px;height:58px;border:0;background:transparent;box-shadow:none;outline:0;animation:none;backdrop-filter:none}
.page-tour-360 .tour-360-hotspot::before,.page-tour-360 .tour-360-hotspot::after{display:none;content:none;animation:none}
.page-tour-360 .tour-360-hotspot>span{bottom:30px!important;padding:7px 11px!important;border-color:rgba(238,207,133,.5)!important;background:rgba(5,24,15,.9)!important;box-shadow:0 7px 20px rgba(0,0,0,.36)!important;font-size:9px!important;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
.page-tour-360 .tour-360-hotspot>span::after{position:absolute;top:calc(100% + 10px);left:50%;display:block!important;width:10px!important;height:10px!important;margin:0!important;border:0!important;border-right:2px solid #f2cc70!important;border-bottom:2px solid #f2cc70!important;background:transparent!important;box-shadow:none!important;content:""!important;transform:translateX(-50%) rotate(45deg);animation:tourBadgeArrow 1.25s ease-in-out infinite;pointer-events:none}
.page-tour-360 .tour-360-hotspot:hover>span,.page-tour-360 .tour-360-hotspot:focus-visible>span,.page-tour-360 .tour-360-hotspot.is-route-current>span{border-color:#f2cf78!important;background:rgba(14,48,32,.96)!important;color:#fff4cf!important;box-shadow:0 9px 24px rgba(0,0,0,.44),0 0 18px rgba(234,194,101,.16)!important}
@keyframes tourBadgeArrow{0%,100%{opacity:.5;transform:translate(-50%,-2px) rotate(45deg)}50%{opacity:1;transform:translate(-50%,5px) rotate(45deg)}}
@media(max-width:760px){.page-tour-360 .tour-360-hotspot,.page-tour-360 .tour-360-hotspot:hover,.page-tour-360 .tour-360-hotspot:focus-visible,.page-tour-360 .tour-360-hotspot.is-route-current{width:44px;height:54px}.page-tour-360 .tour-360-hotspot>span{bottom:27px!important;padding:6px 9px!important}.page-tour-360 .tour-360-hotspot>span::after{top:calc(100% + 8px);width:9px!important;height:9px!important}}
@media(prefers-reduced-motion:reduce){.page-tour-360 .tour-360-hotspot>span::after{animation:none}}

/* Keep the badge fixed on hover and point the chevron back toward it. */
.page-tour-360 .tour-360-hotspot>span,.page-tour-360 .tour-360-hotspot:hover>span,.page-tour-360 .tour-360-hotspot:focus-visible>span,.page-tour-360 .tour-360-hotspot.is-route-current>span{position:absolute!important;inset:auto auto 30px 50%!important;margin:0!important;translate:none!important;scale:1!important;transform:translateX(-50%)!important}
.page-tour-360 .tour-360-hotspot>span::after{inset:calc(100% + 10px) auto auto 50%!important;translate:none!important;scale:1!important;transform:translateX(-50%) rotate(225deg);transform-origin:center}
@keyframes tourBadgeArrow{0%,100%{opacity:.5;transform:translate(-50%,5px) rotate(225deg)}50%{opacity:1;transform:translate(-50%,-2px) rotate(225deg)}}
@media(max-width:760px){.page-tour-360 .tour-360-hotspot>span,.page-tour-360 .tour-360-hotspot:hover>span,.page-tour-360 .tour-360-hotspot:focus-visible>span,.page-tour-360 .tour-360-hotspot.is-route-current>span{inset:auto auto 27px 50%!important}.page-tour-360 .tour-360-hotspot>span::after{inset:calc(100% + 8px) auto auto 50%!important}}

/* Keep guide tooltips above the alpha video, including hybrid touch devices. */
.tour-guide-avatar{overflow:visible!important}
.tour-guide-media{z-index:1}
.tour-guide-toolbar{position:relative;z-index:20;overflow:visible!important}
.tour-guide-toolbar button{overflow:visible!important}
.tour-guide-toolbar button[data-tooltip]::after{z-index:100}
@media(hover:none){.tour-guide-toolbar button[data-tooltip]:not(:focus-visible)::after{opacity:0}}
.scene-close,.scene-nav{display:grid;place-items:center;padding:0}.scene-close svg{width:18px;height:18px}.scene-nav svg{width:19px;height:19px}
.narrate{display:inline-flex;align-items:center;gap:8px}.narrate svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.narrate svg.is-spinning{animation:tour-guide-spin .8s linear infinite}
@keyframes tour-guide-spin{to{transform:rotate(360deg)}}

/* v31 — one truthful loading flow before tour start */
.tour-welcome__panel{display:grid;justify-items:center;min-width:min(360px,calc(100vw - 36px))}.tour-welcome__loading{display:grid;width:100%;justify-items:center;gap:12px;color:#fff;text-align:center}.tour-welcome__loading strong{font:600 16px "Noto Serif VN",serif}.tour-welcome__loading small{color:#d7dfda;font:500 10px "Noto Sans VN",sans-serif}.tour-welcome__progress{width:min(320px,calc(100vw - 60px));height:4px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.17);box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}.tour-welcome__progress i{display:block;width:10%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b98b32,#f3d88f);box-shadow:0 0 14px rgba(239,202,115,.55);transition:width .35s ease}.tour-welcome__loading.is-complete{opacity:0;transform:translateY(-5px);transition:opacity .2s ease,transform .2s ease}.tour-welcome button[hidden]{display:none}.page-tour-360 .guided-tour__start{display:none!important}

/* v32 — the welcome progress is the single loading indicator */
.page-tour-360 .pnlm-load-box,.page-tour-360 .pnlm-loading-box{display:none!important}

/* v33 — contextual title revealed with the start action */
.tour-welcome__title{max-width:min(680px,calc(100vw - 40px));margin:0 0 20px;color:#fff8e8;text-align:center;text-wrap:balance;text-shadow:0 3px 22px rgba(0,0,0,.65);font:600 clamp(25px,3.4vw,46px)/1.16 "Noto Serif VN",serif;letter-spacing:-.02em}.tour-welcome__title[hidden]{display:none}@media(max-width:760px){.tour-welcome__title{margin-bottom:16px;font-size:clamp(23px,7vw,32px)}}

/* v34 — high-contrast cinematic welcome title */
.tour-welcome__title{position:relative;max-width:min(760px,calc(100vw - 42px));margin:0 0 24px;padding:0 16px;color:#f4d489;background:linear-gradient(180deg,#fff7dc 0%,#f0c96d 76%,#c99637 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;text-wrap:balance;text-shadow:none;filter:drop-shadow(0 4px 14px rgba(0,0,0,.78));font:600 clamp(30px,4.2vw,58px)/1.08 "Noto Serif VN",serif;letter-spacing:-.035em}.tour-welcome__title::after{content:"";display:block;width:72px;height:2px;margin:17px auto 0;border-radius:99px;background:linear-gradient(90deg,transparent,#edc66e,transparent);box-shadow:0 0 13px rgba(237,198,110,.55)}@media(max-width:760px){.tour-welcome__title{max-width:calc(100vw - 28px);margin-bottom:18px;padding:0 8px;font-size:clamp(27px,8vw,38px);line-height:1.12;letter-spacing:-.025em}.tour-welcome__title::after{width:56px;margin-top:13px}}

/* v46 — compact secondary action at each guided point. */
.guided-tour__story{min-height:28px;margin-top:5px;padding:4px 12px;font-size:10px}
@media(max-width:760px){.guided-tour__story{min-height:30px;margin-top:5px;padding:5px 12px;font-size:10px}}

/* v47 — cinematic hand-off from the 360 camera to a point's main image. */
.scene-flight-transition{position:fixed;z-index:9998;inset:0;visibility:hidden;background-color:#06130d;background-repeat:no-repeat;background-size:cover;opacity:0;transform:scale(1.08);filter:blur(7px);pointer-events:none;transition:opacity .42s ease,transform .72s cubic-bezier(.2,.76,.25,1),filter .48s ease,visibility 0s linear .72s}.scene-flight-transition i{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 25%,rgba(2,10,6,.5) 100%);opacity:.25;transition:opacity .45s ease}.scene-flight-transition.is-active{visibility:visible;opacity:1;transform:scale(1);filter:blur(0);transition-delay:0s}.scene-flight-transition.is-active i{opacity:.7}.scene-flight-transition.is-leaving{opacity:0;transform:scale(.985);filter:blur(2px);transition-duration:.58s}.scene-dialog[open]{animation:scene-dialog-arrive .55s cubic-bezier(.2,.78,.24,1) both}@keyframes scene-dialog-arrive{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.scene-flight-transition{transition-duration:.12s;transform:none;filter:none}.scene-dialog[open]{animation:none}}

/* v48 — the point detail is a full scene, not a modal dialog. */
.scene-dialog{position:fixed;z-index:9997;inset:0;display:none;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#fff;box-shadow:none;opacity:0}.scene-dialog.is-active{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);animation:scene-full-enter .6s cubic-bezier(.2,.78,.24,1) both}.scene-dialog.is-closing{animation:scene-full-leave .34s ease both}.scene-dialog .scene-visual{min-height:100dvh}.scene-dialog .scene-copy{height:100dvh;overflow-y:auto;box-sizing:border-box;padding:clamp(58px,7vh,92px) clamp(28px,4vw,60px) 40px}.scene-dialog .scene-close{position:fixed;right:18px;top:18px}.scene-dialog::backdrop{display:none}@keyframes scene-full-enter{from{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}@keyframes scene-full-leave{from{opacity:1}to{opacity:0;transform:scale(1.01)}}@media(max-width:760px){.scene-dialog.is-active{display:block;overflow-y:auto}.scene-dialog .scene-visual{min-height:52dvh}.scene-dialog .scene-copy{height:auto;min-height:48dvh;overflow:visible;padding:32px 20px 38px}.scene-dialog .scene-close{right:12px;top:12px}}@media(prefers-reduced-motion:reduce){.scene-dialog.is-active,.scene-dialog.is-closing{animation-duration:.1s}}

/* v49 — keep the original tour layout and replace only the central image. */
.point-main-scene{position:absolute;z-index:2;inset:0;background-color:#07150f;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:0;transform:scale(1.06);filter:blur(7px);visibility:hidden;pointer-events:none;transition:opacity .62s ease,transform .9s cubic-bezier(.2,.76,.24,1),filter .65s ease,visibility 0s linear .9s}.point-main-scene i{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,9,.2),transparent 28%,transparent 70%,rgba(3,14,9,.14));opacity:.35}.point-main-scene.is-active{visibility:visible;opacity:1;transform:scale(1);filter:blur(0);transition-delay:0s}.real-panorama__viewer:has(.point-main-scene.is-active) .pnlm-render-container,.real-panorama__viewer:has(.point-main-scene.is-active) .pnlm-hotspots{opacity:0;transition:opacity .4s ease}.point-main-scene~.guided-tour,.point-main-scene~.tour-guide-avatar,.point-main-scene~.real-panorama__meta{z-index:14}@media(prefers-reduced-motion:reduce){.point-main-scene{transform:none;filter:none;transition-duration:.12s}}

/* v50 — navigation now lives in the guide's point list; remove the floating route card. */
.guided-tour{display:none!important}

/* v51 — subtle thumbnail dock and full-image gallery for point scenes. */
.point-gallery-dock{position:absolute;z-index:16;left:50%;bottom:18px;display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 410px));padding:7px 9px;border:1px solid rgba(255,232,174,.3);border-radius:12px;background:rgba(4,20,13,.76);box-shadow:0 12px 34px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translate(-50%,12px);backdrop-filter:blur(12px);transition:opacity .35s ease,transform .4s ease,visibility 0s linear .4s}.point-gallery-dock.is-active{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:.16s}.point-gallery-dock>span{padding-left:4px;color:#dfbd69;font-size:8px;font-weight:800;letter-spacing:.14em;white-space:nowrap}.point-gallery-dock>div{display:flex;gap:6px;max-width:420px;overflow-x:auto;scrollbar-width:none}.point-gallery-dock>div::-webkit-scrollbar{display:none}.point-gallery-dock button{flex:0 0 54px;width:54px;height:38px;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:#0a1b12;cursor:pointer;transition:border-color .18s ease,transform .18s ease}.point-gallery-dock button:hover,.point-gallery-dock button:focus-visible{border-color:#edc86e;outline:none;transform:translateY(-2px)}.point-gallery-dock img{display:block;width:100%;height:100%;object-fit:cover}.point-gallery-viewer{position:absolute;z-index:40;inset:0;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;padding:28px;background:rgba(2,10,6,.94);opacity:0;visibility:hidden;transform:scale(1.015);backdrop-filter:blur(16px);transition:opacity .32s ease,transform .42s ease,visibility 0s linear .42s;box-sizing:border-box}.point-gallery-viewer.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}.point-gallery-viewer figure{display:grid;height:calc(100dvh - 56px);margin:0;place-items:center}.point-gallery-viewer img{display:block;max-width:100%;max-height:calc(100dvh - 92px);object-fit:contain;border-radius:8px;box-shadow:0 24px 70px #000}.point-gallery-viewer figcaption{position:absolute;bottom:18px;color:#e9d7ac;font-size:11px}.point-gallery-viewer button{display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);background:rgba(8,28,18,.7);color:#f1d181;cursor:pointer}.gallery-prev,.gallery-next{width:46px;height:46px;border-radius:50%;font-size:28px}.gallery-close{position:absolute;z-index:2;right:18px;top:18px;width:40px;height:40px;border-radius:50%;font-size:25px}.point-gallery-viewer button:hover,.point-gallery-viewer button:focus-visible{border-color:#edc86e;outline:none;background:rgba(27,58,41,.88)}
@media(max-width:760px){.point-gallery-dock{right:10px;bottom:12px;left:10px;max-width:none;justify-content:flex-start;transform:translateY(12px)}.point-gallery-dock.is-active{transform:none}.point-gallery-dock>span{display:none}.point-gallery-dock>div{max-width:100%}.point-gallery-dock button{flex-basis:48px;width:48px;height:34px}.point-gallery-viewer{grid-template-columns:44px minmax(0,1fr) 44px;padding:14px}.point-gallery-viewer figure{height:calc(100dvh - 28px)}.gallery-prev,.gallery-next{width:38px;height:38px;font-size:24px}.gallery-close{right:12px;top:12px}}

/* v52 — mobile guide uses the same proportions and controls as desktop. */
@media(max-width:760px){.tour-guide-avatar{right:max(10px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}.tour-guide-avatar:not(.is-collapsed){width:180px}.tour-guide-avatar:not(.is-collapsed) .tour-guide-media{height:214px;border-radius:16px 16px 0 0}.tour-guide-avatar:not(.is-collapsed) .tour-guide-toolbar{height:42px;padding:3px 5px;border-radius:0 0 15px 15px}.tour-guide-toolbar button,.tour-guide-toolbar .tour-guide-minimize,.tour-guide-toolbar .tour-guide-minimize[aria-expanded="true"]{min-height:36px}.tour-guide-toolbar button>svg,.tour-guide-toolbar .tour-guide-minimize svg{width:16px;height:16px;stroke-width:1.8}.tour-guide-detail,.tour-guide-points{width:min(360px,calc(100vw - 20px));max-height:52dvh}.point-gallery-dock{right:auto;bottom:max(14px,env(safe-area-inset-bottom));left:10px;width:calc(100vw - 210px);max-width:none;box-sizing:border-box}.point-gallery-dock>div{width:100%}}

/* v54 — scale the mobile guide with both viewport width and height. */
@media(max-width:760px){.tour-guide-avatar:not(.is-collapsed){width:clamp(124px,min(38vw,21dvh),158px)}.tour-guide-avatar:not(.is-collapsed) .tour-guide-media{height:clamp(148px,min(45.2vw,25dvh),188px);border-radius:14px 14px 0 0}.tour-guide-avatar:not(.is-collapsed) .tour-guide-toolbar{height:38px;padding:2px 4px;border-radius:0 0 13px 13px}.tour-guide-toolbar button,.tour-guide-toolbar .tour-guide-minimize,.tour-guide-toolbar .tour-guide-minimize[aria-expanded="true"]{min-height:34px}.tour-guide-toolbar button>svg,.tour-guide-toolbar .tour-guide-minimize svg{width:15px;height:15px}.point-gallery-dock{width:calc(100vw - clamp(124px,min(38vw,21dvh),158px) - 30px)}}

/* v55 — perfectly round, restrained controls in the full-image gallery. */
.point-gallery-viewer .gallery-prev,.point-gallery-viewer .gallery-next,.point-gallery-viewer .gallery-close{box-sizing:border-box!important;display:grid!important;flex:0 0 auto!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;aspect-ratio:1/1!important;margin:0!important;padding:0!important;place-items:center!important;border:1px solid rgba(239,204,122,.38)!important;border-radius:50%!important;background:rgba(5,24,15,.78)!important;color:#f2d58d!important;line-height:1!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important;appearance:none!important;-webkit-appearance:none!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease!important}.point-gallery-viewer .gallery-prev,.point-gallery-viewer .gallery-next{font-size:22px!important;font-weight:300!important}.point-gallery-viewer .gallery-close{top:16px;right:16px;font-size:21px!important;font-weight:300!important}.point-gallery-viewer .gallery-prev:hover,.point-gallery-viewer .gallery-next:hover,.point-gallery-viewer .gallery-close:hover,.point-gallery-viewer .gallery-prev:focus-visible,.point-gallery-viewer .gallery-next:focus-visible,.point-gallery-viewer .gallery-close:focus-visible{border-color:#f0cf82!important;background:rgba(20,48,33,.94)!important;color:#fff2cf!important;outline:none!important;transform:scale(1.06)!important}.point-gallery-viewer .gallery-prev:active,.point-gallery-viewer .gallery-next:active,.point-gallery-viewer .gallery-close:active{transform:scale(.95)!important}
@media(max-width:760px){.point-gallery-viewer .gallery-prev,.point-gallery-viewer .gallery-next,.point-gallery-viewer .gallery-close{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important}.point-gallery-viewer .gallery-prev,.point-gallery-viewer .gallery-next{font-size:19px!important}.point-gallery-viewer .gallery-close{top:12px;right:12px;font-size:19px!important}}

/* v56 — smaller, lighter guide controls on phones. */
@media(max-width:760px){
  .tour-guide-avatar:not(.is-collapsed) .tour-guide-toolbar{
    height:31px;
    gap:1px;
    padding:2px 3px;
    border-color:rgba(241,208,133,.18);
    border-radius:0 0 11px 11px;
    background:rgba(4,23,15,.58);
    box-shadow:none;
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px)
  }
  .tour-guide-avatar:not(.is-collapsed) .tour-guide-toolbar button,
  .tour-guide-avatar:not(.is-collapsed) .tour-guide-toolbar .tour-guide-minimize,
  .tour-guide-avatar:not(.is-collapsed) .tour-guide-toolbar .tour-guide-minimize[aria-expanded="true"]{
    min-height:27px;
    color:rgba(242,211,137,.82)
  }
  .tour-guide-avatar:not(.is-collapsed) .tour-guide-toolbar button>svg,
  .tour-guide-avatar:not(.is-collapsed) .tour-guide-toolbar .tour-guide-minimize svg{
    width:13px;
    height:13px;
    stroke-width:1.7
  }
  .tour-guide-avatar:not(.is-collapsed) .tour-guide-toolbar button:active{
    background:rgba(255,255,255,.07)!important;
    border-radius:6px!important
  }
}

/* Vietnamese-safe typography for tour narration. The serif family only ships
   a regular face; Safari can render synthesized heavy Vietnamese diacritics
   unevenly, so narration uses the complete local Noto Sans VN weight set. */
.tour-guide-detail,
.tour-guide-detail>span,
.tour-guide-detail h2,
.tour-guide-detail p,
.tour-guide-points,
.tour-guide-points header span,
.tour-guide-points__list button span{
  font-family:"Noto Sans VN",Arial,sans-serif;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.tour-guide-detail h2{font-weight:600}

/* v68 — thumbnails are self-explanatory; keep the point gallery text-free. */
.point-gallery-dock{gap:0;padding:7px}
.point-gallery-dock>div{max-width:100%}

/* v69 — optional point media beneath narration text. */
.tour-guide-detail-media{display:grid;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(241,208,133,.18)}
.tour-guide-detail-media[hidden]{display:none}
.tour-guide-detail-media>video{display:block;width:100%;max-height:280px;border-radius:10px;background:#020906;object-fit:contain}
.tour-guide-detail-media>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tour-guide-detail-media img{display:block;width:100%;aspect-ratio:16/10;border-radius:8px;object-fit:cover;background:rgba(255,255,255,.05)}
.tour-guide-avatar.is-focused .tour-guide-detail{overflow-y:auto;overscroll-behavior:contain}
@media(max-width:760px){.tour-guide-detail-media{margin-top:17px;padding-top:14px}.tour-guide-detail-media>video{max-height:220px}.tour-guide-detail-media>div{grid-template-columns:1fr 1fr;gap:6px}}
.tour-guide-detail-media{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.tour-detail-media-thumb{position:relative;display:block;flex:0 0 104px;height:72px;padding:0;overflow:hidden;border:1px solid rgba(241,208,133,.24);border-radius:8px;background:#06140e;color:#fff;cursor:pointer}.tour-detail-media-thumb>img,.tour-detail-media-thumb>video{display:block;width:100%;height:100%;object-fit:cover}.tour-detail-media-thumb>span{position:absolute;right:0;bottom:0;left:0;overflow:hidden;padding:15px 6px 5px;background:linear-gradient(transparent,rgba(2,10,6,.9));font-size:8px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.tour-detail-media-thumb>i{position:absolute;top:50%;left:50%;display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:rgba(4,23,15,.8);color:#f0cf82;font-size:10px;font-style:normal;transform:translate(-50%,-50%)}
.tour-detail-media-viewer{position:absolute;z-index:90;inset:0;display:grid;place-items:center;padding:42px;background:rgba(2,9,6,.94);opacity:0;visibility:hidden;backdrop-filter:blur(15px);transition:opacity .2s ease,visibility .2s ease}.tour-detail-media-viewer.is-active{opacity:1;visibility:visible}.tour-detail-media-viewer>button{position:absolute;z-index:2;top:16px;right:16px;width:42px;height:42px;border:1px solid rgba(240,207,130,.4);border-radius:50%;background:rgba(5,24,15,.86);color:#f2d58d;font-size:23px;cursor:pointer}.tour-detail-media-viewer figure{display:grid;max-width:min(1100px,100%);max-height:calc(100dvh - 84px);margin:0;place-items:center}.tour-detail-media-viewer img,.tour-detail-media-viewer video{display:block;max-width:100%;max-height:calc(100dvh - 125px);border-radius:10px;background:#000;object-fit:contain}.tour-detail-media-viewer video,.tour-detail-media-viewer.is-video img{display:none}.tour-detail-media-viewer.is-video video{display:block}.tour-detail-media-viewer figcaption{margin-top:12px;color:#e9d7ac;font-size:12px;text-align:center}@media(max-width:760px){.tour-detail-media-viewer{padding:18px}.tour-detail-media-thumb{flex-basis:88px;height:62px}}

/* v63 — use the original presenter video in focus mode and anchor feet to the floor. */
.tour-guide-focus-video{display:none;width:100%;height:100%;object-fit:contain;object-position:center bottom;background:#d5d3d7}
.tour-guide-avatar.is-focused .tour-guide-alpha-video,
.tour-guide-avatar.is-focused .tour-guide-alpha-mobile{display:none!important}
.tour-guide-avatar.is-focused .tour-guide-focus-video,
.tour-guide-avatar.uses-alpha-image.is-focused .tour-guide-focus-video{display:block!important;width:100%;height:100%;object-fit:contain!important;object-position:center bottom!important}
.tour-guide-avatar.is-focused .tour-guide-media{display:flex;align-items:flex-end;justify-content:center;background:#d5d3d7}

/* v64 — the supplied original video sits flush against the focus toolbar. */
.tour-guide-avatar.is-focused .tour-guide-media{margin:0;padding:0;overflow:hidden;line-height:0}
.tour-guide-avatar.is-focused .tour-guide-focus-video{align-self:flex-end;flex:0 0 100%;margin:0 0 -1px;padding:0}
.tour-guide-avatar.is-focused .tour-guide-toolbar{margin:0;border-top:0}

/* v65 — sampled from the supplied video's empty side edges. */
.tour-guide-avatar.is-focused .tour-guide-media,
.tour-guide-avatar.is-focused .tour-guide-focus-video{background:linear-gradient(180deg,#d1d0d3 0%,#d3d2d5 15%,#d5d4d7 30%,#d7d6d9 52%,#d4d1d5 72%,#d5d4d7 100%)}

/* v57 — strong controls inside a clearer, evenly balanced mobile card. */
@media(max-width:760px){
  .tour-guide-avatar:not(.is-collapsed) .tour-guide-toolbar{
    grid-template-columns:repeat(5,minmax(0,1fr));
    height:34px;
    gap:0;
    padding:2px 4px;
    border:1px solid rgba(241,208,133,.22);
    border-top-color:rgba(241,208,133,.16);
    background:rgba(4,23,15,.32);
    box-shadow:0 5px 15px rgba(0,0,0,.12);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px)
  }
  .tour-guide-avatar:not(.is-collapsed) .tour-guide-toolbar button,
  .tour-guide-avatar:not(.is-collapsed) .tour-guide-toolbar .tour-guide-minimize,
  .tour-guide-avatar:not(.is-collapsed) .tour-guide-toolbar .tour-guide-minimize[aria-expanded="true"]{
    box-sizing:border-box;
    display:grid;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:29px!important;
    min-height:29px;
    max-height:29px!important;
    margin:0!important;
    padding:0!important;
    place-items:center;
    color:#f0cb73;
    opacity:1
  }
  .tour-guide-avatar:not(.is-collapsed) .tour-guide-toolbar button>svg,
  .tour-guide-avatar:not(.is-collapsed) .tour-guide-toolbar .tour-guide-minimize svg{
    width:15px;
    height:15px;
    margin:auto;
    stroke-width:2
  }
}

/* v66 — focused modal uses the full-height presenter; compact controls stay card-only. */
.tour-guide-avatar.is-focused:not(.is-collapsed){height:min(820px,calc(100dvh - 48px));width:min(1060px,calc(100vw - 48px));grid-template-columns:minmax(390px,44%) minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"media detail"}
.tour-guide-avatar.is-focused .tour-guide-media{width:100%;height:100%;min-height:0;border-radius:21px 0 0 21px}
.tour-guide-avatar.is-focused .tour-guide-focus-video,.tour-guide-avatar.uses-alpha-image.is-focused .tour-guide-focus-video{width:100%;height:100%;object-fit:cover!important;object-position:center bottom!important}
.tour-guide-avatar.is-focused .tour-guide-toolbar{display:none!important}
.tour-guide-avatar.is-focused .tour-guide-detail{border-radius:0 21px 21px 0}
@media(max-width:760px){
  .tour-guide-avatar.is-focused:not(.is-collapsed){height:calc(100dvh - 24px);grid-template-columns:1fr;grid-template-rows:minmax(250px,44dvh) minmax(0,1fr);grid-template-areas:"media" "detail"}
  .tour-guide-avatar.is-focused .tour-guide-media{height:100%;border-radius:17px 17px 0 0}
  .tour-guide-avatar.is-focused .tour-guide-focus-video,.tour-guide-avatar.uses-alpha-image.is-focused .tour-guide-focus-video{object-fit:cover!important}
  .tour-guide-avatar.is-focused .tour-guide-detail{border-radius:0 0 17px 17px}
}

/* v73 definitive mobile override — focused guide is content-only. */
@media(max-width:760px){
  .tour-guide-avatar.is-focused:not(.is-collapsed){grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);grid-template-areas:"detail"}
  .tour-guide-avatar.is-focused .tour-guide-media{display:none!important}
  .tour-guide-avatar.is-focused .tour-guide-detail{height:100%;max-height:none;border:0;border-radius:17px!important;padding:27px 22px 24px;background:rgba(5,27,17,.94)}
}

/* v73 final mobile override — focused guide is content-only. */
@media(max-width:760px){
  .tour-guide-avatar.is-focused:not(.is-collapsed){grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);grid-template-areas:"detail"}
  .tour-guide-avatar.is-focused .tour-guide-media{display:none!important}
  .tour-guide-avatar.is-focused .tour-guide-detail{height:100%;max-height:none;border:0;border-radius:17px!important;padding:27px 22px 24px;background:rgba(5,27,17,.94)}
}
.point-panorama-scene{position:absolute;z-index:2;inset:0;background:#07150f;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility 0s linear .45s}.point-panorama-scene.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.point-panorama-scene .pnlm-render-container{z-index:0}.point-panorama-scene .pnlm-controls-container,.point-panorama-scene .pnlm-compass{z-index:3}
.point-gallery-dock,.point-gallery-viewer{display:none!important}
@media(max-width:760px){.real-panorama__viewer .pnlm-zoom-controls,.point-panorama-scene .pnlm-zoom-controls{display:none!important}}
@media(max-width:760px){
  .tour-guide-avatar.is-focused:not(.is-collapsed){grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);grid-template-areas:"detail"}
  .tour-guide-avatar.is-focused .tour-guide-media{display:none!important}
  .tour-guide-avatar.is-focused .tour-guide-detail{height:100%;max-height:none;border:0;border-radius:17px!important;padding:27px 22px 24px;background:rgba(5,27,17,.94)}
}

/* v61 — preserve mutually exclusive guide icon states after mobile alignment. */
@media(max-width:760px){
  .tour-guide-toolbar .guide-sound-off,
  .tour-guide-toolbar .guide-sound-loading,
  .tour-guide-toolbar .guide-expand{display:none}
  .tour-guide-toolbar button[aria-pressed="true"] .guide-sound-on{display:none}
  .tour-guide-toolbar button[aria-pressed="true"] .guide-sound-off{display:block}
  .tour-guide-avatar[data-audio-state="loading"] .guide-sound-on,
  .tour-guide-avatar[data-audio-state="loading"] .guide-sound-off{display:none}
  .tour-guide-avatar[data-audio-state="loading"] .guide-sound-loading{display:block}
  .tour-guide-avatar.is-collapsed .guide-collapse{display:none}
  .tour-guide-avatar.is-collapsed .guide-expand{display:block}
}

/* v58 — keep the loaded welcome screen visually clean until the tour starts. */
.page-tour-360:not(.tour-has-started) .panorama-fullscreen,
.page-tour-360:not(.tour-has-started) .real-panorama__meta,
.page-tour-360:not(.tour-has-started) .pnlm-controls,
.page-tour-360:not(.tour-has-started) .pnlm-hotspots,
.page-tour-360:not(.tour-has-started) .pnlm-hotspot-base,
.page-tour-360:not(.tour-has-started) .tour-360-hotspot{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important
}
.page-tour-360.tour-has-started .panorama-fullscreen,
.page-tour-360.tour-has-started .real-panorama__meta,
.page-tour-360.tour-has-started .pnlm-controls,
.page-tour-360.tour-has-started .pnlm-hotspots,
.page-tour-360.tour-has-started .pnlm-hotspot-base,
.page-tour-360.tour-has-started .tour-360-hotspot{
  transition:opacity .32s ease,visibility 0s linear 0s
}

/* v62 — tap the presenter for an immersive, readable guide focus. */
.tour-guide-avatar:not(.is-collapsed) .tour-guide-media{cursor:zoom-in}
.tour-guide-avatar.is-focused:not(.is-collapsed){
  position:fixed;
  z-index:80;
  top:50%;
  right:50%;
  bottom:auto;
  display:grid;
  width:min(850px,calc(100vw - 48px));
  max-height:calc(100dvh - 48px);
  grid-template-columns:minmax(250px,310px) minmax(340px,1fr);
  grid-template-rows:minmax(0,1fr) 50px;
  grid-template-areas:"media detail" "toolbar detail";
  overflow:visible;
  border:1px solid rgba(241,208,133,.5);
  border-radius:22px;
  background:rgba(4,22,14,.92);
  box-shadow:0 0 0 100vmax rgba(1,8,5,.68),0 28px 80px rgba(0,0,0,.58);
  transform:translate(50%,-50%);
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px)
}
.tour-guide-avatar.is-focused .tour-guide-media{grid-area:media;height:min(62dvh,500px);border-radius:21px 0 0 0;cursor:zoom-out}
.tour-guide-avatar.is-focused .tour-guide-toolbar{grid-area:toolbar;height:50px;border-radius:0 0 0 21px;background:rgba(5,27,17,.82)}
.tour-guide-avatar.is-focused .tour-guide-detail{position:relative;inset:auto;grid-area:detail;width:auto;max-height:none;padding:42px 38px 34px;border:0;border-left:1px solid rgba(241,208,133,.24);border-radius:0 21px 21px 0;background:rgba(5,27,17,.82);box-shadow:none;visibility:visible;opacity:1;transform:none;box-sizing:border-box}
.tour-guide-avatar.is-focused .tour-guide-detail>span{font-size:10px}
.tour-guide-avatar.is-focused .tour-guide-detail h2{margin-top:12px;font-size:clamp(27px,3vw,36px)}
.tour-guide-avatar.is-focused .tour-guide-detail p{font-size:16px;line-height:1.85}
.tour-guide-avatar.is-focused .tour-guide-points{display:none}
@media(max-width:760px){
  .tour-guide-avatar.is-focused:not(.is-collapsed){
    top:50%;
    right:12px;
    left:12px;
    width:auto;
    max-height:calc(100dvh - 24px);
    grid-template-columns:1fr;
    grid-template-rows:minmax(210px,36dvh) minmax(0,1fr) 38px;
    grid-template-areas:"media" "detail" "toolbar";
    border-radius:18px;
    transform:translateY(-50%)
  }
  .tour-guide-avatar.is-focused .tour-guide-media{width:100%;height:auto;min-height:210px;border-radius:17px 17px 0 0}
  .tour-guide-avatar.is-focused .tour-guide-detail{width:100%;max-height:none;padding:24px 22px 20px;overflow-y:auto;border:0;border-top:1px solid rgba(241,208,133,.2);border-radius:0;background:rgba(5,27,17,.82)}
  .tour-guide-avatar.is-focused .tour-guide-detail h2{margin:8px 26px 10px 0;font-size:24px}
  .tour-guide-avatar.is-focused .tour-guide-detail p{font-size:14px;line-height:1.75}
  .tour-guide-avatar.is-focused .tour-guide-toolbar{height:38px;border-radius:0 0 17px 17px;background:rgba(4,23,15,.72)}
}

/* v66 final overrides — full-height media, no focused toolbar. */
.tour-guide-avatar.is-focused:not(.is-collapsed){height:min(820px,calc(100dvh - 48px));width:min(1060px,calc(100vw - 48px));grid-template-columns:minmax(390px,44%) minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"media detail"}
.tour-guide-avatar.is-focused .tour-guide-media{width:100%;height:100%;min-height:0;border-radius:21px 0 0 21px}
.tour-guide-avatar.is-focused .tour-guide-focus-video,.tour-guide-avatar.uses-alpha-image.is-focused .tour-guide-focus-video{width:100%;height:100%;object-fit:cover!important;object-position:center bottom!important}
.tour-guide-avatar.is-focused .tour-guide-toolbar{display:none!important}
.tour-guide-avatar.is-focused .tour-guide-detail{border-radius:0 21px 21px 0}
@media(max-width:760px){
  .tour-guide-avatar.is-focused:not(.is-collapsed){height:calc(100dvh - 24px);grid-template-columns:1fr;grid-template-rows:minmax(250px,44dvh) minmax(0,1fr);grid-template-areas:"media" "detail"}
  .tour-guide-avatar.is-focused .tour-guide-media{height:100%;border-radius:17px 17px 0 0}
  .tour-guide-avatar.is-focused .tour-guide-focus-video,.tour-guide-avatar.uses-alpha-image.is-focused .tour-guide-focus-video{object-fit:cover!important}
  .tour-guide-avatar.is-focused .tour-guide-detail{border-radius:0 0 17px 17px}
}

/* v74 — on mobile the focused guide modal shows narration and supporting media only. */
@media(max-width:760px){
  .tour-guide-avatar.is-focused:not(.is-collapsed){grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);grid-template-areas:"detail"}
  .tour-guide-avatar.is-focused .tour-guide-media{display:none!important}
  .tour-guide-avatar.is-focused .tour-guide-detail{height:100%;max-height:none;border:0;border-radius:17px!important;padding:27px 22px 24px;background:rgba(5,27,17,.94)}
}

/* v76 — edge hints for tour points outside the current panorama viewport. */
.tour-edge-indicators{position:absolute;z-index:13;inset:0;overflow:hidden;pointer-events:none;transition:opacity .2s ease}.tour-edge-indicators.is-hidden{opacity:0;visibility:hidden}.tour-edge-indicator{position:absolute;display:flex;max-width:min(190px,42vw);min-height:37px;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(240,207,130,.55);border-radius:999px;background:rgba(4,25,16,.88);color:#fff6dd;box-shadow:0 8px 24px rgba(0,0,0,.42);cursor:pointer;pointer-events:auto;transform:translateY(-50%);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);font:700 10px/1.25 "Noto Sans VN",sans-serif}.tour-edge-indicator[hidden]{display:none}.tour-edge-indicator i{display:grid;flex:0 0 23px;width:23px;height:23px;place-items:center;border-radius:50%;background:#d6a84b;color:#123123;font:900 20px/1 sans-serif;font-style:normal}.tour-edge-indicator span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tour-edge-indicator[data-edge="left"]{flex-direction:row-reverse}.tour-edge-indicator[data-edge="left"] i{transform:rotate(180deg)}.tour-edge-indicator[data-edge="right"]{transform:translateY(-50%)}.tour-edge-indicator[data-edge="top"],.tour-edge-indicator[data-edge="bottom"]{transform:translate(-50%,0)}.tour-edge-indicator[data-edge="top"] i{transform:rotate(-90deg)}.tour-edge-indicator[data-edge="bottom"] i{transform:rotate(90deg)}.page-tour-360:not(.tour-has-started) .tour-edge-indicators{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:760px){.tour-edge-indicator{max-width:44vw;min-height:32px;padding:5px 8px;gap:5px;font-size:9px}.tour-edge-indicator i{flex-basis:20px;width:20px;height:20px;font-size:17px}.tour-edge-indicator[data-edge="left"]{left:6px!important}.tour-edge-indicator[data-edge="right"]{right:6px!important}.tour-edge-indicator[data-edge="top"]{top:62px!important}.tour-edge-indicator[data-edge="bottom"]{bottom:84px!important}}

/* v77 — links between point panoramas. */
.point-link-hotspot{width:46px;height:56px;border:0;background:transparent;cursor:pointer}.point-link-hotspot::before{position:absolute;top:9px;left:10px;display:grid;width:27px;height:27px;place-items:center;border:2px solid #fff0b9;border-radius:50%;background:#c99a3c;color:#123225;box-shadow:0 0 0 7px rgba(219,177,81,.2),0 7px 22px rgba(0,0,0,.5);content:"↗";font:900 16px/1 sans-serif}.point-link-hotspot>span{visibility:visible!important;right:auto!important;bottom:calc(100% + 3px)!important;left:50%!important;width:max-content!important;max-width:180px!important;padding:7px 10px!important;transform:translateX(-50%);border:1px solid rgba(240,207,130,.5)!important;border-radius:999px!important;background:rgba(4,24,15,.9)!important;color:#fff8e7!important;box-shadow:0 7px 20px rgba(0,0,0,.4)!important;opacity:1!important;white-space:nowrap!important;font:700 9px/1.2 "Noto Sans VN",sans-serif!important}.point-link-back{position:absolute;z-index:8;top:16px;left:16px;min-height:39px;padding:7px 12px;border:1px solid rgba(240,207,130,.5);border-radius:999px;background:rgba(4,24,15,.88);color:#fff4d5;box-shadow:0 8px 22px rgba(0,0,0,.35);cursor:pointer;font:700 10px "Noto Sans VN",sans-serif;backdrop-filter:blur(8px)}
@media(max-width:760px){.point-link-hotspot{width:42px;height:52px}.point-link-hotspot::before{width:24px;height:24px;font-size:14px}.point-link-hotspot>span{max-width:145px!important;padding:6px 8px!important;font-size:8px!important}.point-link-back{top:12px;left:12px;min-height:34px;padding:6px 10px;font-size:9px}}

/* v78 — nested scenes have their own links and internal overview map. */
.real-panorama__viewer.is-inside-point>.tour-edge-indicators,
.real-panorama__viewer.is-inside-point>.guided-tour{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.point-scene-map{position:absolute;z-index:8;bottom:58px;left:16px;width:min(286px,calc(100% - 32px));overflow:hidden;border:1px solid rgba(240,207,130,.52);border-radius:14px;background:rgba(4,23,14,.9);color:#fff8e7;box-shadow:0 14px 38px rgba(0,0,0,.42);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px)}
.point-scene-map header{padding:11px 13px 9px;border-bottom:1px solid rgba(240,207,130,.18)}.point-scene-map header span{display:block;color:#d8b562;font:800 7px/1.2 "Noto Sans VN",sans-serif;letter-spacing:.16em}.point-scene-map header strong{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 15px/1.25 "Noto Serif VN",serif}
.point-scene-map>div{display:grid;max-height:190px;gap:6px;overflow-x:hidden;overflow-y:auto;padding:9px}.point-scene-map button{display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:center;width:100%;min-width:0;padding:7px 8px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.055);color:#fff;cursor:pointer;text-align:left}.point-scene-map button:hover,.point-scene-map button:focus-visible{border-color:#e6c36e;background:rgba(213,168,74,.2);outline:0}.point-scene-map button.is-current{border-color:rgba(230,195,110,.42);background:rgba(213,168,74,.12);cursor:default}.point-scene-map button i{grid-row:1/3;display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#d4a644;color:#153527;font:900 13px/1 sans-serif;font-style:normal}.point-scene-map button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 10px/1.25 "Noto Sans VN",sans-serif}.point-scene-map button small{min-width:0;color:#bfcac4;font:500 8px/1.2 "Noto Sans VN",sans-serif}.point-scene-map footer{padding:0 12px 10px;color:#b9c7c0;font:500 8px/1.35 "Noto Sans VN",sans-serif}
@media(max-width:760px){.point-scene-map{bottom:54px;left:10px;width:min(245px,calc(100% - 76px));border-radius:11px}.point-scene-map header{padding:8px 10px 7px}.point-scene-map header strong{font-size:13px}.point-scene-map>div{max-height:124px;padding:7px}.point-scene-map button{padding:6px}.point-scene-map footer{padding:0 9px 8px}.point-link-hotspot>span{white-space:normal!important;text-align:center}}

/* v80 — compact smart minimap replaces the old 360 usage hint. */
.page-tour-360 .real-panorama__meta{display:none!important}
.point-scene-map{bottom:12px;width:min(248px,calc(100% - 32px));border-radius:12px}
.point-scene-map__toggle{display:grid!important;grid-template-columns:30px minmax(0,1fr) auto 14px!important;grid-template-rows:1fr!important;gap:8px!important;align-items:center!important;padding:8px 9px!important;border:0!important;border-radius:0!important;background:transparent!important}
.point-scene-map__toggle>i{grid-row:auto!important;width:30px!important;height:30px!important;background:linear-gradient(145deg,#e2bb60,#a87321)!important;color:#123225!important;font-size:18px!important}
.point-scene-map__toggle>span{display:block!important;min-width:0}.point-scene-map__toggle small{display:block;color:#d8b562;font:800 6px/1.1 "Noto Sans VN",sans-serif;letter-spacing:.13em}.point-scene-map__toggle strong{display:block;margin-top:3px;overflow:hidden;color:#fff8e7;text-overflow:ellipsis;white-space:nowrap;font:700 10px/1.2 "Noto Sans VN",sans-serif}
.point-scene-map__toggle em{padding:4px 6px;border:1px solid rgba(231,196,111,.28);border-radius:999px;color:#d7c18c;font:700 7px/1 "Noto Sans VN",sans-serif;font-style:normal;white-space:nowrap}.point-scene-map__toggle>b{color:#e3bf68;font:800 15px/1 sans-serif;transform:rotate(180deg);transition:transform .2s ease}
.point-scene-map__body,.point-scene-map>footer{display:none}.point-scene-map.is-open .point-scene-map__body{display:grid}.point-scene-map.is-open>footer{display:block}.point-scene-map.is-open .point-scene-map__toggle{border-bottom:1px solid rgba(240,207,130,.18)!important}.point-scene-map.is-open .point-scene-map__toggle>b{transform:rotate(0)}
.point-scene-map.is-open{width:min(268px,calc(100% - 32px))}.point-scene-map.is-open .point-scene-map__body{max-height:150px;padding:7px}.point-scene-map.is-open>footer{padding:0 10px 8px}
@media(max-width:760px){.point-scene-map{bottom:8px;left:8px;width:min(224px,calc(100% - 72px))}.point-scene-map.is-open{width:min(242px,calc(100% - 72px))}.point-scene-map__toggle{grid-template-columns:28px minmax(0,1fr) auto 12px!important;padding:7px!important}.point-scene-map__toggle>i{width:28px!important;height:28px!important}.point-scene-map__toggle em{display:none}}

/* v81 — real aerial campus image inside the smart minimap. */
.point-scene-map.is-open{width:min(360px,calc(100% - 32px))}
.point-scene-map.is-open .point-scene-map__body{display:block;max-height:min(330px,48vh);padding:7px;overflow:auto}
.point-scene-map__image{position:relative;width:100%;aspect-ratio:960/518;overflow:hidden;border:1px solid rgba(240,207,130,.28);border-radius:8px;background:#edf0eb url("/static/images/nghia-trang-viet-lao-minimap.webp") center/contain no-repeat;box-shadow:inset 0 0 18px rgba(0,0,0,.12)}
.point-scene-map__links{display:grid;gap:6px;margin-top:7px}.point-scene-map__links button{width:100%}
@media(max-width:760px){.point-scene-map.is-open{width:min(320px,calc(100% - 16px))}.point-scene-map.is-open .point-scene-map__body{max-height:42vh;padding:6px}.point-scene-map__image{border-radius:7px}}

/* v82 — refined map-only minimap with a large modal view. */
.point-scene-map{bottom:12px;left:12px;width:220px;padding:5px;overflow:visible;border-color:rgba(240,207,130,.4);border-radius:11px;background:rgba(6,24,15,.82)}
.point-scene-map__image{border:0;border-radius:7px;background-size:cover}
.point-scene-map__expand{position:absolute;z-index:4;top:7px;right:7px;display:grid!important;width:30px!important;height:30px!important;min-height:0!important;padding:0!important;place-items:center;border:1px solid rgba(255,255,255,.68)!important;border-radius:8px!important;background:rgba(5,24,15,.78)!important;color:#fff!important;box-shadow:0 4px 14px rgba(0,0,0,.35);backdrop-filter:blur(5px)}
.point-scene-map__expand:hover,.point-scene-map__expand:focus-visible{border-color:#f1ce78!important;background:rgba(23,61,42,.94)!important;outline:0}.point-scene-map__expand span{font:700 18px/1 sans-serif}
.point-scene-map__marker{position:absolute;z-index:3;top:var(--y);left:var(--x);display:block!important;width:15px!important;height:15px!important;min-height:0!important;padding:0!important;transform:translate(-50%,-50%);border:2px solid #fff4cf!important;border-radius:50%!important;background:#c99532!important;box-shadow:0 0 0 4px rgba(212,166,68,.28),0 3px 9px rgba(0,0,0,.55);cursor:pointer}
.point-scene-map__marker.is-current{background:#1c6948!important;box-shadow:0 0 0 5px rgba(40,150,103,.32),0 3px 10px rgba(0,0,0,.55)}.point-scene-map__marker span{position:absolute;bottom:calc(100% + 7px);left:50%;display:none;width:max-content;max-width:160px;padding:5px 7px;transform:translateX(-50%);border-radius:6px;background:rgba(4,24,15,.92);color:#fff;font:700 8px/1.2 "Noto Sans VN",sans-serif;white-space:nowrap}.point-scene-map__marker:hover span,.point-scene-map__marker:focus-visible span{display:block}
.point-scene-map-modal{position:fixed;z-index:1000;inset:0;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(2,12,7,.78);backdrop-filter:blur(10px)}.point-scene-map-modal.is-open{display:flex}.point-scene-map-modal__panel{position:relative;width:min(1120px,96vw);padding:10px;border:1px solid rgba(240,207,130,.52);border-radius:17px;background:#0b2418;box-shadow:0 28px 90px rgba(0,0,0,.65)}
.point-scene-map-modal__image{position:relative;width:100%;aspect-ratio:960/518;overflow:hidden;border-radius:11px;background:#edf0eb url("/static/images/nghia-trang-viet-lao-minimap.webp") center/contain no-repeat}.point-scene-map-modal__image .point-scene-map__marker{width:25px!important;height:25px!important}.point-scene-map-modal__image .point-scene-map__marker span{display:block;bottom:calc(100% + 9px);font-size:10px}
.point-scene-map-modal__close{position:absolute;z-index:8;top:20px;right:20px;display:grid!important;width:42px!important;height:42px!important;min-height:0!important;padding:0!important;place-items:center;border:1px solid rgba(255,255,255,.72)!important;border-radius:50%!important;background:rgba(4,22,14,.82)!important;color:#fff!important;box-shadow:0 5px 18px rgba(0,0,0,.4);cursor:pointer;font:400 30px/1 sans-serif}.point-scene-map-modal__close:hover,.point-scene-map-modal__close:focus-visible{background:#184c36!important;outline:0}
@media(max-width:760px){.point-scene-map{bottom:8px;left:8px;width:150px;padding:4px;border-radius:9px}.point-scene-map__expand{top:5px;right:5px;width:26px!important;height:26px!important}.point-scene-map__marker{width:12px!important;height:12px!important}.point-scene-map-modal{padding:10px}.point-scene-map-modal__panel{width:100%;padding:6px;border-radius:12px}.point-scene-map-modal__image{border-radius:8px}.point-scene-map-modal__image .point-scene-map__marker{width:18px!important;height:18px!important}.point-scene-map-modal__image .point-scene-map__marker span{display:none}.point-scene-map-modal__close{top:12px;right:12px;width:36px!important;height:36px!important;font-size:26px}}

/* v83 — frameless translucent-green map treatment and icon-only expand action. */
.point-scene-map{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.point-scene-map__image,.point-scene-map-modal__image{isolation:isolate;background:rgba(17,67,46,.72)}
.point-scene-map__image::before,.point-scene-map-modal__image::before{position:absolute;z-index:0;inset:0;background:url("/static/images/nghia-trang-viet-lao-minimap.webp") center/cover no-repeat;content:"";mix-blend-mode:multiply;opacity:.92}
.point-scene-map-modal__image::before{background-size:contain}
.point-scene-map__marker,.point-scene-map__expand{z-index:3}
.point-scene-map__expand{top:5px;right:5px;width:28px!important;height:28px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none;color:#fff!important;text-shadow:0 2px 7px rgba(0,0,0,.9);backdrop-filter:none}
.point-scene-map__expand:hover,.point-scene-map__expand:focus-visible{border:0!important;background:transparent!important;color:#f3d27e!important;outline:0;transform:scale(1.1)}
.point-scene-map-modal__panel{padding:0;border:0;background:rgba(10,48,32,.72)}
@media(max-width:760px){.point-scene-map{padding:0}.point-scene-map__expand{top:3px;right:3px;width:25px!important;height:25px!important}}

/* v84 — original map colours with smaller, quieter location dots. */
.point-scene-map__image{background:#fff url("/static/images/nghia-trang-viet-lao-minimap.webp") center/cover no-repeat}
.point-scene-map-modal__image{background:#fff url("/static/images/nghia-trang-viet-lao-minimap.webp") center/contain no-repeat}
.point-scene-map__image::before,.point-scene-map-modal__image::before{display:none}
.point-scene-map-modal__panel{background:#0b2418}
.point-scene-map__marker{width:9px!important;height:9px!important;border:1px solid rgba(255,248,220,.94)!important;box-shadow:0 0 0 2px rgba(212,166,68,.2),0 2px 5px rgba(0,0,0,.5)}
.point-scene-map__marker.is-current{box-shadow:0 0 0 3px rgba(40,150,103,.24),0 2px 6px rgba(0,0,0,.48)}
.point-scene-map-modal__image .point-scene-map__marker{width:14px!important;height:14px!important;border-width:2px!important;box-shadow:0 0 0 3px rgba(212,166,68,.22),0 3px 8px rgba(0,0,0,.48)}
@media(max-width:760px){.point-scene-map__marker{width:8px!important;height:8px!important}.point-scene-map-modal__image .point-scene-map__marker{width:11px!important;height:11px!important}}

/* v85 — larger high-contrast expand glyph on the white map. */
.point-scene-map__expand{top:4px;right:4px;width:36px!important;height:36px!important;color:#0d5137!important;text-shadow:-1px -1px 0 #f4d27a,1px -1px 0 #f4d27a,-1px 1px 0 #f4d27a,1px 1px 0 #f4d27a,0 3px 8px rgba(0,0,0,.42)}
.point-scene-map__expand span{font-size:25px!important;font-weight:900!important}
.point-scene-map__expand:hover,.point-scene-map__expand:focus-visible{color:#a96f13!important;transform:scale(1.08)}
@media(max-width:760px){.point-scene-map__expand{top:2px;right:2px;width:32px!important;height:32px!important}.point-scene-map__expand span{font-size:22px!important}}

/* v86 — clean green expand icon and subtle animated map dots. */
.point-scene-map__expand{color:#0d5137!important;text-shadow:0 2px 5px rgba(255,255,255,.9),0 2px 5px rgba(0,0,0,.28)}
.point-scene-map__expand:hover,.point-scene-map__expand:focus-visible{color:#16805a!important}
@keyframes point-map-dot-pulse{0%,100%{box-shadow:0 0 0 2px rgba(212,166,68,.18),0 2px 5px rgba(0,0,0,.48)}50%{box-shadow:0 0 0 5px rgba(212,166,68,.08),0 2px 7px rgba(0,0,0,.5)}}
@keyframes point-map-current-pulse{0%,100%{box-shadow:0 0 0 3px rgba(40,150,103,.22),0 2px 6px rgba(0,0,0,.46)}50%{box-shadow:0 0 0 6px rgba(40,150,103,.08),0 2px 8px rgba(0,0,0,.5)}}
.point-scene-map__marker{animation:point-map-dot-pulse 2.4s ease-in-out infinite;transition:transform .18s ease,filter .18s ease}
.point-scene-map__marker.is-current{animation:point-map-current-pulse 1.9s ease-in-out infinite}
.point-scene-map__marker:hover,.point-scene-map__marker:focus-visible{z-index:5;transform:translate(-50%,-50%) scale(1.45);filter:brightness(1.15);outline:0}
@media(prefers-reduced-motion:reduce){.point-scene-map__marker{animation:none}}