.stage{position:relative}.clue-layer{position:absolute;pointer-events:none;z-index:2}.hotspot{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#f4dca5}.marker{display:grid;place-items:center;width:29px;height:29px;border:1px solid #eed49a;border-radius:50%;background:#18262acc;box-shadow:0 0 0 5px #eed49a18,0 0 18px #e8bc6b44;font:22px Georgia;transition:box-shadow .2s}.hotspot:hover .marker{box-shadow:0 0 0 8px #eed49a28,0 0 26px #e8bc6b66}.prop,.prop-label{display:none}.demo-clues .hotspot{height:60px;width:85px}.demo-clues .prop{display:block;font:35px Georgia;filter:drop-shadow(0 6px 6px #0008);transform:rotate(-14deg);color:#e7cc92}.demo-clues .marker{position:absolute;right:4px;top:0;width:21px;height:21px;font-size:17px}.demo-clues .prop-label{display:block;font-size:9px;letter-spacing:1px;color:#e4d3ae;margin-top:5px}.clue-book{margin:0 0 30px;border-bottom:1px solid var(--border);padding-bottom:18px}.clue-book .eyebrow{display:flex;justify-content:space-between;align-items:center}.clue-book .eyebrow span{display:inline-grid;place-items:center;min-width:23px;height:23px;border:1px solid #dbb98344;border-radius:50%;letter-spacing:0}#clueList{padding:0;margin:15px 0 0;list-style:none}#clueList li{margin:8px 0}#clueList button{width:100%;text-align:left;font-size:11px;border-color:#dbb98333;background:#dbb98308;color:#ddc698;padding:10px 12px}dialog{color:#edf0ed;background:linear-gradient(145deg,#202e32,#131b20);border:1px solid #dbb98355;border-radius:10px;padding:35px;max-width:440px;width:calc(100% - 40px);box-shadow:0 24px 100px #0009}dialog::backdrop{background:#050b10bb;backdrop-filter:blur(5px)}dialog h2{font:26px serif;letter-spacing:2px;margin:15px 0 20px}dialog>p:not(.eyebrow){font-size:14px;line-height:2;color:#c0c9c7;margin-bottom:28px}dialog .primary{width:100%}@media(max-width:700px){.demo-clues .hotspot{width:65px;height:48px}.demo-clues .prop{font-size:27px}.demo-clues .prop-label{font-size:8px;letter-spacing:0}.demo-clues .marker{width:18px;height:18px;font-size:14px}.hotspot{width:40px;height:40px}dialog{padding:25px}}