.find-page .page-head{margin-bottom:1rem}
.fd{max-width:1100px;margin:0 auto}
.fd-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.6rem .8rem;background:#141414;color:#fff;border-radius:10px 10px 0 0;font:600 15px/1.2 system-ui,sans-serif}
.fd-found b{color:#f08a3c;font-size:18px}
.fd-time{font-variant-numeric:tabular-nums;font-size:18px;min-width:3.5em}
.fd-zoom{display:inline-flex;margin-left:auto;border:1px solid #444;border-radius:8px;overflow:hidden}
.fd-zoom button,.fd-hint{background:#222;color:#eee;border:0;padding:.45rem .7rem;font:600 14px system-ui,sans-serif;cursor:pointer;min-height:36px}
.fd-zoom button+button{border-left:1px solid #444}
.fd-zoom button[aria-pressed=true]{background:#ea6a1f;color:#fff}
.fd-hint{border-radius:8px;border:1px solid #444}
.fd-hint:disabled{opacity:.45;cursor:default}
.fd-view{position:relative;overflow:auto;background:#f4efe6;border:1px solid #141414;border-top:0;border-radius:0 0 10px 10px;max-height:min(70vh,560px);min-height:320px;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;cursor:grab}
.fd-view.fd-drag{cursor:grabbing}
.fd-stage{position:relative;width:100%;line-height:0;user-select:none;-webkit-user-select:none}
.fd-stage>img{width:100%;height:auto;display:block;pointer-events:none}
.fd-boy{position:absolute;width:1.35%;aspect-ratio:40/64;transform:translate(-50%,-100%);background:url(/assets/find/newsboy.svg) center/contain no-repeat;border:0;padding:0;cursor:pointer}
.fd-boy.fd-got::after{content:"";position:absolute;inset:-60%;border:3px solid #1b9e4b;border-radius:50%;animation:fdpop .35s ease-out}
.fd-ring{position:absolute;border:5px solid #ea6a1f;box-shadow:0 0 0 3px #fff,0 0 18px 4px rgba(234,106,31,.7);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);animation:fdpulse 1.2s ease-in-out 3}
.fd-miss{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:3px solid #c0262d;pointer-events:none;animation:fdfade .7s forwards}
@keyframes fdpop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes fdpulse{50%{opacity:.25}}
@keyframes fdfade{to{opacity:0;transform:scale(1.8)}}
.fd-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1rem;text-align:center;background:rgba(244,239,230,.94);line-height:1.4}
.fd-start p{max-width:420px;margin:0;font-size:16px}
.fd-go{background:#ea6a1f;color:#fff;border:0;border-radius:10px;padding:.8rem 1.4rem;font:700 16px system-ui,sans-serif;cursor:pointer;min-height:44px}
.fd-done{text-align:center;padding:1.2rem 1rem;border:1px solid #141414;border-top:0;border-radius:0 0 10px 10px;margin-top:-1px;background:#fff}
.fd-done-h{font-size:22px;margin:0 0 .3rem}
.fd-done-s{margin:0 0 .8rem;color:#555}
.fd-small{font-size:14px;color:#666;text-align:center;margin:.8rem 0 0}
@media (max-width:640px){.fd-bar{font-size:14px;padding:.5rem .6rem}.fd-zoom{margin-left:0}.fd-view{max-height:62vh}}
@media (prefers-reduced-motion:reduce){.fd-ring,.fd-miss,.fd-boy.fd-got::after{animation:none}}
.fd [hidden]{display:none!important}