/*
 * 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;
}

/* v119 — spacious keepsake composer opened directly from a message */
.visitor-message-dialog{width:min(680px,calc(100vw - 32px));max-height:min(820px,calc(100dvh - 32px));overflow:auto;border:0;border-radius:8px;background:#fffaf0;color:#493e30;box-shadow:0 32px 100px rgba(10,15,16,.46)}
.visitor-message-dialog::backdrop{background:rgba(9,15,16,.66);backdrop-filter:blur(7px)}
.visitor-message-dialog form{gap:18px;padding:46px 50px 42px;background:linear-gradient(90deg,#eee2ce 0,#fffaf0 4.5%,#fbf4e7 94%,#eadcc6 100%);box-shadow:inset 20px 0 28px rgba(104,86,59,.035),inset -18px 0 28px rgba(104,86,59,.025)}
.visitor-message-dialog form:before{position:absolute;top:0;bottom:0;left:18px;width:1px;background:rgba(125,103,72,.16);content:""}
.visitor-message-dialog form>span{color:#8a765b;font-size:10px;letter-spacing:.16em}
.visitor-message-dialog h2{padding-right:34px;color:#403528;font-family:"Noto Serif","Source Serif 4",Georgia,serif;font-size:30px;line-height:1.25;letter-spacing:-.02em}
.visitor-message-dialog p{max-width:550px;color:#766a5a;font-size:14px;line-height:1.65}
.visitor-message-dialog label{gap:8px}
.visitor-message-dialog label>span,.visitor-message-dialog legend{color:#5c4e3c;font-size:13px;font-weight:650}
.visitor-message-dialog input[type=text],.visitor-message-dialog textarea{padding:14px 15px;border:1px solid #cfc1ab;border-radius:7px;background:rgba(255,253,247,.82);color:#3f3529;font-size:16px;line-height:1.55}
.visitor-message-dialog textarea{min-height:150px}
.visitor-message-dialog input[type=text]:focus,.visitor-message-dialog textarea:focus{border-color:#8d7657;outline:3px solid rgba(141,118,87,.11)}
.visitor-message-dialog input[type=file]{min-height:48px;padding:11px;border-color:#cfc1ab;background:rgba(255,253,247,.72);color:#665846;font-size:12px}
.visitor-message-dialog label>small{color:#8c806f;font-size:11px}
.visitor-message-dialog fieldset{gap:10px}
.visitor-message-dialog fieldset label{min-height:62px;padding:10px 7px;border-color:#d9cfbe;border-radius:7px;background:rgba(255,253,247,.62);color:#665846}
.visitor-message-dialog fieldset label:hover{border-color:#a99678;background:#fffdf8}
.visitor-message-dialog fieldset label:has(input:checked){border-color:#8d7657;background:#f3eadb;color:#493b2b;box-shadow:none}
.visitor-message-dialog fieldset i{font-size:23px}
.visitor-message-dialog fieldset span{font-size:11px}
.visitor-message-dialog output{min-height:20px;color:#775b35;font-size:12px}
.visitor-message-dialog form>div{gap:10px}
.visitor-message-dialog form>div button{min-height:46px;padding:0 20px;border-color:#cfc1ab;border-radius:7px;background:rgba(255,253,247,.75);color:#5c4e3c;font-size:13px}
.visitor-message-dialog form>div button[type=submit]{border-color:#6b5942;background:#6b5942;color:#fffaf0}
.visitor-message-dialog form>div button[type=submit]:hover{background:#554633}
.visitor-message-dialog .visitor-message-close{top:16px;right:16px;width:36px;height:36px;border-color:#d3c7b5!important;background:rgba(255,253,247,.85)!important;color:#6a5b47!important}
@media(max-width:760px){.visitor-message-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px)}.visitor-message-dialog form{gap:15px;padding:36px 23px 28px}.visitor-message-dialog form:before{left:13px}.visitor-message-dialog h2{font-size:26px}.visitor-message-dialog p{font-size:13px}.visitor-message-dialog fieldset{grid-template-columns:repeat(2,1fr)}.visitor-message-dialog form>div{display:grid;grid-template-columns:1fr 1.45fr}.visitor-message-dialog form>div button{padding:0 10px;font-size:12px}}


/* 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 [data-guide-restart]{order:-1}

.visitor-message-add{position:absolute;z-index:24;left:18px;bottom:18px;display:flex;min-height:44px;align-items:center;gap:8px;padding:7px 14px 7px 8px;border:1px solid rgba(129,225,255,.5);border-radius:999px;background:rgba(2,24,35,.82);color:#e8faff;box-shadow:0 10px 30px rgba(0,0,0,.38);cursor:pointer;font:700 10px/1 inherit;backdrop-filter:blur(10px)}
.visitor-message-add[hidden]{display:none}
.visitor-message-add span{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#7ee8ff,#00a9df);color:#002432;font-size:19px}
.visitor-message-add:hover,.visitor-message-add.is-active{border-color:#9ff0ff;background:rgba(4,47,64,.94);box-shadow:0 10px 32px rgba(0,174,235,.22)}
.visitor-message-tip{position:absolute;z-index:25;top:18px;left:50%;padding:10px 15px;transform:translateX(-50%);border:1px solid rgba(142,235,255,.55);border-radius:999px;background:rgba(2,24,35,.9);color:#fff;box-shadow:0 12px 35px #0008;font-size:11px;pointer-events:none;backdrop-filter:blur(10px)}
.visitor-message-tip[hidden]{display:none}
.point-panorama-scene.is-placing-message,.point-panorama-scene.is-placing-message .pnlm-render-container{cursor:crosshair!important}

.visitor-message-hotspot{width:42px;height:42px;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 6px 10px #0008)}
.visitor-message-glow{position:absolute;inset:5px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 9%,#7ceaff 20%,#028fc6 68%,#00506e 100%);color:#fff;font:900 17px/1 serif;box-shadow:0 0 0 6px rgba(70,213,255,.13),0 0 24px rgba(68,218,255,.8);animation:visitorMessagePulse 2.4s ease-in-out infinite}
.visitor-message-hotspot.is-heart .visitor-message-glow{background:radial-gradient(circle at 35% 30%,#fff 0 8%,#ff9fbd 20%,#e63b76 68%,#721938 100%);box-shadow:0 0 0 6px rgba(255,92,145,.13),0 0 24px rgba(255,87,142,.72)}
.visitor-message-hotspot.is-star .visitor-message-glow{background:radial-gradient(circle at 35% 30%,#fff 0 8%,#ffe995 22%,#e3a621 68%,#704605 100%);box-shadow:0 0 0 6px rgba(255,210,83,.13),0 0 24px rgba(255,204,60,.72)}
.visitor-message-hotspot.is-pin .visitor-message-glow{background:radial-gradient(circle at 35% 30%,#fff 0 8%,#bba2ff 22%,#7654db 68%,#312170 100%);box-shadow:0 0 0 6px rgba(155,124,255,.13),0 0 24px rgba(148,112,255,.72)}
.visitor-message-hotspot>small{position:absolute;bottom:calc(100% + 8px);left:50%;max-width:130px;overflow:hidden;padding:5px 8px;transform:translate(-50%,5px);border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(2,20,29,.86);color:#fff;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition:.2s ease;backdrop-filter:blur(7px)}
.visitor-message-hotspot:hover>small,.visitor-message-hotspot:focus-visible>small{transform:translate(-50%,0);opacity:1}
@keyframes visitorMessagePulse{0%,100%{transform:scale(.9);box-shadow:0 0 0 4px rgba(70,213,255,.1),0 0 16px rgba(68,218,255,.58)}
50%{transform:scale(1.06);box-shadow:0 0 0 10px rgba(70,213,255,0),0 0 28px rgba(68,218,255,.9)}
}

.visitor-message-dialog,.visitor-message-detail{width:min(560px,calc(100vw - 28px));padding:0;border:1px solid rgba(117,224,255,.38);border-radius:18px;background:linear-gradient(145deg,#062a3a,#02141d);color:#eafaff;box-shadow:0 30px 100px #000c}
.visitor-message-dialog::backdrop,.visitor-message-detail::backdrop{background:rgba(0,8,13,.72);backdrop-filter:blur(5px)}
.visitor-message-dialog form{position:relative;display:grid;gap:14px;padding:27px}
.visitor-message-dialog form>span,.visitor-message-detail article>span{color:#72ddff;font-size:8px;font-weight:800;letter-spacing:.18em}
.visitor-message-dialog h2{margin:0;font-size:23px}
.visitor-message-dialog p{margin:0;color:#90adb8;font-size:10px;line-height:1.55}
.visitor-message-dialog label{display:grid;gap:6px}
.visitor-message-dialog label>span,.visitor-message-dialog legend{color:#bdd9e2;font-size:9px;font-weight:700}
.visitor-message-dialog input[type=text],.visitor-message-dialog textarea{width:100%;padding:11px 12px;border:1px solid rgba(117,224,255,.25);border-radius:8px;background:#00131dbd;color:#fff;box-sizing:border-box;font:12px/1.5 inherit}
.visitor-message-dialog textarea{resize:vertical}
.visitor-message-dialog fieldset{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0;padding:0;border:0}
.visitor-message-dialog legend{margin-bottom:7px}
.visitor-message-dialog fieldset label{position:relative;display:grid;padding:8px 5px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:9px;cursor:pointer}
.visitor-message-dialog fieldset input{position:absolute;opacity:0}
.visitor-message-dialog fieldset i{font-size:21px;font-style:normal}
.visitor-message-dialog fieldset span{font-size:8px}
.visitor-message-dialog fieldset label:has(input:checked){border-color:#7ee8ff;background:rgba(0,174,235,.15);box-shadow:inset 0 0 0 1px rgba(126,232,255,.2)}
.visitor-message-dialog form>div{display:flex;justify-content:flex-end;gap:8px}
.visitor-message-dialog form>div button{min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:#dff7ff;font-weight:700;cursor:pointer}
.visitor-message-dialog form>div button[type=submit]{border-color:#77e4ff;background:#69dfff;color:#002533}
.visitor-message-dialog output{min-height:16px;color:#7ee8ff;font-size:9px}
.visitor-message-close,.visitor-message-detail article>button{position:absolute;top:13px;right:13px;width:34px;height:34px;padding:0!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:50%!important;background:rgba(0,0,0,.18)!important;color:#fff!important;font-size:21px!important}
.visitor-honeypot{position:absolute!important;left:-9999px!important}
.visitor-message-detail article{position:relative;display:grid;gap:11px;padding:30px}
.visitor-message-detail article>i{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#87ecff,#079bc9);color:#002430;font-size:24px;font-style:normal;box-shadow:0 0 28px rgba(63,213,255,.4)}
.visitor-message-detail blockquote{margin:5px 0;color:#fff;font:500 18px/1.55 Georgia,serif}
.visitor-message-detail footer{display:flex;align-items:end;justify-content:space-between;gap:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}
.visitor-message-detail footer strong{font-size:11px}
.visitor-message-detail footer small{color:#7999a5;font-size:8px}

@media(max-width:760px){.visitor-message-add{left:10px;bottom:max(10px,env(safe-area-inset-bottom));min-height:40px;padding:5px 11px 5px 6px}
.visitor-message-add span{width:28px;height:28px}
.visitor-message-tip{top:12px;max-width:calc(100vw - 32px);text-align:center;white-space:nowrap}
.visitor-message-hotspot{width:36px;height:36px}
.visitor-message-glow{inset:4px;font-size:14px}
.visitor-message-dialog form,.visitor-message-detail article{padding:22px 18px}
.visitor-message-dialog fieldset{grid-template-columns:repeat(2,1fr)}
.visitor-message-detail blockquote{font-size:16px}
}

.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}

/* v120 — restrained product credit on the welcome screen. */
.tour-welcome__credit{position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));margin:0;transform:translateX(-50%);color:rgba(255,255,255,.62);text-align:center;white-space:nowrap;text-shadow:0 2px 12px rgba(0,0,0,.55);font:500 11px/1.4 "Noto Sans VN",sans-serif;letter-spacing:.08em}
.tour-welcome__credit strong{color:rgba(255,255,255,.9);font-weight:700;letter-spacing:.04em}
@media(max-width:760px){.tour-welcome__credit{bottom:max(16px,env(safe-area-inset-bottom));font-size:10px;letter-spacing:.065em}}
@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:2;pointer-events:none}
.point-panorama-scene .pnlm-hotspot-base{pointer-events:auto}
.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}
}


/* Compact route markers on public panoramas. */
.point-link-hotspot{width:34px;height:40px}

.point-link-hotspot::before{top:7px;left:7px;width:21px;height:21px;border-width:1px;box-shadow:0 0 0 4px rgba(219,177,81,.2),0 5px 14px rgba(0,0,0,.45);font-size:12px}

@media(max-width:760px){.point-link-hotspot{width:30px;height:36px}
.point-link-hotspot::before{width:19px;height:19px;font-size:11px}
}


/* 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}
}


/* Street View-style navigation marker for linked panorama scenes. */
.point-link-hotspot{width:40px;height:34px;border:0;background:transparent;filter:drop-shadow(0 5px 7px rgba(0,0,0,.38));transition:filter .18s ease}

.point-link-hotspot::before{content:"";position:absolute;inset:4px 3px 3px;display:block;width:auto;height:auto;border:1px solid rgba(255,246,207,.92);border-radius:50% 50% 44% 44%;background:linear-gradient(180deg,rgba(226,187,97,.96),rgba(166,112,29,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 0 0 3px rgba(218,176,79,.14);transform:perspective(42px) rotateX(34deg)}

.point-link-hotspot::after{content:"";position:absolute;top:11px;left:14px;width:10px;height:10px;border-top:3px solid #173b2c;border-left:3px solid #173b2c;transform:rotate(45deg);filter:drop-shadow(0 1px 0 rgba(255,255,255,.3))}

.point-link-hotspot:hover,.point-link-hotspot:focus-visible{filter:drop-shadow(0 7px 10px rgba(0,0,0,.5)) brightness(1.08);outline:0}

.point-link-hotspot>span{visibility:hidden!important;bottom:calc(100% + 6px)!important;padding:6px 9px!important;opacity:0!important;transform:translate(-50%,4px)!important;transition:opacity .16s ease,transform .16s ease!important}

.point-link-hotspot:hover>span,.point-link-hotspot:focus-visible>span{visibility:visible!important;opacity:1!important;transform:translate(-50%,0)!important}

@media(max-width:760px){.point-link-hotspot{width:36px;height:31px}
.point-link-hotspot::before{inset:4px 3px 3px}
.point-link-hotspot::after{top:10px;left:13px;width:9px;height:9px;border-width:2px}
.point-link-hotspot>span{max-width:150px!important;white-space:normal!important;text-align:center}
}

@media(prefers-reduced-motion:reduce){.point-link-hotspot,.point-link-hotspot>span{transition:none!important}
}


/* White floating arrow, closer to Google Street View navigation. */
.point-link-hotspot{filter:drop-shadow(0 7px 7px rgba(0,0,0,.42));transform:translateY(-5px)}

.point-link-hotspot::before{inset:7px 4px 2px;border:1px solid rgba(255,255,255,.4);background:rgba(18,29,25,.2);box-shadow:0 7px 12px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.22);backdrop-filter:blur(2px)}

.point-link-hotspot::after{top:9px;left:13px;width:12px;height:12px;border-width:0 0 4px 4px;border-style:solid;border-color:#fff;transform:rotate(135deg);filter:drop-shadow(0 2px 2px rgba(0,0,0,.65))}

.point-link-hotspot:hover,.point-link-hotspot:focus-visible{filter:drop-shadow(0 9px 9px rgba(0,0,0,.5));transform:translateY(-7px) scale(1.06)}

@media(max-width:760px){.point-link-hotspot{transform:translateY(-4px)}
.point-link-hotspot::after{top:9px;left:12px;width:10px;height:10px;border-width:0 0 3px 3px}
.point-link-hotspot:hover,.point-link-hotspot:focus-visible{transform:translateY(-5px) scale(1.04)}
}


/* Street View route marker: bare directional chevron floating over a ground shadow. */
.point-link-hotspot,.point-link-hotspot:hover,.point-link-hotspot:focus-visible{width:48px;height:48px;border:0;background:transparent;box-shadow:none;filter:none;transform:translateY(-8px);overflow:visible}

.point-link-hotspot::before{content:"";position:absolute;left:8px;top:31px;width:32px;height:10px;inset:auto;border:0;border-radius:50%;background:rgba(0,0,0,.34);box-shadow:0 2px 7px rgba(0,0,0,.42);filter:blur(3px);transform:none;backdrop-filter:none}

.point-link-hotspot::after{content:"";position:absolute;left:12px;top:7px;width:24px;height:24px;border:0;border-top:7px solid #fff;border-left:7px solid #fff;background:transparent;box-shadow:none;transform:rotate(calc(45deg + var(--arrow-direction,0deg)));transform-origin:center;filter:drop-shadow(0 3px 2px rgba(0,0,0,.68));transition:transform .15s ease,translate .15s ease}

.point-link-hotspot:hover,.point-link-hotspot:focus-visible{transform:translateY(-10px) scale(1.05);outline:0}
.point-link-hotspot:hover::after,.point-link-hotspot:focus-visible::after{translate:0 -2px}

.manager-link-hotspot{width:48px;height:48px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.manager-link-hotspot::before{content:"";position:absolute;left:8px;top:31px;width:32px;height:10px;border:0;border-radius:50%;background:rgba(0,0,0,.32);box-shadow:0 2px 7px rgba(0,0,0,.4);filter:blur(3px)}
.manager-link-hotspot::after{content:"";position:absolute;left:12px;top:7px;width:24px;height:24px;border-top:7px solid #fff;border-left:7px solid #fff;transform:rotate(calc(45deg + var(--arrow-direction,0deg)));filter:drop-shadow(0 3px 2px rgba(0,0,0,.68))}


/* Soft motion keeps the route visible without becoming visually noisy. */
.point-link-hotspot::after{opacity:.78;animation:streetArrowFloat 1.65s ease-in-out infinite}
.point-link-hotspot::before{animation:streetArrowShadow 1.65s ease-in-out infinite}
.point-link-hotspot:hover::after,.point-link-hotspot:focus-visible::after{opacity:.96;animation-play-state:paused}

@keyframes streetArrowFloat{0%,100%{transform:rotate(calc(45deg + var(--arrow-direction,0deg))) translate(0,0)}
50%{transform:rotate(calc(45deg + var(--arrow-direction,0deg))) translate(-2px,-2px)}
}

@keyframes streetArrowShadow{0%,100%{opacity:.72;scale:1}
50%{opacity:.48;scale:.84}
}

@media(prefers-reduced-motion:reduce){.point-link-hotspot::before,.point-link-hotspot::after{animation:none}
.point-link-hotspot::after{opacity:.82}
}


/* Brief first-person walking transition between linked panoramas. */
.point-panorama-scene.is-walking{pointer-events:none;cursor:progress}
.point-panorama-scene.is-walking::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.08) 0,transparent 24%,rgba(2,9,6,.12) 68%,rgba(2,9,6,.52) 100%);animation:walkVignette .88s cubic-bezier(.22,.72,.25,1) both;will-change:opacity}
.point-panorama-scene.is-walking .point-link-hotspot{opacity:0;transition:opacity .16s ease}

@keyframes walkCamera{0%{transform:translateY(0) scale(1);filter:blur(0)}
22%{transform:translateY(5px) scale(1.018)}
45%{transform:translateY(-3px) scale(1.045)}
68%{transform:translateY(3px) scale(1.075);filter:blur(.25px)}
100%{transform:translateY(-2px) scale(1.11);filter:blur(1.4px)}
}

@keyframes walkVignette{0%{opacity:0}
35%{opacity:.38}
75%{opacity:.7}
100%{opacity:1}
}

@keyframes walkCameraSafe{0%,100%{filter:brightness(1)}
30%{filter:brightness(.96)}
55%{filter:brightness(1.04)}
78%{filter:brightness(.94)}
100%{filter:brightness(.88) blur(.7px)}
}

@keyframes walkCameraCenterLift{0%{transform:translateY(0) scale(1);opacity:1;filter:brightness(1) blur(0)}
48%{transform:translateY(0) scale(1.07);opacity:1;filter:brightness(1.04) blur(0)}
68%{transform:translateY(-2vh) scale(1.105);opacity:.96;filter:brightness(.98) blur(.15px)}
100%{transform:translateY(-14vh) scale(1.16);opacity:.12;filter:brightness(.72) blur(2px)}
}

@media(prefers-reduced-motion:reduce){.point-panorama-scene.is-walking .pnlm-render-container{animation:none}
.point-panorama-scene.is-walking::after{animation:walkVignette .35s ease both}
}


/* v95 — Street View-style route target for linked Pannellum scenes. */
.street-route-hotspot{width:88px;height:72px;overflow:visible;cursor:pointer;outline:0;filter:drop-shadow(0 7px 8px rgba(0,0,0,.38));transition:filter .2s ease}

.street-route-target{position:absolute;left:9px;top:5px;width:70px;height:54px;display:block;transform:perspective(110px) rotateX(58deg) rotate(var(--route-direction));transform-origin:50% 58%;transition:transform .22s ease,filter .22s ease}

.street-route-ring{display:none}

.street-route-arrow{position:absolute;inset:5px 13px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;filter:drop-shadow(0 2px 1px rgba(0,36,89,.55));animation:streetRouteAdvance 1.55s ease-in-out infinite}

.street-route-arrow b{display:block;width:20px;height:20px;border:solid rgba(255,255,255,.97);border-width:4px 4px 0 0;transform:rotate(-45deg);margin-bottom:-10px;border-radius:1px}

.street-route-label{position:absolute;left:50%;bottom:-10px;max-width:210px;min-width:max-content;transform:translate(-50%,8px);padding:7px 11px;border:1px solid rgba(255,255,255,.3);border-radius:18px;background:rgba(5,20,14,.78);box-shadow:0 5px 18px rgba(0,0,0,.34);color:#fff;font:700 12px/1.2 "Noto Sans VN",sans-serif;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.7);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;pointer-events:none;backdrop-filter:blur(7px)}

.street-route-hotspot:hover,.street-route-hotspot:focus-visible{filter:drop-shadow(0 9px 11px rgba(0,0,0,.5))}
.street-route-hotspot:hover .street-route-target,.street-route-hotspot:focus-visible .street-route-target{transform:perspective(110px) rotateX(54deg) rotate(var(--route-direction)) scale(1.09);filter:brightness(1.1)}
.street-route-hotspot:hover .street-route-label,.street-route-hotspot:focus-visible .street-route-label{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}

.street-route-hotspot:focus-visible .street-route-ring{outline:3px solid #fff;outline-offset:5px}

.point-panorama-scene.is-walking .street-route-hotspot{opacity:0;transition:opacity .18s ease;pointer-events:none}
.point-panorama-scene.is-walking .street-route-target{scale:.72;transition:scale .25s ease}

@keyframes streetRoutePulse{0%,100%{box-shadow:0 0 0 6px rgba(255,255,255,.10),inset 0 2px 3px rgba(255,255,255,.62),0 6px 16px rgba(0,0,0,.42)}
50%{box-shadow:0 0 0 12px rgba(255,255,255,.025),inset 0 2px 3px rgba(255,255,255,.62),0 6px 16px rgba(0,0,0,.42)}
}

@keyframes streetRouteAdvance{0%,100%{translate:0 3px;opacity:.76}
50%{translate:0 -3px;opacity:1}
}

@media(max-width:760px){.street-route-hotspot{width:82px;height:68px}
.street-route-target{left:8px;top:5px;width:66px;height:50px}
.street-route-label{bottom:-7px;font-size:11px;padding:6px 9px}
.street-route-hotspot:active .street-route-label{opacity:1;visibility:visible;transform:translate(-50%,0)}
}

@media(prefers-reduced-motion:reduce){.street-route-ring,.street-route-arrow{animation:none}
}

.smart-route-guide{position:absolute;z-index:12;top:var(--guide-y,50%);display:flex;align-items:center;gap:8px;max-width:min(220px,48vw);min-height:46px;padding:7px 12px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(4,20,13,.76);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.46);transform:translateY(-50%);cursor:pointer;backdrop-filter:blur(8px);transition:top .14s ease,opacity .18s ease}
.smart-route-guide[hidden]{display:none}
.smart-route-guide[data-side="left"]{left:10px}
.smart-route-guide[data-side="right"]{right:10px;flex-direction:row-reverse}
.smart-route-guide i{display:grid;width:28px;height:28px;flex:none;place-items:center;border-radius:50%;color:#fff;font:900 25px/1 sans-serif;filter:drop-shadow(0 2px 2px rgba(0,0,0,.7));transition:transform .14s ease}
.smart-route-guide span{overflow:hidden;text-overflow:ellipsis;font:700 10px/1.25 "Noto Sans VN",sans-serif;white-space:nowrap}
.smart-route-guide:hover,.smart-route-guide:focus-visible{border-color:#f2d488;background:rgba(11,43,29,.92);outline:2px solid rgba(242,212,136,.45);outline-offset:2px}
@media(max-width:760px){.smart-route-guide{min-height:42px;padding:6px 9px}
.smart-route-guide span{max-width:115px;font-size:9px}
}


.page-tour-360>.tour-compact-footer{min-height:28px;margin:0;padding:7px 12px;border:0;background:#06150e;color:rgba(224,232,227,.62);text-align:center}
.page-tour-360>.tour-compact-footer p{margin:0;font:500 9px/1.4 "Noto Sans VN",sans-serif;letter-spacing:.02em}
.page-tour-360>.tour-compact-footer a{color:rgba(239,202,116,.82);font-weight:700;text-decoration:none}


/* Arrow-only scene navigation: destination names remain available to screen readers. */
.street-route-label,.smart-route-guide span{display:none!important}
.smart-route-guide{width:46px;min-width:46px;max-width:46px;min-height:46px;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
.smart-route-guide i{width:46px;height:46px;border:1px solid rgba(255,255,255,.72);background:rgba(4,20,13,.72);box-shadow:0 8px 24px rgba(0,0,0,.46);backdrop-filter:blur(8px)}


/* v101 — prominent entry arrow in the lower third of the overview panorama. */
.overview-entry-hotspot{width:128px;height:105px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.62)) drop-shadow(0 0 9px rgba(255,226,139,.55))}

.overview-entry-hotspot .street-route-target{left:13px;top:7px;width:102px;height:79px}

.overview-entry-hotspot .street-route-arrow{inset:7px 18px 11px;filter:drop-shadow(0 3px 2px rgba(0,26,71,.78))}

.overview-entry-hotspot .street-route-arrow b{width:28px;height:28px;margin-bottom:-14px;border-width:6px 6px 0 0}

@media(max-width:760px){.overview-entry-hotspot{width:112px;height:92px}
.overview-entry-hotspot .street-route-target{left:11px;top:6px;width:90px;height:70px}
.overview-entry-hotspot .street-route-arrow b{width:25px;height:25px;margin-bottom:-12px;border-width:5px 5px 0 0}
}


/* v102 — lower overview guidance aligned with the virtual guide. */
.overview-entry-caption{position:absolute;top:88px;left:50%;display:block;width:max-content;transform:translateX(-50%);padding:5px 9px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(4,20,13,.76);box-shadow:0 5px 16px rgba(0,0,0,.35);color:#fff;font:700 10px/1.2 "Noto Sans VN",sans-serif;letter-spacing:.02em;text-shadow:0 1px 2px #000;white-space:nowrap;backdrop-filter:blur(6px)}

@media(max-width:760px){.overview-entry-caption{top:77px;padding:4px 8px;font-size:9px}
}


/* v103 — pin the overview CTA to the viewport instead of panorama coordinates. */
.real-panorama__viewer:not(.is-inside-point) .overview-entry-hotspot{position:absolute!important;top:auto!important;right:auto!important;bottom:32px!important;left:50%!important;margin:0!important;transform:translateX(-50%)!important;visibility:visible!important}

@media(max-width:760px){.real-panorama__viewer:not(.is-inside-point) .overview-entry-hotspot{bottom:max(24px,env(safe-area-inset-bottom))!important}
}


/* v104 — use the same fixed bottom CTA throughout the sequential tour. */
.point-panorama-scene.is-active .street-route-hotspot{position:absolute!important;top:auto!important;right:auto!important;bottom:32px!important;left:50%!important;width:128px;height:105px;margin:0!important;transform:translateX(-50%)!important;visibility:visible!important;filter:drop-shadow(0 10px 12px rgba(0,0,0,.62)) drop-shadow(0 0 9px rgba(255,226,139,.55))}

.point-panorama-scene.is-active .street-route-hotspot .street-route-target{left:13px;top:7px;width:102px;height:79px}

.point-panorama-scene.is-active .street-route-hotspot .street-route-arrow{inset:7px 18px 11px;filter:drop-shadow(0 3px 2px rgba(0,26,71,.78))}

.point-panorama-scene.is-active .street-route-hotspot .street-route-arrow b{width:28px;height:28px;margin-bottom:-14px;border-width:6px 6px 0 0}

.point-panorama-scene .smart-route-guide{display:none!important}

@media(max-width:760px){.point-panorama-scene.is-active .street-route-hotspot{bottom:max(24px,env(safe-area-inset-bottom))!important;width:112px;height:92px}
.point-panorama-scene.is-active .street-route-hotspot .street-route-target{left:11px;top:6px;width:90px;height:70px}
.point-panorama-scene.is-active .street-route-hotspot .street-route-arrow b{width:25px;height:25px;margin-bottom:-12px;border-width:5px 5px 0 0}
}


/* v105 — 8Tech visual identity */
.visitor-message-add{min-height:50px;padding:7px 17px 7px 8px;border:1px solid rgba(220,250,255,.92);background:linear-gradient(135deg,rgba(132,229,255,.98),rgba(0,174,239,.96));color:#002b3b;box-shadow:0 10px 32px rgba(0,174,239,.38),0 0 0 5px rgba(87,215,255,.1);font-size:11px;letter-spacing:.01em;overflow:hidden;isolation:isolate;animation:visitorCtaBreathe 3.2s ease-in-out infinite}
.visitor-message-add::after{position:absolute;z-index:-1;top:-60%;left:-45%;width:38%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);content:"";transform:rotate(18deg);animation:visitorCtaShine 4.6s ease-in-out infinite}
.visitor-message-add span{background:rgba(255,255,255,.88);color:#0084b7;box-shadow:0 3px 12px rgba(0,92,127,.18)}
.visitor-message-add:hover,.visitor-message-add.is-active{border-color:#fff;background:linear-gradient(135deg,#b9f3ff,#28c9ff);color:#002331;box-shadow:0 13px 38px rgba(0,186,246,.52),0 0 0 7px rgba(87,215,255,.14);transform:translateY(-2px)}
@keyframes visitorCtaBreathe{0%,100%{box-shadow:0 10px 32px rgba(0,174,239,.34),0 0 0 5px rgba(87,215,255,.08)}
50%{box-shadow:0 13px 40px rgba(0,190,248,.48),0 0 0 9px rgba(87,215,255,.03)}
}
@keyframes visitorCtaShine{0%,68%{left:-45%;opacity:0}
76%{opacity:1}
90%,100%{left:118%;opacity:0}
}

.visitor-message-dialog{border-color:rgba(126,220,241,.8);background:linear-gradient(145deg,#ffffff 0%,#effbff 56%,#dff6ff 100%);color:#123746;box-shadow:0 34px 100px rgba(0,20,31,.48),0 0 0 1px rgba(255,255,255,.8)}
.visitor-message-dialog::backdrop{background:rgba(0,20,31,.54);backdrop-filter:blur(8px)}
.visitor-message-dialog form{padding:31px;background:radial-gradient(circle at 94% 2%,rgba(67,207,247,.22),transparent 34%)}
.visitor-message-dialog form>span{color:#008fc3}
.visitor-message-dialog h2{color:#073447;font-size:25px}
.visitor-message-dialog p{color:#527581;font-size:11px}
.visitor-message-dialog label>span,.visitor-message-dialog legend{color:#244d5b}
.visitor-message-dialog input[type=text],.visitor-message-dialog textarea{border-color:#9bcfdf;background:rgba(255,255,255,.88);color:#123746;box-shadow:inset 0 1px 3px rgba(0,52,73,.05)}
.visitor-message-dialog input[type=text]:focus,.visitor-message-dialog textarea:focus{border-color:#00adef;outline:3px solid rgba(0,173,239,.13);background:#fff}
.visitor-message-dialog fieldset label{border-color:#b9dce6;background:rgba(255,255,255,.65);color:#315865}
.visitor-message-dialog fieldset label:hover{border-color:#62cdec;background:#fff}
.visitor-message-dialog fieldset label:has(input:checked){border-color:#00adef;background:#e0f7ff;color:#006d94;box-shadow:inset 0 0 0 1px rgba(0,173,239,.18),0 4px 14px rgba(0,173,239,.12)}
.visitor-message-dialog form>div button{border-color:#9ecbd8;background:#fff;color:#315a68}
.visitor-message-dialog form>div button[type=submit]{border-color:#00a6df;background:linear-gradient(135deg,#67dcff,#00adef);color:#002b3c;box-shadow:0 8px 22px rgba(0,173,239,.27)}
.visitor-message-dialog form>div button[type=submit]:hover{background:linear-gradient(135deg,#8ce7ff,#22c8ff);transform:translateY(-1px)}
.visitor-message-dialog output{color:#007ca9;font-weight:700}
.visitor-message-dialog .visitor-message-close{border-color:rgba(0,92,124,.16)!important;background:rgba(255,255,255,.72)!important;color:#1d5b70!important}
.visitor-message-dialog .visitor-message-close:hover{background:#fff!important;color:#007fac!important}

@media(prefers-reduced-motion:reduce){.visitor-message-add,.visitor-message-add::after{animation:none}
}

@media(max-width:760px){.visitor-message-add{min-height:44px;padding:6px 12px 6px 7px}
.visitor-message-dialog form{padding:24px 18px}
.visitor-message-dialog h2{padding-right:28px;font-size:22px}
}

/* v111 — clean visitor-message UI */
.visitor-message-add,.visitor-message-add:hover,.visitor-message-add.is-active{min-height:44px;padding:6px 14px 6px 7px;border:1px solid rgba(255,255,255,.7);background:rgba(250,253,254,.94);color:#143744;box-shadow:0 8px 24px rgba(0,20,30,.18);font-size:10px;letter-spacing:0;transform:none;animation:none;backdrop-filter:blur(10px)}
.visitor-message-add::after{display:none;content:none;animation:none}
.visitor-message-add span{width:29px;height:29px;background:#00a8df;color:#fff;box-shadow:none;font-size:17px}
.visitor-message-add:hover{border-color:#fff;background:#fff;box-shadow:0 10px 28px rgba(0,20,30,.24)}
.visitor-message-add.is-active{border-color:#8bd8ef;background:#f3fbfd;color:#006e94}

.visitor-message-dialog{border:1px solid #d7e2e6;background:#fff;color:#173946;box-shadow:0 28px 80px rgba(0,20,30,.34)}
.visitor-message-dialog::backdrop{background:rgba(8,22,28,.52);backdrop-filter:blur(5px)}
.visitor-message-dialog form{padding:28px;background:none}
.visitor-message-dialog form>span{color:#008ab8}
.visitor-message-dialog h2{color:#173946;font-size:23px}
.visitor-message-dialog p{color:#647d86;font-size:10px}
.visitor-message-dialog label>span,.visitor-message-dialog legend{color:#34535e}
.visitor-message-dialog input[type=text],.visitor-message-dialog textarea{border:1px solid #cedde2;background:#fff;color:#173946;box-shadow:none}
.visitor-message-dialog input[type=text]:focus,.visitor-message-dialog textarea:focus{border-color:#00a8df;outline:2px solid rgba(0,168,223,.1);background:#fff}
.visitor-message-dialog fieldset label{border:1px solid #dbe5e8;background:#fafcfc;color:#45616b;box-shadow:none}
.visitor-message-dialog fieldset label:hover{border-color:#a8cbd6;background:#fff}
.visitor-message-dialog fieldset label:has(input:checked){border-color:#00a8df;background:#f1fafc;color:#006f95;box-shadow:none}
.visitor-message-dialog form>div button{border:1px solid #d0dde1;background:#fff;color:#35545f;box-shadow:none}
.visitor-message-dialog form>div button[type=submit]{border-color:#008fbe;background:#00a8df;color:#fff;box-shadow:none}
.visitor-message-dialog form>div button[type=submit]:hover{background:#008fbe;transform:none}
.visitor-message-dialog .visitor-message-close{border-color:#d7e2e6!important;background:#fff!important;color:#45616b!important}
.visitor-message-dialog .visitor-message-close:hover{background:#f4f7f8!important;color:#173946!important}

.visitor-message-add,.visitor-message-add:hover,.visitor-message-add.is-active{min-height:36px;padding:0 12px;border-color:rgba(255,255,255,.62);border-radius:8px;background:rgba(250,253,254,.9);box-shadow:0 5px 16px rgba(0,20,30,.16);font-size:9px;font-weight:700}
.visitor-message-add:hover{background:#fff;box-shadow:0 7px 20px rgba(0,20,30,.2)}
.visitor-message-dialog input[type=file]{width:100%;min-height:40px;padding:8px;border:1px dashed #b7cdd4;border-radius:8px;background:#f8fbfc;color:#49636c;box-sizing:border-box;font-size:9px}
.visitor-message-dialog label>small{color:#789099;font-size:8px}
.visitor-message-detail [data-message-detail-image]{display:block;width:100%;max-height:330px;object-fit:cover;border-radius:10px;background:#eaf1f3}
.visitor-message-detail [data-message-detail-image][hidden]{display:none}
.point-link-back,.point-link-back:hover,.point-link-back:focus-visible{top:13px;left:13px;min-height:32px;padding:0 10px;border:1px solid rgba(255,255,255,.32);border-radius:8px;background:rgba(2,20,29,.56);color:rgba(255,255,255,.88);box-shadow:none;font-size:8px;font-weight:650;backdrop-filter:blur(7px)}
.point-link-back:hover,.point-link-back:focus-visible{border-color:rgba(255,255,255,.58);background:rgba(2,20,29,.72);outline:none}
@media(max-width:760px){.visitor-message-add{min-height:34px;padding:0 10px}.visitor-message-dialog form{padding:23px 18px}.visitor-message-dialog h2{font-size:21px}.point-link-back{min-height:30px;padding:0 8px}}

/* v113 — quiet, editorial mark details */
.visitor-message-hotspot>small{max-width:170px;padding:6px 9px;border-radius:7px;font-family:Inter,"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:10px;font-weight:650;line-height:1.25;letter-spacing:-.01em}
.visitor-message-detail{width:min(620px,calc(100vw - 28px));overflow:hidden;border:1px solid rgba(220,215,205,.95);border-radius:16px;background:#fbfaf7;color:#243038;box-shadow:0 30px 90px rgba(0,12,18,.34);font-family:Inter,"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif}
.visitor-message-detail::backdrop{background:rgba(4,14,19,.68);backdrop-filter:blur(8px)}
.visitor-message-detail article{position:relative;display:grid;gap:14px;padding:36px 40px 34px;background:linear-gradient(180deg,#fff 0,#fbfaf7 100%)}
.visitor-message-detail article>button{top:14px;right:14px;width:32px;height:32px;border:1px solid #dedbd3!important;background:rgba(255,255,255,.9)!important;color:#526068!important;box-shadow:none;font:400 19px/1 system-ui!important}
.visitor-message-detail article>button:hover,.visitor-message-detail article>button:focus-visible{border-color:#b9b7b0!important;background:#fff!important;color:#18262d!important;outline:none}
.visitor-message-detail article>i{display:grid;width:34px;height:34px;place-items:center;border:1px solid #d7e6e8;border-radius:50%;background:#f0f7f7;color:#1986a2;font:500 16px/1 Georgia,serif;box-shadow:none}
.visitor-message-detail article>span{color:#778187;font-size:8px;font-weight:700;line-height:1.4;letter-spacing:.15em}
.visitor-message-detail [data-message-detail-image]{order:3;width:calc(100% + 80px);max-height:360px;margin:3px -40px 2px;border-radius:0;object-fit:cover;background:#e9eceb}
.visitor-message-detail blockquote{position:relative;order:4;margin:6px 0 2px;padding-left:22px;color:#26353c;font-family:"Noto Serif","Source Serif 4",Georgia,"Times New Roman",serif;font-size:20px;font-weight:400;line-height:1.65;letter-spacing:-.012em}
.visitor-message-detail blockquote::before{position:absolute;top:-8px;left:0;color:#87aeb7;content:"“";font:400 35px/1 Georgia,serif}
.visitor-message-detail footer{order:5;display:flex;align-items:end;justify-content:space-between;gap:18px;margin-top:3px;padding-top:15px;border-top:1px solid #e2dfd7}
.visitor-message-detail footer strong{color:#304048;font-size:11px;font-weight:650}
.visitor-message-detail footer small{color:#8a9295;font-size:9px;font-weight:450}
@media(max-width:760px){.visitor-message-detail{width:min(520px,calc(100vw - 20px));border-radius:14px}.visitor-message-detail article{gap:12px;padding:29px 22px 25px}.visitor-message-detail [data-message-detail-image]{width:calc(100% + 44px);max-height:280px;margin:2px -22px}.visitor-message-detail blockquote{padding-left:19px;font-size:18px;line-height:1.6}.visitor-message-detail footer{align-items:start;flex-direction:column;gap:4px}}
.page-tour-360{--brand:#00adef;--brand-dark:#007fb3;--brand-soft:#84ddff}
.page-tour-360 .site-header,.page-tour-360 main{background:#052c3d}
.page-tour-360 .site-header .brand-copy em,.page-tour-360 .panorama-map-toggle span,.page-tour-360 .panorama-map-panel header span,.page-tour-360 .panorama-map-panel footer a,.page-tour-360 .tour-manager-link span{color:var(--brand-soft)}
.page-tour-360 .panorama-map-toggle,.page-tour-360 .tour-manager-link{border-color:rgba(0,173,239,.65);background:rgba(3,45,63,.93)}
.page-tour-360 .panorama-map-toggle em,.page-tour-360 .guided-tour__start>span{background:var(--brand);color:#032c3e}
.page-tour-360 .tour-360-hotspot{border-color:#c9f3ff;background:radial-gradient(circle at 35% 30%,#57d3ff,#0086bd 72%);box-shadow:0 0 0 7px rgba(0,173,239,.22),0 8px 22px rgba(0,0,0,.5)}
.page-tour-360 .tour-360-hotspot:before{background:#e8faff;color:#006b97;box-shadow:0 0 10px rgba(80,211,255,.85)}
.page-tour-360 .tour-360-hotspot:after{background:linear-gradient(#52d3ff,transparent)}
.page-tour-360 .tour-360-hotspot:hover,.page-tour-360 .tour-360-hotspot:focus-visible{box-shadow:0 0 0 9px rgba(0,173,239,.32),0 10px 26px rgba(0,0,0,.58);outline-color:#bdecff}
.page-tour-360 .tour-welcome__progress i{background:var(--brand)}
.page-tour-360 .tour-welcome button,.page-tour-360 .guided-tour__nav{border-color:rgba(0,173,239,.65);background:rgba(3,45,63,.93)}
.guided-tour__arrow span{border-color:var(--brand-soft)}
.tour-360-hotspot.is-route-current{border-color:#d7f6ff;box-shadow:0 0 0 12px rgba(0,173,239,.35),0 0 32px rgba(71,207,255,.9)}

/* v114 — quiet keepsake markers and an open guestbook detail */
@font-face{font-family:"Dancing Script 8Guide";src:url("/static/fonts/dancing-script-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
.visitor-message-hotspot{width:34px;height:34px;filter:drop-shadow(0 4px 7px rgba(0,0,0,.28))}
.visitor-message-glow,
.visitor-message-hotspot.is-heart .visitor-message-glow,
.visitor-message-hotspot.is-star .visitor-message-glow,
.visitor-message-hotspot.is-pin .visitor-message-glow{
  inset:4px;
  border:1px solid rgba(82,70,54,.65);
  background:#f5efe2;
  color:#625442;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.5);
  font:500 14px/1 Georgia,serif;
  animation:none;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.visitor-message-hotspot:hover .visitor-message-glow,.visitor-message-hotspot:focus-visible .visitor-message-glow{border-color:#514433;background:#fffaf0;transform:translateY(-2px) scale(1.04)}
.visitor-message-hotspot>small{border-color:rgba(99,86,68,.22);background:rgba(250,247,239,.96);color:#524738;box-shadow:0 7px 20px rgba(0,0,0,.18);backdrop-filter:blur(6px)}

.visitor-message-detail{width:min(780px,calc(100vw - 32px));overflow:visible;border:0;border-radius:5px;background:transparent;box-shadow:0 34px 100px rgba(0,10,14,.42)}
.visitor-message-detail::backdrop{background:rgba(10,16,17,.66);backdrop-filter:blur(7px)}
.visitor-message-detail article{
  min-height:390px;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  grid-template-rows:auto auto 1fr auto;
  column-gap:48px;
  row-gap:12px;
  padding:46px 48px 40px;
  border:1px solid #d7cdbb;
  border-radius:5px 9px 9px 5px;
  background:linear-gradient(90deg,#f2eadb 0%,#fbf7ed 47.8%,#d8cebd 49.8%,#eee5d4 50.2%,#fffaf0 53%,#f8f1e4 100%);
  box-shadow:inset 18px 0 28px rgba(104,86,59,.035),inset -18px 0 28px rgba(104,86,59,.035);
  transform-origin:center;
  animation:visitorBookOpen .48s cubic-bezier(.22,.7,.2,1) both;
}
.visitor-message-detail article:before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(180deg,transparent,rgba(107,89,63,.22) 12%,rgba(107,89,63,.27) 88%,transparent);box-shadow:-7px 0 15px rgba(73,56,34,.09),7px 0 15px rgba(255,255,255,.7);pointer-events:none}
.visitor-message-detail article>*{position:relative;z-index:1}
.visitor-message-detail article>button{top:12px;right:13px;border-color:rgba(107,91,67,.25)!important;background:rgba(255,251,242,.8)!important;color:#6d604f!important}
.visitor-message-detail article>i{grid-column:1;grid-row:1;width:38px;height:38px;border:1px solid #bbae98;border-radius:50%;background:transparent;color:#6c5d49;box-shadow:none}
.visitor-message-detail article>span{grid-column:1;grid-row:2;color:#877965;letter-spacing:.13em}
.visitor-message-detail [data-message-detail-image]{grid-column:1;grid-row:3/5;order:initial;width:100%;height:100%;max-height:280px;margin:3px 0 0;border:7px solid #fffaf0;border-radius:2px;box-sizing:border-box;object-fit:cover;box-shadow:0 7px 20px rgba(66,50,30,.14);transform:rotate(-1deg)}
.visitor-message-detail blockquote{grid-column:2;grid-row:1/4;align-self:center;order:initial;margin:10px 0;padding:0 6px;color:#463c30;font-family:"Dancing Script 8Guide","Segoe Print","Bradley Hand",cursive;font-size:clamp(29px,3.1vw,39px);font-weight:500;line-height:1.38;letter-spacing:0;text-wrap:balance}
.visitor-message-detail blockquote::before{top:-29px;left:-7px;color:rgba(112,91,61,.25);font-size:55px}
.visitor-message-detail footer{grid-column:2;grid-row:4;order:initial;margin:0;padding-top:14px;border-top:1px solid rgba(121,102,73,.22)}
.visitor-message-detail footer strong{color:#554938;font-family:"Dancing Script 8Guide","Segoe Print",cursive;font-size:19px;font-weight:500}
.visitor-message-detail footer small{color:#928673;font-size:8px}
@keyframes visitorBookOpen{from{opacity:0;transform:perspective(900px) rotateX(5deg) scale(.94)}to{opacity:1;transform:none}}
@media(max-width:760px){
  .visitor-message-hotspot{width:31px;height:31px}
  .visitor-message-detail{width:calc(100vw - 18px)}
  .visitor-message-detail article{min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;gap:11px;padding:31px 24px 27px;border-radius:5px;background:linear-gradient(90deg,#f6eedf,#fffaf0 9%,#fbf4e7 92%,#eee3d0)}
  .visitor-message-detail article:before{left:14px;box-shadow:none;background:rgba(125,103,72,.15)}
  .visitor-message-detail article>i,.visitor-message-detail article>span,.visitor-message-detail [data-message-detail-image],.visitor-message-detail blockquote,.visitor-message-detail footer{grid-column:1;grid-row:auto}
  .visitor-message-detail [data-message-detail-image]{width:100%;max-height:230px;margin:2px 0;transform:rotate(-.5deg)}
  .visitor-message-detail blockquote{margin:11px 0 7px;padding:0 5px;font-size:31px;line-height:1.34}
  .visitor-message-detail footer{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.visitor-message-detail article{animation:none}.visitor-message-glow{transition:none}}

/* v115 — isolate the keepsake signature from the site's global footer */
.visitor-message-detail footer{
  position:relative!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  width:auto!important;
  min-height:0!important;
  padding:14px 0 0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#554938!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.visitor-message-detail footer:before,.visitor-message-detail footer:after{display:none!important;content:none!important}
.visitor-message-detail footer strong{color:#554938!important}
.visitor-message-detail footer small{color:#928673!important}

/* v116 — warm paper shimmer, never a cyan glow */
.visitor-message-glow,
.visitor-message-hotspot.is-heart .visitor-message-glow,
.visitor-message-hotspot.is-star .visitor-message-glow,
.visitor-message-hotspot.is-pin .visitor-message-glow{overflow:visible;background:linear-gradient(145deg,#fffaf0,#eadfca);box-shadow:inset 0 0 0 2px rgba(255,255,255,.58),0 2px 5px rgba(28,21,13,.18);animation:visitorPaperShimmer 3.6s ease-in-out infinite}
.visitor-message-glow:before,.visitor-message-glow:after{position:absolute;color:#fff2b5;content:"✦";font:500 9px/1 Georgia,serif;text-shadow:0 1px 2px rgba(95,70,18,.35);pointer-events:none;animation:visitorPaperSpark 2.8s ease-in-out infinite}
.visitor-message-glow:before{top:-7px;right:-5px}
.visitor-message-glow:after{bottom:-5px;left:-7px;font-size:6px;animation-delay:1.25s}
@keyframes visitorPaperShimmer{0%,100%{filter:brightness(.98)}50%{filter:brightness(1.08)}}
@keyframes visitorPaperSpark{0%,100%{opacity:.18;transform:scale(.55) rotate(0)}45%{opacity:1;transform:scale(1.2) rotate(22deg)}65%{opacity:.35;transform:scale(.75) rotate(38deg)}}
@media(prefers-reduced-motion:reduce){.visitor-message-glow,.visitor-message-glow:before,.visitor-message-glow:after{animation:none}}

/* v117 — balanced desktop spreads with and without an attached photo */
@media(min-width:761px){
  .visitor-message-detail article:has([data-message-detail-image][hidden])>i{grid-column:2;grid-row:1;justify-self:start}
  .visitor-message-detail article:has([data-message-detail-image][hidden])>span{grid-column:2;grid-row:2}
  .visitor-message-detail article:has([data-message-detail-image][hidden]) blockquote{grid-column:1;grid-row:1/5;align-self:center;margin:0;padding:10px 28px 10px 3px;font-size:clamp(31px,3vw,40px)}
  .visitor-message-detail article:has([data-message-detail-image][hidden]) footer{grid-column:2;grid-row:3/5;align-self:center;display:grid;justify-content:start;gap:7px;width:100%!important;margin:8px 0 0!important;padding-top:20px!important}
  .visitor-message-detail article:has([data-message-detail-image][hidden]) footer strong{font-size:22px}
  .visitor-message-detail article:has([data-message-detail-image][hidden]) footer small{font-size:9px}
}

/* v118 — a single keepsake page with the compose action inside */
.visitor-message-add{display:none!important}
.visitor-message-detail{width:min(620px,calc(100vw - 28px))}
.visitor-message-detail article,
.visitor-message-detail article:has([data-message-detail-image][hidden]){
  min-height:0;
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:auto;
  gap:13px;
  padding:42px 46px 38px;
  border-radius:7px;
  background:linear-gradient(90deg,#eee2ce 0,#fffaf0 4.5%,#fbf4e7 94%,#eadcc6 100%);
  box-shadow:inset 20px 0 28px rgba(104,86,59,.035),inset -18px 0 28px rgba(104,86,59,.025);
}
.visitor-message-detail article:before{top:0;bottom:0;left:17px;width:1px;background:rgba(125,103,72,.16);box-shadow:none}
.visitor-message-detail article>i,
.visitor-message-detail article>span,
.visitor-message-detail [data-message-detail-image],
.visitor-message-detail blockquote,
.visitor-message-detail footer,
.visitor-message-detail article:has([data-message-detail-image][hidden])>i,
.visitor-message-detail article:has([data-message-detail-image][hidden])>span,
.visitor-message-detail article:has([data-message-detail-image][hidden]) blockquote,
.visitor-message-detail article:has([data-message-detail-image][hidden]) footer{grid-column:1;grid-row:auto;justify-self:stretch;align-self:auto;width:auto;margin:0}
.visitor-message-detail article>i,.visitor-message-detail article:has([data-message-detail-image][hidden])>i{justify-self:start;width:36px}
.visitor-message-detail [data-message-detail-image]{width:100%;height:auto;max-height:300px;margin:3px 0;border-width:7px;transform:rotate(-.45deg)}
.visitor-message-detail blockquote,.visitor-message-detail article:has([data-message-detail-image][hidden]) blockquote{margin:11px 0 6px;padding:0 8px;font-size:clamp(31px,3vw,38px);line-height:1.38}
.visitor-message-detail footer,.visitor-message-detail article:has([data-message-detail-image][hidden]) footer{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding-top:14px!important}
.visitor-message-detail footer strong,.visitor-message-detail article:has([data-message-detail-image][hidden]) footer strong{font-size:20px}
.visitor-message-detail-compose,.visitor-message-detail article>.visitor-message-detail-compose{
  position:relative;
  top:auto;
  right:auto;
  display:inline-flex;
  width:auto;
  height:38px;
  min-height:38px;
  margin:8px 0 0 auto;
  padding:0 16px!important;
  align-items:center;
  justify-content:center;
  border:1px solid #a7977f!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#594b39!important;
  box-shadow:none;
  cursor:pointer;
  font:600 10px/1 "Noto Sans VN",system-ui,sans-serif!important;
  letter-spacing:.04em;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.visitor-message-detail-compose:hover,.visitor-message-detail-compose:focus-visible{border-color:#75644d!important;background:rgba(120,98,67,.07)!important;color:#403526!important;outline:none;transform:translateY(-1px)}
@media(max-width:760px){
  .visitor-message-detail article,.visitor-message-detail article:has([data-message-detail-image][hidden]){padding:31px 24px 27px}
  .visitor-message-detail blockquote,.visitor-message-detail article:has([data-message-detail-image][hidden]) blockquote{font-size:31px}
  .visitor-message-detail footer,.visitor-message-detail article:has([data-message-detail-image][hidden]) footer{align-items:flex-start;flex-direction:column;gap:4px}
  .visitor-message-detail-compose,.visitor-message-detail article>.visitor-message-detail-compose{width:100%;margin-top:7px}
}

/* v119 — spacious keepsake composer opened directly from a message */
.visitor-message-dialog{width:min(680px,calc(100vw - 32px));max-height:min(820px,calc(100dvh - 32px));overflow:auto;border:0;border-radius:8px;background:#fffaf0;color:#493e30;box-shadow:0 32px 100px rgba(10,15,16,.46)}
.visitor-message-dialog::backdrop{background:rgba(9,15,16,.66);backdrop-filter:blur(7px)}
.visitor-message-dialog form{gap:18px;padding:46px 50px 42px;background:linear-gradient(90deg,#eee2ce 0,#fffaf0 4.5%,#fbf4e7 94%,#eadcc6 100%);box-shadow:inset 20px 0 28px rgba(104,86,59,.035),inset -18px 0 28px rgba(104,86,59,.025)}
.visitor-message-dialog form:before{position:absolute;top:0;bottom:0;left:18px;width:1px;background:rgba(125,103,72,.16);content:""}
.visitor-message-dialog form>span{color:#8a765b;font-size:10px;letter-spacing:.16em}.visitor-message-dialog h2{padding-right:34px;color:#403528;font-family:"Noto Serif","Source Serif 4",Georgia,serif;font-size:30px;line-height:1.25;letter-spacing:-.02em}.visitor-message-dialog p{max-width:550px;color:#766a5a;font-size:14px;line-height:1.65}
.visitor-message-dialog label{gap:8px}.visitor-message-dialog label>span,.visitor-message-dialog legend{color:#5c4e3c;font-size:13px;font-weight:650}
.visitor-message-dialog input[type=text],.visitor-message-dialog textarea{padding:14px 15px;border:1px solid #cfc1ab;border-radius:7px;background:rgba(255,253,247,.82);color:#3f3529;font-size:16px;line-height:1.55}.visitor-message-dialog textarea{min-height:150px}.visitor-message-dialog input[type=text]:focus,.visitor-message-dialog textarea:focus{border-color:#8d7657;outline:3px solid rgba(141,118,87,.11)}
.visitor-message-dialog input[type=file]{min-height:48px;padding:11px;border-color:#cfc1ab;background:rgba(255,253,247,.72);color:#665846;font-size:12px}.visitor-message-dialog label>small{color:#8c806f;font-size:11px}
.visitor-message-dialog fieldset{gap:10px}.visitor-message-dialog fieldset label{min-height:62px;padding:10px 7px;border-color:#d9cfbe;border-radius:7px;background:rgba(255,253,247,.62);color:#665846}.visitor-message-dialog fieldset label:hover{border-color:#a99678;background:#fffdf8}.visitor-message-dialog fieldset label:has(input:checked){border-color:#8d7657;background:#f3eadb;color:#493b2b;box-shadow:none}.visitor-message-dialog fieldset i{font-size:23px}.visitor-message-dialog fieldset span{font-size:11px}
.visitor-message-dialog output{min-height:20px;color:#775b35;font-size:12px}.visitor-message-dialog form>div{gap:10px}.visitor-message-dialog form>div button{min-height:46px;padding:0 20px;border-color:#cfc1ab;border-radius:7px;background:rgba(255,253,247,.75);color:#5c4e3c;font-size:13px}.visitor-message-dialog form>div button[type=submit]{border-color:#6b5942;background:#6b5942;color:#fffaf0}.visitor-message-dialog form>div button[type=submit]:hover{background:#554633}
.visitor-message-dialog .visitor-message-close{top:16px;right:16px;width:36px;height:36px;border-color:#d3c7b5!important;background:rgba(255,253,247,.85)!important;color:#6a5b47!important}
@media(max-width:760px){.visitor-message-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px)}.visitor-message-dialog form{gap:15px;padding:36px 23px 28px}.visitor-message-dialog form:before{left:13px}.visitor-message-dialog h2{font-size:26px}.visitor-message-dialog p{font-size:13px}.visitor-message-dialog fieldset{grid-template-columns:repeat(2,1fr)}.visitor-message-dialog form>div{display:grid;grid-template-columns:1fr 1.45fr}.visitor-message-dialog form>div button{padding:0 10px;font-size:12px}}