.op-where-frame{height:clamp(17rem,100svh - 30rem,34rem)}@container (width>=56rem){.op-where-frame{height:calc(100svh - 12rem);min-height:30rem;max-height:48rem}}.op-where-pin{pointer-events:none;filter:drop-shadow(0 6px 6px #00000059);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 44'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%23ffd98a'/%3E%3Cstop offset='1' stop-color='%23e29a2c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M17 43C9 31 2 25 2 16.5A15 15 0 1 1 32 16.5C32 25 25 31 17 43Z' fill='url(%23g)' stroke='%231d1b3a' stroke-opacity='.35'/%3E%3Ccircle cx='17' cy='16' r='5.5' fill='%231d1b3a' fill-opacity='.55'/%3E%3C/svg%3E") 50%/contain no-repeat;width:34px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.op-where-pin:after{content:"";background:#00000059;border-radius:50%;width:12px;height:5px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.op-where-mark{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex}.op-where-mark:after{content:"";border:3px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 8px #0006}.op-where-mark[data-kind=guess]:after{background:#1d1b3a}.op-where-mark[data-kind=answer]:after{background:#f0b44d;width:22px;height:22px;animation:.6s cubic-bezier(.2,.9,.3,1.3) both op-where-land}.op-where-mark span{font:600 12px/1.4 var(--font-sans,system-ui);white-space:nowrap;color:#1d1b3a;background:#fff;border-radius:999px;padding:2px 9px;box-shadow:0 2px 8px #0000004d}.op-where-mark[data-kind=answer] span{background:#ffd98a}@keyframes op-where-land{0%{opacity:0;transform:scale(.2)}}.op-where-landmark{font:italic 500 12px/1.2 var(--font-serif,Georgia, serif);letter-spacing:.04em;color:#1d1b3ab8;text-shadow:0 1px 2px #ffffffd9;white-space:nowrap;pointer-events:none}.dark .op-where-landmark{color:#fffc;text-shadow:0 1px 3px #0000008c}.op-where-pip{background:#ffffff14;border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;font-size:.875rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.op-where-pip-now{box-shadow:inset 0 0 0 2px #f6cf86,0 0 12px #f6cf8680}.op-where-pip-done{background:#ffffff24}.op-where-points{color:var(--color-accent-text)}.op-where-choice{transition:transform .14s,border-color .14s,background-color .14s}.op-where-choice:hover{border-color:var(--color-brand)}.op-where-choice:active{transform:scale(.97)}.op-where-reveal{animation:.36s both op-where-rise}@keyframes op-where-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.op-where-reveal,.op-where-mark[data-kind=answer]:after{animation:none}.op-where-choice,.op-where-choice:active{transition:none;transform:none}}