#fishing-game[open]{position:fixed;inset:0;transform:none;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#10272b;display:grid;place-items:center;overflow:hidden;color:#f9e8bc}
#fishing-stage{position:relative;width:min(100vw,222.222dvh);aspect-ratio:20/9;container-type:inline-size;overflow:hidden;background:#193f4b}
#fishing-canvas{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:20/9;pointer-events:none}
#fishing-water{position:absolute;left:19%;top:34%;width:74%;height:34%;background:transparent!important;border:0!important;border-radius:0!important;cursor:crosshair}
#fishing-water:focus-visible{outline:2px dashed #fff0b8;outline-offset:-6px}
#fishing-game button{font:600 clamp(12px,1.3cqw,18px) system-ui;color:#ffedc6;background:#193d37ee;border:1px solid #cbb17c;border-radius:8px;padding:10px 16px;min-height:44px}
#fishing-game button.primary{background:#dfc185;color:#283a2c}
#fishing-game [hidden]{display:none!important}
.fishing-toolbar{position:absolute;left:2%;right:2%;top:3%;height:auto;padding:0;border:0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.fishing-toolbar strong{font:700 clamp(18px,2.3cqw,32px) Georgia;color:#ffe9b7;text-shadow:0 2px 5px #102d30;background:#153c39d9;padding:8px 18px;border-radius:10px}
#fishing-status{position:absolute;top:17%;left:25%;right:25%;background:#183b35e8;border:1px solid #cbb17c;border-radius:10px;padding:10px;text-align:center;font-size:clamp(13px,1.5cqw,21px);pointer-events:none}#fishing-status:empty{display:none}
.fishing-panel{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:82%;padding:22px;border:1px solid #bea36a;border-radius:16px;background:#16373beF;box-shadow:0 12px 50px #061d2399;text-align:center}
#fishing-intro,#fishing-pause-cover{width:min(620px,76%);padding:25px;background:#f1dfb2;color:#3e2f1f}
#fishing-game h2{font:700 clamp(23px,2.7cqw,38px) Georgia;margin:0 0 10px}
#fishing-intro p,#fishing-pause-cover p{color:#3e2f1f;font-size:clamp(15px,1.65cqw,22px);line-height:1.5}
.fishing-reel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.fishing-reel-heading h2{margin:0!important}.fishing-reel-heading strong{font-size:clamp(15px,1.8cqw,25px)}
.fishing-reel-grid{display:grid;grid-template-columns:42% 1fr 60px;gap:22px;align-items:center}
.fishing-fish-view{background:radial-gradient(ellipse at 50% 35%,#3a858c,#123f51);border:1px solid #82a7a04d;border-radius:14px;overflow:hidden;padding-bottom:12px}.fishing-fish-view canvas{width:100%;height:auto;aspect-ratio:52/30}.fishing-fish-view strong{font:600 clamp(16px,1.9cqw,26px) Georgia}
#fishing-equation{font:700 clamp(22px,3cqw,42px) Georgia;background:#f3e1b8;color:#342c21;border-radius:9px;padding:13px 6px;margin-bottom:14px;white-space:nowrap}
#fishing-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}#fishing-answers button{font-size:clamp(18px,2.2cqw,30px);min-height:56px}
#fishing-answer-feedback{min-height:20px;font-size:clamp(12px,1.3cqw,17px);color:#f8e5b5;margin:8px 0}
.fishing-meter-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px}.fishing-meter-wrap>span{line-height:1.2}#fishing-meter{height:210px;width:28px;background:linear-gradient(#4a7b6044 0 45%,#bda54633 45% 75%,#b3534533 75%);border:2px solid #d8bd85;border-radius:14px;position:relative;overflow:hidden}#fishing-meter-fill{position:absolute;bottom:0;left:0;right:0;background:#6fbc81;border-radius:10px;transition:background .3s}#fishing-meter-text{font-variant-numeric:tabular-nums}
#fishing-pause-cover{z-index:5}
@media(max-height:480px){.fishing-toolbar{top:2%}.fishing-toolbar strong{padding:4px 12px}.fishing-panel{padding:12px;width:92%;top:56%}.fishing-reel-heading{margin-bottom:6px}.fishing-reel-grid{grid-template-columns:34% 1fr 42px;gap:10px}#fishing-meter{height:125px;width:22px}#fishing-equation{padding:6px;margin-bottom:6px}#fishing-answers{gap:6px}#fishing-answers button{min-height:44px;padding:6px}#fishing-answer-feedback{min-height:16px;margin:4px 0}#fishing-game button{padding:7px 10px}#fishing-intro,#fishing-pause-cover{padding:16px}#fishing-intro p{margin:8px 0 14px}}

#fishing-result-fish{width:65%;height:auto;aspect-ratio:52/22;margin:0 auto;max-height:150px;object-fit:contain}
@media(max-height:480px){#fishing-result-fish{max-height:80px;width:auto}}
@media(max-height:480px){#fishing-stage{height:100dvh;width:100vw;aspect-ratio:auto}#fishing-canvas{top:50%;bottom:auto;height:auto;transform:translateY(-50%)}#fishing-water{top:calc(50% - 7.2vw);height:15.3vw}}

#fishing-answers{grid-template-columns:1fr auto;align-items:center}#fishing-answers label{grid-column:1/-1;text-align:left}#fishing-input{box-sizing:border-box;min-width:0;width:100%;height:52px;font:600 26px system-ui;text-align:center;border:2px solid #d8bd85;border-radius:8px;background:#fff3d4;color:#302819}#fishing-answers button{font-size:20px;min-height:52px}
#fishing-game #display-tools{position:fixed;top:8px;bottom:auto;right:8px;margin:0}#fishing-game .fishing-toolbar{right:70px}
@media(max-height:480px){#fishing-input,#fishing-answers button{height:44px;min-height:44px;font-size:22px}#fishing-answers label{font-size:13px}#fishing-game .fishing-toolbar strong{font-size:16px}}

.fishing-panel-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.fishing-toolbar strong{min-width:0;text-align:center}.fishing-toolbar>button{flex-shrink:0}