:root{color-scheme:light;color:#173b42;font-synthesis:none;background:#f3f3e9;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}.lite-page>.club-launcher{display:none}.lite-shell{--ink:#173b42;--muted:#6b7b77;--teal:#166b68;--paper:#fffef8;--line:#dce2d7;max-width:1240px;padding:0 max(24px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));margin:0 auto}.lite-shell button,.lite-shell a{-webkit-tap-highlight-color:transparent}.lite-shell button{color:inherit;font:inherit;cursor:pointer}.lite-shell a{color:inherit;text-decoration:none}.lite-shell button:disabled{cursor:default}.lite-shell button:focus-visible,.lite-shell a:focus-visible{outline-offset:4px;outline:3px solid #be822a}.lite-shell [hidden]{display:none!important}.lite-shell p,.lite-shell h1,.lite-shell h2{margin:0}.lite-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:96px;display:flex}.lite-brand{letter-spacing:.14em;align-items:center;gap:12px;font-size:22px;font-weight:800;display:flex}.brand-wave{letter-spacing:0;border:1px solid #789389;border-radius:23px 23px 9px 9px;place-items:center;width:42px;height:46px;font-size:38px;font-weight:500;line-height:1;display:grid}.lite-brand small{letter-spacing:.38em;margin-top:3px;font-size:9px;font-weight:500;display:block}.lite-topbar nav{align-items:center;gap:26px;font-size:13px;display:flex}.journal-button{background:var(--ink);border:0;border-radius:7px;align-items:center;gap:20px;padding:13px 17px;display:flex;color:#fffef8!important}.lite-intro{justify-content:space-between;align-items:end;gap:20px;padding:30px 0 24px;display:flex}.eyebrow{letter-spacing:.18em;font-size:9px;font-weight:700;line-height:1.6}.lite-intro h1{letter-spacing:.06em;margin-top:6px;font-family:Songti SC,Noto Serif SC,Georgia,serif;font-size:clamp(26px,3vw,36px);font-weight:600}.save-status{color:var(--muted);align-items:center;gap:6px;max-width:260px;font-size:11px;display:flex}.save-status:before{content:"";background:#568e68;border-radius:50%;flex:none;width:5px;height:5px}.lite-hud{border:1px solid var(--line);background:#e9eee5;border-radius:10px;grid-template-columns:repeat(4,1fr);margin-bottom:16px;display:grid;overflow:hidden}.lite-hud>*{border:0;border-right:1px solid var(--line);background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;display:flex}.lite-hud>:last-child{border-right:0}.lite-hud span{color:#5c736d;font-size:11px}.lite-hud strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px;font-weight:600}.lite-play{border:1px solid var(--line);background:var(--paper);border-radius:13px;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);display:grid;overflow:hidden}.lite-scene{isolation:isolate;color:#fff;background:#5bada6;min-width:0;min-height:580px;position:relative;overflow:hidden}.scene-image{object-fit:cover;object-position:47% center;z-index:-3;width:100%;height:100%;transition:filter 1s,object-position 1s;position:absolute;inset:0}.scene-tint{z-index:-2;background:linear-gradient(#082c3f47 0%,#0000 46%,#052a348f 100%);transition:background 1s;position:absolute;inset:0}.lite-scene[data-time=dawn] .scene-image{filter:sepia(.22)saturate(.85)brightness(.9)}.lite-scene[data-time=dawn] .scene-tint{background:linear-gradient(#a6654b68,#efa79012 60%,#163a468a)}.lite-scene[data-time=dusk] .scene-image{filter:sepia(.4)saturate(.9)brightness(.7)}.lite-scene[data-time=dusk] .scene-tint{background:linear-gradient(#ac5d7066,#e9a65435 50%,#332d5599)}.lite-scene[data-time=night] .scene-image{filter:saturate(.5)brightness(.38)hue-rotate(16deg)}.lite-scene[data-time=night] .scene-tint{background:linear-gradient(#112e5a8a,#152b4826 55%,#05152cbb)}.lite-scene[data-spot=pier] .scene-image{object-position:25% center}.lite-scene[data-spot=reef] .scene-image{object-position:68% center}.lite-scene[data-spot=deep] .scene-image{object-position:90% center}.scene-top{justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:22px;left:22px;right:22px}.scene-chip{backdrop-filter:blur(8px);background:#153b495c;border:1px solid #ffffff40;border-radius:30px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;display:flex}.live-dot{background:#cfe5ba;border-radius:50%;width:5px;height:5px}.scene-heading{text-shadow:0 2px 12px #12383d55;position:absolute;top:86px;left:28px}.scene-heading h2{letter-spacing:.12em;margin-top:4px;font-family:Songti SC,Noto Serif SC,Georgia,serif;font-size:46px;font-weight:500;line-height:1.3}.scene-heading>p:last-child{opacity:.9;margin-top:6px;font-size:12px}.scene-bottom{justify-content:space-between;align-items:center;gap:20px;font-size:10px;display:flex;position:absolute;bottom:22px;left:24px;right:24px}.scene-bottom>:first-child{white-space:nowrap}.scene-bottom>:last-child{text-align:right;max-width:75%;line-height:1.7}.water-action{width:0;height:0;transition:left 1s,top 1s;position:absolute;top:53%;left:74%}[data-spot=pier] .water-action{top:52%;left:60%}[data-spot=reef] .water-action{top:51%;left:70%}[data-spot=deep] .water-action{top:49%;left:77%}.bobber{background:linear-gradient(#f47d54 0 50%,#f9f6d3 50%);border:1px solid #ffffff6e;border-radius:6px 6px 4px 4px;width:11px;height:20px;transition:opacity .3s;animation:2.8s ease-in-out infinite bob;position:absolute;bottom:0;left:-5px;box-shadow:0 2px 4px #083b4f70}.bobber:before{content:"";background:#ecf3d9;width:2px;height:12px;position:absolute;top:-12px;left:4px}.fish-ripple{border:1px solid #f2f8eeb5;border-radius:50%;width:76px;height:24px;animation:3s ease-out infinite ripple;position:absolute;bottom:-10px;left:-38px}.fish-ripple:after{content:"";border-radius:inherit;border:1px solid #e6f6ee80;position:absolute;inset:5px 14px}.surface-fish{opacity:0;background:#12556755;border-radius:50%;width:35px;height:7px;position:absolute;top:0;left:-50px;transform:rotate(-14deg)}[data-phase=waiting] .surface-fish,[data-phase=fighting] .surface-fish{opacity:.8;animation:7s linear infinite fish-pass}[data-phase=bite] .bobber{animation:.4s ease-in-out infinite bite}[data-phase=bite] .fish-ripple,[data-phase=fighting] .fish-ripple{border-width:2px;animation-duration:.7s}[data-phase=ready] .bobber,[data-phase=result] .bobber,[data-phase=fighting] .bobber{opacity:0}[data-phase=ready] .fish-ripple,[data-phase=result] .fish-ripple{opacity:.45}.lite-controls{flex-direction:column;padding:27px 26px 18px;display:flex}.control-heading{justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.control-step{color:var(--teal);background:#e6eee6;border-radius:4px;padding:5px 8px;font-size:10px}.control-field{border:0;min-width:0;margin:0 0 15px;padding:0}.control-field legend{width:100%;margin-bottom:9px;padding:0;font-size:12px;font-weight:600}.inline-link{float:right;background:0 0;border:0;padding:0;font-weight:400;color:var(--muted)!important;font-size:10px!important}.spot-options,.time-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.spot-options button,.time-options button{border:1px solid var(--line);white-space:nowrap;background:0 0;border-radius:6px;min-height:43px;padding:8px 3px;font-size:12px;transition:background .15s}.spot-options button[aria-pressed=true]{color:#fff;background:var(--ink);border-color:var(--ink)}.time-options button{min-height:38px;font-size:11px}.time-options button span{margin-right:4px}.time-options button[aria-pressed=true]{background:#e9efe4;border-color:#7a9a86}.method-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.method-options button{border:1px solid var(--line);background:0 0;border-radius:6px;min-height:54px;padding:7px 4px;font-size:11px}.method-options button small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.method-options button[aria-pressed=true]{background:#e4eee6;border-color:#638b75}.method-options button:disabled:not([aria-pressed=true]){opacity:.5}.method-tip{color:var(--muted);min-height:36px;font-size:11px;line-height:1.7;margin-top:-6px!important}.play-status{align-items:center;min-height:65px;margin-top:auto;padding:16px 0 12px;font-size:12px;line-height:1.75;display:flex}.action-row{gap:8px;display:flex}.cast-action{border:1px solid var(--teal);background:var(--teal);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:7px;justify-content:space-between;align-items:center;width:100%;min-height:54px;padding:14px 19px;display:flex;color:#fff!important;font-size:15px!important;font-weight:600!important}.cast-action:disabled{background:#dce6df;border-color:#dce6df;color:#58756b!important}.cast-action.is-bite{background:#b56c32;border-color:#b56c32}.cast-action.is-reeling{background:#104b4e;box-shadow:inset 0 2px 8px #00191e44}.cancel-action{border:1px solid var(--line);white-space:nowrap;background:0 0;border-radius:7px;padding:10px;font-size:11px!important}.input-hint{color:var(--muted);text-align:center;font-size:9px;margin-top:11px!important}.input-hint kbd{font:inherit;border:1px solid #d6ddd2;border-radius:3px;margin-left:7px;padding:1px 4px}.fight-panel,.approach-panel{background:#edf1e8;border:1px solid #dce3d6;border-radius:7px;margin-top:8px;padding:12px}.meter-label,.fight-extra{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.meter-label small{color:var(--muted);margin-top:2px;font-size:9px;display:block}.meter-label strong{font-variant-numeric:tabular-nums}.tension-track{background:#d5ddce;border-radius:3px;height:12px;margin:11px 0;position:relative;overflow:visible}.tension-band{z-index:1;background:#b0d1ad;border-left:1px dashed #477d59;border-right:1px dashed #477d59;width:45.83%;height:100%;position:absolute;left:25%}.tension-fill{background:#2e806a70;border-radius:3px;width:0;height:100%;position:absolute;left:0}.tension-fill.danger{background:#c6654ec2}#tension-needle{z-index:2;background:#183f42;border-radius:1px;width:2px;height:20px;position:absolute;top:-4px;left:0}.fight-extra{color:#65796c;font-size:10px}.stamina-track{background:#d8e1d1;border-radius:2px;height:3px;margin-top:7px;overflow:hidden}.stamina-track span{background:#809a6c;width:100%;height:100%;display:block}.approach-track{background:#d5ddce;border-radius:3px;height:10px;margin-top:12px;position:relative;overflow:hidden}#approach-window{background:#a1c8a4;height:100%;position:absolute;left:28%;right:8%}#approach-marker{background:#173b42;width:3px;height:100%;position:absolute;left:0}.catch-result{width:min(82%,330px);color:var(--ink);text-align:center;backdrop-filter:blur(12px);background:#fffef7f5;border:1px solid #ffffff80;border-radius:11px;padding:23px 25px;animation:.4s ease-out card-in;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 55px #042d3640}.catch-result .result-tag{color:#497058;letter-spacing:.12em;border:1px solid #c5d8bf;border-radius:3px;padding:4px 9px;font-size:9px;display:inline-block}.catch-result .fish-art{width:190px;max-width:100%;height:94px;margin:6px auto 0;display:block}.catch-result h3{margin:2px 0 6px;font-family:Songti SC,Noto Serif SC,Georgia,serif;font-size:25px;font-weight:600}.result-measure{color:#6b7b77;font-size:12px}.result-rewards{border-top:1px solid #dce2d7;justify-content:center;gap:16px;margin-top:15px;padding-top:13px;font-size:12px;display:flex}.result-note{color:#6b7b77;font-size:10px;line-height:1.7;margin-top:10px!important}.result-failure{color:#729889;margin:18px 0;font-size:38px}.lite-bottom-grid{grid-template-columns:1.15fr 1fr;gap:22px;margin-top:26px;display:grid}.inventory-box,.gear-box{background:var(--paper);border:1px solid var(--line);border-radius:10px;min-width:0;padding:25px}.box-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.box-heading h2{letter-spacing:.02em;margin-top:6px;font-size:19px;font-weight:600}.box-heading .eyebrow{color:#7b8c7c;font-size:8px}.small-action{white-space:nowrap;background:0 0;border:1px solid #a8beb0;border-radius:5px;padding:9px 12px;color:var(--teal)!important;font-size:11px!important}.small-action:disabled{opacity:.45}.box-caption{color:var(--muted);font-size:10px;line-height:1.8;margin-top:12px!important}.catch-list{margin-top:15px}.empty-catch{color:#627e70;border:1px dashed #d9e1d3;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:145px;font-size:12px;display:flex}.empty-catch span{color:var(--muted);font-size:9px}.empty-catch svg{opacity:.55;width:72px;height:34px}.inventory-fish{border-bottom:1px solid #e8ecdf;grid-template-columns:53px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;display:grid}.inventory-fish:last-child{border:0}.inventory-fish svg{background:#eaf0e5;border-radius:4px;width:53px;height:35px}.inventory-fish strong{font-size:11px;font-weight:600}.inventory-fish small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.inventory-fish button{white-space:nowrap;background:0 0;border:1px solid #dce2d7;border-radius:5px;min-height:36px;padding:5px 9px;font-size:10px}.more-fish{color:var(--muted);padding-top:8px;font-size:10px}.transaction-status{color:var(--teal);font-size:11px;line-height:1.7;margin-top:10px!important}.transaction-status:empty{display:none}.gear-mark{color:#618672;font-size:36px}.upgrade-list{margin-top:15px}.upgrade-row{border-bottom:1px solid #e8ecdf;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;display:grid}.upgrade-row:last-child{border:0}.upgrade-icon{color:#52785f;background:#eaf0e5;border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.upgrade-row strong{font-size:11px;font-weight:600}.upgrade-row small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.upgrade-row button{white-space:nowrap;background:0 0;border:1px solid #a8beb0;border-radius:5px;min-height:36px;padding:8px 10px;font-size:10px}.upgrade-row button:disabled{opacity:.45}.full-scene-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:17px;margin-top:26px;padding:22px 4px;display:flex}.full-scene-note>span{border:1px solid #a7b9a6;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.full-scene-note p{flex:1;font-size:12px;line-height:1.8}.full-scene-note small{color:var(--muted);font-size:10px}.full-scene-note a{border-bottom:1px solid #719384;flex:none;padding-bottom:3px;font-size:11px}.lite-footer{color:var(--muted);letter-spacing:.07em;justify-content:space-between;align-items:center;gap:20px;padding:26px 0 10px;font-size:9px;display:flex}.lite-footer>span span{padding:0 8px}.lite-footer nav{align-items:center;gap:20px;display:flex}.lite-footer button{font-size:inherit;background:0 0;border:0;padding:0}@keyframes bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(4px)rotate(4deg)}}@keyframes ripple{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.6)}}@keyframes bite{0%,to{transform:translateY(0)}50%{transform:translateY(13px)}}@keyframes fish-pass{0%{opacity:0;transform:translate(-55px,-8px)rotate(-12deg)}25%,65%{opacity:.8}to{opacity:0;transform:translate(80px,14px)rotate(12deg)}}@keyframes card-in{0%{opacity:0;margin-top:10px}to{opacity:1;margin-top:0}}@media (width>=1050px){.lite-controls{padding:29px 30px 20px}}@media (width<=850px){.lite-shell{padding-left:max(18px, env(safe-area-inset-left));padding-right:max(18px, env(safe-area-inset-right))}.lite-play{grid-template-columns:minmax(0,1fr) minmax(310px,1fr)}.lite-controls{padding:22px 19px 16px}.lite-hud>*{gap:6px;padding:12px}.lite-hud span{font-size:10px}.lite-hud strong{font-size:13px}.scene-heading{left:22px}.lite-bottom-grid{grid-template-columns:1fr 1fr;gap:16px}.inventory-box,.gear-box{padding:20px}}@media (width<=640px){.lite-topbar{min-height:78px}.lite-brand{gap:8px;font-size:18px}.lite-brand small{font-size:8px}.brand-wave{width:33px;height:37px;font-size:30px}.lite-topbar nav{gap:14px;font-size:10px}.journal-button{gap:8px;padding:11px 10px;font-size:11px!important}.lite-intro{flex-direction:column;align-items:flex-start;gap:10px;padding:22px 0 17px}.lite-intro .eyebrow{font-size:7px}.lite-intro h1{font-size:27px}.save-status{max-width:100%;font-size:10px;line-height:1.6}.lite-hud{border-radius:8px;margin-bottom:12px}.lite-hud>*{flex-direction:column;align-items:start;gap:4px;padding:10px 12px}.lite-hud span{font-size:9px}.lite-hud strong{font-size:12px}.lite-play{border-radius:10px;grid-template-columns:1fr}.lite-scene{min-height:295px}.scene-top{top:16px;left:17px;right:17px}.scene-chip{padding:5px 8px;font-size:9px}.scene-heading{top:65px;left:21px}.scene-heading .eyebrow{font-size:7px}.scene-heading h2{font-size:34px}.scene-heading>p:last-child{font-size:10px}.scene-bottom{font-size:9px;bottom:15px;left:19px;right:19px}.lite-controls{padding:19px 19px 16px}.control-heading{padding-bottom:15px}.control-field{margin-bottom:13px}.control-field legend{margin-bottom:7px;font-size:11px}.spot-options button{min-height:42px}.method-options button{min-height:48px}.method-tip{min-height:0;font-size:10px}.play-status{min-height:56px;padding-top:14px}.input-hint{font-size:9px}.input-hint kbd{display:none}.catch-result{width:240px;padding:13px 18px;top:52%}.catch-result .fish-art{width:140px;height:63px;margin-top:0}.catch-result h3{font-size:21px}.catch-result .result-tag{padding:2px 7px;font-size:8px}.result-rewards{margin-top:9px;padding-top:8px;font-size:11px}.result-note{font-size:9px;margin-top:6px!important}.result-failure{margin:9px 0}.lite-bottom-grid{grid-template-columns:1fr;gap:16px;margin-top:17px}.box-heading h2{font-size:18px}.empty-catch{min-height:120px}.full-scene-note{flex-wrap:wrap;gap:12px;margin-top:20px;padding:20px 0}.full-scene-note p{flex-basis:calc(100% - 52px)}.full-scene-note a{margin-left:48px}.lite-footer{align-items:start;font-size:8px;line-height:1.8}.lite-footer nav{gap:12px}}@media (width<=360px){.lite-shell{padding-left:12px;padding-right:12px}.lite-topbar nav{gap:9px}.lite-brand{font-size:16px}.lite-hud>*{padding:9px}}@media (prefers-reduced-motion:reduce){.lite-shell *,.lite-shell :before,.lite-shell :after{transition:none!important;animation:none!important}[data-phase=bite] .bobber{transform:translateY(10px)}[data-phase=bite] .fish-ripple{border:3px solid #fff}}
