/* Emerald Billion's advertising tour (Oct 17, 2026). A file, not inline: the site's CSP is style-src 'self'. */
/* advertise */
.ad-tour{margin:18px 0 26px}
.ad-tour video{display:block;width:100%;max-width:960px;aspect-ratio:16/9;border-radius:12px;border:2px solid var(--line-gold,#8a6d2f);background:#000}
.ad-tour p{margin:8px 0 0;font-size:14px;opacity:.8}

/* shop */
.mall-tv-screen{aspect-ratio:16/9;min-height:0}
.mall-tv-video{padding:0;background:#000}
.mall-tv-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mall-tv-video .mall-tv-watch{position:absolute;left:12px;bottom:10px;z-index:2;min-height:36px;padding:0 14px;font-size:14px}

/* Emerald greets visitors (advertise/emerald.js, Oct 19, 2026): her tour plays silently under a big button
   until the visitor's first tap or click, then she starts from the top with sound. */
.ad-tour-stage{position:relative;max-width:960px}
.ad-tour-stage.is-waiting video{cursor:pointer}
.ad-tour-hear{position:absolute;left:clamp(10px,3%,26px);bottom:clamp(10px,5%,30px);z-index:2;display:none;align-items:center;gap:10px;min-height:56px;max-width:calc(100% - 20px);margin:0;padding:0 24px 0 18px;border:1px solid #f6d78b;border-radius:999px;background:linear-gradient(115deg,#b47c22 0%,#edc56b 22%,#fff0b0 39%,#d6a342 57%,#f8d981 76%,#ba8428 100%);color:#1a1205;font:800 18px/1.1 var(--text,system-ui,sans-serif);letter-spacing:.01em;text-align:left;box-shadow:inset 0 1px 0 #fff3c5,inset 0 -2px 0 #936419,0 8px 28px #000c;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ad-tour-stage.is-waiting .ad-tour-hear{display:inline-flex}
.ad-tour-hear:hover{filter:brightness(1.06)}
.ad-tour-hear:focus-visible{outline:3px solid #fff;outline-offset:4px}
.ad-tour-hear svg{display:block;flex:none;width:26px;height:26px;max-width:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ad-tour-hear .ad-tour-hear-body{fill:currentColor;stroke-width:1.2}
.ad-tour-hear-click{display:none}
@media (hover:hover) and (pointer:fine){.ad-tour-hear-tap{display:none}.ad-tour-hear-click{display:inline}}
@media (prefers-reduced-motion:no-preference){
  .ad-tour-hear::after{content:"";position:absolute;inset:-5px;border:2px solid #f6d78b;border-radius:inherit;opacity:0;pointer-events:none;animation:ad-tour-hear-ring 2s ease-out infinite}
}
@keyframes ad-tour-hear-ring{0%{opacity:.85;transform:scale(1)}80%,100%{opacity:0;transform:scale(1.06,1.3)}}
@media (max-width:600px){.ad-tour-hear{min-height:46px;gap:8px;padding:0 18px 0 13px;font-size:16px}.ad-tour-hear svg{width:22px;height:22px}}