:root{color-scheme:dark;--ivory:#f2eee4;--muted:#b4c5c2;--line:#ffffff36;--accent:#d7c29a;--sans:'DM Sans',sans-serif;--serif:'Gowun Batang',Georgia,serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{background:#0d1822;color:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.game{position:relative;isolation:isolate;width:100%;height:100dvh;min-height:540px;overflow:hidden}#scene{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.grain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.44'/%3E%3C/svg%3E")}.game:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#07142055,transparent 28%,transparent 75%,#07142033),linear-gradient(0deg,#07131ddd,transparent 38%,transparent 72%,#0d182241)}.topbar{position:absolute;top:0;left:0;right:0;padding:31px clamp(24px,4.4vw,76px);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;letter-spacing:.06em}.brand-icon{font-size:39px;line-height:1;color:#e2cda5;transform:rotate(-25deg)}.brand strong{display:block;font-family:var(--serif);font-size:19px;letter-spacing:.03em;font-weight:700;line-height:1.05}.brand small{display:block;margin-top:6px;font-size:9px;letter-spacing:.28em;color:#bfd0ce}.top-actions{display:flex;align-items:center;gap:18px}.icon-button{width:40px;height:40px;border:0;background:none;color:var(--ivory);display:grid;place-items:center}.icon-button svg{width:21px;height:21px}.icon-button[aria-pressed=false] .sound-wave{opacity:.35}.journal-button{border:1px solid #f2eee463;color:var(--ivory);background:#0d1c2859;padding:10px 16px;border-radius:99px;letter-spacing:.05em;font-size:12px;backdrop-filter:blur(8px)}.journal-symbol{font-size:16px;margin-right:7px;vertical-align:-1px}.journal-button #journal-badge{display:inline-block;margin-left:8px;color:#d4bf99}.top-copy{position:absolute;left:clamp(26px,8vw,145px);top:19%;text-shadow:0 2px 18px #0b182366}.eyebrow{font-size:10px;letter-spacing:.32em;font-weight:700;color:#d8c7a7}.top-copy h1{font-family:var(--serif);font-size:clamp(36px,4.5vw,69px);font-weight:400;letter-spacing:-.055em;margin:21px 0 15px;line-height:1.2}.top-copy p{font-family:var(--serif);font-size:clamp(13px,1.3vw,17px);color:#e0e8e3;margin:0;letter-spacing:-.02em}.horizon-label{position:absolute;left:50%;top:59%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:15px;white-space:nowrap;color:#e3d3b8;font-size:11px;letter-spacing:.13em;text-shadow:0 2px 10px #102632}.horizon-label .line{height:1px;width:24px;background:#e3d3b8a1}.play-panel{position:absolute;left:50%;bottom:clamp(65px,9.5vh,110px);transform:translateX(-50%);width:min(370px,calc(100% - 36px));display:flex;align-items:center;flex-direction:column}.status-line{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:14px;color:#e3e9e3;text-shadow:0 2px 12px #0b1823;margin-bottom:17px;min-height:20px}.status-dot{width:5px;height:5px;border-radius:50%;background:#d5c59f;box-shadow:0 0 8px #d5c59f}.status-dot.biting{background:#f4b995;box-shadow:0 0 12px #ffc49b;animation:pulse .5s infinite alternate}@keyframes pulse{to{transform:scale(1.7);opacity:.6}}.action-button{min-width:250px;height:58px;display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid #e8d9be;background:#ebdfc7;color:#253039;border-radius:3px;font-family:var(--serif);font-size:17px;font-weight:700;letter-spacing:-.02em;box-shadow:0 9px 30px #07131a61;transition:background .18s,transform .18s,box-shadow .18s;touch-action:none;user-select:none}.action-button:hover{background:#fff2d8;transform:translateY(-2px);box-shadow:0 13px 34px #07131a8c}.action-button:active{transform:translateY(1px)}.action-button:disabled{cursor:default;background:#e3ddcf8a;color:#38424a;transform:none;box-shadow:none}.action-button.bite{background:#f1d4af;animation:bite 1s infinite}@keyframes bite{50%{box-shadow:0 0 0 8px #ead0a329,0 9px 30px #07131a61}}#action-icon{font-family:var(--sans);font-size:21px;font-weight:400}.instruction{font-size:11px;letter-spacing:.04em;color:#c9d5ce;margin:15px 0 0;text-shadow:0 2px 10px #09151f}.bottom-left,.bottom-right{position:absolute;bottom:28px;font-size:10px;letter-spacing:.15em;color:#bbc9c3}.bottom-left{left:clamp(24px,4.4vw,76px)}.bottom-right{right:clamp(24px,4.4vw,76px)}.tiny-mark{color:#d9c59f;font-size:14px;vertical-align:-1px;margin-right:8px}.reel-ui{width:100%;padding:15px 18px 17px;margin:0 0 17px;background:#10232dbd;border:1px solid #ffffff29;backdrop-filter:blur(13px);border-radius:3px}.reel-heading,.tension-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.07em;color:#e4e8df}.reel-heading{margin-bottom:9px}.tension-heading{margin:14px 0 8px;color:#c9d0c9}.tension-heading span:last-child{color:#b3bcb6}.meter,.tension-meter{height:4px;background:#ffffff34;position:relative;overflow:hidden}.meter>div,.tension-meter>#tension-fill{height:100%;width:0;background:#e3cca7;transition:width .08s linear}.tension-meter{height:5px}.tension-meter .danger-zone{position:absolute;left:83%;right:0;top:0;bottom:0;background:#c37768a3}.tension-meter #tension-fill{position:relative;background:#a8c9b6}.scrim{position:fixed;inset:0;background:#061016b3;z-index:10;backdrop-filter:blur(4px)}.journal{position:fixed;right:0;top:0;bottom:0;width:min(430px,100%);z-index:11;background:#172731;box-shadow:-20px 0 70px #050d14a8;padding:36px 35px 24px;overflow:auto;transform:translateX(105%);transition:transform .35s ease;display:flex;flex-direction:column}.journal.open{transform:translateX(0)}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between}.drawer-head h2{font-family:var(--serif);font-weight:400;font-size:34px;margin:11px 0 0}.close-button{border:0;background:none;color:var(--ivory);font-size:31px;line-height:1;padding:0 2px}.drawer-intro{font-family:var(--serif);font-size:13px;color:#b9cbc6;margin:13px 0 26px}.journal-stats{display:grid;grid-template-columns:1fr 1fr;gap:11px}.journal-stats>div{border:1px solid #ffffff29;padding:17px}.journal-stats strong{font-family:var(--serif);display:block;font-weight:400;font-size:26px}.journal-stats span{font-size:10px;color:#b4c7c1;letter-spacing:.05em}.species-list{margin-top:25px;flex:1}.species-row{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #ffffff22}.species-mark{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:#e3cda41d;color:#d9c69f;font-size:24px}.species-row.locked{opacity:.48}.species-text{flex:1}.species-text strong{display:block;font-family:var(--serif);font-size:15px;font-weight:400}.species-text small{display:block;font-size:10px;color:#a9b9b5;margin-top:4px}.species-count{font-size:11px;color:#d8c7a8}.drawer-foot{font-size:10px;color:#819790;margin:22px 0 0}.catch-overlay{position:fixed;inset:0;z-index:15;background:#07121bc9;backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}.catch-card{width:min(380px,100%);padding:30px 33px 25px;text-align:center;background:linear-gradient(145deg,#243943,#172934);border:1px solid #d9c59e4d;box-shadow:0 25px 85px #030b10b0}.catch-card>.eyebrow{font-size:9px}.fish-art{height:160px;display:grid;place-items:center;margin:12px 0 3px}.fish-art svg{width:250px;height:125px;filter:drop-shadow(0 15px 13px #030c128c);animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-7px) rotate(-2deg)}}.catch-kicker{display:block;color:#d9c49d;font-size:11px;letter-spacing:.15em}.catch-card h2{font-family:var(--serif);font-size:38px;font-weight:400;margin:6px 0}.catch-card p{font-family:var(--serif);font-size:13px;color:#c7d3cc;margin:0;min-height:40px}.catch-detail{display:flex;justify-content:center;gap:25px;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;padding:15px 0;margin:19px 0 23px;color:#e1ddcf;font-size:11px;letter-spacing:.06em}.catch-card button{width:100%;padding:14px;border:1px solid #d9c8aa;background:transparent;color:#f0e8d5;font-family:var(--serif);font-size:14px}.catch-card button span{margin-left:8px}.catch-card button:hover{background:#e1ceab19}@media(max-width:700px){.topbar{padding:20px}.brand-icon{font-size:31px}.brand strong{font-size:16px}.brand small{font-size:7px}.top-actions{gap:7px}.journal-button{padding:8px 11px}.top-copy{left:25px;top:20%}.top-copy h1{margin:14px 0 9px}.top-copy p{font-size:13px}.horizon-label{top:58%;font-size:10px}.play-panel{bottom:70px}.bottom-left,.bottom-right{bottom:20px;font-size:9px}.bottom-left{left:20px}.bottom-right{right:20px}.instruction{font-size:10px}.journal{padding:26px 25px 20px}}@media(max-height:650px){.top-copy{top:17%}.play-panel{bottom:57px}.horizon-label{top:56%}.topbar{padding-top:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* The shore reveals itself only after the first few casts. */
.work-trigger{display:none}.work-panel{position:absolute;left:clamp(24px,4.4vw,76px);top:37%;bottom:69px;width:min(312px,24vw);min-width:260px;overflow:auto;scrollbar-width:thin;background:#10232bc9;border:1px solid #ffffff32;backdrop-filter:blur(14px);padding:17px 18px;box-shadow:0 12px 35px #07151c4b}.work-head{display:flex;justify-content:space-between;align-items:start}.work-head h2{font-family:var(--serif);font-size:23px;font-weight:400;margin:5px 0 0}.work-head .eyebrow{font-size:8px}.work-head .close-button{display:none}.work-intro{font-family:var(--serif);font-size:11px;color:#bdcbc4;margin:9px 0 14px}.resources{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.resource{border:1px solid #ffffff2c;padding:6px 8px;color:#cad8d0;font-size:10px;white-space:nowrap}.resource strong{color:#f0e5ce;margin-left:5px;font-weight:600}.work-actions,.map-area>div{display:grid;gap:6px}.work-action{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:10px;min-height:46px;padding:9px 10px;background:#e5dec61a;border:1px solid #ffffff2e;color:#efeade}.work-action:hover:not(:disabled){background:#e5dec634}.work-action:disabled{opacity:.48;cursor:default}.work-action strong{display:block;font-family:var(--serif);font-weight:400;font-size:12px}.work-action small{display:block;color:#b6c6be;font-size:9px;margin-top:3px}.work-action .cost{font-size:9px;color:#d5c4a4;white-space:nowrap;text-align:right}.map-area{margin-top:21px;padding-top:18px;border-top:1px solid #ffffff35}.map-area h3,.note-section h3{font-family:var(--serif);font-weight:400;margin:6px 0 12px;font-size:18px}.map-area .eyebrow,.note-section .eyebrow{font-size:8px}.event-toast{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);padding:12px 20px;max-width:min(430px,calc(100vw - 32px));background:#0b1d27c9;border:1px solid #d8c49d6b;backdrop-filter:blur(8px);font-family:var(--serif);font-size:13px;color:#f3e8d2;text-align:center;box-shadow:0 9px 30px #07151c62;animation:toast-in .25s ease}@keyframes toast-in{from{opacity:0;transform:translate(-50%,-40%)}}.note-section{padding:25px 0 8px;border-bottom:1px solid #ffffff28}.note-item{font-family:var(--serif);font-size:12px;line-height:1.7;color:#cbd5ca;padding:12px 0;border-top:1px solid #ffffff19}.note-item:first-child{border-top:0}.note-item b{display:block;color:#e2cba3;font-weight:400;margin-bottom:2px}.top-copy{transition:all .5s}.top-copy p{max-width:440px;line-height:1.6}.work-panel:not([hidden])~.play-panel{left:57%}.work-panel:not([hidden])~.horizon-label{left:56%}.play-panel .status-line{max-width:calc(100vw - 40px);text-align:center}.action-button{height:58px}.action-button:disabled{background:#e9dfc7;color:#253039;opacity:.7}.action-button.casting{transform:translateY(4px) scale(.98)}.journal .species-list{margin-top:25px}.bottom-left,.bottom-right{z-index:2}@media(max-width:1100px){.work-panel{width:260px;top:39%}.work-panel:not([hidden])~.play-panel{left:59%}}@media(max-width:800px){.work-trigger:not([hidden]){display:block}.work-panel{position:fixed;z-index:12;left:0;right:0;top:auto;bottom:0;width:100%;max-height:min(66dvh,590px);min-width:0;border-radius:15px 15px 0 0;padding:21px 22px 30px;transform:translateY(105%);transition:transform .3s ease;background:#172b34;box-shadow:0 -18px 70px #06151cba}.work-panel.open{transform:translateY(0)}.work-head .close-button{display:block}.work-panel:not([hidden])~.play-panel{left:50%}.work-panel:not([hidden])~.horizon-label{left:50%}.top-copy{top:19%}.top-copy p{max-width:280px}.event-toast{top:46%;font-size:12px}.top-actions{gap:7px}.journal-button{padding:9px 11px}.work-action{min-height:52px}.work-action strong{font-size:13px}}@media(max-width:390px){.topbar{padding:19px 14px}.brand{gap:8px}.brand-icon{font-size:26px}.brand strong{font-size:14px}.brand small{font-size:6px}.icon-button{width:31px}.journal-button{font-size:11px;padding:7px 8px}.top-copy{left:23px}.top-copy h1{font-size:32px}.top-copy p{font-size:12px}.work-trigger{margin-left:0}}@media(max-height:650px) and (min-width:801px){.work-panel{top:32%;bottom:50px}.top-copy{top:15%}}
@media(min-width:801px){.work-panel{bottom:auto;max-height:56dvh}}
.skill-ui{width:100%;padding:15px 18px 16px;margin-bottom:16px;background:#0d222ccf;border:1px solid #e5d5b759;backdrop-filter:blur(16px);box-shadow:0 12px 36px #06172077}.skill-heading{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.07em;color:#e7e4d8;margin-bottom:10px}.skill-heading span:last-child{color:#d4c29e}.aim-track,.bite-track,.skill-meter{position:relative;height:7px;background:#ffffff30;overflow:visible}.aim-track{height:12px;margin:10px 0 3px;background:#d1d6c63b}.aim-track #aim-target{position:absolute;top:0;bottom:0;width:16%;background:#dfc7907d;border-left:1px solid #f7dfa7;border-right:1px solid #f7dfa7}.aim-track #aim-marker{position:absolute;top:-6px;width:3px;height:24px;background:#fff5df;box-shadow:0 0 12px #fff0cc;left:0;transform:translateX(-50%)}.bite-track{height:6px;background:#adbfac4d}.bite-track #bite-fill{height:100%;width:100%;background:#e7bd8c;transform-origin:left}.skill-meter>div:not(.danger-zone){height:100%;width:0;background:#d9c49e}.tension-label{margin-top:15px}.tension-meter .danger-zone{position:absolute;inset:0 0 0 84%;background:#b75f60a8}.tension-meter #tension-fill{position:relative;background:#9fc4b3;transition:width .08s linear}.tension-meter #tension-fill.danger{background:#e28472}.travel-transition{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:radial-gradient(circle at 50% 50%,#203941f5,#081720fa 75%);color:#f1e8d8;text-align:center;animation:travel-in .42s ease}.travel-transition .travel-kicker{font-size:10px;letter-spacing:.34em;color:#d9c59e}.travel-transition strong{font-family:var(--serif);font-weight:400;font-size:clamp(35px,6vw,67px)}.travel-transition #travel-subtitle{font-family:var(--serif);font-size:13px;color:#bdcbc7}@keyframes travel-in{from{opacity:0}to{opacity:1}}.game.fishing .status-dot{background:#e8bc90;box-shadow:0 0 12px #e8bc90;animation:pulse .6s infinite alternate}.game.fighting #scene{filter:contrast(1.05)}.game.fighting .action-button{background:#e5d8bd}.game.fighting .action-button:active{background:#f7e4c0}.work-panel{z-index:2}@media(max-width:800px){.work-panel{z-index:12}.skill-ui{padding:13px 15px}.travel-transition strong{font-size:38px}}
.journal-button:disabled{opacity:.48;cursor:default}
.story-overlay{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:22px;background:#07131bef;backdrop-filter:blur(9px);animation:travel-in .32s ease}.story-card{width:min(570px,100%);padding:37px 42px 33px;background:linear-gradient(145deg,#1e333c,#10232e);border:1px solid #d9c6a266;box-shadow:0 28px 80px #031019c2}.story-card .eyebrow{font-size:10px}.story-rule{width:39px;height:1px;background:#d9c6a2;margin:24px 0 22px}.story-card h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,42px);letter-spacing:-.04em;margin:0 0 25px}.story-card p{font-family:var(--serif);color:#d4dfd7;font-size:15px;line-height:1.9;margin:0 0 16px;word-break:keep-all}.story-actions{display:flex;gap:10px;margin-top:30px}.story-actions button{flex:1;border:1px solid #dfcead;background:#eadfc9;color:#1f3036;padding:15px 18px;font-family:var(--serif);font-size:14px}.story-actions button.secondary{background:transparent;color:#e7dac3}.story-actions button:hover{filter:brightness(1.12)}@media(max-width:600px){.story-card{padding:29px 24px 26px}.story-card p{font-size:13px;line-height:1.85}.story-actions{flex-direction:column}.story-actions button{padding:13px}}