:root{--ink:#192e38;--pink:#ff70ae;--yellow:#faff6b;--aqua:#73e4d7;--paper:#fffee9;--season:#ffb079;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,system-ui,sans-serif;color:var(--ink);background:#8ae6df;font-synthesis:none;font-weight:600;line-height:1.6;line-break:strict;word-break:auto-phrase;text-wrap:pretty}*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#17343b25 1.2px,transparent 1.2px);background-size:16px 16px}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;min-height:44px;border:2px solid var(--ink);background:var(--paper);border-radius:12px;padding:10px 16px}button:hover{filter:brightness(.97)}button:active{translate:1px 2px;box-shadow:none!important}button:focus-visible,a:focus-visible{outline:3px solid #0069a7;outline-offset:4px}button:disabled{cursor:default;opacity:.7}button[hidden],[hidden]{display:none!important}a{color:inherit}.page-wrap{max-width:540px;margin:auto;background:var(--paper);min-height:100dvh;border-inline:2px solid var(--ink);box-shadow:14px 0 0 #192e381a,-14px 0 0 #192e381a}.masthead{height:64px;padding:12px 22px;border-bottom:2px solid;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--yellow)}.masthead a{font-size:18px;letter-spacing:-.7px;line-height:1;text-decoration:none;font-weight:950;display:flex;flex-direction:column;min-height:44px;justify-content:center}.masthead a span{font-size:9px;letter-spacing:2px;margin-top:5px}.preview-label{border:1.5px solid;border-radius:5px;font-size:10px;letter-spacing:1.5px;padding:3px 8px}.screen{padding:24px 24px 28px}.eyebrow{font-size:10px;letter-spacing:1.2px;display:flex;align-items:center;gap:7px;justify-content:space-between;font-weight:900}.eyebrow span:last-child{margin-left:auto}.live-dot{display:inline-block;width:8px;height:8px;background:var(--pink);border:1.5px solid;border-radius:50%}.title-lockup{margin:23px 0 12px;position:relative}.tiny-title{font-size:16px;font-weight:900;display:block;letter-spacing:2px}h1{font-size:clamp(42px,10.5vw,58px);font-weight:950;letter-spacing:-3px;line-height:1.3;margin:3px 0 8px;white-space:nowrap;text-shadow:2px 2px 0 var(--paper),4px 4px 0 var(--ink)}.pink-text{color:#e93f8b}.title-star{font-size:27px;display:inline-block;vertical-align:top;color:var(--pink);text-shadow:none;margin-left:5px}.title-lockup p{font-size:13px;margin:0;letter-spacing:1px}.hero-art{position:relative;min-height:300px;margin-inline:-24px;overflow:hidden;background:linear-gradient(0deg,#65d4d9 0 30%,#dcf5e8 30% 100%);border-block:2px solid var(--ink)}.hero-art img{position:relative;display:block;width:78%;height:auto;margin:2px auto -12px;mix-blend-mode:multiply;z-index:2}.sun-sticker{position:absolute;top:14px;left:17px;background:var(--yellow);width:85px;height:85px;clip-path:polygon(50% 0,60% 10%,77% 4%,80% 20%,96% 24%,90% 42%,100% 52%,88% 64%,93% 80%,76% 83%,69% 98%,50% 91%,35% 100%,29% 84%,11% 84%,14% 66%,0 56%,10% 42%,3% 25%,22% 23%,27% 6%,42% 12%);font:950 38px/1 system-ui;display:grid;place-content:center;text-align:center;z-index:3;rotate:-10deg}.sun-sticker span{font-size:8px;letter-spacing:1px}.hero-caption{position:absolute;right:10px;top:23px;font-size:11px;z-index:3;rotate:8deg;background:white;border:2px solid;border-radius:50%;padding:12px 15px;text-align:center}.art-tag{position:absolute;bottom:15px;left:12px;z-index:3;background:var(--pink);border:2px solid;padding:4px 9px;font-size:10px;letter-spacing:1px;font-weight:900;rotate:-5deg}.art-spark{position:absolute;z-index:3;font-size:45px;color:#ffffff}.s1{top:45%;left:7%}.s2{bottom:12%;right:8%;color:var(--yellow)}.hero-fish{position:absolute;width:95px;z-index:1}.f1{bottom:8px;right:0;rotate:-15deg}.f2{left:0;top:45%;rotate:15deg}.title-bottom>p{font-size:13px;margin:19px 0}.primary,.secondary{width:100%;font-weight:900;display:flex;align-items:center;justify-content:center;gap:12px}.primary{font-size:18px;min-height:62px;background:var(--pink);border-width:2px;box-shadow:4px 4px 0 var(--ink);margin:10px 0 16px;border-radius:14px}.primary>span{margin-left:auto;font-size:25px}.secondary{font-size:13px;min-height:48px;box-shadow:2px 2px 0 var(--ink);background:white}.secondary>span{margin-left:auto;font:900 15px system-ui}.ticker{overflow:hidden;white-space:nowrap;border-block:2px solid;margin:26px -24px -28px;padding:8px 10px;background:var(--yellow);font-size:11px;letter-spacing:1.5px}.section-top{display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:1.5px}.back{width:44px;padding:0;background:white;font-size:23px}h2{font-size:32px;line-height:1.4;letter-spacing:-1.5px;margin:24px 0 10px;font-weight:950}.subline{font-size:12px;margin:10px 0 25px}fieldset{border:0;padding:0;margin:24px 0}legend{font-size:12px;font-weight:900;margin-bottom:13px}.cat-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cat-choice{padding:0 0 8px;border-radius:14px;background:#fff;overflow:hidden;position:relative;min-width:0}.cat-choice img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.cat-choice>span{font-size:10px;display:block;letter-spacing:-.5px;white-space:nowrap}.cat-choice[aria-pressed=true]{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.cat-choice[aria-pressed=true]:before{content:'✓';position:absolute;top:3px;left:5px;font-size:12px;z-index:1}.season-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.season-choice{padding:10px 4px;font-size:13px;min-height:65px}.season-choice span{font-size:22px;line-height:1.2;display:block}.season-choice[aria-pressed=true]{background:var(--season);box-shadow:3px 3px 0 var(--ink)}.season-note{padding:14px;background:#fff;border:1px dashed var(--ink);border-radius:10px;font-size:12px;min-height:78px}.micro{font-size:10px;text-align:center;line-height:1.8;margin:15px 0}.play-head{display:flex;gap:8px;align-items:center;font-size:12px}.play-head>span{margin-right:auto;font-weight:900}.utility{min-width:44px;padding:6px 10px;font-size:12px;background:white}.scoreboard{display:flex;justify-content:space-between;margin:14px 0 4px;align-items:end}.label{display:block;font-size:9px;letter-spacing:1.5px;font-weight:900}.scoreboard strong{display:block;font:950 43px/1.15 system-ui;letter-spacing:-2px}.scoreboard strong span{font-size:15px;letter-spacing:0;margin-left:5px}.score-value{text-align:right}.time-track{background:#e0e6de;height:8px;border:1.5px solid;border-radius:10px;overflow:hidden;margin:12px 0 18px}.time-track>div{height:100%;background:var(--pink);width:100%}.fishing-scene{height:320px;border:2px solid;border-radius:18px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(#f1fbef 0%,#def6ed 48%,#58dbd4 48%);margin-inline:-8px}.scene-sun{position:absolute;right:24px;top:13px;font-size:42px;color:#e7b735;line-height:1}.cloud{position:absolute;width:60px;height:16px;border-radius:40px;background:#fff;top:30px;left:20px;box-shadow:17px -7px 0 #fff}.c2{scale:.7;top:80px;left:60%}.hills{position:absolute;top:100px;left:-5%;height:65px;width:115%;background:#8ec3ae;clip-path:polygon(0 80%,15% 20%,26% 65%,41% 47%,57% 90%,77% 5%,88% 60%,100% 25%,100% 100%,0 100%)}.sea{position:absolute;inset:49% 0 0;background:repeating-linear-gradient(174deg,transparent 0 31px,#ffffff50 32px 34px,transparent 35px 50px)}.sea i{position:absolute;left:60%;top:25%;width:37px;border-top:2px solid #fff9;border-radius:50%;height:9px}.sea i:nth-child(2){top:60%;left:37%}.sea i:nth-child(3){top:75%;left:80%}.far-pier{position:absolute;top:47%;left:0;width:65%;height:23px;background:#cbd7c1;transform:skewY(-5deg);border-block:2px solid #557d72}.npc{position:absolute;top:10%;width:33%;z-index:2;mix-blend-mode:multiply;transform-origin:50% 100%}.npc img{width:100%;height:auto;display:block}.npc-one{left:0;animation:breathe 3s ease-in-out infinite}.npc-two{left:29%;top:13%;animation:breathe 3.7s ease-in-out infinite}.reaction{position:absolute;top:2px;left:2px;background:var(--yellow);border:1.5px solid;border-radius:8px;font-size:11px;padding:3px 5px;white-space:nowrap;visibility:hidden;z-index:4}.celebrate .reaction{visibility:visible}.celebrate .npc{animation:celebrate .45s ease-in-out 3}.pier{position:absolute;bottom:-15px;left:-18px;width:62%;height:62px;background:repeating-linear-gradient(0deg,#ebd9ab 0 12px,#c8b98e 13px 14px);border:2px solid #6b8075;transform:skewY(10deg);z-index:2}.player-cat{position:absolute;width:72%;height:auto;left:-6%;bottom:15px;z-index:3;mix-blend-mode:multiply;transform-origin:35% 90%;animation:breathe 2.8s ease-in-out infinite}.bobber{position:absolute;top:69%;right:17%;width:12px;height:19px;background:linear-gradient(var(--pink) 0 55%,white 55%);border:2px solid var(--ink);border-radius:50%;z-index:3;visibility:hidden}.bobber:after{content:'';position:absolute;inset:13px -13px -9px;border:1px solid #fff;border-radius:50%;z-index:-1}.fishing-scene[data-state=waiting] .bobber{visibility:visible;animation:bob 1.2s ease-in-out infinite}.fishing-scene[data-state=bite] .bobber{visibility:visible;transform:translateY(8px);animation:bob .18s infinite}.fishing-scene[data-state=waiting] .player-cat{animation:cast .45s ease-out}.fishing-scene[data-state=caught] .player-cat{animation:celebrate .4s ease-out 2}.catch-art{position:absolute;right:0;bottom:43px;width:47%;z-index:4;visibility:hidden;filter:drop-shadow(2px 3px 0 #fff)}.catch-label{position:absolute;z-index:5;left:8%;right:8%;top:12px;background:var(--yellow);border:2px solid;border-radius:8px;padding:6px;text-align:center;font-size:13px;visibility:hidden}.fishing-scene[data-state=caught] .catch-art,.fishing-scene[data-state=caught] .catch-label{visibility:visible;animation:pop .25s ease-out}.scene-label{position:absolute;right:8px;bottom:8px;font-size:8px;letter-spacing:1px}.play-controls>p{min-height:26px;margin:17px 0 8px;text-align:center;font-size:14px;font-weight:900}.action-button{background:var(--yellow);margin-top:6px;min-height:64px}.action-button.bite{background:var(--pink);box-shadow:5px 5px 0 var(--ink)}.catch-count{display:flex;justify-content:space-between;font-size:10px}.catch-count>span:first-child{font-size:12px;font-weight:900}#play-screen{padding-top:16px}.result-score{background:var(--yellow);border:2px solid;border-radius:20px;margin:22px 0 14px;text-align:center;padding:22px 10px;rotate:-2deg;box-shadow:5px 5px 0 var(--ink)}.result-score>span{font-size:11px;letter-spacing:1px;display:block}.result-score strong{font:950 70px/1.1 system-ui;letter-spacing:-3px;display:block;margin:8px 0}.result-score b{display:block;background:var(--pink);border-radius:5px;padding:3px;width:fit-content;margin:12px auto 0;font-size:12px}.result-stats{display:flex;justify-content:space-around;padding:12px 0;font-size:12px}.result-stats b{font-size:20px;margin-left:6px}.result-catches{display:flex;overflow:auto;gap:8px;padding:5px 3px 12px;max-width:100%}.result-fish{flex:0 0 85px;background:white;border:1.5px solid;border-radius:10px;text-align:center;padding:4px;font-size:10px}.result-fish svg{display:block;width:100%}.result-fish b{display:block}.result-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.result-actions button{font-size:11px;padding:8px}#result-prompt{font-size:12px}.book-summary{display:flex;justify-content:space-between;align-items:center;background:var(--yellow);padding:13px;border:2px solid;border-radius:12px}.book-summary strong{font:900 25px system-ui}.book-summary span{font-size:10px}.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fish-card{padding:8px;background:white;text-align:left;position:relative;min-width:0}.fish-card svg{width:100%;display:block}.fish-card .fish-no{font:800 9px system-ui;letter-spacing:1px}.fish-card b{font-size:13px;display:block}.fish-card small{font-size:9px;display:block;color:#425761}.fish-card .found{color:#00766c}.fish-card.locked{background:#f0f1e7}.fish-card em{position:absolute;top:7px;right:8px;font-size:10px;font-style:normal}dialog{color:var(--ink);background:var(--paper);border:2px solid;border-radius:22px;max-width:calc(100vw - 32px);width:400px;padding:26px;box-shadow:7px 7px 0 var(--ink);max-height:90dvh;overflow:auto}dialog::backdrop{background:#192e38aa;backdrop-filter:blur(4px)}dialog h2{font-size:25px;margin:12px 0 18px}dialog p{font-size:12px}.dialog-kicker{font-size:10px;letter-spacing:2px;font-weight:900}.howto{list-style:none;padding:0;display:grid;gap:10px;margin:20px 0}.howto li{border:1px solid;border-radius:10px;padding:12px;background:white;display:flex;gap:12px;align-items:center}.howto b{font-size:13px;white-space:nowrap}.howto span{font-size:11px}.dialog-close{float:right}.fish-detail-art{background:var(--aqua);border:2px solid;border-radius:16px;margin-top:15px}.fish-detail-art svg{display:block;width:80%;margin:auto}.detail-seasons{font-size:12px;background:var(--yellow);padding:8px;border-radius:8px}footer{border-top:2px solid;background:#f2f4e7;padding:18px 24px 22px;padding-bottom:max(22px,env(safe-area-inset-bottom));font-size:9px;line-height:1.8}footer p{margin:6px 0}footer p:first-child{font-weight:900;letter-spacing:.5px}footer strong{font-weight:700}#storage-note{color:#4a626a}.paused *{animation-play-state:paused!important}@keyframes breathe{50%{transform:translateY(-3px) rotate(1deg)}}@keyframes bob{50%{translate:0 3px}}@keyframes cast{50%{rotate:-8deg}}@keyframes celebrate{50%{translate:0 -9px;rotate:3deg}}@keyframes pop{from{scale:.75;opacity:0}to{scale:1;opacity:1}}@media(min-width:700px){body{padding:36px 0}.page-wrap{border:2px solid;border-radius:24px;overflow:hidden}.hero-art{min-height:350px}.hero-art img{width:72%}.screen{padding-inline:32px}.hero-art{margin-inline:-32px}h1{font-size:61px}.title-star{font-size:35px}.ticker{margin-inline:-32px}.fishing-scene{height:390px}.title-bottom{padding-block:6px}}@media(max-width:359px){.screen{padding-inline:18px}h1{font-size:40px}.title-star{font-size:22px}.tiny-title{font-size:14px}.hero-art{margin-inline:-18px;min-height:260px}.hero-caption{font-size:10px;padding:10px}.sun-sticker{width:70px;height:70px;font-size:30px}.ticker{margin-inline:-18px}.cat-options{gap:6px}.cat-choice>span{font-size:8px}.fishing-scene{height:280px}.reaction{font-size:9px}h2{font-size:28px}}@media(max-height:750px){#play-screen .fishing-scene{height:260px}#play-screen .scoreboard strong{font-size:36px}#play-screen .play-controls>p{margin-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* White-edged paper stickers preserve fur colors; no color-changing blend mode. */
.hero-art img,.player-cat,.npc img{mix-blend-mode:normal;clip-path:polygon(23% 10%,32% 6%,43% 12%,52% 10%,58% 5%,65% 7%,66% 20%,71% 25%,70% 34%,95% 9%,98% 12%,75% 40%,77% 47%,72% 53%,73% 64%,69% 76%,65% 82%,67% 89%,62% 96%,31% 96%,27% 87%,27% 79%,20% 76%,16% 66%,19% 59%,25% 58%,29% 62%,29% 51%,32% 44%,24% 38%,22% 27%)}
.npc{mix-blend-mode:normal}.cat-choice img{mix-blend-mode:normal}.cat-choice[aria-pressed=true]{background:white}.cat-choice[aria-pressed=true]:before{background:var(--yellow);width:20px;height:20px;border:1px solid;border-radius:50%}
.result-catches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.result-fish{min-width:0;width:auto}
.npc{width:29%}.npc-one{left:42%;top:3%}.npc-two{left:69%;top:7%}.far-pier{left:auto;right:-3%;width:63%;top:41%}
.catch-label{top:auto;bottom:8px}.fishing-scene[data-state=caught] .scene-label{visibility:hidden}