.fish-dialog{width:min(1100px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:12px 18px;box-sizing:border-box;background:#fffaf3;overflow:hidden;color:#075366}.fish-dialog[open]{gap:6px}.fish-dialog h3,.fish-dialog p{margin:0}.fish-dialog h3{font:700 clamp(18px,2.8vw,28px) 'DM Sans',sans-serif}.fish-dialog button{background:#e1f1f5;color:#075366;border:1px solid #b8dce2;border-radius:14px;min-height:44px;padding:8px 14px;box-shadow:none;font-weight:700}.fish-dialog button:disabled{opacity:.7}.fish-dialog .learning-header{min-height:44px}.fish-content{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.fish-network{font-size:13px;line-height:1.2;text-align:center;color:#805030;flex:none}.fish-network:empty{display:none}.fish-intro{display:flex;flex-direction:column;align-items:center;gap:10px}.fish-sample{width:min(150px,22vh)}.fish-sample .mystery-name{display:none}.fish-lobby{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:min(720px,100%)}.fish-lobby section{background:#eaf4ec;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}.fish-lobby section+section{background:#eee9f7}.fish-lobby input,.fish-lobby select{box-sizing:border-box;width:100%;min-height:44px;font-size:17px}.fish-score{display:flex;justify-content:center;gap:clamp(8px,3vw,28px);font-size:14px;flex:none;flex-wrap:wrap;line-height:1.2}.fish-score b{display:inline-block;background:#e7f3ed;padding:3px 9px;border-radius:8px}.fish-prompt{display:flex;width:100%;align-items:center;justify-content:center;gap:16px;flex:none;min-height:64px}.fish-prompt p{font-size:14px;line-height:1.4}.fish-main-action,#fish-ask{background:#f6edce!important;max-width:250px}.fish-hand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex:1;min-height:0;width:100%;max-width:900px}.fish-dialog .fish-card{min-height:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffaf1;border:2px solid #dfd9c8;padding:6px;overflow:hidden}.fish-dialog .fish-card:disabled{opacity:1;color:#075366}.fish-card[aria-pressed=true]{outline:3px solid #7ea8ad;background:#f5edce!important}.fish-card-art{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.fish-card-art .mystery-picture{height:calc(100% - 32px);width:auto;max-width:100%;aspect-ratio:1;flex-shrink:1;min-height:0;border-radius:12px}.fish-card-art .mystery-name{font-size:clamp(14px,2vw,20px);padding:4px;line-height:1.15;overflow-wrap:anywhere}.fish-count{font-size:13px;line-height:18px;flex:none;background:#eee8f6;border-radius:8px;padding:0 8px}.fish-hand-footer{display:flex;align-items:center;justify-content:center;gap:16px;font-size:14px;flex:none}.fish-update{font-size:14px;line-height:1.3;min-height:18px;flex:none}.fish-final-score{display:flex;gap:30px;background:#e7f3ed;border-radius:24px;padding:24px}.fish-final-score strong{font-size:64px;display:block}.fish-leave{display:flex;gap:12px}.fish-set-found .fish-my-score{animation:fish-wiggle .4s ease-in-out 4 alternate}.learning-won.fish-dialog .fish-final-score{animation:fish-wiggle .6s ease-in-out 6 alternate}@keyframes fish-wiggle{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
@media(orientation:portrait){.fish-dialog{padding:10px}.fish-hand{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}.fish-prompt{flex-direction:column;gap:6px;min-height:0}.fish-prompt h3{font-size:19px}.fish-content{gap:8px}.fish-score{gap:6px 12px;font-size:12px}.fish-lobby{gap:8px}.fish-lobby section{padding:10px}.fish-update{font-size:12px}.fish-card-art .mystery-name{font-size:15px}}
@media(max-height:500px){.fish-dialog{padding:6px 12px}.fish-content{gap:5px}.fish-dialog .learning-header h2{font-size:25px}.fish-score{font-size:12px}.fish-prompt{min-height:48px}.fish-prompt h3{font-size:19px}.fish-prompt p{font-size:12px}.fish-hand{gap:8px}.fish-card-art .mystery-name{font-size:14px;padding:2px}.fish-card-art .mystery-picture{height:calc(100% - 22px)}.fish-update{font-size:12px}.fish-intro{gap:5px}.fish-sample{display:none}.fish-lobby section{padding:10px}.fish-hand-footer{font-size:12px}}
@media(prefers-reduced-motion:reduce){.fish-set-found .fish-my-score,.learning-won.fish-dialog .fish-final-score{animation:none}}

.fish-hand{grid-template-rows:minmax(0,1fr)}.fish-card-art{flex:1;height:0}@media(orientation:portrait){.fish-hand{grid-template-rows:repeat(2,minmax(0,1fr))}}
.fish-caught .fish-card{animation:fish-catch .5s ease-out}@keyframes fish-catch{from{transform:translateY(12px);opacity:.6}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.fish-caught .fish-card{animation:none}}

.fish-dialog .fish-card{border-radius:16px}

.fish-card-art{container-type:size}.fish-card-art .mystery-picture{width:min(100cqw,calc(100cqh - 32px));height:min(100cqw,calc(100cqh - 32px));flex:none}.fish-dialog .fish-card{height:100%;max-height:360px;align-self:center;box-sizing:border-box}