/* The finder is the single gold accent; the campaign keeps its monochrome UI. */
.global-tools[popover][data-surface="page"]{height:148px;padding-left:26px;padding-bottom:22px}
.finder-float{
  position:relative;isolation:isolate;overflow:hidden;flex:none;
  width:120px;height:120px;min-height:120px;padding:20px 12px;
  display:flex;flex-direction:column;justify-content:center;gap:8px;
  border:1px solid #b99850;border-radius:50%;background:#17140d;
  color:#fff4d8;font:600 16px/1.12 var(--body);text-align:center;
  box-shadow:0 0 24px #d3a74638,0 8px 28px #0009;
  animation:finder-hover 5s ease-in-out infinite;
  transition:box-shadow .25s,border-color .25s;
}
.finder-float::before{content:'';position:absolute;z-index:-2;inset:-30%;background:conic-gradient(from 0deg,#6b5426 0deg,#97733a 60deg,#ffe8a0 90deg,#fffbe5 100deg,#a67d34 120deg,#493919 180deg,#d6b66c 270deg,#6b5426 360deg);animation:finder-gold-turn 6s linear infinite;pointer-events:none}
.finder-float::after{content:'';position:absolute;z-index:-1;inset:3px;border:1px solid #e1c17645;border-radius:50%;background:radial-gradient(ellipse at 35% 18%,#49402b 0,#211e17 42%,#10100e 85%);pointer-events:none}
.finder-float>svg{width:27px;height:27px;color:#f5d389;flex:none;filter:drop-shadow(0 0 5px #ebc36c66)}
.finder-float>span{max-width:82px;text-wrap:balance}
.finder-float:hover{box-shadow:0 0 34px #e0b74e70,0 8px 28px #0009;border-color:#ffe7a6;animation-play-state:paused}
.finder-float:focus-visible{outline:2px solid #fff4d8;outline-offset:5px}
.finder-float:active{scale:.96}
@keyframes finder-gold-turn{to{transform:rotate(360deg)}}
@keyframes finder-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
/* Inside a dialog, keep the same recognizable orb compact and still. */
.global-tools:not([data-surface="page"]) .finder-float{width:76px;height:76px;min-height:76px;padding:10px 5px;gap:4px;font-size:11px;animation:none}
.global-tools:not([data-surface="page"]) .finder-float>svg{width:19px;height:19px}
.global-tools:not([data-surface="page"]) .finder-float>span{max-width:64px}
.global-tools:not([data-surface="page"]) .finder-float::before{animation:none}
@media(max-width:700px){
 .global-tools[popover][data-surface="page"]{height:112px;padding:10px 14px max(14px,env(safe-area-inset-bottom))}
 .finder-float{width:88px;height:88px;min-height:88px;padding:12px 7px;gap:5px;font-size:13px;box-shadow:0 0 19px #d3a74638,0 6px 22px #0009}
 .finder-float>svg{width:22px;height:22px}.finder-float>span{max-width:68px}
 .global-tools:not([data-surface="page"]) .finder-float{width:60px;height:60px;min-height:60px;padding:7px 4px;font-size:10px;gap:2px}
 .global-tools:not([data-surface="page"]) .finder-float>svg{width:16px;height:16px}
 .global-tools:not([data-surface="page"]) .finder-float>span{max-width:52px}
}
@media(prefers-reduced-motion:reduce){.finder-float,.finder-float::before{animation:none}.finder-float{transition:none}}