:root{color-scheme:dark;--bg:#070b0d;--paper:#10181c;--ink:#eff7f8;--muted:#9badb4;--line:#25373d;--green:#00e7c2;--mint:#113c38;--gold:#f4c56a;--orange:#edac74;--dark:#092725;--radius:13px}body{background-color:var(--bg);background-image:linear-gradient(30deg,transparent 49.8%,#00e7c206 50%,transparent 50.2%),linear-gradient(150deg,transparent 49.8%,#00e7c205 50%,transparent 50.2%);background-size:240px 420px}h1,h2,h3{font-family:Segoe UI,Arial,sans-serif;font-weight:750}h1{font-size:34px;letter-spacing:-1px}.sidebar{background:#090f12}.brand{color:white}.brand-mark{background:#00e7c2;color:#06231d;box-shadow:0 0 24px #00e7c226;border-radius:10px}.sidebar nav a{color:#9badb4}.sidebar nav a.active{background:#00e7c21a;box-shadow:inset 3px 0 #00e7c2}.sidebar nav a:hover{background:#14262a}.topbar{background:#0a1014}.avatar{background:#113c38}.live-dot{background:#00e7c2;box-shadow:0 0 8px #00e7c266}.btn{background:#00e7c2;color:#05231d;border-radius:7px;font-weight:750}.btn:hover{filter:brightness(1.1)}.btn.secondary,.btn.light{background:#11282a;color:#d6fff7;border-color:#27514e}.btn.danger,.delete-row{background:#35211f;color:#ffb09c;border-color:#684039}.pill{background:#0c171b}.stat{background:linear-gradient(135deg,#142026,#0c1519);border-radius:12px}.stat strong{color:#f0fffc}.card,.table-wrap{box-shadow:0 9px 28px #00000018}.fish-art,.fish-art.salmon,.fish-art.trout{background:radial-gradient(ellipse at 50% 100%,#1a423e,#111b20)}.fish-art .badge{background:#0b171de8}.gear-icon{background:#1b2b30;border-color:#32484b}.notice{background:#102c29;border-color:#245048;color:#b9e3d7}.notice.warn{background:#302719;border-color:#655130;color:#edce98}.badge.warn{background:#3b2e1c;color:#edce98}.badge.gray{background:#263339;color:#b7c6cb}.zone-map{background:#122827}.zone-symbol{color:#00e7c2}.meter{background:#23373a}.meter i{background:#00d4b4}.mobile-nav{background:#091216f5}.mobile-nav a{color:#96afb7}dialog{background:var(--paper);color:var(--ink);border-color:var(--line)}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-close{background:#1e3339;color:white}table tr:hover{background:#142a2b}input:focus,select:focus{border-color:#00e7c2}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#00e7c2}.level-picker{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.level-picker button{width:39px;height:36px;border:1px solid var(--line);border-radius:6px;background:#101a1f;color:#afc1c8;font-weight:700}.level-picker button:hover{border-color:var(--green)}.level-picker button.active{background:var(--green);border-color:var(--green);color:#05231d;box-shadow:0 0 18px #00e7c230}.level-hero{grid-template-columns:1.1fr 1fr;gap:28px;padding:32px;border:1px solid #1a7869;background:radial-gradient(ellipse at 90% 0%,#075a4d70,transparent 62%),linear-gradient(125deg,#102d2a,#0a161d);border-radius:15px;box-shadow:0 0 35px #00e7c208}.hero h2{font-family:Segoe UI,Arial,sans-serif;font-weight:800;font-size:35px;line-height:1.14;max-width:580px;letter-spacing:-1.2px}.hero .eyebrow{color:#63ddc6}.hero p{color:#bfd4d6;max-width:560px;line-height:1.7}.hero .btn{background:#00e7c2;color:#05231d}.plan-details{background:#07161885;border:1px solid #286059;border-radius:10px;padding:18px 22px;z-index:1}.plan-fish{display:flex;align-items:center;gap:14px;margin-bottom:14px}.plan-fish b{font-size:18px;color:white}.plan-fish small{display:block;color:#96b7b8;margin-top:3px}.plan-portrait{width:100px;height:65px;object-fit:contain;filter:drop-shadow(0 8px 12px #0008)}.plan-details dl{display:grid;grid-template-columns:90px 1fr;gap:9px 15px;margin:0;font-size:12px}.plan-details dt{color:#74c8bb}.plan-details dd{margin:0;color:#e0eeee}.plan-tips{grid-column:1/-1;border-top:1px solid #286059;padding-top:20px}.plan-tips .eyebrow{margin-bottom:8px}.plan-tips ul{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 28px;padding-left:17px;margin:0 0 14px;color:#d2e1e2;font-size:12px;line-height:1.7}.plan-tips li::marker{color:#00e7c2}.plan-tips p{font-size:12px;max-width:none}.plan-tips strong{color:#63ddc6}@media(max-width:1100px){.level-hero{gap:20px;padding:25px}.hero h2{font-size:29px}.plan-tips ul{grid-template-columns:1fr}.plan-portrait{width:75px}}@media(max-width:700px){h1{font-size:27px}.level-hero{grid-template-columns:1fr;padding:22px;gap:20px}.hero h2{font-size:29px}.plan-details{padding:16px}.plan-details dl{grid-template-columns:78px 1fr}.plan-fish b{font-size:17px}.level-picker{gap:6px}.level-picker button{width:34px;height:34px}.plan-tips{grid-column:auto}.plan-tips ul{gap:8px}.hero-copy{padding:0}}

/* Interactive GTA map */
.fishing-map{margin-bottom:26px;background:#0b151a;border:1px solid var(--line);border-radius:14px;overflow:hidden}.map-toolbar{display:flex;gap:10px;padding:15px;flex-wrap:wrap}.map-toolbar input{flex:1;min-width:180px}.map-toolbar select{max-width:290px}.map-layer-panel{padding:0 15px 12px;color:var(--muted);font-size:12px}.map-layer-panel summary{cursor:pointer;color:var(--green);width:max-content}.map-layer-panel>div{display:flex;flex-wrap:wrap;gap:12px 20px;padding-top:12px}.map-layer-panel label{display:flex;gap:7px;align-items:center}.map-stage{position:relative;height:620px;overflow:hidden;background:#17252c;border-block:1px solid var(--line)}#fishingMap{width:100%;height:100%;display:block;touch-action:none;cursor:grab;user-select:none}#fishingMap:active{cursor:grabbing}.map-zone{fill:#00dda5;fill-opacity:.35;stroke:#00e8bb;stroke-width:3;vector-effect:non-scaling-stroke;cursor:pointer}.map-zone.salt{fill:#3d9fe5;stroke:#70bdff}.map-zone:hover,.map-zone:focus{fill-opacity:.7;stroke:white;outline:none}.map-label{fill:white;paint-order:stroke;stroke:#071419;stroke-width:4px;vector-effect:non-scaling-stroke;font-weight:750;pointer-events:none}.map-pin{cursor:pointer}.map-pin circle{fill:#edb34e;stroke:#17252c;stroke-width:3px;vector-effect:non-scaling-stroke}.map-pin.shop circle{fill:#00c7ad}.map-pin text{fill:#081a20;pointer-events:none;font-weight:900}.map-pin:hover circle,.map-pin:focus circle{stroke:white}.map-special{fill:#f3b44277;stroke:#e9b04c;stroke-width:2px;vector-effect:non-scaling-stroke}.map-special.special-1{fill:#e9656566;stroke:#e56a6a}.map-sea{fill:none;stroke:#ee8fdc;stroke-width:2px;stroke-dasharray:8 6;vector-effect:non-scaling-stroke}.map-grid{stroke:#d3f5ff44;stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.map-controls{position:absolute;right:12px;top:12px;display:grid;gap:7px}.map-controls button{width:39px;height:39px;background:#09232de8;border:1px solid #3a626c;color:white;border-radius:7px;font-size:23px}.map-controls button:hover{border-color:var(--green)}#mapCoords{position:absolute;left:12px;bottom:12px;background:#06161de8;color:white;font-size:11px;padding:5px 10px;border-radius:6px;pointer-events:none}.map-legend{position:absolute;right:12px;bottom:12px;background:#06161de8;padding:5px 10px;border-radius:6px;color:#5ce9bb;font-size:10px;pointer-events:none}.map-legend span{color:#70bdff}.map-location{padding:15px;border-bottom:1px solid var(--line)}.map-location form{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.map-location b{font-size:12px;margin-right:5px}.map-location input{width:110px}.map-location small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.map-results{padding:15px;display:flex;gap:7px;flex-wrap:wrap;max-height:190px;overflow:auto}.map-results-title{width:100%;font-size:12px;color:var(--muted);margin-bottom:5px}.map-results button{border:1px solid var(--line);background:#10262a;color:#c3e7e1;padding:7px 10px;border-radius:6px;font-size:11px}.map-results button:hover{border-color:var(--green)}.map-note{padding:0 15px 15px}.fishing-map.expanded{position:fixed;inset:10px;z-index:1000;overflow:auto;margin:0}.fishing-map.expanded .map-stage{height:calc(100dvh - 220px);min-height:300px}@media(max-width:700px){.map-toolbar{padding:12px;gap:8px}.map-toolbar input{flex-basis:100%}.map-toolbar select{flex:1;min-width:0;width:45%;font-size:12px}.map-stage{height:500px}.map-legend{bottom:43px;font-size:9px;left:12px;right:auto}.map-location input{width:83px}.map-location form b{width:100%}.map-location .btn{padding:9px 10px}.fishing-map.expanded{inset:0 0 calc(70px + env(safe-area-inset-bottom));border-radius:0}.fishing-map.expanded .map-stage{height:55dvh}#nl-badge-frame{bottom:calc(76px + env(safe-area-inset-bottom))!important}}

/* Local builder refinements 2026-11-10 */
select,.profile-controls select{color-scheme:dark;background-color:var(--paper);color:var(--ink)}select option,select optgroup{background:#10181c;color:#eff7f8}select option:disabled{color:#71858d}button.selected-gear-item{background:#112329;border:1px solid #30484e;color:var(--ink);font:inherit;cursor:pointer}button.selected-gear-item:hover{border-color:var(--green);background:#15312f}.gear-change{display:block;font-size:11px;color:var(--green);margin-top:5px}.gear-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:20px}.gear-choice{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 9px;background:#112329;border:1px solid #30484e;border-radius:10px;color:var(--ink);min-width:0}.gear-choice strong{font-size:13px;overflow-wrap:anywhere}.gear-choice small{color:var(--muted);font-size:11px}.gear-choice:hover,.gear-choice[aria-pressed=true]{border-color:var(--green);background:#15312f}.builder-help{margin:16px 0;font-size:13px;line-height:1.65;color:var(--muted)}.builder-help summary{cursor:pointer;color:var(--green);font-weight:650}.builder-help p{margin-top:12px}.builder-help strong{color:var(--ink)}

/* Original field atlas, 2026-11-10 */
.fish-rarity{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:5px;font-size:10px;font-weight:700;line-height:1.4;vertical-align:middle;margin:4px 4px 4px 0;white-space:nowrap}.fish-rarity.epic{background:#352b49;color:#d2b2ff;border:1px solid #70568f}.fish-rarity.legendary{background:#40321e;color:#f5d38e;border:1px solid #92733d}
.atlas{background:#0d1c23;border-color:#35505a}.atlas-heading{padding:23px 25px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #35505a}.atlas-heading h2{font-size:25px;margin-top:7px;letter-spacing:-.6px}.atlas-heading .eyebrow{color:#b6cba7}.atlas-edition{font-size:10px;letter-spacing:2px;line-height:1.9;text-align:right;color:#9fae9e;flex-shrink:0}.atlas-metrics{display:flex;gap:8px;padding:0 15px 15px;flex-wrap:wrap}.atlas-metrics button{padding:8px 17px;border-radius:4px;background:#132c36;color:#c8dce0;border:1px solid #35505a;font-size:12px}.atlas-metrics button[aria-pressed=true]{background:#d2dfb8;color:#1d322e;border-color:#d2dfb8}.atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:stretch;border-block:1px solid #35505a}.atlas-chart{min-width:0}.atlas .map-stage{height:650px;border:0}.atlas-details{padding:22px;background:#152830;border-left:1px solid #35505a;overflow:auto;max-height:740px}.atlas-details h3{font-size:22px;line-height:1.2;margin:8px 0 12px}.atlas-details h4{font-size:13px;margin:22px 0 10px;color:#d2dfb8}.atlas-bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.atlas-bonus-grid>div{padding:12px;border:1px solid #35505a;border-radius:4px;display:grid;gap:3px}.atlas-bonus-grid small{font-size:10px;color:#b6c6cc}.atlas-bonus-grid strong{font-size:23px;color:#e2eacb}.atlas-bonus-grid span{font-size:10px;color:#aec2ac}.atlas-bonus-grid .is-metric{border-color:#a6bd87;background:#263c3b}.atlas-species{display:flex;width:100%;gap:9px;text-align:left;background:#0d2028;color:var(--ink);padding:10px;border-radius:5px;margin-bottom:8px;border:1px solid #35505a}.atlas-species .item-icon{width:42px;flex-basis:42px;height:40px}.atlas-species b{font-size:12px}.atlas-species small{display:block;font-size:10px;color:#b3c9cc}.atlas-species:hover{border-color:#d2dfb8}.atlas-depth{font-size:11px;color:#b6c6cc;line-height:1.6;margin:16px 0}.atlas-compass{position:absolute;top:18px;left:18px;text-align:center;font-size:12px;color:#d2dfb8;line-height:1.5;pointer-events:none}.atlas .map-controls button{background:#d2dfb8;color:#18312f;border-color:#a6bd87;border-radius:3px}.atlas-zone{fill:var(--zone-color);fill-opacity:.18;stroke:var(--zone-color);stroke-width:2;vector-effect:non-scaling-stroke;cursor:pointer}.atlas-zone.selected{fill-opacity:.4;stroke:#f2e5b5;stroke-width:3}.atlas-zone:hover,.atlas-zone:focus{fill-opacity:.5;outline:none}.atlas-number{cursor:pointer}.atlas-number circle{fill:#172c34;stroke:#b6cba7;stroke-width:1.5;vector-effect:non-scaling-stroke}.atlas-number.selected circle{fill:#e4dcaf;stroke:#e4dcaf}.atlas-number text{fill:#e4eacb;font-weight:750;pointer-events:none}.atlas-number.selected text{fill:#18312f}.atlas-number .atlas-map-value,.atlas-number.selected .atlas-map-value{fill:#edf2d8;paint-order:stroke;stroke:#102b35;stroke-width:4px;vector-effect:non-scaling-stroke}.atlas .map-pin rect{fill:#dfb985;stroke:#102b35;stroke-width:2;vector-effect:non-scaling-stroke}.atlas .map-pin.shop rect{fill:#a9c7c9}.atlas .map-results{max-height:240px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.atlas .map-results-title{grid-column:1/-1;letter-spacing:1px}.atlas .map-results button{text-align:left;display:flex;flex-wrap:wrap;gap:6px;background:#132c36;border-radius:4px;align-items:center}.atlas .map-results button span{display:block;width:100%;font-size:10px;color:#b6cba7;padding-left:24px}.atlas .map-results button[aria-pressed=true]{border-color:#d2dfb8}.atlas .map-layer-panel{padding:15px;border-top:1px solid #35505a}.atlas .map-legend{font-size:10px}.atlas.expanded .atlas-layout{grid-template-columns:minmax(0,1fr) 310px}.atlas.expanded .map-stage{height:70dvh;min-height:400px}
@media(max-width:1100px){.atlas-layout{grid-template-columns:minmax(0,1fr) 265px}.atlas-details{padding:16px}.atlas .map-stage{height:600px}.atlas .map-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.atlas-layout,.atlas.expanded .atlas-layout{grid-template-columns:1fr}.atlas-details{border-left:0;border-top:1px solid #35505a;max-height:none}.atlas .map-stage{height:480px}.atlas-heading{padding:18px}.atlas-heading h2{font-size:22px}.atlas-edition{display:none}.atlas .map-results{grid-template-columns:1fr}.atlas .map-toolbar select{width:100%;max-width:none;flex-basis:100%}.atlas-bonus-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.atlas-bonus-grid>div{padding:8px}.atlas-bonus-grid strong{font-size:18px}.atlas-metrics button{flex:1;padding:8px}.atlas.expanded .map-stage{height:55dvh}}

/* Geographic map correction */
.atlas #atlasBase{filter:brightness(.72) saturate(.55)}.atlas-zone{fill-opacity:.12;stroke-width:1.5}.atlas-zone.selected{fill-opacity:.24;stroke-width:2.5}.atlas-zone:hover,.atlas-zone:focus{fill-opacity:.3}.atlas .map-stage{background:#12242c}.atlas-compass{background:#10232bd9;border-radius:4px;padding:6px 10px}.atlas-number .atlas-map-value{font-size:inherit}.atlas-details{overflow-wrap:anywhere}.atlas .map-results button{min-width:0;overflow-wrap:anywhere}

/* Full-width depth map, independent controls and marker design */
[hidden]{display:none!important}.depth-map{background:#0b1920;border:1px solid #29414b;border-radius:14px;overflow:hidden}.depth-map-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px}.depth-map-head h2{font-size:24px;margin-top:6px}.depth-map .map-toolbar{padding-top:0}.depth-map .map-toolbar input{min-width:200px}.depth-map-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 15px 14px}.depth-map-tools>.map-layer-panel{padding:0;position:relative}.depth-map-tools summary{list-style:none;background:#15313b;border:1px solid #345461;padding:10px 14px;border-radius:8px;color:#d5edf1;font-size:12px}.depth-map-tools .map-layer-panel>div{position:absolute;left:0;top:45px;z-index:20;background:#102630;border:1px solid #345461;padding:15px;border-radius:10px;box-shadow:0 12px 30px #0008;width:270px;display:grid;gap:12px}.depth-map-tools select{font-size:12px}.depth-map-tools .btn{font-size:12px;padding:10px 12px}.map-workspace{position:relative}.depth-map .map-stage{height:clamp(520px,72dvh,850px);border:0;background:#10232d}.depth-map #mapBase{filter:brightness(.85) saturate(.55)}.depth-map #mapBathymetry{opacity:.85}.depth-map .map-controls{top:16px;right:16px;gap:8px}.depth-map .map-controls button{border-radius:50%;width:42px;height:42px;background:#e0f0e9;color:#163a39;border:0;box-shadow:0 3px 12px #0007}.depth-map-key{position:absolute;top:15px;left:15px;padding:9px 12px;background:#0b1e27df;border-radius:8px;color:#bce1dd;font-size:11px;line-height:1.7;pointer-events:none}.depth-map-key span{color:#91aeb8;font-size:10px}.depth-map #mapCoords{max-width:calc(100% - 25px);font-size:11px;border:1px solid #345461}.map-inspector{position:absolute;right:70px;top:15px;bottom:55px;width:330px;max-width:calc(100% - 90px);overflow-y:auto;background:#10232df5;border:1px solid #3c626e;border-radius:13px;box-shadow:0 14px 40px #0008;padding:22px 18px;z-index:5;scrollbar-width:thin}.map-inspector #atlasDetails{padding:0;border:0;max-height:none;background:none}.map-inspector h3{font-size:24px;line-height:1.25;margin:12px 0}.map-inspector h4{font-size:13px;margin:18px 0 10px}.map-inspector #mapInspectorClose{position:sticky;top:0;float:right;background:#29434b;color:#e3f0ee;border-radius:50%;width:30px;height:30px;margin:-10px -6px 5px 8px;z-index:1}.map-inspector .atlas-bonus-grid strong{font-size:22px}.map-place-text{font-size:12px;line-height:1.8;margin-top:18px;white-space:normal}.depth-zone{fill:var(--zone-color);stroke:var(--zone-color);stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:pointer}.depth-zone.selected{stroke:#ffca7a;stroke-width:2.5}.water-marker{cursor:pointer}.water-marker>circle{stroke:#0b2029;stroke-width:2;vector-effect:non-scaling-stroke}.water-marker .water-ring{fill:none;stroke:#b4e8d2;stroke-width:1;opacity:.45;vector-effect:non-scaling-stroke}.water-marker.selected .water-ring{stroke:#ffca7a;opacity:1;stroke-width:2}.water-label-bg{fill:#0a2029e8;stroke:#456976;stroke-width:1;vector-effect:non-scaling-stroke}.water-name{fill:#ebf3ec;font-weight:700;paint-order:stroke;stroke:#10232d;stroke-width:3;pointer-events:none}.water-bonus{fill:#ebca8c;pointer-events:none}.trade-marker{cursor:pointer}.trade-marker rect{fill:#d5b57d;stroke:#10232d;stroke-width:2;vector-effect:non-scaling-stroke}.trade-marker.shop rect{fill:#8cc2d5}.trade-marker.selected rect,.trade-marker.buyer rect{stroke:#ffe2a5;stroke-width:3}.trade-marker text{fill:#10232d;font-weight:750;pointer-events:none}.trade-marker .trade-label{fill:#ffe4b4;paint-order:stroke;stroke:#10232d;stroke-width:4}.depth-sample{cursor:crosshair}.depth-sample rect{fill:#102a34c9;stroke:#93b8c144;stroke-width:1;vector-effect:non-scaling-stroke}.depth-sample text{fill:#bfe9e8;font-weight:600;pointer-events:none}.depth-sample.fish-depth rect{fill:#153c2ee8;stroke:#7fdeae}.depth-sample.fish-depth text{fill:#bcf0bd}.depth-sample:focus rect,.depth-sample:hover rect{stroke:#fff;fill:#28434c}.my-map-marker circle{fill:#f492ae;stroke:white;stroke-width:2;vector-effect:non-scaling-stroke}.my-map-marker text{fill:#ffe7ed;paint-order:stroke;stroke:#10232d;stroke-width:4;font-weight:700}.map-probe{fill:none;stroke:#ffe3a1;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}.depth-map .map-results{max-height:260px;background:#10232d}.depth-map .map-results button{background:#19343e;color:#d1e5e7;border-radius:7px}.depth-map.expanded{position:fixed;inset:8px;z-index:1000;overflow:auto;margin:0}.depth-map.expanded .map-stage{height:calc(100dvh - 190px);min-height:400px}.account-summary{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px}.account-summary>.note{max-width:450px}.account-journal>.page-head h1{font-size:27px}
@media(max-width:700px){.depth-map-head{padding:15px;align-items:flex-start}.depth-map-head h2{font-size:20px}.depth-map-head .btn{font-size:11px;white-space:nowrap;padding:9px}.depth-map .map-stage{height:68dvh;min-height:450px}.depth-map .map-toolbar{gap:7px}.depth-map .map-toolbar select{min-width:0;max-width:none;flex:1;width:40%}.depth-map-tools{gap:7px;padding:0 12px 12px}.depth-map-tools .btn,.depth-map-tools select{font-size:11px;flex:1}.depth-map-tools summary{font-size:11px;padding:10px}.map-inspector{top:auto;left:10px;right:10px;bottom:48px;width:auto;max-width:none;max-height:44dvh;padding:18px}.map-inspector .atlas-bonus-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.map-inspector .atlas-bonus-grid strong{font-size:18px}.depth-map-key{font-size:10px;max-width:65%}.depth-map-key span{font-size:9px}.depth-map #mapCoords{font-size:10px}.depth-map.expanded{inset:0 0 calc(66px + env(safe-area-inset-bottom));border-radius:0}.depth-map.expanded .map-stage{height:calc(100dvh - 260px)}.account-summary{display:block}.account-summary>.note{margin-top:15px}}

.fish-level-locked{border-style:dashed}.fish-level-locked .point-fish-level{color:#f0c68c}.point-fish-level{margin-top:4px}

/* Readable fish hover and profile level */
.table-wrap tbody tr[data-fish]:hover,.table-wrap tbody tr[data-fish]:focus-within{background:#183438;color:var(--ink)}.table-wrap tbody tr[data-fish]:hover .muted,.table-wrap tbody tr[data-fish]:hover .en{color:#c0d0d6}.account-level{max-width:200px;margin:16px 0 8px}.account-level select{min-width:100px}

/* Rare fish names: orange epic, blue legendary */
.fish-name-frame{display:inline;padding:2px 6px;border:1.5px solid;border-radius:5px;line-height:1.75;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-weight:650;overflow-wrap:anywhere;color:#f7f5ef}.fish-name-frame.epic{border-color:#ed9a45;background:#302319}.fish-name-frame.legendary{border-color:#5ba9f2;background:#142b40}.fish-rarity.epic{background:#302319;border-color:#ed9a45;color:#ffd8aa}.fish-rarity.legendary{background:#142b40;border-color:#5ba9f2;color:#c6e5ff}.result-fish-name .fish-name-frame{font-size:inherit}.atlas-species .fish-name-frame{font-size:12px}.fish-picker{position:relative;min-width:0;width:100%;color:var(--ink);font-size:13px}.fish-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:43px;padding:9px 12px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;text-align:left;font:inherit}.fish-picker-trigger:hover,.fish-picker-trigger[aria-expanded=true]{border-color:#6bbcaf}.fish-picker-trigger>.fish-name-frame{line-height:1.45}.fish-picker-list{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:70;padding:6px;max-height:310px;overflow-y:auto;overscroll-behavior:contain;background:#101e27;border:1px solid #49616d;border-radius:10px;box-shadow:0 14px 30px #0009}.fish-picker-option{display:block;width:100%;padding:9px 8px;background:transparent;color:#eaf2f4;border:1px solid transparent;border-radius:6px;text-align:left;font:inherit;line-height:1.7}.fish-picker-option:hover,.fish-picker-option:focus-visible{background:#203943;outline:2px solid #8bbdb3;outline-offset:-2px}.fish-picker-option[aria-selected=true]{background:#1b3d39;border-color:#416c60}.fish-picker-option:disabled{opacity:.7;cursor:not-allowed}.map-toolbar>.fish-picker{flex:1;min-width:210px;max-width:350px}.field>.fish-picker{max-width:100%}.plan-fish .fish-name-frame{color:#f7f5ef}.table-wrap .fish-name-frame{font-size:inherit}dialog h2 .fish-name-frame{line-height:1.6}
@media(max-width:700px){.map-toolbar>.fish-picker{min-width:0;max-width:none;flex-basis:100%}.fish-picker-list{max-height: min(310px,45dvh)}.fish-name-frame{padding:2px 5px}}

/* Independent classification layout */
.classification-guide{padding:16px 18px;margin:0 0 20px;border:1px solid #344954;background:#101e26;border-radius:10px}.classification-guide summary{font-size:13px;font-weight:650;color:#b9d9df;cursor:pointer}.classification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:18px 0 15px}.classification-grid h3{font-size:14px;color:#e8f1ee;margin-bottom:9px}.classification-grid p{font-size:12px;color:#afc1ca;line-height:1.75}.fish-rating{display:flex;align-items:center;gap:10px;min-width:145px}.rating-letter{display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;border:1px solid #5d8d83;border-radius:50%;background:#183631;color:#d5eee2;font-size:17px;font-weight:750}.fish-rating b{display:block;color:#dceae7;font-size:11px}.fish-rating small{display:block;color:#a9bdc5;font-size:10px;margin-top:3px}@media(max-width:800px){.classification-grid{grid-template-columns:1fr;gap:16px}.classification-guide{padding:14px}}

/* Experience and sales comparison */
.compare-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.compare-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.compare-summary h3{font-size:22px;line-height:1.5}.compare-notice{margin-bottom:20px}.compare-subline{display:block;margin-top:5px;font-size:10px;line-height:1.6;color:var(--muted)}.earn-compare-table .item-label{min-width:190px}.earn-compare-table td{vertical-align:top}.price-quote{min-width:190px;line-height:1.7}.price-quote>b{display:block;color:#e7efe9;font-size:12px}.price-quote>small{display:block;font-size:10px;color:#adc1ca;line-height:1.6}.price-source{display:inline-block;color:#b4bec4;background:#202e36;border:1px solid #40505b;border-radius:4px;font-size:9px;padding:2px 5px;margin-top:5px;white-space:nowrap}.price-source.observed{background:#17362c;color:#bfe9cb;border-color:#37654b}.compare-footnote{margin:16px 0 22px;line-height:1.8}.observed-shop-prices{padding:18px;background:#101e26;border:1px solid #344954;border-radius:10px;margin-top:20px}.observed-shop-prices summary{color:#c4e6da;cursor:pointer;font-size:13px;font-weight:650}.observed-shop-prices .table-wrap{max-height:450px;overflow:auto;margin-top:15px}.observed-shop-prices>.note{margin-top:12px}.compare-levels{margin-bottom:20px}
@media(max-width:900px){.compare-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-summary h3{font-size:19px}}@media(max-width:600px){.compare-summary{grid-template-columns:1fr}.compare-controls{gap:10px}.compare-controls select{font-size:12px}.compare-summary .card{padding:18px}}

.observed-price-card{padding:15px;border:1px solid #37654b;border-radius:9px;background:#10291f;margin:18px 0}.observed-price-card h3{font-size:15px}.observed-price-card p{margin-top:10px;font-size:12px;line-height:1.8}.map-inspector .observed-shop-prices{padding:10px}.map-inspector .observed-shop-prices summary{font-size:11px}

/* Fishing changelog and variable per-kg prices */
.price-date{display:block;color:#9fb4bd;font-size:10px;margin-top:4px;line-height:1.5}.updates-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.updates-banner a{color:#9bf0d8;font-weight:650;white-space:nowrap}.updates-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}.updates-rules p{font-size:12px;line-height:1.8;color:#b0c2c9;margin-top:12px}.updates-rules strong{display:block;margin-top:12px;color:#9bf0d8}.fishing-timeline{border-left:1px solid #34505b;margin:12px 0 30px 12px;padding-left:25px}.update-entry{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;position:relative;padding:0 0 30px}.update-entry:before{content:'';position:absolute;left:-31px;top:6px;width:11px;height:11px;border-radius:50%;background:#6fc7af;box-shadow:0 0 0 4px #10262c}.update-entry time{font-size:12px;color:#8fb6b7;padding-top:5px;font-weight:650}.update-entry h2{font-size:21px;color:#e2efec}.update-entry ul{padding-left:18px;margin:15px 0;color:#b8cbd0;font-size:13px;line-height:1.85}.update-entry li{margin:8px 0}.update-reference{font-size:11px;color:#91cdbf}.update-entry .notice{margin-bottom:12px;font-size:12px}@media(max-width:900px){.updates-rules{grid-template-columns:1fr}.update-entry{grid-template-columns:1fr;gap:8px}.updates-banner{display:block}.updates-banner a{display:block;margin-top:10px}}

/* Unified name and rarity alignment */
.fish-label-row{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;vertical-align:middle;max-width:100%;line-height:1.5}.fish-label-row .fish-name-frame{display:inline-block;line-height:1.4;margin:0;padding:3px 6px;box-decoration-break:slice}.fish-label-row .fish-rarity{display:inline-flex;align-items:center;line-height:1.4;margin:0;padding:3px 6px;flex-shrink:0;font-size:10px}.fish-picker-trigger>.fish-label-row{flex:1;min-width:0}.result-fish-name>.fish-label-row{min-width:0}.plan-fish .fish-label-row{margin-bottom:4px}

.auth-card{margin-bottom:22px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.auth-card form{display:grid;gap:12px}.auth-card>.note{grid-column:1/-1}.account-summary .actions{margin:14px 0}.account-summary #mergeGuest{margin-top:10px}.account-summary h2{overflow-wrap:anywhere;font-size:23px}@media(max-width:700px){.auth-card{grid-template-columns:1fr}}

/* Readable map prices: one scroll area, no wide tables. */
.map-inspector{width:420px;background:#10232d;overscroll-behavior:contain;scrollbar-gutter:stable}
.map-inspector .map-price-section{margin-top:22px;min-width:0}.map-inspector .map-price-section h4{font-size:18px;margin:0 0 8px}.map-inspector .map-price-section>.note{font-size:13px;line-height:1.65;color:#c0d1d8;margin-bottom:16px}
.map-shop-list,.map-market-list{display:grid;gap:10px}.map-shop-item,.map-market-item{padding:14px;background:#172f39;border:1px solid #3b5662;border-radius:9px;min-width:0}.map-shop-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.map-shop-item>div{min-width:0}.map-shop-item b{display:block;font-size:15px;color:#f1f7f8;overflow-wrap:anywhere}.map-shop-item small{display:block;font-size:12px;color:#bdcfd7;margin-top:4px}.map-shop-item strong{font-size:17px;color:#b4f3dd;white-space:nowrap;font-variant-numeric:tabular-nums}
.map-market-item{font-size:16px}.map-market-item dl{margin:12px 0 0;display:grid;gap:9px}.map-market-item dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.map-market-item dt{font-size:13px;color:#bdcfd7}.map-market-item dd{margin:0;font-size:16px;font-weight:700;color:#eaf8f2;font-variant-numeric:tabular-nums}
@media(max-width:700px){.map-inspector{width:auto;max-height:55dvh}.map-shop-item{padding:12px}.map-shop-item strong{font-size:16px}}

/* Quiet, numeric-first efficiency scales and original rarity treatment. */
.efficiency-track{display:block;width:100%;min-width:60px;max-width:240px;height:6px;margin:8px 0 3px;background:#07151c;border:1px solid #37505b;border-radius:8px;overflow:hidden}.efficiency-track i{display:block;height:100%;border-radius:inherit;background:#55d2b4}.efficiency-track.medium i{background:#c4cf7b}.efficiency-track.low i{background:#bd9b72}.result-metrics .efficiency-track{max-width:none}.fish-rating+.efficiency-track{margin-top:9px}.fish-thumbnail.epic,.fish-thumbnail.legendary{box-sizing:border-box;border:1px solid var(--rarity-accent);border-bottom-width:3px;border-radius:12px 4px 12px 4px;padding:6px;object-fit:contain;background:radial-gradient(ellipse at 50% 80%,var(--rarity-halo),transparent 75%),#10232d}.fish-thumbnail.epic{--rarity-accent:#ed9a45;--rarity-halo:#b565254d}.fish-thumbnail.legendary{--rarity-accent:#5ba9f2;--rarity-halo:#347ab857}.detail-fish-art .fish-thumbnail{padding:14px}.result-fish-icon.fish-thumbnail{min-width:48px;min-height:40px}

.compare-sort-button{display:flex;align-items:center;gap:8px;width:100%;padding:0;background:transparent;color:#d6e5e9;text-align:left;font:inherit;cursor:pointer}.earn-compare-table thead{background:#142b35}.compare-sort-button:hover{color:#66e6ca}.compare-sort-button span{font-size:15px;color:#66e6ca}.earn-compare-table th[aria-sort=ascending],.earn-compare-table th[aria-sort=descending]{background:#1b3d42}
/* Override inherited light table header cells, including sortable states. */
.table-wrap table thead th{background:#142b35;color:#c7d9df;border-bottom-color:#395561}
.table-wrap table thead th .compare-sort-button{color:#dcebef}
.table-wrap .earn-compare-table thead th[aria-sort=ascending],.table-wrap .earn-compare-table thead th[aria-sort=descending]{background:#20454a;color:#e7fff6}
.table-wrap table thead th:has(.compare-sort-button):hover{background:#1c3944}
/* Compact fish artwork and aligned labels, with complete uncropped images. */
.item-label:has(.fish-thumbnail){align-items:center;gap:10px}
.item-label:has(.fish-thumbnail)>div{min-width:0}
.item-label .fish-label-row,.result-fish-name .fish-label-row{vertical-align:middle;align-items:center}
.fish-label-row{line-height:1.55;row-gap:4px}
.fish-label-row .fish-rarity{line-height:1.4;vertical-align:middle}
.earn-compare-table td{vertical-align:middle}
.earn-compare-table td:nth-child(2),.earn-compare-table td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}
.earn-compare-table th:nth-child(2) .compare-sort-button,.earn-compare-table th:nth-child(3) .compare-sort-button{justify-content:flex-end}
.price-quote b,.price-quote small{line-height:1.55}
@media(max-width:700px){
 .item-icon.fish-thumbnail,.fish-icon.fish-thumbnail{width:44px;height:34px;flex:0 0 44px;object-fit:contain;object-position:center}
 .result-fish-icon.fish-thumbnail{width:42px;height:32px;flex:0 0 42px;min-width:0;min-height:0;object-fit:contain}
 .fish-thumbnail.epic,.fish-thumbnail.legendary{padding:2px;border-radius:8px 3px 8px 3px;border-bottom-width:2px}
 .item-label:has(.fish-thumbnail){gap:8px;min-height:40px}
 .earn-compare-table .item-label{min-width:150px;max-width:190px}
 .earn-compare-table .item-label>div{white-space:normal;overflow-wrap:break-word}
 .earn-compare-table td,.earn-compare-table th{padding:11px 10px}
 .earn-compare-table .fish-label-row{font-size:12px}
 .fish-label-row .fish-rarity{font-size:10px;padding:2px 5px}
 .fish-label-row .fish-name-frame{padding:1px 4px;line-height:1.55}
 .plan-fish{gap:9px;align-items:center}.plan-fish b{font-size:15px;line-height:1.5}
 .result-fish-name{align-items:center;gap:8px;min-width:0;text-align:left}
 .result-fish-name>span{min-width:0;white-space:normal}
 .detail-fish-art .detail-fish-icon{width:100%;height:120px;max-width:280px;margin:auto;padding:8px;object-fit:contain}
 .atlas-species .item-icon.fish-thumbnail{width:38px;height:30px;flex-basis:38px}
}

/* Thumbnail dimensions are independent of the legacy large artwork blocks. */
img.fish-thumbnail{display:block;position:static;min-height:0;min-width:0;object-fit:contain;object-position:center;background:transparent}
.item-icon.fish-thumbnail,.fish-icon.fish-thumbnail{width:56px;height:40px;flex:0 0 56px}
.result-fish-icon.fish-thumbnail{width:52px;height:38px;flex:0 0 52px;min-height:0;min-width:0}
.item-label:has(.fish-thumbnail){min-height:44px}
.detail-fish-art{height:140px;min-height:0}
.detail-fish-art .detail-fish-icon{width:90%;height:120px;min-height:0;max-width:340px;object-fit:contain;padding:8px}
img.fish-thumbnail.epic,img.fish-thumbnail.legendary{background:radial-gradient(ellipse at 50% 80%,var(--rarity-halo),transparent 75%),#10232d;padding:3px}
.atlas-species .item-icon.fish-thumbnail{width:40px;height:30px;flex-basis:40px}
@media(max-width:700px){
 .item-icon.fish-thumbnail,.fish-icon.fish-thumbnail{width:44px;height:34px;flex-basis:44px}
 .result-fish-icon.fish-thumbnail{width:42px;height:32px;flex-basis:42px}
 .detail-fish-art{height:125px}.detail-fish-art .detail-fish-icon{height:110px;max-width:280px}
 img.fish-thumbnail.epic,img.fish-thumbnail.legendary{padding:2px}
 .atlas-species .item-icon.fish-thumbnail{width:38px;height:30px;flex-basis:38px}
}/* One shared scale: line = strike, diamond = landing. */
.catch-comparison{position:relative;display:block;width:100%;height:7px;margin:10px 0 4px;background:#07151c;border:1px solid #37505b;border-radius:8px}
.catch-comparison-fill{display:block;height:100%;border-radius:inherit;background:#55d2b4;opacity:.7}
.catch-comparison i{position:absolute;top:50%;display:block;transform:translate(-50%,-50%);pointer-events:auto}
.catch-comparison .strike-marker{width:3px;height:13px;border-radius:2px;background:#f1f8f5;box-shadow:0 0 0 1px #10232d}
.catch-comparison .land-marker{width:7px;height:7px;background:#edbd79;transform:translate(-50%,-50%) rotate(45deg);border:1px solid #10232d}
/* Four aligned compact metrics, all scales share the same baseline. */
.result-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.result-metrics>span{display:flex;flex-direction:column;align-items:stretch;line-height:1.4}
.result-metrics>span>strong{margin-top:auto;padding-top:5px;line-height:1.4;white-space:nowrap;overflow-wrap:normal}
.result-metrics>span>.efficiency-track,.result-metrics>span>.catch-comparison{margin:8px 0 0;height:6px;flex:none;min-width:0;max-width:none}
.result-bonus-note{font-size:11px;color:var(--muted);margin-top:9px}
@media(max-width:700px){.result-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.result-metrics>span>strong{font-size:14px}}
/* Tykha Voda neon: violet current / legendary ember. No layout motion. */
.fish-name-frame.epic,.fish-rarity.epic,img.fish-thumbnail.epic{--neon-a:#658cff;--neon-b:#b76cff;--neon-glow:#955bff;--rarity-accent:#997aff;--rarity-halo:#7850be55}
.fish-name-frame.legendary,.fish-rarity.legendary,img.fish-thumbnail.legendary{--neon-a:#ffb340;--neon-b:#ff4d5e;--neon-glow:#ff683e;--rarity-accent:#ff934e;--rarity-halo:#c342275e}
.fish-name-frame.epic,.fish-rarity.epic,.fish-name-frame.legendary,.fish-rarity.legendary{border-color:var(--neon-a);background:linear-gradient(110deg,#101d2d 12%,#293357 45%,#392c50 60%,#101d2d 88%);background-size:260% 100%;color:#f3efff;animation:rarity-current 6s ease-in-out infinite;text-shadow:0 1px 2px #060d14}
.fish-name-frame.legendary,.fish-rarity.legendary{background-image:linear-gradient(110deg,#30191b 12%,#6a3022 42%,#65202e 60%,#30191b 88%);color:#fff4e8;animation-duration:4.2s;font-weight:750}
img.fish-thumbnail.epic,img.fish-thumbnail.legendary{border-color:var(--neon-a);animation:rarity-icon-current 6s ease-in-out infinite}
img.fish-thumbnail.legendary{animation-duration:4.2s}
.fish-rarity.legendary{letter-spacing:.3px}
.table-wrap tbody tr:has(.fish-name-frame.epic)>td:first-child{box-shadow:inset 3px 0 #9375ed}
.table-wrap tbody tr:has(.fish-name-frame.legendary)>td:first-child{box-shadow:inset 4px 0 #ff784d;background-image:linear-gradient(90deg,#ff62331c,transparent 65%)}
.result-item:has(.fish-name-frame.legendary){box-shadow:inset 3px 0 #ff784d}
.result-item:has(.fish-name-frame.epic){box-shadow:inset 2px 0 #9375ed}
@keyframes rarity-current{0%,100%{background-position:100% 50%;border-color:var(--neon-a);box-shadow:0 0 4px color-mix(in srgb,var(--neon-glow) 25%,transparent)}50%{background-position:0% 50%;border-color:var(--neon-b);box-shadow:0 0 10px color-mix(in srgb,var(--neon-glow) 45%,transparent)}}
@keyframes rarity-icon-current{0%,100%{border-color:var(--neon-a);box-shadow:0 0 5px color-mix(in srgb,var(--neon-glow) 30%,transparent)}50%{border-color:var(--neon-b);box-shadow:0 0 13px color-mix(in srgb,var(--neon-glow) 60%,transparent)}}
@media(prefers-reduced-motion:reduce){.fish-name-frame.epic,.fish-rarity.epic,.fish-name-frame.legendary,.fish-rarity.legendary,img.fish-thumbnail.epic,img.fish-thumbnail.legendary{animation:none;box-shadow:0 0 6px color-mix(in srgb,var(--neon-glow) 35%,transparent)}}
/* Responsive repair: full fish silhouettes, readable lists and quiet map. */
.fish-card .fish-art{height:130px;min-height:0;display:flex;align-items:center;justify-content:center;padding:20px 12px 8px;position:relative}
.fish-card .fish-portrait,.fish-card:hover .fish-portrait{width:100%;max-width:210px;height:92px;min-height:0;transform:none;object-fit:contain;flex:none}
.fish-card .fish-art .badge{position:absolute;right:10px;top:8px}.fish-card .card-body{min-width:0}.home-fish-grid{margin-bottom:16px}
.result-item{padding:18px 12px;min-width:0}.result-top{gap:10px;align-items:flex-start}.result-top>.badge{flex:none;max-width:110px;white-space:normal;text-align:center}.result-fish-name{flex:1;min-width:0;align-items:center}.result-fish-name .fish-thumbnail{flex-shrink:0}.result-fish-name .fish-label-row{min-width:0;overflow-wrap:anywhere}.result-item>p{line-height:1.65}
.catch-comparison{width:calc(100% - 8px);margin-left:4px!important;margin-right:4px!important}
.auth-tabs{grid-column:1/-1;display:flex;gap:8px}.auth-tabs button{min-height:44px;flex:1;padding:10px;background:#132c35;border:1px solid #3d5964;color:#dcebef;border-radius:8px}.auth-tabs button[aria-pressed=true]{background:#145448;border-color:#00cdb4;color:#fff}.auth-card input{font-size:16px}.auth-card form{min-width:0}
@media(max-width:700px){
 .topbar{padding:10px 14px;height:auto;min-height:65px;gap:8px}.topbar .breadcrumb{display:none}.profile-controls{width:100%;justify-content:flex-end;gap:8px}.profile-controls label{margin-right:auto}.topbar input,.topbar select{font-size:16px}
 .fish-card{display:grid;grid-template-columns:96px minmax(0,1fr)}.fish-card .fish-art{height:100%;min-height:140px;padding:28px 8px 12px}.fish-card .fish-portrait,.fish-card:hover .fish-portrait{width:100%;max-width:80px;height:74px;transform:none;padding:3px}.fish-card .card-body{padding:15px 12px}.fish-card h3{font-size:15px;line-height:1.5}.fish-card .fish-meta{gap:10px;margin:12px 0}.fish-card .fish-meta strong{font-size:16px}.fish-card .fish-meta span{font-size:11px}.fish-card .fish-art .badge{font-size:8px;right:5px;left:5px;top:8px;text-align:center}
 .table-wrap:has(>.mobile-list){overflow:visible;border:0;background:transparent;box-shadow:none}.mobile-list{display:block;width:100%;min-width:0!important}.mobile-list thead{display:none}.mobile-list tbody{display:grid;gap:14px}.table-wrap .mobile-list tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;padding:12px;background:#10232b;border:1px solid #36505c;border-radius:12px;gap:12px}.table-wrap .mobile-list tbody td{display:block;min-width:0;width:auto;padding:0!important;border:0!important;white-space:normal;text-align:left;box-shadow:none!important}.mobile-list td::before{content:attr(data-label);display:block;font-size:10px;color:#9fb7c2;letter-spacing:.3px;margin-bottom:5px}.mobile-list td:first-child{grid-column:1/-1;padding-bottom:10px!important;border-bottom:1px solid #34505a!important}.mobile-list td:first-child::before{display:none}.mobile-list .item-label,.earn-compare-table.mobile-list .item-label{min-width:0;max-width:none;gap:10px}.mobile-list .item-label .fish-thumbnail{width:56px;height:42px;flex-basis:56px}.mobile-list .price-quote{min-width:0;font-size:13px}.mobile-list .price-quote>b{font-size:14px}.mobile-list .price-quote>small{font-size:11px}.mobile-list .wrap{grid-column:1/-1}.mobile-list td:only-child{grid-column:1/-1}.compare-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compare-controls .field{min-width:0}.compare-controls select{width:100%;font-size:13px}.compare-summary{grid-template-columns:1fr}.compare-summary h3{font-size:20px}
 .result-top{flex-wrap:wrap}.result-fish-name{font-size:14px}.result-top>.badge{font-size:10px;max-width:90px}.result-metrics{gap:14px 12px}.result-item .fish-thumbnail{width:50px;height:38px;flex-basis:50px}.result-metrics>span{font-size:11px}.result-metrics strong{font-size:15px}.result-item{padding:16px 10px}.result-item>.note{font-size:11px}
 .depth-map-tools{display:grid;grid-template-columns:1fr 1fr}.depth-map-tools>*{min-width:0;width:100%}.depth-map-tools .btn,.depth-map-tools summary,.depth-map-tools select{min-height:40px;font-size:11px;padding:8px}.depth-map .map-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 38px;padding:0 12px 10px}.depth-map .map-toolbar input{min-width:0;width:100%;font-size:13px}.depth-map .map-toolbar>.fish-picker,.depth-map .map-toolbar>select{width:100%;min-width:0;max-width:none;grid-column:1/-1}.depth-map-head h2{font-size:18px}.depth-map .map-stage{height:62dvh;min-height:380px}.depth-map-key{display:none}.depth-map .map-controls{right:10px;top:10px;gap:6px}.depth-map .map-controls button{width:36px;height:36px;font-size:21px}.map-inspector{left:8px;right:52px;bottom:38px;max-height:48dvh;padding:14px}.map-inspector h3{font-size:20px}.depth-map #mapCoords{font-size:10px;max-width:calc(100% - 16px)}
}

.compare-notice summary{cursor:pointer;font-weight:650}.compare-notice p{margin-top:12px;line-height:1.7}.compare-controls:has(#compareSort) label:has(#compareSort){border:1px solid #38665f;border-radius:10px;padding:8px}.compare-controls label:has(#compareDirection){padding:8px}

/* Simple first: four columns, details available on demand. */
.comparison-mode{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;color:#b8cdd4;font-size:12px}.comparison-mode .btn{font-size:12px}.comparison-simple{width:100%;min-width:0;table-layout:auto}.comparison-simple th,.comparison-simple td{white-space:normal}.comparison-simple th:nth-child(2),.comparison-simple td:nth-child(2),.comparison-simple th:nth-child(n+6),.comparison-simple td:nth-child(n+6){display:none!important}.comparison-simple .item-label{min-width:0}.comparison-simple .price-quote{min-width:0}.comparison-simple td{padding:15px 16px}.comparison-simple .fish-rating small{display:none}.comparison-simple .fish-rating b{font-size:12px}.comparison-simple .efficiency-track{max-width:130px}.simple-catch-price{display:none!important}.comparison-simple .simple-catch-price{display:block!important}.comparison-simple .detailed-catch-price{display:none}.detailed-catch-price{display:block}.detailed-catch-price small{display:block;font-size:11px;color:#adc1ca;margin-top:5px}.simple-comparison-note{margin:12px 0 20px;max-width:780px;line-height:1.7}#app:has(.comparison-simple) .compare-summary,#app:has(.comparison-simple) .compare-footnote,#app:has(.comparison-simple) .compare-control-progressSkill,#app:has(.comparison-simple) .compare-control-compareScope,#app:has(.comparison-simple) .compare-control-compareMarket{display:none}#app:has(.comparison-simple) .compare-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.compare-table-wrap:has(.comparison-simple){overflow-x:hidden}
.auth-card{width:100%;max-width:440px;margin:0 0 24px;padding:22px;grid-template-columns:1fr;gap:16px}.auth-tabs{gap:4px;background:#0b1b22;padding:4px;border-radius:10px}.auth-tabs button{min-height:38px;padding:7px 12px;font-size:13px;border:0}.auth-card form{gap:12px}.auth-card .field{font-size:12px}.auth-card input{min-height:42px}.auth-card .btn{min-height:42px}.auth-card .note{font-size:11px;line-height:1.6}.auth-card .inline-link{font-size:12px;padding:5px}
img.fish-tone-reed{--fish-tint:#467c65;--fish-edge:#507c6a}img.fish-tone-lagoon{--fish-tint:#326f91;--fish-edge:#427c9b}img.fish-tone-slate{--fish-tint:#526c8b;--fish-edge:#607996}img.fish-tone-moss{--fish-tint:#6d7844;--fish-edge:#7b8555}img.fish-tone-dusk{--fish-tint:#715489;--fish-edge:#806595}
img.fish-thumbnail:not(.epic):not(.legendary){background:radial-gradient(ellipse at 50% 85%,color-mix(in srgb,var(--fish-tint) 65%,transparent),transparent 80%),#11232b;border:1px solid color-mix(in srgb,var(--fish-edge) 65%,transparent);border-radius:10px 4px 10px 4px;padding:4px}
@media(max-width:700px){#app:has(.comparison-simple) .compare-controls{grid-template-columns:1fr 1fr}.comparison-mode{align-items:flex-start;flex-direction:column;gap:8px}.comparison-mode .btn{min-height:40px}.comparison-simple.mobile-list tbody tr{gap:12px}.comparison-simple.mobile-list td:nth-child(3){grid-column:1}.comparison-simple.mobile-list td:nth-child(4){grid-column:2}.comparison-simple.mobile-list td:nth-child(5){grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center}.comparison-simple.mobile-list td:nth-child(5)::before{grid-column:1/-1}.comparison-simple.mobile-list td:nth-child(5) .compare-subline{grid-column:2;grid-row:2/4;margin:0}.comparison-simple .simple-catch-price{font-size:17px}.auth-card{max-width:none;padding:18px;gap:14px}.auth-card input{font-size:16px}}

/* Sort choice never changes density; the fourth compact column follows the chosen price. */
.comparison-simple.compact-sort-baseXP th:nth-child(2),.comparison-simple.compact-sort-baseXP td:nth-child(2){display:table-cell!important}.comparison-simple.compact-sort-baseXP th:nth-child(3),.comparison-simple.compact-sort-baseXP td:nth-child(3){display:none!important}
.comparison-simple.compact-sort-perKg th:nth-child(6),.comparison-simple.compact-sort-perKg td:nth-child(6),.comparison-simple.compact-sort-fillet th:nth-child(7),.comparison-simple.compact-sort-fillet td:nth-child(7){display:table-cell!important}
.comparison-simple.compact-sort-perKg th:nth-child(5),.comparison-simple.compact-sort-perKg td:nth-child(5),.comparison-simple.compact-sort-fillet th:nth-child(5),.comparison-simple.compact-sort-fillet td:nth-child(5){display:none!important}
@media(max-width:700px){.comparison-simple.compact-sort-baseXP.mobile-list td:nth-child(2){display:block!important;grid-column:1}.comparison-simple.compact-sort-perKg.mobile-list td:nth-child(6),.comparison-simple.compact-sort-fillet.mobile-list td:nth-child(7){display:block!important;grid-column:1/-1}}

/* Practical tools stay inside existing pages and expand only when needed. */
.helper-block{margin:18px 0;padding:18px;background:#102128;border:1px solid #304b56;border-radius:12px;min-width:0}.helper-block summary{cursor:pointer;font-weight:650;font-size:14px;color:#d1e9e3;min-height:24px}.helper-block[open]>summary{margin-bottom:14px}.helper-block .note{margin-top:12px;line-height:1.7}.helper-block .field{margin:12px 0}.helper-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.helper-actions .btn{font-size:12px}.bait-shortlist{display:grid;gap:10px;margin-top:14px}.bait-shortlist article,.upgrade-option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #324d58;border-radius:9px;background:#142c35;min-width:0}.bait-shortlist article>div,.upgrade-option>div{flex:1;min-width:0}.bait-shortlist b,.upgrade-option b{font-size:13px;overflow-wrap:anywhere}.bait-shortlist small,.upgrade-option small{display:block;font-size:11px;color:#b2c8d2;line-height:1.6;margin-top:4px}.helper-bait-image{width:46px;height:40px;object-fit:contain;flex:0 0 46px}.bait-shortlist .btn{padding:8px 11px;font-size:11px}.builder-extras{margin-top:18px}.helper-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.helper-form-grid input{width:100%;min-width:0}.sale-calculator output{display:block;margin-top:14px;line-height:1.8;font-weight:650;color:#b6f0db}.beginner-guide ol{padding-left:22px;line-height:1.8}.beginner-guide li+li{margin-top:12px}.personal-results{display:grid;gap:10px}.personal-results article{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #304b56}.personal-results small{display:block;color:#acc4ce;margin-top:5px;line-height:1.6;font-size:11px}.personal-results strong{font-size:14px}.saved-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.saved-groups h3{font-size:14px}.saved-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.saved-row .inline-link{font-size:12px;text-align:left}.saved-row>button:last-child{flex:none}.favorite-button[aria-pressed=true]{border-color:#63b79f;color:#b1f5dc}.quick-baits .split-head{gap:8px;flex-wrap:wrap}.quick-baits select{width:100%}
@media(max-width:700px){.helper-block{padding:14px}.bait-shortlist article,.upgrade-option{flex-wrap:wrap;gap:9px}.bait-shortlist article>.btn,.upgrade-option>.btn{margin-left:55px;min-height:36px}.helper-bait-image{width:44px;flex-basis:44px;height:36px}.helper-actions .btn{flex:1;min-width:105px;min-height:40px}.saved-groups{grid-template-columns:1fr;gap:18px}.personal-results article{flex-direction:column;gap:6px}.personal-results article>div:last-child{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline}.helper-form-grid{grid-template-columns:1fr}.helper-form-grid input{font-size:16px}.helper-block h3{font-size:14px}}

.saved-build-name{max-width:340px;margin-bottom:10px}.saved-build-name input{width:100%;font-size:16px}


/* Depth text must not intercept taps intended for nearby map markers. */
.depth-sample{pointer-events:none}

/* Fish details use a single artwork surface, without the legacy pale panel. */
dialog .detail-fish-art{background:#102128;border-color:#304b56;padding:0;box-shadow:none}
dialog .detail-fish-art .detail-fish-icon{width:100%;max-width:none;height:100%;min-height:0;margin:0;object-fit:contain;object-position:center;border:0;border-radius:inherit;padding:12px;filter:none}
dialog .detail-fish-art:has(.epic){border-color:#997aff}
dialog .detail-fish-art:has(.legendary){border-color:#ff934e}
@media(max-width:700px){dialog .detail-fish-art .detail-fish-icon{width:100%;max-width:none;height:100%;padding:10px}}