:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#0e252adb;--surface-raised:#19363be6;--surface-deep:#0e272c;--text:#f5f1e5;--text-muted:#bed0cc;--action:#f0b66a;--action-text:#15292c;--boundary:#e5efe73d;--control:#dce8e4;--focus-inner:#fff;--focus-outer:#102226;--success:#8ed5aa;--warning:#ffc573;--danger:#ff958a;--disabled:#78908d;--shadow:0 18px 50px #07191d33;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);background:#719099}button,kbd{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}button *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button:focus-visible{outline:2px solid var(--focus-inner);outline-offset:2px;box-shadow:0 0 0 5px var(--focus-outer)}#scene,#scene canvas{width:100%;height:100%;position:absolute;inset:0}#scene canvas{touch-action:none;display:block}.eyebrow{color:var(--action);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:750;line-height:1.3}.identity{z-index:5;pointer-events:none;text-shadow:0 2px 18px #04141859;align-items:center;gap:.85rem;max-width:28rem;display:flex;position:fixed;top:clamp(1rem,3vw,2rem);left:clamp(1rem,3vw,2rem)}.angler-profile{object-fit:cover;border:1px solid #f0b66ab8;border-radius:50%;flex:none;width:clamp(3.5rem,5vw,4.6rem);height:clamp(3.5rem,5vw,4.6rem);box-shadow:0 0 0 4px #0e272c7a,0 12px 34px #04141840}.identity h1{letter-spacing:-.04em;margin:.28rem 0 0;font-family:Georgia,Noto Serif KR,serif;font-size:clamp(1.5rem,3vw,2.75rem);font-weight:500;line-height:1.05}.identity-note{color:var(--text-muted);margin:.65rem 0 0;font-size:.83rem;line-height:1.45}.cargo-ledger{z-index:6;border:1px solid var(--boundary);background:var(--surface);width:min(22rem,34vw);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.4rem;padding:.55rem .65rem .62rem;position:fixed;top:clamp(1rem,3vw,2rem);left:50%;transform:translate(-50%)}.cargo-heading{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.45rem;font-size:.68rem;display:flex}.cargo-heading strong{color:var(--action);font-family:SFMono-Regular,Consolas,monospace;font-size:.7rem}.cargo-slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:.3rem;display:grid}.cargo-slot{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--tier-color,var(--boundary)) 68%, transparent);background:#d2ece714;border-radius:.28rem;min-width:0;display:block;position:relative;overflow:hidden}.cargo-slot.is-empty:after{border:1px solid var(--boundary);content:"";border-radius:50%;position:absolute;inset:36%}.cargo-slot[data-tier=common],[data-tier=common]{--tier-color:#b9d5d6}.cargo-slot[data-tier=uncommon],[data-tier=uncommon]{--tier-color:#7ed8b0}.cargo-slot[data-tier=rare],[data-tier=rare]{--tier-color:#8cb8ff}.cargo-slot[data-tier=legendary],[data-tier=legendary]{--tier-color:#ffc573}.fish-sprite{background-image:url(../assets/fish-atlas-v2.webp);background-repeat:no-repeat;background-position:var(--fish-x,0%) var(--fish-y,0%);background-size:400% 300%;width:100%;height:100%;display:block}.telemetry{z-index:5;border-top:1px solid var(--boundary);border-bottom:1px solid var(--boundary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#0000,#0c252a61);width:min(15.5rem,100vw - 2rem);padding:.55rem .85rem .75rem;font-size:.76rem;position:fixed;top:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.telemetry-row #zone-value,#zone-value{text-overflow:ellipsis;white-space:nowrap;max-width:8.5rem;overflow:hidden}.telemetry-row{min-height:1.65rem;color:var(--text-muted);justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.telemetry-row strong{color:var(--text);letter-spacing:.02em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;font-weight:650}.navigation-state{border-top:1px solid var(--boundary);color:var(--text-muted);align-items:center;gap:.55rem;margin-top:.45rem;padding-top:.68rem;font-size:.7rem;display:flex}.state-dot{border:1px solid;border-radius:50%;flex:none;width:.45rem;height:.45rem}.navigation-state[data-state=ready]{color:var(--success)}.navigation-state[data-state=warning]{color:var(--warning)}.navigation-state[data-state=error]{color:var(--danger)}.navigation-state[data-state=ready] .state-dot{background:currentColor;box-shadow:0 0 0 3px #8ed5aa21}.action-bar{z-index:6;gap:.5rem;display:flex;position:fixed;bottom:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.action-bar button{border:1px solid var(--boundary);background:var(--surface);min-height:44px;box-shadow:var(--shadow);color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.35rem;padding:.5rem .72rem;font-size:.72rem}.action-bar button:hover{background:var(--surface-raised);border-color:#f0b66abf}.action-bar button:disabled,.fishing-action button:disabled{border-color:var(--boundary);color:var(--disabled);cursor:not-allowed;background:#0e252a94}.button-key{border:1px solid var(--boundary);width:1.45rem;height:1.45rem;color:var(--action);border-radius:.22rem;place-items:center;margin-right:.35rem;font-family:SFMono-Regular,Consolas,monospace;display:inline-grid}.fishing-action{z-index:8;border:1px solid var(--boundary);background:var(--surface);width:min(33rem,100vw - 38rem);min-width:29rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:.45rem;grid-template-columns:minmax(12rem,1fr) auto;display:grid;position:fixed;bottom:clamp(1rem,3vw,2rem);left:50%;overflow:hidden;transform:translate(-50%)}.action-copy{align-self:center;min-width:0;padding:.65rem .82rem}.action-copy p{color:var(--text);margin:0;font-size:.78rem;font-weight:700}.action-copy small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.18rem;font-size:.64rem;line-height:1.3;display:block;overflow:hidden}.fishing-buttons{align-items:stretch;display:flex}.fishing-buttons button{border:0;border-left:1px solid var(--boundary);background:var(--surface-raised);min-height:52px;color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .72rem;font-size:.7rem;display:inline-flex}.fishing-buttons .button-key{box-sizing:border-box;flex:none;width:auto;min-width:1.45rem;margin-right:0;padding-inline:.36rem;line-height:1}#fishing-button:not(:disabled){background:var(--action);color:var(--action-text)}#fishing-button:not(:disabled) .button-key{color:var(--action-text);border-color:#15292c59}#fishing-button.is-bite{background:var(--warning);animation:.52s ease-in-out infinite alternate bite-pulse}#fishing-button.is-reeling{background:#7ed8b0;transition:transform 80ms,filter .12s;box-shadow:inset 0 0 0 1px #ffffff47}#fishing-button.is-reeling.is-held{filter:brightness(1.12);transform:translateY(1px)scale(.985)}.fishing-action[data-phase=reeling]{border-color:#7ed8b094;box-shadow:0 16px 52px #0311146b,0 0 24px #7ed8b01f}.fight-meter{border-top:1px solid var(--boundary);background:#081d22d1;grid-column:1/-1;padding:.48rem .78rem .68rem}.fight-meter-labels{color:var(--text-muted);letter-spacing:.05em;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:.3rem;font-size:.56rem;font-weight:700;display:grid}.fight-meter-labels strong{color:#7ed8b0;text-align:center;min-width:3.6rem}.fight-meter-labels span:last-child{text-align:right}.tension-track,.reel-track{background:#ffffff1a;border-radius:999px;height:.46rem;display:block;position:relative;overflow:hidden}.tension-safe-zone{background:#7ed8b030;width:47%;position:absolute;top:0;bottom:0;left:27%}.tension-fill{transform:scaleX(var(--tension,.36));transform-origin:0;background:linear-gradient(90deg,#72b8d0 0%,#7ed8b0 48%,#f0b66a 76%,#ee6f5b 100%);transition:transform 55ms linear;position:absolute;inset:0}.tension-needle{top:-.09rem;bottom:-.09rem;left:var(--tension-position,36%);background:#fff8e9;border-radius:2px;width:2px;transition:left 55ms linear;position:absolute;transform:translate(-1px);box-shadow:0 0 8px #fff8e9d9}.reel-track{height:.22rem;margin-top:.3rem}#fishing-reel-fill{transform-origin:0;background:linear-gradient(90deg,#59a9be,#7ed8b0,#f0b66a);width:100%;height:100%;transition:transform 70ms linear;display:block;transform:scaleX(0)}.fight-meter[data-tension=danger] .fight-meter-labels strong{color:#ff927f;animation:.26s ease-in-out infinite alternate tension-danger}.fight-meter[data-tension=slack] .fight-meter-labels strong{color:#91c7df}#dock-button{background:var(--success);color:var(--surface-deep)}.fishing-progress-track{background:#ffffff14;height:3px;position:absolute;bottom:0;left:0;right:0}#fishing-progress{transform-origin:0;background:var(--action);width:100%;height:100%;display:block;transform:scaleX(0)}@keyframes tension-danger{0%{opacity:.7}to{opacity:1;text-shadow:0 0 10px #ff6954c7}}.catch-reveal{z-index:11;border:1px solid var(--tier-color,var(--action));opacity:0;pointer-events:none;background:#0a2126f0;border-radius:.6rem;grid-template-columns:7rem 1fr;align-items:center;width:min(24rem,100vw - 2rem);min-height:8rem;padding:.5rem 1rem .5rem .45rem;transition:opacity .18s,transform .24s cubic-bezier(.16,1,.3,1);display:grid;position:fixed;top:42%;left:50%;transform:translate(-50%,-42%)scale(.92);box-shadow:0 24px 80px #03111473}.catch-reveal.is-visible{opacity:1;transform:translate(-50%,-42%)scale(1)}.catch-fish{width:7rem;height:5.4rem}.catch-reveal strong,.catch-reveal small{display:block}.catch-reveal strong{margin-top:.22rem;font-family:Georgia,Noto Serif KR,serif;font-size:1.2rem;font-weight:500}.catch-reveal small{color:var(--text-muted);margin-top:.32rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.68rem}.tier-label{color:var(--tier-color,var(--text-muted));letter-spacing:.1em;font-size:.6rem;font-weight:750}.aquarium-dialog{border:1px solid var(--boundary);width:min(58rem,100vw - 2rem);max-height:min(46rem,100vh - 2rem);color:var(--text);background:#102d32;border-radius:.72rem;padding:0;overflow:hidden;box-shadow:0 32px 110px #0210139e}.aquarium-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041317b8}.dialog-heading{border-bottom:1px solid var(--boundary);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.3rem 1rem;display:flex}.dialog-heading h2{margin:.28rem 0 0;font-family:Georgia,Noto Serif KR,serif;font-size:clamp(1.35rem,3vw,2rem);font-weight:500}.dialog-heading p:last-child{color:var(--text-muted);margin:.4rem 0 0;font-size:.72rem}.dialog-close{border:1px solid var(--control);min-width:52px;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border-radius:.35rem;font-size:.7rem}.tier-legend{border-bottom:1px solid var(--boundary);color:var(--text-muted);gap:1rem;padding:.75rem 1.3rem;font-size:.65rem;display:flex}.tier-legend span:before{border:1px solid var(--tier-color);background:var(--tier-color);content:"";border-radius:50%;width:.42rem;height:.42rem;margin-right:.34rem;display:inline-block}.aquarium-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-height:min(31rem,100vh - 13rem);padding:.4rem 1.3rem 1.3rem;display:grid;overflow-y:auto}.aquarium-entry{border-bottom:1px solid var(--boundary);grid-template-columns:5.6rem 1fr;align-items:center;min-width:0;min-height:7.4rem;padding:.5rem;display:grid}.aquarium-entry .fish-sprite{width:5.4rem;height:4.5rem}.aquarium-entry strong,.aquarium-entry small{display:block}.aquarium-entry strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:.22rem;font-size:.74rem;overflow:hidden}.aquarium-entry small{color:var(--text-muted);margin-top:.28rem;font-size:.58rem;line-height:1.35}.aquarium-entry.is-locked .fish-sprite{filter:grayscale()brightness(.34);opacity:.56}.keyboard-guide{z-index:5;pointer-events:none;align-items:flex-end;gap:.9rem;display:flex;position:fixed;bottom:clamp(1rem,3vw,2rem);left:clamp(1rem,3vw,2rem)}.key-cluster{grid-template-rows:repeat(2,2.05rem);grid-template-columns:repeat(3,2.05rem);gap:.22rem;display:grid}.key-spacer{display:block}.key-cluster kbd{border:1px solid var(--boundary);background:var(--surface);color:var(--text-muted);border-radius:.26rem;place-items:center;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem;transition:transform .1s,color .1s,background-color .1s;display:grid;box-shadow:inset 0 -2px #ffffff14}.key-cluster kbd.is-active{border-color:var(--action);background:var(--action);color:var(--action-text);transform:translateY(1px)}.keyboard-guide p{color:var(--text-muted);margin:0 0 .2rem;font-size:.7rem}.keyboard-guide strong{color:var(--text);font-weight:650}.touch-controls{display:none}.touch-key{border:1px solid var(--boundary);background:var(--surface);width:48px;height:48px;color:var(--text);cursor:pointer;touch-action:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%}.touch-key.is-active{border-color:var(--action);background:var(--action);color:var(--action-text)}#loading-screen{z-index:20;isolation:isolate;color:var(--text);background:#17383f;align-content:end;justify-items:center;padding:clamp(2rem,7vh,5rem) 1rem;transition:opacity .5s,visibility .5s;display:grid;position:fixed;inset:0;overflow:hidden}#loading-screen:before{z-index:-1;content:"";background:linear-gradient(#0931400a 15%,#0828312e 56%,#061b20e0 100%),radial-gradient(circle at 50% 45%,#0000 32%,#041c2442 100%);position:absolute;inset:0}#loading-screen.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.loading-art{z-index:-2;-webkit-user-select:none;user-select:none;object-fit:cover;object-position:center;width:100%;height:100%;animation:12s ease-out both loading-art-enter;position:absolute;inset:0}.loading-content{text-align:center;text-shadow:0 3px 24px #03161ba8;justify-items:center;width:min(38rem,100vw - 2rem);display:grid}.loading-kicker{color:#ffd08d;letter-spacing:.24em;margin:0 0 .55rem;font-size:clamp(.64rem,1.2vw,.78rem);font-weight:800}.loading-title{color:#fffaf0;letter-spacing:-.07em;margin:0;font-family:Georgia,Noto Serif KR,serif;font-size:clamp(2.6rem,6.8vw,5.8rem);font-weight:700;line-height:.96}.loading-title span{color:#ffd08d}.loading-tagline{color:#f5f1e5db;letter-spacing:.08em;margin:.72rem 0 1.1rem;font-size:clamp(.72rem,1.4vw,.9rem);font-weight:600}.loading-status{justify-content:center;align-items:center;gap:.55rem;display:flex}.loading-mark{border:1px solid #f5f1e53d;border-top-color:var(--action);border-radius:50%;flex:none;width:.9rem;height:.9rem;animation:.9s linear infinite loading-spin}#loading-label{color:#f5f1e5e0;margin:0;font-size:.74rem;font-weight:650}.loading-track{background:#f5f1e529;width:min(15rem,70vw);height:2px;margin-top:.72rem;overflow:hidden}#loading-progress{background:var(--action);width:5%;height:100%;transition:width .18s;display:block}.game-start-button{opacity:0;color:#15292c;cursor:default;letter-spacing:.08em;pointer-events:none;background:#f0b66a;border:1px solid #fffaf0a3;border-radius:999px;min-width:10.5rem;min-height:3rem;margin-top:1.15rem;padding:.65rem 1.4rem;font-size:.88rem;font-weight:850;transition:opacity .32s,transform .32s,background .16s;transform:translateY(.65rem);box-shadow:0 12px 34px #03161b61,inset 0 1px #ffffff5c}#loading-screen.is-ready .game-start-button{opacity:1;cursor:pointer;pointer-events:auto;transform:translateY(0)}#loading-screen.is-ready .game-start-button:hover{background:#ffd08d}#loading-screen.is-ready .loading-mark{display:none}#loading-screen.is-ready .loading-track{opacity:.62}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-art-enter{0%{filter:saturate(.88)brightness(.9);transform:scale(1.035)}to{filter:saturate()brightness();transform:scale(1)}}@keyframes bite-pulse{to{transform:translateY(-2px);box-shadow:0 0 0 4px #ffc57333}}@media (width<=1180px) and (width>=721px){.action-bar button{white-space:nowrap;color:#0000;width:44px;padding-inline:0;overflow:hidden}.action-bar .button-key{color:var(--action);border:0;margin:0}.fishing-action{width:min(30rem,100vw - 26rem);min-width:24rem}}@media (width<=720px),(pointer:coarse){.identity-note,.coordinates,.keyboard-guide{display:none}.identity{gap:.55rem;max-width:12rem;top:1rem;left:1rem}.identity h1{font-size:1.2rem}.angler-profile{width:3rem;height:3rem}.telemetry{width:9.6rem;top:1rem;right:1rem}.telemetry .coordinates,.telemetry .aquarium-value-row{display:none}.cargo-ledger{width:min(21rem,100vw - 2rem);top:5.2rem}.touch-controls{z-index:7;grid-template-rows:repeat(2,48px);grid-template-columns:repeat(3,48px);gap:.35rem;display:grid;position:fixed;bottom:1rem;left:1rem}.touch-up{grid-column:2}.touch-left{grid-column:1}.touch-down{grid-column:2}.touch-right{grid-column:3}.action-bar{flex-direction:row;top:10.6rem;bottom:auto;right:1rem}.action-bar button{white-space:nowrap;color:#0000;width:44px;min-width:44px;padding-inline:0;overflow:hidden}.action-bar .button-key{color:var(--action);border:0;margin:0}.fishing-action{width:11.2rem;min-width:0;display:block;bottom:1rem;left:auto;right:1rem;transform:none}.action-copy{padding:.55rem .62rem}.action-copy small{white-space:normal}.fishing-buttons,.fishing-buttons button{width:100%}.fishing-buttons{display:grid}.fishing-buttons button{border-top:1px solid var(--boundary);border-left:0;min-height:46px}.aquarium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aquarium-entry{grid-template-columns:4.2rem 1fr;min-height:6.2rem}.aquarium-entry .fish-sprite{width:4rem;height:3.4rem}}@media (width<=430px){.identity .eyebrow{display:none}.identity h1{max-width:6.5rem;font-size:1rem;line-height:1.15}.identity{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e252aa8;border:1px solid #e5efe729;border-radius:2rem .45rem .45rem 2rem;max-width:10.2rem;padding:.28rem .42rem .28rem .3rem}.identity .angler-profile{width:2.65rem;height:2.65rem}.telemetry{width:9rem;padding-inline:.55rem}.navigation-state{font-size:.65rem}.cargo-ledger{top:5rem}.cargo-heading{margin-bottom:.32rem}.cargo-slots{gap:.22rem}.action-bar{top:10.6rem}.fishing-action{width:10.7rem}.catch-reveal{grid-template-columns:5.8rem 1fr}.catch-fish{width:5.6rem;height:4.5rem}.dialog-heading{padding-inline:.9rem}.tier-legend{gap:.55rem;padding-inline:.9rem}.aquarium-grid{padding-inline:.65rem}.aquarium-entry{grid-template-columns:3.5rem 1fr;padding-inline:.25rem}.aquarium-entry .fish-sprite{width:3.4rem;height:3rem}}@media (width<=360px){.telemetry{display:none}.identity{max-width:13.6rem}.identity h1{max-width:8.5rem}.touch-controls{grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,44px)}.touch-key{width:44px;height:44px}.fishing-action{width:8.8rem}.action-copy small{display:none}.fishing-buttons button{min-height:44px;padding-inline:.35rem;font-size:.64rem}.fishing-buttons .button-key{padding-inline:.3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}