@font-face{font-family:Outfit;src:url(../fonts/outfit.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--text: #eaf3fa;--dim: #9db1c0;--accent: #5fd4ff;--gold: #ffc857;--ok: #62d98b;--danger: #ff5d6c;--glass: rgba(9, 16, 25, .72);--glass-soft: rgba(9, 16, 25, .55);--stroke: rgba(255, 255, 255, .1);--r-common: #aebdca;--r-uncommon: #62d98b;--r-rare: #58a6ff;--r-epic: #c08bff;--r-legendary: #ffb13d;--shadow: 0 12px 40px rgba(0, 0, 0, .45);font-size:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#06101a;color:var(--text);font-family:Outfit,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;touch-action:none}#canvas-wrap canvas{display:block}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at center,transparent 58%,rgba(2,8,14,.42) 100%);transition:box-shadow .25s ease}#vignette.tension-danger{box-shadow:inset 0 0 140px #ff3c5059;animation:dangerPulse .5s ease-in-out infinite alternate}@keyframes dangerPulse{0%{box-shadow:inset 0 0 110px #ff3c5038}to{box-shadow:inset 0 0 170px #ff3c5073}}.hidden{display:none!important}.btn{font-family:inherit;font-size:.95rem;font-weight:600;letter-spacing:.02em;color:var(--text);background:#ffffff12;border:1px solid var(--stroke);border-radius:10px;padding:10px 18px;cursor:pointer;transition:background .15s ease,transform .1s ease,border-color .15s ease}.btn:hover{background:#ffffff24;border-color:#ffffff40}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn:disabled:hover{background:#ffffff12}.btn-primary{background:linear-gradient(135deg,#1d9dd4,#1565a8);border-color:#78d7ff80}.btn-primary:hover{background:linear-gradient(135deg,#27aee6,#1b76bf)}.btn-big{font-size:1.15rem;padding:14px 26px}.btn-danger-ghost{color:#ff8d99;border-color:#ff5d6c59}.btn-danger-ghost:hover{background:#ff5d6c1f}.btn-close{padding:8px 14px}.btn-buy{background:linear-gradient(135deg,#20a45d,#157a44);border-color:#6ee6a073}.btn-buy:hover{background:linear-gradient(135deg,#27b96b,#1b8a50)}kbd{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-bottom-width:2px;border-radius:5px;padding:1px 7px;font-family:inherit;font-size:.85em}.excl{color:var(--gold);font-weight:800}#hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}#hud button{pointer-events:auto}.hud-corner{position:absolute;display:flex;flex-direction:column;gap:8px}.hud-topleft{top:16px;left:16px}.hud-topright{top:16px;right:16px;align-items:flex-end}.hud-bottomleft{bottom:16px;left:16px;flex-direction:row;gap:8px}.hud-bottomright{bottom:16px;right:16px}.hud-card{background:var(--glass);border:1px solid var(--stroke);border-radius:14px;padding:12px 16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-width:190px}.money-text{font-size:1.45rem;font-weight:800;color:var(--gold);text-shadow:0 2px 10px rgba(255,200,87,.25);transition:transform .15s ease}.money-text.pulse{animation:popPulse .4s ease}@keyframes popPulse{30%{transform:scale(1.18)}}.level-row{display:flex;align-items:center;gap:8px;margin-top:6px}.level-badge{background:linear-gradient(135deg,#2b86c8,#1c5d96);border-radius:7px;font-size:.78rem;font-weight:700;padding:2px 8px;white-space:nowrap}.xp-bar{flex:1;height:8px;border-radius:4px;background:#ffffff1a;overflow:hidden}.xp-fill{height:100%;width:0%;background:linear-gradient(90deg,#46c6ff,#7ee0ff);border-radius:4px;transition:width .4s ease}.xp-text{font-size:.72rem;color:var(--dim);margin-top:4px}.hud-clockcard{text-align:right}.clock-row{display:flex;gap:8px;align-items:center;justify-content:flex-end}.clock-text{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}.seg-chip{font-size:.72rem;font-weight:700;border-radius:6px;padding:2px 8px;text-transform:uppercase;letter-spacing:.06em}.seg-dawn{background:#ffaa6e33;color:#ffc49b}.seg-day{background:#78c8ff2e;color:#a8dcff}.seg-dusk{background:#ff82822e;color:#ffb1a6}.seg-night{background:#7882ff29;color:#b3baff}.weather-chip{font-size:.72rem;color:var(--dim);border:1px solid var(--stroke);border-radius:6px;padding:2px 8px}.loc-text{font-size:.85rem;color:var(--accent);font-weight:600;margin-top:4px}.hud-buttons{display:flex;gap:6px}.hud-btn{font-family:inherit;font-size:.8rem;font-weight:600;color:var(--text);background:var(--glass);border:1px solid var(--stroke);border-radius:9px;padding:8px 13px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s ease}.hud-btn:hover{background:#5096c84d}.hud-btn:disabled{opacity:.35;cursor:default}.gear-chip{background:var(--glass);border:1px solid var(--stroke);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:1px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gear-label{font-size:.62rem;color:var(--dim);text-transform:uppercase;letter-spacing:.1em}.gear-name{font-size:.85rem;font-weight:600}.bag-chip{font-family:inherit;color:var(--text);background:var(--glass);border:1px solid var(--stroke);border-radius:10px;padding:10px 14px;font-size:.85rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s ease}.bag-chip:hover{background:#5096c84d}.prompt{position:absolute;bottom:86px;left:50%;transform:translate(-50%);background:var(--glass-soft);border:1px solid var(--stroke);border-radius:12px;padding:10px 22px;font-size:1rem;font-weight:500;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;max-width:92vw}.prompt b{color:var(--accent)}.prompt.urgent{border-color:var(--gold);color:var(--gold);font-weight:800;font-size:1.25rem;animation:urgentFlash .22s ease-in-out infinite alternate}@keyframes urgentFlash{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.07)}}.zone-hint{position:absolute;bottom:140px;left:50%;transform:translate(-50%);font-size:.8rem;color:var(--dim);background:var(--glass-soft);border-radius:8px;padding:4px 12px}.power-wrap{position:absolute;bottom:170px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.power-track{position:relative;width:260px;height:18px;border-radius:9px;background:#0000008c;border:1px solid var(--stroke);overflow:hidden}.power-fill{height:100%;width:0%;background:linear-gradient(90deg,#3ec97e,#ffd95e 60%,#ff7847 90%);border-radius:9px}.power-sweet{position:absolute;left:78%;width:17%;top:0;bottom:0;background:#ffffff2e;border-left:1px solid rgba(255,255,255,.4);border-right:1px solid rgba(255,255,255,.4)}.power-label{font-size:.68rem;letter-spacing:.22em;color:var(--dim);font-weight:700}.reel-wrap{position:absolute;bottom:130px;left:50%;transform:translate(-50%);width:min(480px,92vw);background:var(--glass);border:1px solid var(--stroke);border-radius:16px;padding:14px 18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:9px}.fight-head{display:flex;justify-content:space-between;align-items:center}.fight-name{font-weight:700;font-size:.95rem}.fight-stars{color:var(--gold);letter-spacing:.15em;font-size:.85rem}.surge-banner{text-align:center;font-weight:800;font-size:1.05rem;color:#fff;background:linear-gradient(90deg,#ff465a00,#ff465ad9,#ff465a00);border-radius:8px;padding:4px 0;animation:surgeFlash .3s ease-in-out infinite alternate}.surge-banner.telegraph{color:var(--gold);background:linear-gradient(90deg,#ffc35000,#ffc3508c,#ffc35000)}@keyframes surgeFlash{0%{opacity:.75}to{opacity:1}}.bar-row{display:flex;align-items:center;gap:10px}.bar-tag{width:64px;text-align:right;font-size:.64rem;font-weight:700;letter-spacing:.12em;color:var(--dim)}.bar{flex:1;height:16px;border-radius:8px;overflow:hidden;background:#00000080;border:1px solid var(--stroke)}.bar-fill{height:100%;width:0%;border-radius:8px;transition:width .08s linear}.tension-fill{background:linear-gradient(90deg,#3ec97e,#ffd95e 55%,#ff5d6c 85%)}.progress-fill{background:linear-gradient(90deg,#46c6ff,#7ee0ff)}.bite-indicator{position:absolute;z-index:12;pointer-events:none;font-size:2.6rem;font-weight:800;color:var(--gold);text-shadow:0 0 18px rgba(255,200,87,.9),0 2px 4px rgba(0,0,0,.7);transform:translate(-50%,-100%);animation:biteBounce .3s ease-in-out infinite alternate}@keyframes biteBounce{0%{margin-top:0}to{margin-top:-14px}}#toasts{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:50;align-items:center;pointer-events:none}.toast{background:var(--glass);border:1px solid var(--stroke);border-radius:10px;padding:9px 20px;font-size:.92rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);animation:toastIn .3s ease,toastOut .4s ease 3s forwards;max-width:86vw;text-align:center}.toast-success{border-color:#62d98b80;color:#9af0ba}.toast-warn{border-color:#ff5d6c80;color:#ffaab2}.toast-gold{border-color:#ffc85799;color:var(--gold);box-shadow:0 0 26px #ffc85733}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)}}@keyframes toastOut{to{opacity:0;transform:translateY(-8px)}}#app.shake #canvas-wrap{animation:shakeAnim .35s ease}@keyframes shakeAnim{20%{transform:translate(-7px,4px)}40%{transform:translate(6px,-5px)}60%{transform:translate(-4px,3px)}80%{transform:translate(3px,-2px)}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#040a118c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:screenIn .22s ease}@keyframes screenIn{0%{opacity:0}}#screen-menu{background:linear-gradient(180deg,#040a1240,#040a12b8);-webkit-backdrop-filter:none;backdrop-filter:none}.menu-box{text-align:center;padding:30px}.game-title{font-size:clamp(3.2rem,9vw,5.6rem);font-weight:800;letter-spacing:.14em;background:linear-gradient(180deg,#d9f2ff 20%,#4db9e8 70%,#1b6fa8);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 18px 60px rgba(64,180,240,.35)}.game-sub{color:var(--dim);letter-spacing:.3em;text-transform:uppercase;font-size:.85rem;margin:6px 0 34px}.menu-buttons{display:flex;flex-direction:column;gap:10px;width:280px;margin:0 auto}.menu-save-info{margin-top:18px;font-size:.8rem;color:var(--dim)}.menu-credits{margin-top:26px;font-size:.72rem;color:#9db1c08c}.panel{background:var(--glass);border:1px solid var(--stroke);border-radius:18px;padding:26px 30px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-height:88vh;display:flex;flex-direction:column;animation:panelIn .25s ease}@keyframes panelIn{0%{opacity:0;transform:translateY(14px) scale(.98)}}.panel-narrow{width:min(420px,92vw)}.panel-mid{width:min(620px,94vw)}.panel-wide{width:min(880px,95vw);height:min(640px,88vh)}.panel-title{font-size:1.45rem;font-weight:800;letter-spacing:.03em}.panel-head{display:flex;align-items:center;gap:16px;margin-bottom:14px}.panel-head .panel-title{flex:1}.howto-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin:18px 0 22px}.howto-list li{font-size:.92rem;color:#cfdde8;line-height:1.45}.howto-list b{color:var(--text)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.95rem}.setting-row:first-of-type{margin-top:8px}.setting-row input[type=range]{width:150px;accent-color:var(--accent)}.setting-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.setting-row select{font-family:inherit;background:#ffffff14;color:var(--text);border:1px solid var(--stroke);border-radius:8px;padding:6px 10px}.setting-danger{border-bottom:none;margin-bottom:10px}#screen-settings .btn-primary,#screen-howto .btn-primary{margin-top:14px;align-self:center;min-width:160px}.tab-row{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.tab-btn{font-family:inherit;font-size:.88rem;font-weight:600;color:var(--dim);background:#ffffff0d;border:1px solid var(--stroke);border-radius:9px;padding:8px 18px;cursor:pointer;transition:all .15s ease}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--text);background:#4696d24d;border-color:#78c8ff73}.shop-content{flex:1;overflow-y:auto;padding-right:6px}.shop-item{display:flex;align-items:center;gap:16px;background:#ffffff0a;border:1px solid var(--stroke);border-radius:12px;padding:14px 16px;margin-bottom:9px}.shop-item.equipped{border-color:#78c8ff80;background:#4696d21a}.shop-item.locked{opacity:.55}.shop-item-info{flex:1}.shop-item-name{font-weight:700;font-size:1rem;display:flex;gap:8px;align-items:center}.tier-badge{font-size:.62rem;font-weight:800;letter-spacing:.08em;color:#0a141e;background:linear-gradient(135deg,#9fd9ff,#5fb6e8);border-radius:5px;padding:1px 7px}.shop-item-stats{font-size:.8rem;color:var(--dim);margin-top:3px}.stat-up{color:var(--ok);font-weight:600}.shop-item-blurb{font-size:.76rem;color:#9db1c0b3;margin-top:2px;font-style:italic}.shop-item-action{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:120px}.lock-note{font-size:.72rem;color:var(--dim)}.equipped-tag{color:var(--accent);font-weight:700;font-size:.85rem;padding:8px 4px}.sell-row{display:flex;align-items:center;gap:14px;background:#ffffff0a;border:1px solid var(--stroke);border-radius:10px;padding:10px 14px;margin-bottom:7px;font-size:.9rem}.sell-row .fish-mini{width:44px;height:34px;flex-shrink:0}.sell-name{flex:1;font-weight:600}.sell-meta{color:var(--dim);font-size:.8rem}.sell-value{color:var(--gold);font-weight:700;min-width:64px;text-align:right}.sell-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 4px 2px;gap:12px}.sell-total{font-size:1rem;font-weight:700}.shop-empty{text-align:center;color:var(--dim);padding:50px 0;font-size:.95rem}.journal-stats{color:var(--dim);font-size:.85rem}.journal-scroll{flex:1;overflow-y:auto;padding-right:6px}.rarity-section{margin-bottom:18px}.rarity-head{font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;padding-left:2px}.journal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.journal-card{background:#ffffff0a;border:1px solid var(--stroke);border-radius:12px;padding:12px;text-align:center;transition:transform .15s ease}.journal-card:hover{transform:translateY(-2px)}.journal-card .fish-svg{width:90px;height:72px}.journal-card.locked .fish-svg{filter:grayscale(1) brightness(.25)}.jc-name{font-weight:700;font-size:.92rem;margin-top:4px}.jc-meta{font-size:.74rem;color:var(--dim);margin-top:3px;line-height:1.5}.jc-hint{font-size:.7rem;color:#9db1c0a6;margin-top:4px;font-style:italic;line-height:1.45}.jc-count{color:var(--accent);font-weight:600}.map-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px;align-content:start}.map-card{border:1px solid var(--stroke);border-radius:14px;overflow:hidden;background:#ffffff0a;display:flex;flex-direction:column}.map-thumb{height:110px;position:relative}.map-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgba(9,16,25,.9))}.map-thumb[data-loc=lake]{background:linear-gradient(160deg,#7fcab5,#1c5e51 60%,#0d3a33)}.map-thumb[data-loc=river]{background:linear-gradient(160deg,#9fd8c8,#2a7d8f 60%,#14454f)}.map-thumb[data-loc=pier]{background:linear-gradient(160deg,#ffd9a0,#3e85b8 55%,#1b4565)}.map-thumb[data-loc=ocean]{background:linear-gradient(160deg,#6f9fd8,#1d3f78 55%,#0a1e3e)}.map-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:7px;flex:1}.map-card-name{font-weight:800;font-size:1.1rem;display:flex;align-items:center;gap:10px}.current-tag{font-size:.64rem;font-weight:800;letter-spacing:.1em;color:#0a141e;background:var(--accent);border-radius:5px;padding:2px 7px}.map-card-blurb{font-size:.8rem;color:var(--dim);line-height:1.45;flex:1}.map-card-fish{font-size:.75rem;color:var(--accent)}.map-req{font-size:.78rem;color:var(--dim)}.map-req .ok{color:var(--ok)}.map-req .bad{color:var(--danger)}.catch-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;background:#03080e73;animation:screenIn .25s ease}.catch-card{width:min(400px,92vw);background:linear-gradient(180deg,#101b28f5,#091019f5);border:2px solid var(--rarity, var(--stroke));border-radius:20px;padding:26px 28px 22px;text-align:center;position:relative;box-shadow:0 0 60px color-mix(in srgb,var(--rarity, #fff) 28%,transparent),var(--shadow);animation:cardPop .45s cubic-bezier(.18,1.4,.4,1)}@keyframes cardPop{0%{opacity:0;transform:scale(.7) translateY(30px)}}.catch-ribbon{position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:.72rem;font-weight:800;letter-spacing:.16em;color:#16240e;background:linear-gradient(135deg,#b9f08e,#62d98b);border-radius:8px;padding:5px 16px;white-space:nowrap;box-shadow:0 4px 18px #62d98b73}.catch-ribbon.record{color:#2a1c04;background:linear-gradient(135deg,#ffe29b,#ffb13d);box-shadow:0 4px 18px #ffb13d73}.catch-rarity{font-size:.72rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--rarity, var(--dim))}.catch-name{font-size:1.7rem;font-weight:800;margin:2px 0 10px}.catch-card .fish-svg{width:170px;height:130px;filter:drop-shadow(0 8px 22px rgba(0,0,0,.5))}.catch-stats{display:flex;justify-content:center;gap:22px;margin:12px 0 4px}.catch-stat{display:flex;flex-direction:column;gap:2px}.catch-stat .cs-label{font-size:.62rem;letter-spacing:.14em;color:var(--dim);text-transform:uppercase}.catch-stat .cs-value{font-size:1.05rem;font-weight:700}.catch-value{font-size:1.25rem;font-weight:800;color:var(--gold);margin:8px 0 16px}.catch-xp{font-size:.8rem;color:var(--accent);margin-top:-12px;margin-bottom:14px}.confetti-bit{position:absolute;width:8px;height:8px;border-radius:2px;pointer-events:none;animation:confettiFall 1.4s ease-out forwards}@keyframes confettiFall{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--cx),var(--cy)) rotate(540deg)}}.fish-svg{overflow:visible}.fish-svg.shape-slim{transform:scaleY(.78)}.fish-svg.shape-long{transform:scale(1.15,.55)}.fish-svg.shape-flat{transform:scaleY(1.18)}.fish-svg.shape-billed{transform:scaleX(1.1)}#boot-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:500;background:#06101a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.boot-spin{width:44px;height:44px;border-radius:50%;border:3px solid rgba(95,212,255,.18);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot-text{font-weight:700;letter-spacing:.18em}.boot-sub{font-size:.75rem;color:var(--dim)}.shop-content::-webkit-scrollbar,.journal-scroll::-webkit-scrollbar,.map-grid::-webkit-scrollbar{width:8px}.shop-content::-webkit-scrollbar-thumb,.journal-scroll::-webkit-scrollbar-thumb,.map-grid::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}@media(max-width:760px){:root{font-size:14px}.hud-card{min-width:150px;padding:9px 12px}.hud-buttons{flex-wrap:wrap;justify-content:flex-end}.prompt{bottom:70px;white-space:normal;width:92vw}.power-wrap{bottom:150px}.power-track{width:200px}.reel-wrap{bottom:110px}.hud-bottomleft{display:none}.panel{padding:18px}.panel-wide{height:92vh}}@media(max-height:520px){.screen{overflow-y:auto;align-items:flex-start}.screen>*{margin:auto}.menu-box{padding:8px}.game-title{font-size:2.6rem}.game-sub{margin:2px 0 10px;font-size:.7rem}.menu-buttons{gap:6px;width:230px}.menu-buttons .btn{padding:8px 16px;font-size:.95rem}.menu-save-info{margin-top:8px}.menu-credits{display:none}.panel{padding:12px;max-height:96vh;overflow-y:auto}.panel-wide{height:96vh}.prompt{bottom:12px}.power-wrap,.reel-wrap{bottom:60px}}