*{box-sizing:border-box}:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:Arial,sans-serif}html,body,#app{background:#000;width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}.video-page{background:#000;width:100%;height:100%;min-height:100svh;position:relative;overflow:hidden}.full-video{object-fit:cover;background:#000;width:100%;height:100%;display:block}.video-hotspots{z-index:2;grid-template-columns:repeat(4,1fr);display:grid;position:fixed}.hotspot-hint{z-index:3;color:#38291f;white-space:nowrap;pointer-events:none;background:#ceb398;border:1px solid #fff8efbf;border-radius:999px;margin:0;padding:13px 25px;font-size:18px;font-weight:700;line-height:1.3;animation:1.8s ease-in-out infinite hint-float;position:fixed;transform:translate(-50%,-100%);box-shadow:0 8px 26px #1d140e61,inset 0 1px #ffffff59}@keyframes hint-float{0%,to{filter:brightness();transform:translate(-50%,-100%)}50%{filter:brightness(1.08);transform:translate(-50%,calc(-100% - 10px))}}.video-hotspots a{cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:0;height:100%;display:block}.video-hotspots a:focus-visible{outline-offset:-4px;outline:2px solid #fff}@media (width<=600px){.hotspot-hint{padding:10px 18px;font-size:16px}}@media (prefers-reduced-motion:reduce){.hotspot-hint{animation:none}}