*{box-sizing:border-box;letter-spacing:0}:root{--sea:#102e3a;--rain:#285469;--wood:#4c2f24;--wood-dark:#211711;--wood-mid:#68422e;--paper:#f0d79a;--paper-light:#f8e6b5;--ink:#33251b;--brass:#d7a94b;--purple:#8a52ad;--green:#77b255;--danger:#c84f4f;--shadow:0 6px 0 #140c08b3,0 14px 34px #0000006b}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}html,body{overscroll-behavior:none;touch-action:none}body{color:var(--paper-light);-webkit-text-size-adjust:100%;background:#091b20;width:100%;height:100%;font-family:Noto Sans SC,Microsoft YaHei,Inter,system-ui,sans-serif;position:fixed;inset:0}button,input{font:inherit}button{letter-spacing:0}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #fff2a8}.boot{z-index:200;background:#102e3a;place-items:center;width:100vw;height:100dvh;min-height:100svh;display:grid;position:fixed;inset:0}.boot-inner{justify-items:center;gap:16px;width:min(320px,100vw - 32px);display:grid}.boot-label{color:var(--paper-light);font-size:14px;font-weight:900}.boot-bar{border:2px solid var(--wood-dark);width:220px;height:10px;box-shadow:0 0 0 2px var(--brass);background:#463225;padding:2px}.boot-fill{background:var(--green);height:100%;transition:width .25s;display:block}.title-screen{touch-action:none;align-items:center;width:100vw;height:100dvh;min-height:100svh;padding:clamp(24px,6vh,64px) 8vw;display:flex;position:relative;overflow:hidden}.title-bg{image-rendering:auto;filter:brightness(.72)saturate(1.05);background:#102e3a 50%/cover no-repeat;position:absolute;inset:0}.title-bg:after{content:"";background:linear-gradient(90deg,#0a1214bf 0,#0a121447 52%,#0a12141f),linear-gradient(#0000 52%,#08141880);position:absolute;inset:0}.title-inner{z-index:2;text-align:left;text-shadow:0 3px #15100d,0 6px 18px #000c;justify-items:start;gap:14px;width:min(590px,84vw);display:grid;position:relative}.title-inner .eyebrow{color:#f3d58e;margin:0;font-size:15px;font-weight:900}.title-inner h1{color:#fff0bb;text-shadow:0 4px #4c2f24,4px 0 #4c2f24,-4px 0 #4c2f24,0 -4px #4c2f24,0 10px 24px #000000b3;margin:0;font-family:Georgia,Noto Serif SC,serif;font-size:72px;line-height:1.05}.title-inner .premise{color:#f7e7bd;max-width:560px;margin:4px 0 10px;font-size:16px;font-weight:700;line-height:1.75}.title-actions{flex-wrap:wrap;gap:10px;display:flex}.title-actions button,.ending-primary,.fish-primary{border:3px solid var(--wood-dark);background:var(--wood);min-height:46px;color:var(--paper-light);box-shadow:inset 0 0 0 2px var(--brass),0 4px 0 #17100c;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:900;display:flex}.title-actions button:hover,.ending-primary:hover,.fish-primary:hover{background:var(--wood-mid);transform:translateY(-1px)}.title-actions .primary,.ending-primary,.fish-primary{color:#fff0bb;background:#6b3f28}.title-hint{color:#f0d79a;margin:10px 0 0;font-size:13px;font-weight:800}.game-shell{touch-action:none;background:#102e3a;width:100vw;height:100dvh;min-height:100svh;position:relative;overflow:hidden}.bg{filter:brightness(.88)saturate(1.04);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;inset:0}.bg-tint{filter:none}.shade{pointer-events:none;background:linear-gradient(#0410141f,#0000 50%,#100a07ad);position:absolute;inset:0}.toolbar{z-index:24;top:calc(12px + env(safe-area-inset-top,0px));border:3px solid var(--wood-dark);background:var(--paper);border-radius:7px;align-items:center;gap:5px;padding:5px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #8a5b32,0 4px #1e120ccc,0 10px 24px #00000059}.tool{color:#4b2f23;cursor:pointer;background:#ead095;border:2px solid #795031;border-radius:5px;place-items:center;width:40px;height:40px;transition:background-color .12s,transform .12s;display:grid;position:relative}.tool:hover{background:#ffe6aa;transform:translateY(-1px)}.tool:disabled{opacity:.5;cursor:not-allowed}.tool-sep{background:#8a5b32;width:2px;height:28px;margin:0 2px}.tool.ai.on{color:#28583b;background:#b8d49b}.tool.ai.thinking{color:#6f4b14;background:#f1cb78}.tool.ai.fallback{color:#6e304c;background:#d5a5bb}.tool.ai.off{color:#555;background:#c9c0a8}.fish-tool{color:#244b35;background:#b7d79e}.fish-tool b{border:2px solid var(--wood-dark);background:var(--purple);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;line-height:1;display:grid;position:absolute;top:-5px;right:-4px}.menu-panel,.turn-log-panel{z-index:32;right:14px;top:calc(70px + env(safe-area-inset-top,0px));border:3px solid var(--wood-dark);background:var(--wood);width:min(360px,100vw - 28px);max-height:calc(100dvh - 92px);box-shadow:inset 0 0 0 2px var(--brass),var(--shadow);border-radius:7px;position:absolute;overflow:hidden}.menu-panel{touch-action:pan-y;flex-direction:column;gap:10px;padding-bottom:12px;display:flex;overflow-y:auto}.panel-head{border-bottom:3px solid var(--wood-dark);color:var(--paper-light);background:#6a412c;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px 13px;display:grid}.panel-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:900;overflow:hidden}.panel-head button{color:#3a271b;cursor:pointer;background:#f0d79a;border:2px solid #2b1b13;border-radius:4px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.meter-board,.catch-board{background:var(--paper);color:var(--ink);border:2px solid #2b1b13;border-radius:5px;margin:0 12px;padding:10px;box-shadow:inset 0 0 0 2px #c18b42}.meter-board{gap:6px;display:grid}.meter-row{justify-content:space-between;font-size:14px;font-weight:900;display:flex}.meter-row em{color:#6d356f;font-style:normal}.catch-board{gap:8px;display:grid}.catch-board-head{justify-content:space-between;font-weight:900;display:flex}.catch-board-head b{color:#6d356f}.catch-list{flex-wrap:wrap;gap:5px;display:flex}.catch-list span{background:#f8e6b5;border:1px solid #7a5233;border-radius:4px;padding:4px 7px;font-size:12px;font-weight:800}.catch-list i{color:#6d5a43;font-size:12px;font-style:normal}.catch-board p{margin:0;font-size:12px;font-weight:700;line-height:1.55}.menu-reset{color:#ffe5cd;cursor:pointer;background:#773b36;border:2px solid #2b1b13;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:42px;margin:0 12px;font-weight:900;display:flex}.stage{z-index:8;pointer-events:auto;cursor:pointer;place-items:center;display:grid;position:absolute;inset:58px 0 252px}.sprite{object-fit:contain;object-position:bottom center;filter:drop-shadow(0 16px #1c100b40)drop-shadow(0 26px 32px #00000080);opacity:0;max-width:48vw;height:min(70vh,720px);transition:opacity .18s;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.sprite.is-loaded,.sprite-tint{opacity:1}.sprite-tint{background:#6d4d7b;place-items:center;width:300px;height:500px;display:grid}.sprite-tint span{font-size:72px;font-weight:900}.stage:after{content:"";pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;inset:0}.stage.mood-warm:after{opacity:.35;background:radial-gradient(circle at 50% 38%,#ffd27859,#0000 40%)}.stage.mood-tense:after{opacity:.28;background:radial-gradient(circle at 50% 38%,#ad3e464d,#0000 38%)}.stage.mood-quiet:after{opacity:.25;background:radial-gradient(circle at 50% 38%,#6e96be4d,#0000 42%)}.think-bubble{border:3px solid var(--wood-dark);background:var(--paper);border-radius:6px;gap:5px;padding:10px;display:flex;position:absolute;top:22%;left:calc(50% + 190px)}.think-bubble span{background:var(--purple);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite bubble-dot}.think-bubble span:nth-child(2){animation-delay:.15s}.think-bubble span:nth-child(3){animation-delay:.3s}@keyframes bubble-dot{50%{transform:translateY(-4px)}}.dock{z-index:18;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px) + var(--keyboard-lift,0px));pointer-events:none;touch-action:none;flex-direction:column;gap:7px;width:min(720px,72vw);transition:bottom .12s;display:flex;position:absolute;transform:translate(-50%)}.dock>*{pointer-events:auto}.choice-float{gap:6px;display:grid}.choice-float button{border:3px solid var(--wood-dark);background:var(--paper);min-height:44px;color:var(--ink);text-align:left;cursor:pointer;border-radius:5px;align-items:center;gap:9px;padding:7px 12px;font-weight:900;display:flex;box-shadow:inset 0 0 0 2px #c18b42,0 3px #1e120ccc}.choice-float button:hover{background:#ffeab8;transform:translateY(-1px)}.choice-float i{color:#f9e7b8;background:#65412d;border:2px solid #6d452b;border-radius:4px;flex:0 0 25px;place-items:center;height:25px;font-size:10px;font-style:normal;display:grid}.choice-float span{line-height:1.25}.dialogue{border:3px solid var(--wood-dark);background:var(--wood);width:100%;min-height:154px;max-height:34vh;box-shadow:inset 0 0 0 2px var(--brass),var(--shadow);border-radius:7px;grid-template-rows:auto minmax(0,1fr) auto;gap:6px;padding:8px;display:grid}.meta{color:#f5deb0;align-items:center;gap:8px;padding:0 4px;font-size:13px;font-weight:900;display:flex}.meta .name{color:#fff1c6;background:#6e3c70;border:2px solid #2b1b13;border-radius:4px;padding:4px 10px}.meta .pager{gap:4px;margin-left:auto;display:flex}.meta .pager button{color:#3b281c;cursor:pointer;background:#e9cf95;border:2px solid #2b1b13;border-radius:4px;width:29px;height:27px;font-size:18px;line-height:1}.meta .pager button:disabled{opacity:.35}.text{overscroll-behavior:contain;touch-action:pan-y;background:var(--paper-light);min-height:60px;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;cursor:pointer;border:2px solid #2b1b13;border-radius:4px;padding:10px 13px;font-size:16px;font-weight:700;line-height:1.65;position:relative;overflow-y:auto;box-shadow:inset 0 0 0 2px #c18b42}.text::-webkit-scrollbar{display:none}.caret{vertical-align:-2px;background:#5a3824;width:2px;height:1em;margin-left:2px;animation:.7s step-end infinite blink;display:inline-block}.text.done:after{content:"▼";color:#6e3c70;font-size:10px;animation:1s ease-in-out infinite nudge;position:absolute;bottom:4px;right:8px}.input-row{touch-action:manipulation;align-items:center;gap:6px;display:flex}.input-row input{color:#33251b;touch-action:manipulation;background:#fff0c5;border:2px solid #2b1b13;border-radius:4px;outline:none;flex:1;min-width:0;height:38px;padding:0 11px;font-size:16px;font-weight:700}.input-row input::placeholder{color:#856d50}.input-hint{color:#e9cd93;white-space:nowrap;font-size:11px;font-weight:800}.send{color:#2d2017;cursor:pointer;background:#d7a94b;border:2px solid #2b1b13;border-radius:4px;flex:0 0 40px;place-items:center;width:40px;height:38px;font-size:20px;font-weight:900;display:grid}.send:disabled{opacity:.45}.turn-log-panel{grid-template-rows:auto minmax(0,1fr);display:grid;bottom:14px}.log-list{touch-action:pan-y;align-content:start;gap:8px;min-height:0;padding:10px;display:grid;overflow-y:auto}.log-card{background:var(--paper);color:var(--ink);border:2px solid #2b1b13;border-radius:5px;gap:6px;padding:9px;display:grid}.log-meta{align-items:center;gap:7px;font-size:11px;font-weight:900;display:flex}.log-meta b{color:#f5deb0;background:#5b3827;padding:2px 5px}.log-meta em{color:#6e3c70;margin-left:auto;font-style:normal}.log-card p{margin:0;font-size:12px;line-height:1.5}.log-player{font-weight:900}.log-rule{color:#685640;gap:5px;font-size:11px;display:flex}.log-rule span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.log-rule i{color:#376144;margin-left:auto;font-style:normal}.log-deltas{flex-wrap:wrap;gap:5px;display:flex}.log-deltas span{background:#eed08c;padding:2px 5px;font-size:10px;font-weight:900}.log-empty{color:#f5deb0;text-align:center;padding:16px}.toast{z-index:100;border:3px solid var(--wood-dark);background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 2px var(--brass),0 5px 0 #1e120cbf;border-radius:5px;padding:9px 14px;font-weight:900;position:absolute;top:72px;left:50%;transform:translate(-50%)}.fishing-overlay,.ending-overlay{z-index:80;touch-action:none;background:#061214d1;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.fishing-window{border:4px solid var(--wood-dark);background:var(--wood);width:min(680px,100vw - 24px);max-height:calc(100dvh - 24px);box-shadow:inset 0 0 0 3px var(--brass),0 10px 0 #180d08bf,0 24px 50px #0000008c;border-radius:8px;overflow:hidden}.fishing-window.legendary{box-shadow:inset 0 0 0 3px #b77bd2,0 10px #180d08bf,0 0 30px #9b53c18c}.fishing-head{border-bottom:3px solid var(--wood-dark);background:#673f2c;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.fishing-head div{display:grid}.fishing-head span{color:#e6c986;font-size:11px;font-weight:900}.fishing-head strong{color:#fff1c5;font-size:20px}.fishing-head button{border:2px solid var(--wood-dark);background:var(--paper);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:5px;place-items:center;display:grid}.fishing-body{grid-template-columns:190px minmax(0,1fr);gap:16px;padding:16px;display:grid}.water-track{background:#1e5d70;border:3px solid #142d35;border-radius:6px;height:390px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #77a8a8}.water-lines{opacity:.3;background:repeating-linear-gradient(0deg,#0000 0 24px,#b7e1d3 25px 27px);position:absolute;inset:0}.catch-zone{z-index:2;background:#77b2559e;border:3px solid #264b2e;border-radius:6px;height:18%;transition:background-color .1s;position:absolute;left:12px;right:12px;box-shadow:inset 0 0 0 2px #c6e59c}.catch-zone.inside{background:#97cf61d9}.fish-marker{z-index:3;color:#f2d6ff;filter:drop-shadow(0 0 7px #8a52ad);place-items:center;width:48px;height:36px;margin-top:-18px;margin-left:-24px;transition:top 40ms linear;display:grid;position:absolute;left:50%}.fishing-status{min-width:0;color:var(--paper-light);flex-direction:column;gap:8px;display:flex}.fish-habitat{color:#e4c57f;margin:0 0 4px;font-size:13px;font-weight:900}.status-row{justify-content:space-between;font-size:13px;font-weight:900;display:flex}.status-row b{color:#fff0c0}.meter{background:#2a2019;border:2px solid #1f1510;border-radius:4px;height:15px;padding:2px}.meter i{background:var(--green);border-radius:2px;height:100%;transition:width 80ms;display:block}.meter.tension i{background:var(--brass)}.meter.tension.danger i{background:var(--danger)}.fish-brief,.fish-result{background:var(--paper);color:var(--ink);border:2px solid #2b1b13;border-radius:5px;gap:10px;margin-top:auto;padding:12px;display:grid}.fish-brief p,.fish-result p{margin:0;font-size:13px;font-weight:700;line-height:1.6}.fish-result>svg{color:#6f3a86}.fish-result strong{font-size:18px}.fish-result-actions{flex-wrap:wrap;gap:8px;display:flex}.fish-result-actions button,.reel-control{min-height:44px;color:var(--ink);cursor:pointer;background:#e9ce91;border:2px solid #2b1b13;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:900;display:flex}.reel-control{color:#fff0c2;width:100%;min-height:70px;box-shadow:inset 0 0 0 2px var(--brass);touch-action:none;-webkit-user-select:none;user-select:none;background:#7e4c31;border:3px solid #2b1b13;margin-top:auto}.reel-control:active{background:#945b37;transform:translateY(2px)}.ending-overlay{z-index:90;background:#081012e0}.ending-window{border:4px solid var(--wood-dark);background:var(--paper);width:min(620px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);box-shadow:inset 0 0 0 3px var(--brass),0 10px 0 #180d08cc,0 24px 60px #0009;text-align:center;border-radius:8px;padding:24px;overflow-y:auto}.ending-window>svg{color:#6f3a86}.ending-kicker{color:#6f3a86;margin:8px 0 0;font-size:12px;font-weight:900}.ending-window h2{margin:6px 0 10px;font-family:Georgia,Noto Serif SC,serif;font-size:30px}.ending-window>p:not(.ending-kicker){max-width:500px;margin:0 auto 18px;font-weight:700;line-height:1.7}.ending-primary{margin:0 auto}.ending-choices{gap:8px;display:grid}.ending-choices button{border:3px solid var(--wood-dark);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#f8e6b5;border-radius:5px;gap:4px;padding:12px 14px;display:grid;box-shadow:inset 0 0 0 2px #c18b42}.ending-choices button:hover{background:#fff0c5}.ending-choices b{font-size:16px}.ending-choices span{color:#68533e;font-size:12px}.thinking-line .dots{background:radial-gradient(circle,#6e3c70 35%,#0000 40%) 0/33% 100%;width:28px;height:8px;animation:.9s steps(3,end) infinite dots;display:inline-block}@keyframes blink{50%{opacity:0}}@keyframes nudge{50%{transform:translateY(2px)}}@keyframes dots{0%{clip-path:inset(0 70% 0 0)}50%{clip-path:inset(0 35% 0 0)}to{clip-path:inset(0)}}.game-shell.keyboard-open .stage{inset:52px 0 210px}.game-shell.keyboard-open .dialogue{max-height:210px}@media (width<=900px){.toolbar{top:calc(7px + env(safe-area-inset-top,0px));gap:3px;padding:4px}.tool{width:38px;height:38px}.tool-sep{margin:0}.stage{inset:50px 0 270px}.sprite{max-width:82vw;height:56vh;bottom:-10px}.dock{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px) + var(--keyboard-lift,0px));width:auto;transform:none}.dialogue{min-height:148px;max-height:35vh}.text{font-size:15px;line-height:1.55}.choice-float button{min-height:44px}.menu-panel,.turn-log-panel{left:8px;right:8px;top:calc(60px + env(safe-area-inset-top,0px));width:auto;max-height:calc(100dvh - 76px)}.title-screen{padding:30px 22px calc(34px + env(safe-area-inset-bottom,0px));align-items:flex-end}.title-inner{width:100%}.title-inner h1{font-size:50px}.title-inner .premise{font-size:14px}.title-actions button{min-height:44px;padding:0 14px}.fishing-body{grid-template-columns:145px minmax(0,1fr);gap:12px;padding:12px}.water-track{height:min(54vh,390px)}}@media (width<=480px){.toolbar{justify-content:center;width:calc(100vw - 16px)}.tool{width:38px;height:38px}.tool-sep{display:none}.stage{inset:50px 0 305px}.sprite{max-width:94vw;height:50vh;left:52%}.dialogue{min-height:156px;max-height:36vh;padding:7px}.text{min-height:66px;padding:9px 10px}.input-hint{display:none}.title-inner h1{font-size:44px}.title-actions{width:100%}.title-actions button:first-child{flex:1}.fishing-overlay,.ending-overlay{padding:7px}.fishing-window{max-height:calc(100dvh - 14px)}.fishing-head{padding:9px 11px}.fishing-body{grid-template-columns:112px minmax(0,1fr);gap:9px;padding:9px}.water-track{height:min(55vh,430px)}.fishing-status{gap:6px}.fish-brief,.fish-result{padding:9px}.fish-brief p,.fish-result p{font-size:12px}.reel-control{min-height:60px;padding:0 8px;font-size:13px}.ending-window{padding:20px 14px}.ending-window h2{font-size:25px}}@media (height<=500px) and (width>=600px){.toolbar{top:6px}.stage{inset:40px 0 142px}.sprite{max-width:34vw;height:72vh;left:25%}.dock{width:58vw;bottom:8px;left:auto;right:12px;transform:none}.choice-float{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.choice-float button{min-height:40px;padding:5px 7px;font-size:12px}.choice-float i{display:none}.dialogue{min-height:116px;max-height:38vh}.text{min-height:45px;padding:6px 9px;font-size:13px;line-height:1.45}.input-row input,.send{height:34px}.fishing-window{width:min(720px,100vw - 20px);max-height:calc(100dvh - 12px)}.fishing-head{padding:7px 11px}.fishing-body{grid-template-columns:150px 1fr;padding:9px}.water-track{height:260px}.reel-control{min-height:50px}.ending-window{padding:16px}.ending-window h2{font-size:24px}.ending-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}