
/* v0.4: Mo Shifu reactions, rare fish reveals and collectible battle reports. */
#master-portrait{display:block;width:170px;height:170px;object-fit:contain;margin:-90px auto 4px}
.pond-note{padding-top:16px}.pond-note p{margin-top:12px}
.reaction-strip{display:flex;align-items:center;gap:10px;margin:5px 0;border-bottom:1px dashed #b7a77d;padding-bottom:5px}
.reaction-strip img{width:58px;height:58px;object-fit:contain}
.reaction-strip span{font-size:15px;font-weight:700;color:#4a5136}
.reaction-strip em{margin-left:auto;font-style:normal;font-size:11px;padding:5px 9px;background:#405e4a;color:#ffedbc;border-radius:5px}
.fishing-panel[data-meme]:not([data-meme=""]){width:520px;background:#fff0cb;border-color:#9b763e}
.fishing-panel[data-meme=mamboFish][data-state=reveal]{border-color:#8e719e;background:#f1e8ee}
.fishing-panel[data-meme]:not([data-meme=""]) .reveal-detail{overflow:hidden}
.fishing-panel[data-meme]:not([data-meme=""]) .reveal-detail .fish-art{width:195px;height:145px}
.reveal-quote{font-size:20px;font-weight:900;text-align:center;margin:6px 0;color:#725535}
.fishing-panel[data-meme=catFish] #reveal-art{animation:catfish-wiggle .36s ease-in-out infinite alternate}
.fishing-panel[data-meme=milkFish] #reveal-art{animation:milkfish-pop 1s ease-out both}
.fishing-panel[data-meme=mamboFish] #reveal-art{animation:mambofish-flop 1.3s ease-in-out both}
.fishing-panel[data-meme=bikiniResident] #reveal-art{animation:catfish-wiggle .65s ease-in-out infinite alternate}
@keyframes catfish-wiggle{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
@keyframes milkfish-pop{from{transform:scale(.8)}to{transform:scale(1)}}
@keyframes mambofish-flop{0%{transform:translateY(8px) rotate(-20deg) scale(.85)}45%{transform:translateY(-3px) rotate(14deg) scale(.95)}75%{transform:rotate(-7deg)}100%{transform:rotate(0)}}
.meme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.meme-card{border:2px solid #baa16b;background:#f3ecd8}.meme-card .fish-art{width:100%;height:138px;display:block}
.meme-card .fish-art{filter:none}
.meme-card .meme-quote{font-size:14px;color:#7a5136;font-weight:800}
.meme-card small{display:block;line-height:1.6;color:#737459}
.collection-heading{margin:25px 0 13px;color:#506248}
.result-character{display:flex;gap:16px;align-items:center;justify-content:center;margin-bottom:5px}
.result-character img{width:105px;height:105px;object-fit:contain}
.result-character span{display:grid;gap:8px;text-align:left}.result-character small{color:#8c896f;font-size:11px}
.result-character b{font-size:21px;color:#4e5b3c}
.card-output{text-align:center;border-top:1px dashed #bcb493;margin-top:24px;padding-top:20px}
.card-output img{display:block;width:min(100%,360px);height:auto;margin:0 auto 16px;border-radius:8px}
.card-output a{display:inline-block;text-decoration:none}.card-output p{font-size:12px;line-height:1.7;color:#767c63}
@media(max-width:760px){.reaction-strip img{width:42px;height:42px}.reaction-strip span{font-size:12px}.reaction-strip em{font-size:9px;padding:4px}.fishing-panel[data-meme]:not([data-meme=""]) .reveal-detail .fish-art{width:145px;height:108px}.reveal-quote{font-size:16px}.meme-grid{grid-template-columns:1fr}.meme-card .fish-art{height:150px}.result-character img{width:85px;height:85px}.result-character b{font-size:17px}}
@media(max-height:650px) and (max-width:760px){.reaction-strip img{width:28px;height:28px}.fishing-panel[data-meme]:not([data-meme=""]) .reveal-detail .fish-art{width:100px;height:75px}.reveal-quote{font-size:13px;margin:3px}.fishing-panel[data-meme]:not([data-meme=""]){padding:8px 12px}}
@media(max-height:450px) and (orientation:landscape){.fishing-panel[data-meme]:not([data-meme=""]){top:12px;width:335px;padding:8px 12px}.reaction-strip img{width:28px;height:28px}.reaction-strip span{font-size:11px}.reaction-strip em{font-size:9px}.fishing-panel[data-meme]:not([data-meme=""]) .reveal-detail .fish-art{width:100px;height:70px}.reveal-quote{font-size:13px;margin:3px}.reaction-strip{margin:3px 0;padding-bottom:2px}.meme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#reveal-art{animation:none!important}}

