@import url('data:text/css,');
.retrieve-button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;padding:8px 0 0;border-top:1px solid rgba(220,229,211,.17);background:none;color:#d5c897;font-size:10px;pointer-events:auto}.retrieve-button:disabled{cursor:default;opacity:.4}.retrieve-button kbd{font-size:9px}
:root{--ivory:#f0eee3;--muted:#b8c4b9;--gold:#d5c897;--dark:#13271f;--panel:rgba(17,34,27,.84);--line:rgba(220,229,211,.17);--font:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:#152b24;font-family:var(--font);color:var(--ivory)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{border:0}button:hover{filter:brightness(1.12)}a{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}#game-canvas{width:100%;height:100%;display:block;outline:0;touch-action:none}#vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,20,15,.36),transparent 24%,transparent 56%,rgba(6,18,12,.64)),linear-gradient(90deg,rgba(12,28,19,.16),transparent 35%);z-index:1}.topbar{position:fixed;top:0;left:0;right:0;height:102px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;z-index:5;pointer-events:none}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:44px;height:44px;stroke:var(--gold);stroke-width:1.6}.brand b{font-family:serif;font-size:26px;letter-spacing:7px;font-weight:500}.brand div>span{display:block;font-size:8px;letter-spacing:3.3px;margin-top:4px}.brand>i{height:28px;width:1px;background:var(--line);margin:0 12px}.location strong{font-size:13px;letter-spacing:2px;font-weight:500}.location small{display:block;margin-top:6px;font-size:10px;color:var(--muted)}.top-actions{display:flex;gap:12px;align-items:center;pointer-events:auto}.weather-summary{display:flex;gap:12px;align-items:center;margin-right:14px}.weather-summary svg{width:29px;height:29px;opacity:.8}.weather-summary b{font-variant-numeric:tabular-nums;font-size:18px;font-weight:500;letter-spacing:2px}.weather-summary small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.icon-button{height:40px;width:40px;position:relative;display:grid;place-items:center;background:rgba(12,29,21,.3);border:1px solid var(--line);border-radius:50%}.icon-button svg{width:18px;height:18px}.icon-button span{position:absolute;right:-2px;top:-3px;font-size:9px;color:var(--dark);background:var(--gold);border-radius:50%;min-width:15px;height:15px;line-height:15px;text-align:center}.intro{position:fixed;left:7.2vw;bottom:20vh;z-index:3;max-width:520px}.intro-eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);display:flex;align-items:center;gap:12px}.intro-eyebrow span{width:30px;height:1px;background:var(--gold)}h1{font-family:"Songti SC","SimSun",serif;font-size:clamp(45px,5vw,75px);font-weight:400;line-height:1.42;letter-spacing:8px;margin:25px 0 18px;text-shadow:0 2px 25px #12251b}.intro p{font-size:13px;line-height:2.1;letter-spacing:1.5px;color:#d1dacd;margin-bottom:30px}.primary-button{height:49px;min-width:198px;background:var(--gold);color:#24362b;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 23px;font-size:13px;letter-spacing:1.5px;border-radius:3px}.primary-button svg{width:19px}.intro-meta{display:flex;align-items:center;gap:13px;color:#c3ccbd;font-size:10px;letter-spacing:.7px;margin-top:23px}.intro-meta i{width:2px;height:2px;background:#b3bea9;border-radius:50%}#resume-label{display:block;color:var(--gold);font-size:10px;margin-top:12px}#intro-footer{position:fixed;bottom:30px;left:44px;right:44px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;z-index:3;color:var(--muted)}#intro-footer a{text-decoration:none}.compass{position:fixed;top:114px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;opacity:.65;font-size:9px;letter-spacing:1px}.compass i{height:6px;width:1px;background:#e2e8db}.compass b{color:var(--gold);font-weight:500}.compass>div{position:absolute;top:24px;left:50%;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:5px solid var(--gold);transform:translateX(-50%)}#reticle{position:fixed;top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);opacity:.65}#reticle>i{position:absolute;background:#eef0df}#reticle>i:first-child{width:10px;height:1px;top:5px}#reticle>i:nth-child(2){width:1px;height:10px;left:5px}#aim-label{position:absolute;top:23px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;color:#eeeecf;letter-spacing:1px;text-shadow:0 1px 3px #07140e}#hud{position:fixed;inset:0;z-index:4;pointer-events:none}.rig-card{position:absolute;left:36px;bottom:92px;width:278px;border:1px solid var(--line);border-radius:5px;padding:17px 19px;background:linear-gradient(120deg,rgba(17,34,27,.78),rgba(17,34,27,.43));backdrop-filter:blur(9px);pointer-events:auto}.rig-top{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--gold)}.rig-top svg{width:17px;height:17px}.rig-top button{margin-left:auto;background:none;font-size:10px;color:var(--muted)}kbd{font-family:inherit;font-size:9px;border:1px solid rgba(232,235,217,.2);border-radius:3px;padding:3px 5px;color:#dce4d5;white-space:nowrap}.rig-top kbd{margin-left:4px;padding:1px 4px}.rig-card h3{font-size:13px;font-weight:500;margin:14px 0 12px;letter-spacing:.5px}.rig-details{display:flex;gap:10px;font-size:10px;color:var(--muted);align-items:center}.rig-details i,.catch-info p i{width:2px;height:2px;background:var(--muted);border-radius:50%}.rig-distance{margin-top:17px;padding-top:11px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;color:#adbbaa}.rig-distance b{color:var(--ivory);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.action-panel{position:absolute;left:50%;bottom:91px;transform:translateX(-50%);text-align:center;width:510px}.action-panel>span{display:block;font-size:9px;color:var(--gold);letter-spacing:2px;margin-bottom:10px}.action-panel>b{font-size:13px;font-weight:500;letter-spacing:1px;text-shadow:0 2px 10px #031008}.key-hints{display:flex;justify-content:center;gap:13px;margin-top:20px;white-space:nowrap;font-size:9px;color:var(--muted)}.key-hints kbd{margin-right:4px}#cast-meter{width:230px;height:5px;border:1px solid rgba(239,240,221,.3);margin:16px auto -6px;background:rgba(0,0,0,.15)}#cast-power{display:block;height:100%;background:var(--gold);width:0}.tackle-meter{position:absolute;right:36px;bottom:92px;width:210px;background:rgba(16,33,25,.48);border:1px solid var(--line);border-radius:5px;padding:17px 18px;backdrop-filter:blur(8px);pointer-events:auto}.meter-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);letter-spacing:1px}.meter-heading b{color:var(--ivory);font-size:16px;font-weight:400;font-variant-numeric:tabular-nums}.tension-track{position:relative;height:5px;background:rgba(214,225,204,.16);margin-top:12px}.tension-track i{display:block;height:5px;width:0;background:#bdd19a;transition:width .1s,background .2s}.safe-marker{position:absolute;right:17%;top:-3px;height:11px;width:1px;background:#dca18a}.drag-control{margin-top:15px;display:flex;align-items:center;font-size:10px;color:var(--muted);gap:6px}.drag-control>span{margin-right:auto}.drag-control b{color:var(--gold);font-weight:500}.drag-control button{height:23px;width:23px;border:1px solid var(--line);border-radius:3px;background:rgba(218,228,208,.07)}.tackle-meter>small{display:block;font-size:9px;color:#9fb19d;margin-top:13px;line-height:1.6}.bottom-status{position:absolute;bottom:27px;left:37px;right:37px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#aab9a5}.bottom-status i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#b6cda0;margin-right:6px}#fps-label{opacity:.55;font-variant-numeric:tabular-nums}.land-button{position:absolute;bottom:218px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--dark);padding:13px 25px;border-radius:4px;font-size:13px;pointer-events:auto}.land-button kbd{border-color:#6e7853;color:var(--dark);margin-left:10px}#toast{position:absolute;top:175px;left:50%;transform:translateX(-50%);padding:12px 24px;max-width:70%;font-size:12px;letter-spacing:.4px;border:1px solid var(--line);background:var(--panel);border-radius:4px;backdrop-filter:blur(10px)}#bite-alert{position:absolute;top:33%;left:50%;transform:translateX(-50%);text-align:center;color:var(--gold);text-shadow:0 2px 12px #021107}#bite-alert>span{display:block;border:1px solid var(--gold);width:29px;height:29px;border-radius:50%;margin:0 auto 13px;animation:pulse 1s infinite}#bite-alert b{font-size:20px;font-weight:400;letter-spacing:5px}#bite-alert small{display:block;font-size:10px;letter-spacing:1px;color:var(--ivory);margin-top:9px}@keyframes pulse{50%{transform:scale(1.3);opacity:.4}}.modal-backdrop,.catch-backdrop{position:fixed;inset:0;background:rgba(5,15,10,.58);backdrop-filter:blur(8px);z-index:20;display:flex;align-items:center;justify-content:center;padding:30px}.modal-panel{width:min(860px,95vw);max-height:85vh;overflow:auto;background:#172c23;border:1px solid rgba(217,228,205,.2);border-radius:8px;padding:30px 34px;box-shadow:0 25px 100px #07130b80}.modal-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:24px}.modal-heading small{font-size:9px;letter-spacing:2px;color:var(--gold)}.modal-heading h2{font-family:serif;font-size:26px;letter-spacing:3px;font-weight:400;margin:8px 0 0}.section-label{font-size:11px;color:var(--muted);margin:22px 0 12px;letter-spacing:1px}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.option-card{text-align:left;background:#213b2f;border:1px solid var(--line);border-radius:5px;padding:17px;min-height:87px;transition:background .2s}.option-card.selected{border-color:var(--gold);background:#344838}.option-card>strong{display:block;font-weight:500;font-size:13px;margin-bottom:8px}.option-card>small{font-size:10px;color:var(--muted);line-height:1.7}.option-card svg{float:right;color:var(--gold);margin-left:6px}.bait-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bait-grid .option-card{min-height:65px;padding:13px}.range-row{display:flex;align-items:center;gap:20px;margin:22px 0;font-size:12px}.range-row label{width:110px;color:var(--muted)}.range-row input{flex:1;accent-color:var(--gold)}.range-row output{min-width:52px;text-align:right;color:var(--gold);font-variant-numeric:tabular-nums}.panel-note{padding:13px 16px;background:#11271c;color:#adbea7;font-size:11px;line-height:1.9;border-left:2px solid #637e51;border-radius:3px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0;font-size:12px}.settings-row small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.settings-row select{background:#213b2f;color:var(--ivory);border:1px solid var(--line);border-radius:4px;padding:8px 12px;min-width:140px}.settings-row input[type=checkbox]{accent-color:var(--gold);width:18px;height:18px}.settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.secondary-button{height:43px;background:none;border:1px solid var(--line);border-radius:3px;padding:0 18px;font-size:12px;letter-spacing:.5px;color:var(--muted)}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.species-card{background:#21392e;border:1px solid var(--line);border-radius:5px;padding:17px 14px;text-align:left;min-height:128px}.species-card.caught{border-color:#7a8961}.species-card>svg{width:40px;height:27px;color:#c6c998;margin:0 0 9px}.species-card strong{display:block;font-size:12px;font-weight:500}.species-card em{display:block;font-style:italic;font-family:Georgia,serif;font-size:9px;color:#9aac96;margin-top:5px}.species-card small{display:block;color:#bfcbac;font-size:9px;margin-top:8px}.journal-stats{display:flex;gap:30px;margin-bottom:23px;color:var(--muted);font-size:11px}.journal-stats b{font-size:24px;color:var(--gold);margin-right:6px;font-weight:400}.catch-list{display:grid;gap:8px}.catch-list-row{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#20392c;border:1px solid var(--line);border-radius:4px}.catch-list-row strong{font-size:13px;font-weight:500}.catch-list-row small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.catch-list-row>b{color:var(--gold);font-size:15px;font-weight:400}.empty-state{text-align:center;padding:42px 20px;color:var(--muted);font-size:12px;line-height:2}.empty-state svg{width:55px;height:55px;display:block;margin:0 auto 20px;color:#829879}.catch-panel{width:min(980px,94vw);background:radial-gradient(ellipse at 30% 40%,#334c3b,#13281e 70%);border:1px solid var(--line);border-radius:8px;padding:24px 32px 30px;box-shadow:0 25px 100px #07130b80}.catch-top{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:1px}.catch-top>span:last-child{color:var(--gold);border:1px solid #8d9265;border-radius:3px;padding:4px 8px}.catch-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:30px;margin-top:15px}.fish-stage{min-height:350px;position:relative}.fish-stage canvas{width:100%;height:100%;display:block;outline:0;touch-action:none}.rotate-hint{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font-size:9px;color:#9fb097;white-space:nowrap}#fish-loading{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);font-size:11px;color:var(--muted)}.catch-info{padding:44px 0 10px}.catch-info>small{font-style:italic;color:#9eb292;font-family:Georgia,serif;font-size:13px}.catch-info h2{font-family:serif;font-size:37px;font-weight:400;letter-spacing:4px;margin:13px 0 22px}.catch-weight b{font-size:53px;letter-spacing:-2px;font-weight:300;color:var(--gold);font-variant-numeric:tabular-nums}.catch-weight span{font-size:15px;color:var(--muted);margin-left:10px}.catch-info p{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.catch-note{font-size:11px;line-height:1.9;color:#a9bca0;margin:22px 0}.catch-info .primary-button{width:100%;margin-bottom:10px}.catch-info .secondary-button{width:100%}#loading-screen{position:fixed;inset:0;z-index:40;background:#142b22;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s}.load-mark svg{height:62px;width:62px;stroke:var(--gold);stroke-width:1.1}.load-mark{animation:pulse 3s infinite}#loading-screen p{font-family:serif;font-size:26px;letter-spacing:5px;margin:20px 0 30px}#loading-screen p span{display:block;font-family:var(--font);font-size:9px;letter-spacing:5px;text-align:center;margin-top:12px;color:var(--muted)}.load-line{width:170px;height:1px;background:#354d39;overflow:hidden}.load-line i{display:block;width:70px;height:100%;background:var(--gold);animation:loading 1.5s infinite}@keyframes loading{from{transform:translateX(-70px)}to{transform:translateX(170px)}}#loading-text{margin-top:19px;color:var(--muted);font-size:10px;letter-spacing:1px}#error-panel{position:fixed;inset:0;z-index:50;background:#142b22;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}#error-panel h2{font-weight:400;font-size:25px}#error-panel p{max-width:650px;font-size:13px;line-height:1.8;color:var(--muted)}#error-panel button{padding:12px 24px;background:var(--gold);color:var(--dark);border-radius:4px}
@media(max-width:1100px){.topbar{padding:0 25px}.rig-card{left:22px;width:230px}.tackle-meter{right:22px;width:180px}.action-panel{width:430px}.key-hints{gap:6px;font-size:8px}.brand>i,.location{display:none}.intro{left:7vw}.modal-panel{padding:23px}.collection-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar{height:80px;padding:0 16px}.brand-mark{width:30px}.brand b{font-size:20px}.weather-summary{margin-right:0}.weather-summary small{display:none}.top-actions{gap:7px}.icon-button{width:33px;height:33px}.intro{bottom:22vh}.intro h1{font-size:48px}.rig-card{bottom:105px;width:195px;padding:12px}.tackle-meter{bottom:105px;width:160px;padding:12px}.action-panel{bottom:46px;width:95%}.key-hints{display:none}.bottom-status{bottom:14px;left:20px;right:20px}.compass{top:85px}.option-grid{grid-template-columns:1fr}.bait-grid,.collection-grid{grid-template-columns:repeat(2,1fr)}.catch-layout{grid-template-columns:1fr;gap:0}.fish-stage{min-height:210px}.catch-info{padding:0}.catch-info h2{font-size:28px;margin-bottom:8px}.catch-weight b{font-size:36px}.catch-note{margin:9px 0}.catch-panel{max-height:92vh;overflow:auto;padding:20px}.catch-top{font-size:8px}}