.fishing-page{--fr-ink:#dfeee9;--fr-muted:#9bb7b5;--fr-line:#315257;--fr-gold:#edc58b;background:#10282e;color:var(--fr-ink)}
.fr-wrap{max-width:1320px;padding-bottom:36px}.fr-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 0 22px}.fr-header h1{font-family:Georgia,'Noto Serif',serif;font-size:clamp(2.1rem,4vw,3.8rem);font-weight:500;letter-spacing:-.04em;margin:6px 0}.fr-header p{color:var(--fr-muted);margin:0}.fr-kicker{font-size:.7rem;letter-spacing:.17em;color:var(--fr-gold);font-weight:700}.fr-header .btn{border-color:var(--fr-line);color:var(--fr-ink)}
.fr-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#17333a;border:1px solid var(--fr-line);border-radius:12px;margin-bottom:22px}.fr-stats>div{padding:17px 24px;border-inline-end:1px solid var(--fr-line)}.fr-stats>div:last-child{border:0}.fr-stats span{color:var(--fr-muted);font-size:.76rem;display:block}.fr-stats strong{font-size:1.65rem;font-weight:600;color:var(--fr-gold);display:block;margin-top:5px;font-variant-numeric:tabular-nums}
.fr-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px}.fr-fishing{border:1px solid var(--fr-line);border-radius:16px;overflow:hidden;background:#17323a;align-self:start}.fr-scene{height:390px;position:relative;overflow:hidden;background:#315d64}.fr-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fr-scene-head{position:relative;z-index:1;padding:24px;background:linear-gradient(#102b39c4,transparent)}.fr-scene-head h2{font-size:1.55rem;margin:8px 0}.fr-scene-head p{font-size:.78rem;color:#e2efde;margin:0;max-width:80%}.fr-scene-bottom{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:10px;padding:14px 24px;background:#0c2727b5;color:#d3e8e0;font-size:.8rem}.fr-controls{padding:24px}.fr-bait-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;font-size:.82rem;color:var(--fr-muted)}.fr-bait-row select{max-width:75%;background:#102930;color:var(--fr-ink);border:1px solid var(--fr-line);padding:8px 10px;border-radius:7px}
.fishing-page .btn{white-space:normal;line-height:1.35;border-radius:8px;border:1px solid var(--fr-line);background:#22414a;color:var(--fr-ink)}.fishing-page .btn:hover:not(:disabled){background:#2b535b}.fishing-page .btn:disabled{opacity:.45;cursor:not-allowed}.fishing-page .fr-primary{background:var(--fr-gold);color:#15383b;border-color:var(--fr-gold);font-weight:800}.fishing-page .fr-primary:hover:not(:disabled){background:#f9dbaa}.fr-cast{width:100%;min-height:50px;font-size:1rem}.fr-fight-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.fr-fight-head h3{margin:0 0 10px;font-size:1rem}.fr-fight-head span{color:var(--fr-muted);font-size:.75rem}.fr-meter-label{font-size:.75rem;color:var(--fr-muted)}.fr-controls progress{display:block;appearance:none;width:100%;height:9px;margin:7px 0 14px;border:none;border-radius:8px;overflow:hidden;background:#0e252a}.fr-controls progress::-webkit-progress-bar{background:#0e252a}.fr-controls progress::-webkit-progress-value{background:#89cbb3;border-radius:8px}.fr-controls progress::-moz-progress-bar{background:#89cbb3}#fr-tension::-webkit-progress-value{background:#e5b56f}#fr-tension.danger::-webkit-progress-value{background:#ee8871}#fr-tension.danger::-moz-progress-bar{background:#ee8871}.fr-prediction{font-size:.84rem;line-height:1.6;color:#d8c79b}.fr-fight-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fr-hint{font-size:.77rem;line-height:1.6;color:var(--fr-muted);margin:12px 0 0}.fr-notice{font-size:.85rem;line-height:1.6;color:var(--fr-gold);min-height:1.2em;margin:12px 0 0}
.fr-card{border:1px solid var(--fr-line);border-radius:14px;background:#17323a;padding:21px}.fr-port{display:grid;gap:18px;align-content:start}.fr-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.fr-section-title h2{font-size:1rem;margin:0;letter-spacing:.02em}.fr-section-title>span,.fr-section-title>strong{font-size:.77rem;color:var(--fr-muted);font-weight:400}.fr-basket-list{min-height:100px;max-height:190px;overflow:auto}.fr-basket-item{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #31525766;font-size:.79rem}.fr-basket-item>span:last-child{color:var(--fr-gold)}.fr-empty{color:var(--fr-muted);padding:20px 0;font-size:.83rem}.fr-sell,.fr-auto{width:100%;margin-top:15px}.fr-gear-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #31525766}.fr-gear-row span{font-size:.8rem}.fr-gear-row small{display:block;color:var(--fr-muted);font-size:.7rem;margin-top:3px}.fr-gear-row .btn{font-size:.76rem;padding:7px 11px}
.fr-waters,.fr-collection,.fr-guide{margin-top:22px}.fr-water-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.fr-water-card{text-align:start;padding:13px!important;min-height:124px;position:relative}.fr-water-card::before{content:'';display:block;height:4px;background:var(--water-color);border-radius:4px;margin-bottom:12px}.fr-water-card b{display:block;font-size:.82rem}.fr-water-card small{display:block;margin-top:7px;font-size:.7rem;line-height:1.5;color:var(--fr-muted)}.fr-water-card[aria-pressed=true]{border-color:var(--fr-gold)!important;background:#2b4547!important}.fr-catalogue{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.fr-fish-card{border:1px solid #365158;border-radius:9px;padding:14px 10px;text-align:center;background:#122c34;min-height:123px}.fr-fish-icon{width:55px;height:30px;margin:0 auto 6px;color:#90c8b1}.fr-fish-card[data-rarity="1"] .fr-fish-icon{color:#77b9d8}.fr-fish-card[data-rarity="2"] .fr-fish-icon{color:#b59cdc}.fr-fish-card[data-rarity="3"] .fr-fish-icon{color:var(--fr-gold)}.fr-fish-card.locked{opacity:.45}.fr-fish-card b{font-size:.76rem;display:block}.fr-fish-card small{font-size:.65rem;color:var(--fr-muted);display:block;margin-top:5px}.fr-guide{font-size:.82rem;line-height:1.75;color:var(--fr-muted)}.fr-guide summary{cursor:pointer;color:var(--fr-ink);font-weight:700}.fr-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;padding:20px 0 0;font-size:.75rem;color:var(--fr-muted)}.fr-float{animation:fr-bob 2.7s ease-in-out infinite}.fr-ripple{animation:fr-ripple 3s ease-in-out infinite;transform-origin:510px 302px}@keyframes fr-bob{50%{transform:translateY(4px)}}@keyframes fr-ripple{50%{opacity:.1;transform:scaleX(1.3)}}
@media(max-width:900px){.fr-layout{grid-template-columns:1fr}.fr-port{grid-template-columns:1fr 1fr}.fr-water-list,.fr-catalogue{grid-template-columns:repeat(3,minmax(0,1fr))}.fr-scene{height:330px}}
@media(max-width:520px){.fr-header{padding-top:22px;gap:12px}.fr-header .btn{font-size:.72rem}.fr-header p{font-size:.8rem}.fr-stats{grid-template-columns:repeat(2,1fr)}.fr-stats>div{padding:13px 16px;border-bottom:1px solid var(--fr-line)}.fr-stats strong{font-size:1.3rem}.fr-port{grid-template-columns:1fr}.fr-controls,.fr-card{padding:17px}.fr-scene{height:290px}.fr-scene-head{padding:18px}.fr-scene-head p{max-width:100%}.fr-scene-bottom{padding:12px 18px;flex-wrap:wrap}.fr-water-list,.fr-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}.fr-section-title{align-items:flex-start}.fr-section-title>span{text-align:end;max-width:58%}.fr-fight-actions .btn{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.fr-float,.fr-ripple{animation:none}}
.fr-header{flex-wrap:wrap}.fr-header>div{max-width:100%}.fr-header h1{overflow-wrap:anywhere}
.fr-meter-label{display:flex;justify-content:space-between;gap:10px}
/* Field journal framing and illustrated specimens. */
.fishing-page{background:radial-gradient(ellipse at 12% 0,#274b48 0,transparent 45%),radial-gradient(ellipse at 95% 65%,#173e4a 0,transparent 50%),#0c232b}
.fr-header h1{text-shadow:0 4px 28px #091f2844}.fr-stats{background:linear-gradient(110deg,#203e42,#16313b);box-shadow:0 12px 34px #04172026}.fr-card{background:linear-gradient(145deg,#1b373e,#142e37);box-shadow:0 10px 24px #061c2422}.fr-fishing{box-shadow:0 20px 55px #03151e44}.fr-scene{height:430px}.fr-scene-head{pointer-events:none;padding:28px 28px 65px;background:linear-gradient(#102b39b8,transparent)}.fr-scene-head h2{font-family:Georgia,'Noto Serif',serif;font-size:1.9rem;font-weight:500}.fr-scene-bottom{background:linear-gradient(transparent,#071f32d9);padding-top:28px;pointer-events:none;text-shadow:0 1px 4px #071f32}.fr-scene-bottom>span:first-child::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#b7dfb7;margin-inline-end:8px;box-shadow:0 0 10px #b7dfb766}.fr-scene[data-phase=fight] .fr-scene-bottom>span:first-child::before{background:#f5c783}.fr-line-danger .fr-scene-bottom{color:#ffd4a1}
.fr-sky-top{stop-color:var(--sky-top,#224959)}.fr-sky-bottom{stop-color:var(--sky-bottom,#d6cba0)}.fr-water-top{stop-color:var(--water-top,#438d85)}.fr-water-bottom{stop-color:var(--water-bottom,#102f43)}.fr-islands,.fr-boat{display:none}.fr-scene[data-water=coast] .fr-islands,.fr-scene[data-water=reef] .fr-islands,.fr-scene[data-phase=auto] .fr-boat{display:block}.fr-scene[data-water=coast] .fr-mountains,.fr-scene[data-water=reef] .fr-mountains{opacity:.25}.fr-scene[data-water=abyss] .fr-mountains{opacity:.5}.fr-scene[data-water=abyss] .fr-underwater-plants{stroke:#a192d5}.fr-clouds{animation:fr-drift 30s ease-in-out infinite alternate}.fr-wave-lines{animation:fr-water-drift 6s ease-in-out infinite alternate}.fr-reflection{animation:fr-shimmer 4s ease-in-out infinite}.fr-reeds{transform-origin:55px 500px;animation:fr-reed-sway 4s ease-in-out infinite alternate}.fr-underwater-plants{transform-origin:810px 500px;animation:fr-reed-sway 5s ease-in-out infinite alternate}.fr-ambient-fish{animation:fr-school 18s ease-in-out infinite alternate}.fr-boat{animation:fr-boat-bob 3s ease-in-out infinite}.fr-controls{background:linear-gradient(#18363f,#142e38)}.fr-fight-head{border-bottom:1px solid #52717255;margin-bottom:16px;padding-bottom:5px}.fr-primary{box-shadow:0 4px 14px #04151e30}.fr-fight-actions .btn,.fr-cast{transition:background .2s,box-shadow .2s}.fr-cast:hover:not(:disabled){box-shadow:0 4px 25px #e5c08526}
.fr-basket-item{align-items:center;gap:10px}.fr-basket-fish{width:58px;height:34px;flex:0 0 58px;filter:drop-shadow(0 3px 3px #04172166)}.fr-basket-name{flex:1;min-width:0}.fr-water-card{overflow:hidden;background:linear-gradient(165deg,#294d54,#17313e)!important}.fr-water-card::before{height:26px;border-radius:60% 35% 40% 20%;opacity:.7;background:linear-gradient(170deg,var(--water-color),#244859);box-shadow:15px 6px 0 -3px #bce4d422}.fr-water-card[aria-pressed=true]{box-shadow:inset 0 0 25px #c4c48a10}.fr-water-card[aria-pressed=true]:disabled{opacity:1}
.fr-catalogue{gap:12px}.fr-fish-card{position:relative;overflow:hidden;min-height:170px;padding:15px 10px 17px;border-color:#41616a;background:radial-gradient(ellipse at 50% 20%,#31575d66,transparent 68%),#102b36;transition:border-color .2s,background .2s}.fr-fish-card::after{content:'';position:absolute;inset:6px;border:1px solid #77969413;border-radius:5px;pointer-events:none}.fr-fish-icon{display:block;width:100%;max-width:168px;height:85px;margin:0 auto 8px;filter:drop-shadow(0 5px 4px #031b2955);transition:transform .25s}.fr-fish-card:hover .fr-fish-icon{transform:translateY(-3px)}.fr-fish-card[data-rarity="1"]{border-color:#477786}.fr-fish-card[data-rarity="2"]{border-color:#867d9d;background-color:#232c41}.fr-fish-card[data-rarity="3"]{border-color:#b39b68;background:radial-gradient(ellipse at 50% 20%,#9e885b33,transparent 75%),#293239}.fr-fish-card.locked{opacity:1;border-style:dashed;border-color:#37535e}.fr-fish-card.locked .fr-fish-icon{opacity:.68;filter:saturate(.72) drop-shadow(0 4px 3px #031b2955)}.fr-fish-card.locked b{color:#b1c6c4}.fr-fish-card small{line-height:1.5;min-height:2.5em}.fr-specimen-number{position:absolute;inset-block-start:10px;inset-inline-start:12px;font-size:.6rem;font-variant-numeric:tabular-nums;letter-spacing:.13em;color:#a4bdb177}.fr-fish-card:not(.locked) .fr-specimen-number{color:var(--fr-gold)}
@keyframes fr-drift{to{transform:translateX(36px)}}@keyframes fr-water-drift{to{transform:translateX(13px);opacity:.5}}@keyframes fr-shimmer{50%{opacity:.12;transform:translateY(2px)}}@keyframes fr-reed-sway{to{transform:skewX(3deg)}}@keyframes fr-school{to{transform:translate(-110px,12px)}}@keyframes fr-boat-bob{50%{transform:translateY(3px)}}
@media(max-width:900px){.fr-scene{height:410px}.fr-fish-icon{max-width:180px;height:94px}}
@media(max-width:520px){.fr-scene{height:340px}.fr-scene-head{padding:20px 18px 55px}.fr-scene-head h2{font-size:1.6rem}.fr-fish-card{min-height:160px}.fr-fish-icon{height:80px}.fr-basket-fish{width:50px;flex-basis:50px}.fr-catalogue{gap:9px}}
@media(prefers-reduced-motion:reduce){.fr-scene *{animation:none!important}.fr-fish-icon,.fr-fight-actions .btn,.fr-cast,.fr-fish-card{transition:none}}