:root{--gold:#e9c17b;--ink:#102928;--paper:#f3eddb;--muted:#afc2b9;--glass:rgba(13,35,35,.82)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#0b2023;color:var(--paper);font-family:Arial,Helvetica,sans-serif}button{font:inherit;color:inherit;cursor:pointer;border:0;touch-action:manipulation}button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{cursor:default;opacity:.45}button:not(:disabled):active{filter:brightness(1.16)}button,canvas{touch-action:none}#app{position:relative;width:100%;height:100%;max-width:200vh;margin:0 auto;overflow:hidden;background:#143431}#landscape{position:absolute;inset:0;background:#183c47 center/cover no-repeat;transition:background-image .5s}#scene{position:absolute;inset:0;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#071c2699,transparent 24%,transparent 55%,#081e24d9 100%)}.hidden{display:none!important}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--gold)}#loading{position:absolute;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#132f31;color:#dcc59d;font-size:12px;letter-spacing:4px}.spinner{height:40px;width:40px;border:1px solid #dec49144;border-top-color:#dec491;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#hud{position:absolute;top:0;left:0;right:0;padding:26px 34px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.place{background:none;text-align:left;padding:0}.place-name{display:block;font:32px Georgia,serif;margin:8px 0}.place-name small{font:18px Arial;color:#e9c17b;margin-left:9px}.weather{font-size:11px;letter-spacing:.5px;color:#e7e9dd}.wallet{display:flex;gap:20px;align-items:center}.rank{display:flex;align-items:center;gap:10px}.rank>span{border:1px solid #d9be87;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font:22px Georgia;color:var(--gold)}small{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#bbcdc1}.xpbar{width:58px;height:3px;background:#ffffff36;margin-top:8px}.xpbar i{display:block;background:var(--gold);height:100%}.coins{font-size:20px;white-space:nowrap}.coins>span{color:var(--gold);font-size:25px;margin-right:4px}.coins b{font-weight:500}.icon-button{background:#132d2bbb;border:1px solid #dfd9bd40;border-radius:50%;width:42px;height:42px;font-size:22px;display:grid;place-items:center;flex-shrink:0}#rail{position:absolute;left:30px;top:185px;display:grid;gap:18px}#rail button{position:relative;display:flex;align-items:center;gap:14px;background:none;font-size:11px;letter-spacing:.4px;padding:0;text-shadow:0 2px 8px #000}#rail .nav-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#112c2bbc;border:1px solid #d7e9cd2c;font:27px Georgia;color:#e9cc9c}#rail button:hover .nav-icon{background:#2b4b44}.nav-icon+span{font-weight:600}#taskDot{position:absolute;left:35px;top:0;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}#questPreview{position:absolute;right:34px;top:137px;text-align:right;max-width:260px;text-shadow:0 2px 8px #000}#questPreview strong{display:block;font-size:13px;font-weight:400;margin:8px 0}#questCount{font-size:11px;color:#c7d8cb}#intro{position:absolute;left:9%;top:15%;width:470px}.intro-tag{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2px;color:#f2dcae}.intro-tag>span:first-child{height:1px;width:30px;background:#f2dcae}h1{font:clamp(65px,8vw,112px)/.98 Georgia,'Times New Roman',serif;font-weight:400;margin:28px 0 20px;letter-spacing:-3px;text-shadow:0 4px 32px #05182145}.subtitle{font-size:13px;letter-spacing:6px;color:#f1dab0;margin:0 0 27px}.intro-copy{font-size:15px;line-height:1.9;color:#ececdb;text-shadow:0 2px 8px #0005}.gold{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 26px;background:linear-gradient(120deg,#eed098,#d6ad67);color:#18332e;font-size:11px;font-weight:700;letter-spacing:1.5px;border-radius:4px;box-shadow:0 6px 22px #001b2330}.gold:hover{background:#f5dca6}#start{width:260px;margin-top:27px}.intro-features{font-size:10px;color:#dce2d3;margin-top:20px;letter-spacing:.4px}.text-button{background:none;text-decoration:underline;text-underline-offset:4px;font-size:11px;color:#d5dfd0;padding:10px 3px}#introLang{margin-top:12px;font-size:10px}#castHint{position:absolute;bottom:206px;left:50%;transform:translateX(-50%);width:440px;text-align:center;pointer-events:none;text-shadow:0 3px 14px #042426}#castHint h2{font:28px Georgia;margin:9px 0}#castHint p{font-size:12px;line-height:1.7;margin:0;color:#e2e9dc}#castMeter,#fightMeter{position:absolute;bottom:173px;left:50%;transform:translateX(-50%);width:330px;border-radius:8px;background:#122d2bf2;padding:17px 20px;border:1px solid #ebd8af30;box-shadow:0 5px 30px #041c2266}.meterlabel{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.2px;color:#bdd1c5}.meterlabel b{color:#e3c68e;font-size:11px}.powerTrack{position:relative;height:8px;margin:14px 0 10px;background:#49665c;border-radius:3px}.powerTrack .sweet{position:absolute;left:68%;width:18%;height:8px;background:#deb97a}.powerTrack i{position:absolute;top:-5px;width:3px;height:18px;background:#fff4d6;box-shadow:0 0 8px #eec988}.meterEnds{display:flex;justify-content:space-between;font-size:9px;color:#a5bdb1}.tensionTrack,.distanceTrack{height:8px;background:#25473f;border-radius:3px;margin:9px 0 13px;position:relative;overflow:hidden}.tensionTrack i,.distanceTrack i{display:block;background:#83bc9e;width:0%;height:100%;transition:background .15s}.tensionTrack span{position:absolute;left:80%;top:0;bottom:0;width:1px;background:#edc3a6}.distanceTrack{height:3px;margin-bottom:0}.distanceTrack i{background:#e8c68e}.distance{font-size:8px}.bottom-bar{position:absolute;bottom:28px;left:34px;right:34px;display:flex;align-items:center;gap:14px}.loadout,.bait-select{display:flex;align-items:center;gap:15px;text-align:left;background:#102e2cc9;padding:17px 20px;border:1px solid #d3deb42b;border-radius:8px;min-height:79px;backdrop-filter:blur(12px)}.loadout small,.bait-select small{display:block;margin-bottom:6px}.loadout b,.bait-select b{display:block;font-size:13px;font-weight:500}.loadout div>span{display:block;color:#b0cbb7;font-size:10px;margin-top:5px}.rod-symbol{font-size:44px;color:#dfbd81;transform:rotate(-25deg)}.bait-select>span:first-child{font-size:25px;color:#dbbf8c}.bait-select>span:last-child{margin-left:20px;color:#b6ceba}.action-wrap{margin-left:auto;display:flex;align-items:center;flex-direction:column;gap:10px;min-width:150px}.action{border-radius:50%;width:116px;height:116px;background:linear-gradient(145deg,#f4d7a2,#d5aa64);color:#203c32;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 0 0 7px #183c3877,0 0 0 8px #e7c28e8c,0 9px 30px #0005;transition:box-shadow .2s;touch-action:none}.action-icon{font:35px Georgia}.action b{font-size:10px;letter-spacing:1px;max-width:100px}.action:disabled{opacity:.7;background:#c7d1bb}.action.reeling{box-shadow:0 0 0 7px #d5b06d33,0 0 30px #e6c0859c}.action.bite{animation:bite .5s ease-in-out infinite alternate}@keyframes bite{to{box-shadow:0 0 0 13px #d5b06d55,0 0 45px #e6c085}}#actionHelp{font-size:9px;letter-spacing:.5px;color:#d8e0cf}#cancelCast{position:absolute;right:59px;bottom:184px}.depth{position:absolute;bottom:135px;left:36px;color:#b9d1c2;font-size:9px;letter-spacing:1px}.depth b{color:#e8dbc0;font:17px Georgia;margin-left:5px}#toast{position:absolute;left:50%;top:115px;transform:translate(-50%,-15px);opacity:0;pointer-events:none;padding:12px 20px;max-width:80%;border:1px solid #b5cfb055;background:#102d2dec;border-radius:5px;font-size:12px;text-align:center;z-index:70;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.modal{position:absolute;inset:0;z-index:40;background:#061e25aa;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:26px}.modal-box{width:820px;max-width:100%;max-height:100%;background:#122c2c;border:1px solid #c6c8a44a;border-radius:14px;box-shadow:0 30px 90px #001619aa;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:25px 28px 20px;border-bottom:1px solid #bdd0b520;flex-shrink:0}.modal-header h2{font:32px Georgia;margin:8px 0 0}.modal-header .icon-button{background:none}.modal-content{padding:24px 28px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7c9a87 #173c34;touch-action:pan-y}.modal-content button{touch-action:manipulation}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{border:1px solid #95b69a30;background:#193735;border-radius:9px;overflow:hidden}.card .inside{padding:17px}.card h3{font:22px Georgia;margin:0 0 9px}.card p{font-size:11px;color:#b0c5b7;line-height:1.7;margin:7px 0 15px}.card .gold{width:100%;padding:13px;min-height:42px;letter-spacing:.5px;font-size:10px;justify-content:center}.loc-img{height:138px;background-size:cover;background-position:center}.tag{display:inline-block;font-size:9px;color:#e5c990;padding:5px 8px;background:#d5b78513;border:1px solid #b9be9130;border-radius:3px;margin-bottom:10px}.muted{color:#afc2b7;font-size:12px;line-height:1.7}.section-title{font:21px Georgia;margin:24px 0 15px}.section-title:first-child{margin-top:0}.gear-art{font:60px Georgia;color:#debd84;height:80px;display:grid;place-items:center}.level-dots{display:flex;gap:5px;margin:10px 0}.level-dots i{width:23px;height:3px;background:#38564b}.level-dots i.on{background:#d7ba82}.bait-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bait-card{background:#1b3c37;border:1px solid #728f7040;border-radius:8px;padding:16px 10px;text-align:center}.bait-card.selected{border-color:#e4c07e;background:#bda16b19}.bait-card>span{display:block;font-size:32px;color:#ddcda4;margin:6px}.bait-card b{font-size:12px}.bait-card small{display:block;font-size:9px;line-height:1.5;margin-top:8px;letter-spacing:0}.fish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fish-card{border:1px solid #98b49725;background:radial-gradient(ellipse at center,#345750,#193633 75%);border-radius:9px;text-align:center;padding:10px}.fish-card svg{width:100%;height:85px}.fish-card h3{font:18px Georgia;margin:4px 0 7px}.fish-card small{font-size:10px;letter-spacing:0;line-height:1.5}.fish-card.unknown svg{filter:brightness(.25);opacity:.7}.fish-card.unknown h3{color:#839a8b}.rarity{font-size:9px;letter-spacing:1.5px;color:#dfbf86}.task{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #abbf9c25}.task .task-icon{font:30px Georgia;color:#dec38e}.task .desc{flex:1}.task h3{font-size:14px;font-weight:400;margin:0 0 7px}.task p{font-size:11px;color:#a7c1af;margin:0;line-height:1.6}.task button{padding:12px;font-size:10px;letter-spacing:0;min-height:40px;white-space:nowrap}.task-progress{height:3px;background:#385549;margin-top:12px}.task-progress i{display:block;height:100%;background:#dfbd7d}.catch-card{text-align:center}.catch-card .fish-art{width:100%;height:160px;filter:drop-shadow(0 15px 25px #021e1f)}.catch-card h3{font:35px Georgia;margin:0 0 7px}.catch-measures{display:flex;justify-content:center;gap:35px;margin:20px 0}.catch-measures b{font:30px Georgia;color:#ecd3a5;display:block}.catch-measures small{font-size:9px}.catch-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.secondary{background:#23463e;color:#e0d8ba;border:1px solid #9fba8a55;border-radius:4px;padding:13px 18px;font-size:11px}.catch-card p{font-size:12px;color:#bdd0bf}.new-badge{display:inline-block;background:#d9b86b24;border:1px solid #d9b86b66;color:#e9c784;font-size:9px;padding:6px 11px;border-radius:3px;letter-spacing:1.5px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:16px;border-bottom:1px solid #a7c09e24;font-size:13px}.settings-row button{min-width:110px}.help-list{padding-left:20px;line-height:1.8;color:#c3d1c2;font-size:13px}.help-list li{margin:10px 0}.pause-overlay{position:absolute;inset:0;z-index:80;background:#0a2529db;backdrop-filter:blur(10px);display:grid;place-items:center;text-align:center}.pause-overlay h2{font:55px Georgia;margin:20px 0}.pause-overlay p{color:#c2d4c1;font-size:13px}.pause-overlay .gold{margin:30px auto}.shake{animation:alert .15s linear infinite alternate}@keyframes alert{to{transform:translateX(2px)}}
@media(max-width:800px){#hud{padding:18px 20px}.place-name{font-size:25px}.wallet{gap:12px}.rank>div{display:none}.rank>span{width:34px;height:34px;font-size:18px}.coins{font-size:17px}.coins>span{font-size:20px}#rail{left:20px;top:150px;gap:14px}#rail button{gap:10px}#rail .nav-icon{width:38px;height:38px}#questPreview{right:20px;top:120px;max-width:180px}#questPreview strong{font-size:11px}.bottom-bar{left:20px;right:20px;bottom:24px;gap:10px}.loadout,.bait-select{padding:12px;gap:10px}.bait-select>span:last-child{display:none}.action-wrap{min-width:110px}.action{width:96px;height:96px}.depth{left:22px}.cards{gap:10px}.card .inside{padding:13px}.card h3{font-size:20px}}
@media(max-width:560px){#app{max-width:none}#hud{padding:19px 16px}.eyebrow{font-size:8px;letter-spacing:1.5px}.place-name{font-size:24px;margin:6px 0}.weather{font-size:9px}.wallet{gap:8px}.wallet .rank{display:none}.icon-button{width:36px;height:36px;font-size:20px}.coins{font-size:16px}#rail{top:128px;left:14px;gap:12px}#rail button{display:flex;flex-direction:column;gap:4px;font-size:8px}#rail .nav-icon{width:39px;height:39px;font-size:23px;border-radius:10px}#questPreview{right:16px;top:114px;max-width:175px}#questPreview strong{font-size:11px}#intro{left:8%;top:18%;width:84%}h1{font-size:83px;margin-top:26px}.subtitle{font-size:11px;letter-spacing:4px}.intro-tag{font-size:8px;letter-spacing:1.5px}.intro-copy{font-size:14px}#start{width:240px}.bottom-bar{left:14px;right:14px;bottom:26px;align-items:flex-end;gap:8px}.loadout{display:none}.bait-select{padding:12px;min-height:66px;gap:9px;max-width:190px}.bait-select b{font-size:12px}.bait-select small{font-size:8px}.action-wrap{min-width:111px}.action{width:98px;height:98px}#actionHelp{font-size:8px}.depth{left:18px;bottom:105px;font-size:8px}#castHint{width:78%;bottom:211px;left:55%}#castHint h2{font-size:25px}#castHint p{font-size:11px}#castMeter,#fightMeter{bottom:173px;width:270px;left:54%;padding:14px 17px}#cancelCast{right:24px;bottom:151px;font-size:10px}.modal{padding:12px}.modal-header{padding:19px 18px 16px}.modal-header h2{font-size:27px}.modal-content{padding:18px}.cards{grid-template-columns:1fr}.loc-img{height:125px}.card{display:block}.card .inside{padding:16px}.bait-grid{grid-template-columns:repeat(2,1fr)}.fish-grid{grid-template-columns:repeat(2,1fr);gap:9px}.fish-card h3{font-size:17px}.fish-card svg{height:65px}.task{gap:10px}.task h3{font-size:12px}.task p{font-size:10px}.task button{font-size:9px;padding:9px}.catch-card .fish-art{height:135px}.catch-card h3{font-size:29px}.catch-measures{gap:23px}.catch-measures b{font-size:25px}.catch-actions{gap:9px}.catch-actions button{width:100%;justify-content:center}.help-list{font-size:12px}.settings-row{font-size:12px}#toast{top:88px;font-size:11px;width:90%;max-width:90%}}
@media(max-height:580px) and (min-width:561px){#hud{padding:13px 22px}.place-name{font-size:24px;margin:4px 0}.weather{font-size:9px}#rail{top:107px;left:20px;gap:10px}#rail .nav-icon{width:33px;height:33px}#questPreview{top:98px;right:23px}.bottom-bar{bottom:13px;left:22px;right:22px}.loadout,.bait-select{min-height:64px;padding:10px 13px}.action{width:82px;height:82px}.action-icon{font-size:26px}.action b{font-size:8px}#actionHelp{font-size:8px}#castHint{bottom:139px}#castHint h2{font-size:24px;margin:6px 0}#castHint p{font-size:10px}#castMeter,#fightMeter{bottom:123px;padding:11px 16px;width:290px}.depth{bottom:91px;left:25px}#cancelCast{bottom:122px;right:43px}#intro{top:12%;left:12%;width:70%}h1{font-size:66px;margin:17px 0 10px}h1 br{display:none}.intro-copy{font-size:12px;line-height:1.6}.subtitle{margin-bottom:13px;font-size:10px}#start{margin-top:14px;min-height:44px}.intro-features{margin-top:12px}#introLang{margin-top:0}.intro-tag{font-size:8px}.modal-header{padding:14px 22px}.modal-header h2{font-size:25px}.modal-content{padding:16px 22px}.catch-card .fish-art{height:92px}.catch-card h3{font-size:27px}.catch-measures{margin:12px 0}.catch-actions{margin-top:14px}.catch-actions .gold{min-height:43px}.catch-card p{margin:8px 0}.catch-measures b{font-size:23px}.modal{padding:12px}.loc-img{height:80px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition:none!important}}

.nav-icon svg{width:26px;height:26px}.rod-symbol svg{width:32px;height:40px}.bait-select>span:first-child svg{width:24px;height:28px}.bait-card>span svg{width:38px;height:38px}.gear-art svg{width:68px;height:68px}.intro-mode .vignette{background:linear-gradient(90deg,#06252b88,transparent 75%),linear-gradient(0deg,#071e27aa,transparent 70%)}#intro{text-shadow:0 2px 14px #001c29aa}.rod-symbol{transform:none}

@media(max-height:650px) and (max-width:560px){#intro{top:9%}#intro h1{font-size:68px;margin:20px 0 15px}#intro .subtitle{margin-bottom:18px}#intro .intro-copy{line-height:1.6}#intro #start{margin-top:18px}#intro .intro-features{margin-top:14px}}
#questPreview{background:#102d2bb3;border:1px solid #d8c79344;padding:12px 15px;border-radius:7px;text-align:left;backdrop-filter:blur(8px);max-width:270px;cursor:pointer}#questPreview strong{line-height:1.4;margin:7px 0}#nextReward{display:block;font-size:10px;letter-spacing:0;font-weight:400;line-height:1.45;color:#e5c897;max-width:240px}.goal-track{height:3px;background:#d8dcb633;margin:9px 0}.goal-track i{display:block;background:#e4c28a;height:100%}.journal-tabs{display:flex;gap:6px;margin-bottom:18px}.journal-tabs button{flex:1;padding:12px 8px;background:#24443e;color:#afc7b4;font-size:12px;border-radius:5px}.journal-tabs button.on{color:#14342b;background:#e5c38b}.journey-focus{border:1px solid #d0ad724e;border-radius:8px;background:linear-gradient(120deg,#29483e,#163333);padding:24px}.journey-focus h3{font:29px Georgia;margin:13px 0}.journey-focus p{font-size:13px;line-height:1.8;color:#d1deca}.journey-progress{height:6px;border-radius:3px;overflow:hidden;background:#6e84604d;margin:18px 0 10px}.journey-progress i{display:block;background:#e4bd7b;height:100%}.journey-meta{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.5;margin:10px 0 18px;color:#d8c18f}.journey-meta b{font-weight:400}.chapter-list{margin:18px 0}.chapter-row{display:flex;gap:17px;align-items:center;border-bottom:1px solid #b8d3a41a;padding:14px 5px}.chapter-row>span{color:#c6aa76;font-size:19px;min-width:26px}.chapter-row b{font-size:12px;font-weight:400}.chapter-row small{display:block;letter-spacing:0;font-weight:400;font-size:10px;color:#a4baa9;margin-top:5px}.chapter-row.current{background:#d7b7790b}.order-focus{text-align:center}.order-fish{width:100%;height:110px}.order-focus .journey-meta{justify-content:center}.catch-progress{margin:14px auto 6px;max-width:500px;border:1px solid #d9c49b2c;border-radius:6px;padding:12px;background:#0d282733;display:grid;gap:8px;font-size:11px;color:#c1d8bd}.catch-progress strong{color:#f4ce7d}.catch-progress button{font-size:10px;min-height:38px}.legend-card .tag{color:#f3d496}.legend-card h3{font-size:22px}
@media(max-width:560px){#questPreview{max-width:210px;right:14px;top:111px;padding:10px}#questPreview strong{font-size:11px}#nextReward{font-size:9px}#questCount{font-size:9px}.journal-tabs{gap:4px;flex-wrap:wrap}.journal-tabs button{font-size:10px;padding:12px 5px}.journey-focus{padding:16px}.journey-focus h3{font-size:24px}.journey-focus p{font-size:12px}.journey-meta{font-size:11px}.catch-progress{font-size:10px}.catch-card .fish-art{height:105px}}
@media(max-height:580px) and (min-width:561px){#questPreview{max-width:220px;top:100px;padding:9px 12px}#questPreview strong{font-size:11px}#nextReward{font-size:9px}.catch-card .fish-art{height:80px}}
/* Active techniques and replayable trips */
#techToolbar{position:absolute;left:34px;bottom:161px;display:flex;gap:5px;padding:6px;background:#102d2bea;border:1px solid #c9bb8544;border-radius:8px}#techToolbar button{padding:11px 12px;background:transparent;border-radius:4px;font-size:11px;color:#b9d0bf}#techToolbar button.selected{background:#e5c38b;color:#193b32}#techToolbar #runButton{border-left:1px solid #c4c79a44;color:#f0d29b}#runBadge{position:absolute;top:137px;right:34px;max-width:280px;background:#102d2be8;border:1px solid #d9bc7955;border-radius:8px;padding:14px;text-align:left}#runBadge strong,#runBadge small{display:block;margin-top:8px}#runBadge strong{font:18px Georgia}#runBadge small{letter-spacing:0;font-weight:400;line-height:1.5}.in-run{display:none!important}#lurePanel,#sonarPanel{position:absolute;bottom:173px;left:50%;transform:translateX(-50%);width:370px;padding:17px 20px;border:1px solid #ebd8af40;border-radius:8px;background:#102c2cf5;box-shadow:0 5px 30px #041c2266}#lurePanel .distanceTrack{height:6px;margin-top:12px}.speed-track,.steer-track{position:relative;height:12px;background:#34584e;border-radius:5px;margin:14px 0 20px;overflow:hidden}.speed-track i,.steer-track i{position:absolute;height:100%;background:#e7c58199}.speed-track b,.steer-track b{position:absolute;top:0;width:4px;height:100%;background:#fff8dd;box-shadow:0 0 7px white}.steer-track{margin-bottom:0}.steer-track i{background:#81c7a47d}#fightMeter .meterlabel:last-of-type{margin-top:14px}#sonarCanvas{display:block;width:100%;height:145px;margin:12px 0;border-radius:5px;cursor:crosshair}.action.steer-pad{width:182px;height:95px;border-radius:18px}.action.steer-pad b{max-width:160px}.trip-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.trip-option{padding:18px;text-align:left;background:#1b3c37;border:1px solid #aac8a633;border-radius:8px}.trip-option.selected{background:#524f35;border-color:#e4c07e}.trip-option b{display:block;font:20px Georgia;margin-bottom:10px}.trip-option small{display:block;font-size:11px;line-height:1.7;font-weight:400;letter-spacing:0;color:#c4d4c0}.division-control{display:flex;align-items:center;gap:12px;margin:20px 0}.division-control span{margin-right:auto;font-size:13px}.division-control button{min-width:45px}.trip-strip{display:flex;justify-content:space-between;gap:15px;padding:16px;background:#2c493e;border-radius:6px;color:#e9cf9f;font-size:13px}.trip-result{text-align:center}.trip-result h3{font:34px Georgia;margin:12px}.trip-result>strong{font:42px Georgia;color:#eacb95}.trip-result p{font-size:12px;color:#c4d4bf}.medal{font:66px Georgia;color:#b8d0bc}.medal.gold{display:block;background:none;box-shadow:none;color:#f2cc82;padding:0;min-height:0}.medal.silver{color:#d2e1e7}.medal.bronze{color:#d6aa7c}.trip-catches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.trip-catches>div{padding:12px;background:#1e3c35;border-radius:5px;display:grid;gap:7px}.trip-catches span{font-size:10px;color:#a5bca9}.trip-catches b{font-size:12px;font-weight:400}.trip-catches small{letter-spacing:0;color:#e7c798}
@media(max-width:800px){#techToolbar{left:20px;bottom:152px}#techToolbar button{font-size:10px;padding:10px 8px}.hands-on #techToolbar{opacity:.4;pointer-events:none}#runBadge{right:20px;top:120px;max-width:230px}}
@media(max-width:560px){#techToolbar{top:105px;bottom:auto;left:14px;right:14px;justify-content:space-between}#techToolbar button{padding:10px 8px;font-size:10px}#rail{top:167px}#questPreview,#runBadge{top:164px;right:14px;max-width:210px}#runBadge strong{font-size:16px}#runBadge small{font-size:10px}.hands-on #techToolbar{display:none}.active-tech #rail,.active-tech #questPreview,.hands-on #runBadge{display:none}#lurePanel,#sonarPanel{width:min(330px,calc(100% - 28px));bottom:173px;padding:14px 17px;left:50%}#fightMeter{left:50%;width:min(330px,calc(100% - 28px))}.action.steer-pad{width:174px;height:96px}.hands-on .bait-select{max-width:132px}.hands-on .bait-select>span:first-child{display:none}.trip-options{grid-template-columns:1fr}.trip-option{padding:14px}.trip-option b{font-size:19px;margin-bottom:7px}.trip-catches{grid-template-columns:repeat(2,1fr)}#castHint{left:50%}}
@media(max-height:580px) and (min-width:561px){#techToolbar{left:22px;bottom:114px}#techToolbar button{padding:8px;font-size:10px}#runBadge{top:100px;right:23px;max-width:220px}#lurePanel,#sonarPanel{bottom:123px;width:300px;padding:11px 16px}#sonarCanvas{height:105px}.hands-on #techToolbar{display:none}.action.steer-pad{height:78px;width:158px}.hands-on #castHint{display:none}}
@media(max-height:680px) and (max-width:560px){.hands-on #castHint{display:none}#runBadge small{display:none}#questPreview{max-width:190px}#lurePanel,#sonarPanel,#fightMeter{bottom:163px}.action.steer-pad{width:155px}.hands-on .bait-select{max-width:115px}}
#fightMeter .rod-label{margin-top:14px}
@media(max-width:360px){#hud .place{max-width:calc(100% - 105px)}.place-name{font-size:18px;white-space:nowrap}.place-name small{font-size:12px;margin-left:2px}.weather{font-size:8px}.wallet{gap:6px}.coins{font-size:14px}#hud .eyebrow{font-size:7px;letter-spacing:.7px}}
@media(max-height:680px) and (max-width:560px){#questPreview{display:none}#castHint{left:58%;width:70%}#castHint h2{font-size:22px}#castHint p{font-size:10px}}
