.viewport{background:radial-gradient(ellipse at 50% 42%,#7cb7a5 0%,#4d9a94 36%,#205967 78%,#122e46 100%)} .viewport:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(135deg,transparent 22%,#fff8cf12 39%,transparent 58%);animation:kingLight 13s ease-in-out infinite alternate} @keyframes kingLight{from{opacity:.35;transform:translateX(-3%)}to{opacity:.8;transform:translateX(3%)}} .scene svg{filter:saturate(1.17) contrast(1.05)} .hotspot .tag{border:1px solid #e2b66a;box-shadow:0 3px 8px #061723a6,inset 0 1px #ffebae55;background:linear-gradient(180deg,#344635ed,#132c2ee8)} .top{border-bottom:1px solid #b98d47;box-shadow:0 5px 18px #06121bc4} .status{background:linear-gradient(90deg,#293e42ef,#1b293ae9)} .bottom{box-shadow:0 -4px 16px #08131bc9} @media(prefers-reduced-motion:reduce){.viewport:after{animation:none}}