/* magnet fishing */
body.page-fishing{background:#fff3f5}
#score{position:fixed;right:12px;top:calc(max(6px,env(safe-area-inset-top)) + 48px);z-index:4;display:flex;gap:10px;background:#fffaf2;border:3px solid #3b2a4a;border-radius:12px;box-shadow:4px 4px 0 #3b2a4a;padding:5px 10px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12px;font-weight:700;pointer-events:none}
#score b{font-size:16px;color:#d6336c}
#card{position:fixed;left:50%;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 72px);transform:translateX(-50%);z-index:5;width:min(330px,calc(100vw - 24px));background:#fffaf2;border:3px solid #3b2a4a;border-radius:14px;box-shadow:5px 5px 0 #3b2a4a;padding:10px 14px 12px;text-align:center;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
#card[hidden]{display:none}
#card b{font-size:17px}
#card p{margin:6px 0 10px;font-size:12px;line-height:1.35}
#card button{font:inherit;font-weight:800;font-size:15px;color:#3b2a4a;background:#7fe0a8;border:3px solid #3b2a4a;border-radius:10px;padding:6px 22px;box-shadow:3px 3px 0 #3b2a4a;cursor:pointer;touch-action:manipulation}
#card button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #3b2a4a}
#bar button em{font-style:normal}
@media (max-width:520px){#score{top:auto;right:auto;left:50%;transform:translateX(-50%);bottom:calc(max(12px,env(safe-area-inset-bottom)) + 58px);gap:8px;font-size:11px}#score b{font-size:14px}#card{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 100px)}}