#pondGuide{position:absolute;z-index:5;top:166px;right:16px;width:min(330px,calc(100% - 24px));padding:16px;border:1px solid var(--gaming-base);border-radius:18px;background:#082c36ed;backdrop-filter:blur(12px);color:var(--gaming-on-dark);box-shadow:0 8px 30px #001c2866;box-sizing:border-box}
#pondGuide[hidden],#village:has(#villageContext:not([hidden])) #pondGuide{display:none}
#pondGuide small{font:700 10px system-ui;letter-spacing:.1em}#pondGuide h2{font-size:18px;line-height:1.2;margin:8px 0}#pondGuide p{font-size:12px;line-height:1.5;margin:8px 0 12px}#pondGuide>div{display:flex;flex-wrap:wrap;gap:6px}#pondGuide button{min-height:44px;padding:7px 10px;border:1px solid var(--gaming-base);border-radius:12px;background:var(--gaming-surface);color:var(--gaming-on-dark);font:600 11px system-ui;cursor:pointer}#pondGuide #pondGuideNext{background:var(--gaming-base);color:var(--gaming-ink)}#pondGuide button:focus-visible{outline:3px solid white;outline-offset:2px}
@media(max-width:360px){#pondGuide{top:164px;padding:12px;right:12px}#pondGuide p{font-size:11px}#pondGuide>div{gap:5px}#pondGuide button{padding:6px 8px}}
@media(max-height:500px) and (min-width:600px){#pondGuide{top:92px;right:16px;width:320px;padding:12px}#pondGuide h2{font-size:16px}#pondGuide p{font-size:11px}}