/* App-only theme based on the FishWizz landing page. Loaded last on purpose. */
:root{--accent:#d7b86a;--accent-2:#f0d68c;--bg:#07110e;--bg-2:#0b1713;--green:#8fbfa3;--line:rgba(255,255,255,.09);--muted:#aebbb4;--panel:#0f1d18;--panel-2:#13231d;--text:#f5f8f6;--radius:26px;--shadow:0 28px 80px rgba(0,0,0,.35);--brass:var(--accent);--brass-2:var(--accent-2);--pine-950:var(--bg);--pine-900:var(--bg-2);--pine-800:var(--panel);--pine-700:var(--panel-2);--spruce:var(--green)}
html[data-fishwizz-shell-v2="1"]{color-scheme:dark;background:var(--bg)}
html[data-fishwizz-shell-v2="1"] body{color:var(--text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:radial-gradient(circle at 20% 0%,rgba(67,108,84,.18),transparent 28%),linear-gradient(#07110e,#08130f 34%,#09140f)!important;letter-spacing:normal}
html[data-fishwizz-shell-v2="1"] body::before{display:none!important}
/* P3-15/P2-12: no backdrop-filter on header -- see styles.css's header rule.
   This file's own .nav{position:fixed} bottom-bar rule right below is the
   one that was actually breaking: header as a containing block put .nav's
   bottom:10px against header's own box instead of the viewport's. */
html[data-fishwizz-shell-v2="1"] header{min-height:76px;background:rgba(7,17,14,.9)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important}
html[data-fishwizz-shell-v2="1"] header .top{width:min(1180px,calc(100% - 40px))!important;min-height:76px;margin:auto!important;padding:12px 0!important}
html[data-fishwizz-shell-v2="1"] .brand{color:var(--text)!important;font-size:1.25rem!important;font-weight:800!important;letter-spacing:-.035em!important;text-transform:none!important}
html[data-fishwizz-shell-v2="1"] .brand img{width:38px!important;height:38px!important;padding:0!important;border:1px solid rgba(240,214,140,.32)!important;border-radius:11px!important;background:rgba(215,184,106,.08)!important;filter:none!important;box-shadow:0 8px 25px rgba(0,0,0,.22)!important}
html[data-fishwizz-shell-v2="1"] .nav{gap:5px!important;padding:4px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:rgba(255,255,255,.025)!important;box-shadow:none!important}
html[data-fishwizz-shell-v2="1"] .nav button{min-height:40px!important;padding:0 15px!important;color:var(--muted)!important;font-size:.84rem!important;font-weight:650!important;letter-spacing:0!important;text-transform:none!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important}
html[data-fishwizz-shell-v2="1"] .nav button:hover{color:var(--text)!important;background:rgba(255,255,255,.055)!important}html[data-fishwizz-shell-v2="1"] .nav button.active{color:#182016!important;background:linear-gradient(135deg,var(--accent-2),var(--accent))!important;box-shadow:0 8px 24px rgba(215,184,106,.18)!important}
html[data-fishwizz-shell-v2="1"] #accountBtn{width:auto!important;min-width:88px!important;height:44px!important;padding:0 18px!important;color:var(--text)!important;font-size:.88rem!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:999px!important;background:rgba(255,255,255,.04)!important;box-shadow:none!important}html[data-fishwizz-shell-v2="1"] #accountBtn::before,html[data-fishwizz-shell-v2="1"] #accountBtn::after{content:none!important;display:none!important}
html[data-fishwizz-shell-v2="1"] main{width:min(1180px,calc(100% - 40px))!important;margin:auto!important;padding:30px 0 72px!important}html[data-fishwizz-shell-v2="1"] .status{color:var(--muted)!important;border-color:var(--line)!important;border-radius:999px!important;background:rgba(255,255,255,.035)!important;box-shadow:none!important}
html[data-fishwizz-shell-v2="1"] .hero{position:relative;overflow:hidden;padding:clamp(30px,5vw,64px)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;background:radial-gradient(circle at 88% 5%,rgba(215,184,106,.12),transparent 30%),radial-gradient(circle at 15% 100%,rgba(143,191,163,.1),transparent 33%),linear-gradient(135deg,#0b1713,#0f1d18)!important;box-shadow:var(--shadow)!important}
html[data-fishwizz-shell-v2="1"] .hero h1,html[data-fishwizz-shell-v2="1"] h1{max-width:820px;margin-bottom:16px!important;color:var(--text)!important;font-family:inherit!important;font-size:clamp(2.35rem,5.4vw,4.2rem)!important;font-weight:740!important;line-height:.98!important;letter-spacing:-.055em!important;text-shadow:none!important}html[data-fishwizz-shell-v2="1"] .hero p,html[data-fishwizz-shell-v2="1"] .muted{color:var(--muted)!important;line-height:1.7!important}html[data-fishwizz-shell-v2="1"] .eyebrow{color:var(--accent-2)!important;font-family:inherit!important;font-size:.76rem!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important}
html[data-fishwizz-shell-v2="1"] .card,html[data-fishwizz-shell-v2="1"] .panel,html[data-fishwizz-shell-v2="1"] .section,html[data-fishwizz-shell-v2="1"] .modal-content{color:var(--text)!important;border:1px solid var(--line)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(19,35,29,.92),rgba(15,29,24,.96))!important;box-shadow:0 18px 52px rgba(0,0,0,.22)!important}html[data-fishwizz-shell-v2="1"] h2,html[data-fishwizz-shell-v2="1"] h3,html[data-fishwizz-shell-v2="1"] h4,html[data-fishwizz-shell-v2="1"] label,html[data-fishwizz-shell-v2="1"] strong{color:var(--text)!important;font-family:inherit!important;letter-spacing:-.015em}
html[data-fishwizz-shell-v2="1"] button,html[data-fishwizz-shell-v2="1"] .btn{min-height:46px;padding-inline:18px;color:#182016!important;font-family:inherit!important;font-weight:750!important;letter-spacing:0!important;text-transform:none!important;border:1px solid transparent!important;border-radius:999px!important;background:linear-gradient(135deg,var(--accent-2),var(--accent))!important;box-shadow:0 10px 28px rgba(215,184,106,.15)!important;transition:transform .18s ease!important}html[data-fishwizz-shell-v2="1"] button:hover{transform:translateY(-1px)}html[data-fishwizz-shell-v2="1"] button.ghost,html[data-fishwizz-shell-v2="1"] .btn.ghost,html[data-fishwizz-shell-v2="1"] .icon-btn{color:var(--text)!important;border-color:rgba(255,255,255,.13)!important;background:rgba(255,255,255,.04)!important;box-shadow:none!important}
html[data-fishwizz-shell-v2="1"] input,html[data-fishwizz-shell-v2="1"] select,html[data-fishwizz-shell-v2="1"] textarea{min-height:48px;color:var(--text)!important;font-family:inherit!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:14px!important;background:rgba(19,35,29,.88)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}html[data-fishwizz-shell-v2="1"] input::placeholder,html[data-fishwizz-shell-v2="1"] textarea::placeholder{color:#819087!important}html[data-fishwizz-shell-v2="1"] input:focus,html[data-fishwizz-shell-v2="1"] select:focus,html[data-fishwizz-shell-v2="1"] textarea:focus{border-color:rgba(240,214,140,.7)!important;outline:3px solid rgba(215,184,106,.12)!important;box-shadow:none!important}
html[data-fishwizz-shell-v2="1"] .how-filter,html[data-fishwizz-shell-v2="1"] .filter-bar{border-color:var(--line)!important;border-radius:999px!important;background:rgba(255,255,255,.03)!important;box-shadow:none!important}html[data-fishwizz-shell-v2="1"] .how-filter button.active,html[data-fishwizz-shell-v2="1"] .pill.active{color:#182016!important;background:linear-gradient(135deg,var(--accent-2),var(--accent))!important}html[data-fishwizz-shell-v2="1"] .pill,html[data-fishwizz-shell-v2="1"] .badge,html[data-fishwizz-shell-v2="1"] .tag{color:var(--muted)!important;border:1px solid var(--line)!important;border-radius:999px!important;background:rgba(255,255,255,.035)!important;box-shadow:none!important}
html[data-fishwizz-shell-v2="1"] .suggestions,html[data-fishwizz-shell-v2="1"] [role="listbox"]{color:var(--text)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;background:#13231d!important;box-shadow:0 22px 55px rgba(0,0,0,.42)!important}html[data-fishwizz-shell-v2="1"] [role="option"]:hover,html[data-fishwizz-shell-v2="1"] [role="option"][aria-selected="true"]{color:var(--text)!important;background:rgba(215,184,106,.11)!important}html[data-fishwizz-shell-v2="1"] #watersMap,html[data-fishwizz-shell-v2="1"] .map-shell{border-color:var(--line)!important;border-radius:var(--radius)!important;background:var(--panel)!important;box-shadow:var(--shadow)!important}html[data-fishwizz-shell-v2="1"] a{color:var(--accent-2)}html[data-fishwizz-shell-v2="1"] ::selection{color:#182016;background:var(--accent-2)}
@media(max-width:820px){html[data-fishwizz-shell-v2="1"] header .top,html[data-fishwizz-shell-v2="1"] main{width:min(100% - 24px,1180px)!important}html[data-fishwizz-shell-v2="1"] header,html[data-fishwizz-shell-v2="1"] header .top{min-height:68px}html[data-fishwizz-shell-v2="1"] .brand{font-size:1.08rem!important}html[data-fishwizz-shell-v2="1"] .brand img{width:34px!important;height:34px!important}html[data-fishwizz-shell-v2="1"] .nav{max-width:100%;overflow-x:auto;scrollbar-width:none}html[data-fishwizz-shell-v2="1"] .nav button{flex:0 0 auto;padding-inline:13px!important}html[data-fishwizz-shell-v2="1"] #accountBtn{min-width:72px!important;height:40px!important;padding-inline:14px!important}html[data-fishwizz-shell-v2="1"] main{padding-top:20px!important}html[data-fishwizz-shell-v2="1"] .hero{padding:30px 24px!important;border-radius:22px!important}html[data-fishwizz-shell-v2="1"] .hero h1,html[data-fishwizz-shell-v2="1"] h1{font-size:clamp(2.2rem,12vw,3.25rem)!important}}
@media(prefers-reduced-motion:reduce){html[data-fishwizz-shell-v2="1"] *,html[data-fishwizz-shell-v2="1"] *::before,html[data-fishwizz-shell-v2="1"] *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* High-specificity cleanup for legacy FishWizz v1 rules. */
html[data-fishwizz-shell-v2="1"] #status{color:var(--muted)!important;background:transparent!important}
html[data-fishwizz-shell-v2="1"] .btn:not(.gold):not(.bad),html[data-fishwizz-shell-v2="1"] button:not(.gold):not(.bad):not(.active){color:var(--text)!important;border-color:rgba(255,255,255,.13)!important;background:rgba(255,255,255,.04)!important;box-shadow:none!important}
html[data-fishwizz-shell-v2="1"] .nav button:not(.active){color:var(--muted)!important;border-color:transparent!important;background:transparent!important}
html[data-fishwizz-shell-v2="1"] .nav button.active,html[data-fishwizz-shell-v2="1"] .nav .active,html[data-fishwizz-shell-v2="1"] .how-filter button.active{color:#182016!important;border-color:transparent!important;background:linear-gradient(135deg,var(--accent-2),var(--accent))!important;box-shadow:0 8px 24px rgba(215,184,106,.18)!important}
html[data-fishwizz-shell-v2="1"] .btn.gold{color:#182016!important;border-color:transparent!important;background:linear-gradient(135deg,var(--accent-2),var(--accent))!important;box-shadow:0 10px 28px rgba(215,184,106,.15)!important}
html[data-fishwizz-shell-v2="1"] #mission .grid>.card:first-child,html[data-fishwizz-shell-v2="1"] #inventoryAdd{border-color:var(--line)!important;background:linear-gradient(145deg,rgba(19,35,29,.92),rgba(15,29,24,.96))!important}
html[data-fishwizz-shell-v2="1"] #missionSimpleNote,html[data-fishwizz-shell-v2="1"] .map-result,html[data-fishwizz-shell-v2="1"] .result{color:var(--text)!important;border-color:var(--line)!important;background:rgba(255,255,255,.035)!important}
html[data-fishwizz-shell-v2="1"] .map-result.active{border-color:rgba(215,184,106,.55)!important;background:rgba(215,184,106,.1)!important}
html[data-fishwizz-shell-v2="1"] input:focus,html[data-fishwizz-shell-v2="1"] select:focus,html[data-fishwizz-shell-v2="1"] textarea:focus{border-color:rgba(240,214,140,.7)!important;outline:3px solid rgba(215,184,106,.12)!important;box-shadow:none!important}
html[data-fishwizz-shell-v2="1"] .fw-auth-banner{border-color:var(--line)!important;background:linear-gradient(135deg,var(--bg-2),var(--panel))!important}

/* Premium depth and contrast: lively like the landing page, never neon. */
html[data-fishwizz-shell-v2="1"] body{background:radial-gradient(circle at 12% -4%,rgba(104,151,124,.22),transparent 27%),radial-gradient(circle at 92% 18%,rgba(215,184,106,.08),transparent 23%),linear-gradient(180deg,#07110e 0%,#0a1712 48%,#07110e 100%)!important;background-attachment:fixed!important}
html[data-fishwizz-shell-v2="1"] header{background:linear-gradient(180deg,rgba(8,20,16,.96),rgba(7,17,14,.91))!important;border-bottom-color:rgba(240,214,140,.12)!important;box-shadow:0 14px 42px rgba(0,0,0,.2)!important}
html[data-fishwizz-shell-v2="1"] .brand{color:#fff!important;text-shadow:0 0 24px rgba(240,214,140,.1)!important}
html[data-fishwizz-shell-v2="1"] .brand img{border-color:rgba(240,214,140,.5)!important;background:linear-gradient(145deg,rgba(240,214,140,.16),rgba(215,184,106,.05))!important;box-shadow:0 10px 30px rgba(0,0,0,.28),0 0 22px rgba(215,184,106,.08)!important}
html[data-fishwizz-shell-v2="1"] .hero{border-color:rgba(240,214,140,.16)!important;background:radial-gradient(circle at 88% 8%,rgba(240,214,140,.17),transparent 29%),radial-gradient(circle at 8% 100%,rgba(143,191,163,.17),transparent 34%),linear-gradient(135deg,#0d1d17 0%,#12271f 56%,#0d1b16 100%)!important;box-shadow:0 30px 85px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.045)!important}
html[data-fishwizz-shell-v2="1"] .hero::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 35%)!important;opacity:1!important}
html[data-fishwizz-shell-v2="1"] .hero::after{content:""!important;position:absolute!important;width:240px!important;height:240px!important;right:-100px!important;bottom:-130px!important;border:1px solid rgba(240,214,140,.12)!important;border-radius:50%!important;box-shadow:0 0 0 32px rgba(240,214,140,.025),0 0 0 66px rgba(143,191,163,.018)!important;pointer-events:none!important}
html[data-fishwizz-shell-v2="1"] .hero>*{position:relative;z-index:1}
html[data-fishwizz-shell-v2="1"] .hero h1,html[data-fishwizz-shell-v2="1"] h1{color:#fff!important;text-shadow:0 10px 36px rgba(0,0,0,.18)!important}
html[data-fishwizz-shell-v2="1"] .hero p{color:#c5d0ca!important;font-size:clamp(1rem,1.7vw,1.13rem)!important;max-width:720px!important}
html[data-fishwizz-shell-v2="1"] .eyebrow{color:#f0d68c!important;text-shadow:0 0 20px rgba(240,214,140,.12)!important}
html[data-fishwizz-shell-v2="1"] .card,html[data-fishwizz-shell-v2="1"] .panel,html[data-fishwizz-shell-v2="1"] .section,html[data-fishwizz-shell-v2="1"] .modal-content{border-color:rgba(255,255,255,.105)!important;background:radial-gradient(circle at 100% 0%,rgba(143,191,163,.055),transparent 34%),linear-gradient(145deg,rgba(20,39,32,.97),rgba(13,27,22,.98))!important;box-shadow:0 20px 56px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.035)!important}
@media(hover:hover){html[data-fishwizz-shell-v2="1"] .card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}html[data-fishwizz-shell-v2="1"] .card:hover{transform:translateY(-2px)!important;border-color:rgba(240,214,140,.2)!important;box-shadow:0 25px 64px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.045)!important}}
html[data-fishwizz-shell-v2="1"] h2,html[data-fishwizz-shell-v2="1"] h3{color:#fbfdfb!important}html[data-fishwizz-shell-v2="1"] label{color:#d5ddd8!important}
html[data-fishwizz-shell-v2="1"] input,html[data-fishwizz-shell-v2="1"] select,html[data-fishwizz-shell-v2="1"] textarea{border-color:rgba(255,255,255,.14)!important;background:linear-gradient(180deg,rgba(18,38,30,.98),rgba(15,31,25,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.08)!important}
html[data-fishwizz-shell-v2="1"] .btn.gold,html[data-fishwizz-shell-v2="1"] .nav button.active,html[data-fishwizz-shell-v2="1"] .nav .active,html[data-fishwizz-shell-v2="1"] .how-filter button.active{background:linear-gradient(135deg,#f4dfa2 0%,#e2c374 52%,#cfa958 100%)!important;box-shadow:0 10px 28px rgba(215,184,106,.22),inset 0 1px 0 rgba(255,255,255,.4)!important}
html[data-fishwizz-shell-v2="1"] .btn:not(.gold):not(.bad),html[data-fishwizz-shell-v2="1"] button:not(.gold):not(.bad):not(.active){color:#eef4f0!important;border-color:rgba(143,191,163,.2)!important;background:linear-gradient(180deg,rgba(143,191,163,.115),rgba(143,191,163,.055))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}
html[data-fishwizz-shell-v2="1"] .nav button:not(.active){color:#b9c5be!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important}
html[data-fishwizz-shell-v2="1"] #accountBtn{color:#f7faf8!important;border-color:rgba(240,214,140,.2)!important;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
html[data-fishwizz-shell-v2="1"] #status{color:#afc9ba!important}html[data-fishwizz-shell-v2="1"] #status:not(:empty)::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#8fbfa3;box-shadow:0 0 12px rgba(143,191,163,.45)}
html[data-fishwizz-shell-v2="1"] .pill,html[data-fishwizz-shell-v2="1"] .badge,html[data-fishwizz-shell-v2="1"] .tag{color:#c1cec7!important;border-color:rgba(143,191,163,.15)!important;background:rgba(143,191,163,.065)!important}
html[data-fishwizz-shell-v2="1"] .map-result,html[data-fishwizz-shell-v2="1"] .result,html[data-fishwizz-shell-v2="1"] #missionSimpleNote{border-color:rgba(143,191,163,.13)!important;background:linear-gradient(145deg,rgba(143,191,163,.075),rgba(255,255,255,.025))!important}
html[data-fishwizz-shell-v2="1"] #watersMap{border-color:rgba(240,214,140,.18)!important;box-shadow:0 28px 75px rgba(0,0,0,.38)!important}

/* Product-grade interaction and layout system. */
html[data-fishwizz-shell-v2="1"] main>.page{animation:fwPageIn .28s cubic-bezier(.22,1,.36,1)}
@keyframes fwPageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
html[data-fishwizz-shell-v2="1"] .grid{gap:20px!important}html[data-fishwizz-shell-v2="1"] .cards{gap:16px!important}
html[data-fishwizz-shell-v2="1"] .hero{margin-bottom:20px!important}html[data-fishwizz-shell-v2="1"] .card{padding:clamp(18px,2.2vw,25px)!important}
html[data-fishwizz-shell-v2="1"] .card h2{font-size:1.32rem!important;line-height:1.2!important}html[data-fishwizz-shell-v2="1"] .card h3{font-size:1.08rem!important;line-height:1.3!important}
html[data-fishwizz-shell-v2="1"] label{margin:14px 0!important;font-size:.86rem!important;font-weight:720!important;letter-spacing:.005em!important}
html[data-fishwizz-shell-v2="1"] input,html[data-fishwizz-shell-v2="1"] select,html[data-fishwizz-shell-v2="1"] textarea{margin-top:7px!important;padding:12px 14px!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important}
html[data-fishwizz-shell-v2="1"] button,html[data-fishwizz-shell-v2="1"] .btn{-webkit-tap-highlight-color:transparent;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease,border-color .18s ease!important}
html[data-fishwizz-shell-v2="1"] button:active,html[data-fishwizz-shell-v2="1"] .btn:active{transform:translateY(1px) scale(.99)!important}
html[data-fishwizz-shell-v2="1"] button:focus-visible,html[data-fishwizz-shell-v2="1"] .btn:focus-visible,html[data-fishwizz-shell-v2="1"] a:focus-visible{outline:3px solid rgba(240,214,140,.24)!important;outline-offset:2px!important}
html[data-fishwizz-shell-v2="1"] .btn.gold:hover{filter:brightness(1.06)!important;box-shadow:0 14px 34px rgba(215,184,106,.28),inset 0 1px 0 rgba(255,255,255,.44)!important}
html[data-fishwizz-shell-v2="1"] .result,html[data-fishwizz-shell-v2="1"] .map-result{padding:15px 16px!important;border-radius:16px!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important}
html[data-fishwizz-shell-v2="1"] .result:hover,html[data-fishwizz-shell-v2="1"] .map-result:hover{transform:translateY(-1px)!important;border-color:rgba(240,214,140,.24)!important;background:linear-gradient(145deg,rgba(215,184,106,.085),rgba(143,191,163,.05))!important}
html[data-fishwizz-shell-v2="1"] details{border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;background:rgba(255,255,255,.018)!important}html[data-fishwizz-shell-v2="1"] summary{padding:13px 15px!important;color:#e8eee9!important}
html[data-fishwizz-shell-v2="1"] .suggestions{overflow:hidden!important}html[data-fishwizz-shell-v2="1"] .suggestion{padding:13px 15px!important;border-bottom-color:rgba(255,255,255,.065)!important;background:transparent!important}html[data-fishwizz-shell-v2="1"] .suggestion:hover{background:rgba(240,214,140,.08)!important}
html[data-fishwizz-shell-v2="1"] .warning{border-left-color:var(--accent)!important;background:linear-gradient(90deg,rgba(215,184,106,.12),rgba(215,184,106,.035))!important}
html[data-fishwizz-shell-v2="1"] .plan.primary{position:relative!important;border-top:1px solid rgba(240,214,140,.34)!important;box-shadow:0 24px 68px rgba(0,0,0,.3),0 0 0 1px rgba(215,184,106,.04)!important}
html[data-fishwizz-shell-v2="1"] .plan.primary::before{content:"Best match"!important;display:inline-flex!important;position:absolute!important;top:14px!important;right:14px!important;padding:5px 9px!important;color:#182016!important;font-size:.66rem!important;font-weight:850!important;letter-spacing:.04em!important;text-transform:uppercase!important;border-radius:999px!important;background:linear-gradient(135deg,var(--accent-2),var(--accent))!important}
html[data-fishwizz-shell-v2="1"] .fw-empty{padding:18px 4px!important;text-align:center!important}html[data-fishwizz-shell-v2="1"] .fw-empty h3{margin:8px 0 5px!important}html[data-fishwizz-shell-v2="1"] .fw-empty p{max-width:480px!important;margin:0 auto 16px!important}
html[data-fishwizz-shell-v2="1"] .fw-nav-icon{color:currentColor!important}html[data-fishwizz-shell-v2="1"] .fw-nav-icon svg{width:100%!important;height:100%!important;stroke-width:1.8!important}

@media(min-width:821px){html[data-fishwizz-shell-v2="1"] header{display:grid!important;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr)!important;align-items:center!important;padding:0 max(20px,calc((100vw - 1180px)/2))!important}html[data-fishwizz-shell-v2="1"] header .top{display:contents!important}html[data-fishwizz-shell-v2="1"] .brand{grid-column:1!important;justify-self:start!important}html[data-fishwizz-shell-v2="1"] #accountBtn{grid-column:3!important;justify-self:end!important}html[data-fishwizz-shell-v2="1"] .nav{grid-column:2!important;grid-row:1!important;margin:0!important;padding:5px!important}html[data-fishwizz-shell-v2="1"] .nav button{min-width:0!important}html[data-fishwizz-shell-v2="1"] main{padding-top:38px!important}}

/* P3-15 ("prevent cramped six-item navigation"): fishwizz-shell-v2.js hides
   the Tackle nav button unconditionally (folded into Gear via its own
   "Tackle Box" bridge button) by setting the native `hidden` attribute --
   but the `.nav button{display:flex!important}` rule below outranks the UA
   stylesheet's own (very low-specificity, non-!important) `[hidden]
   {display:none}`, so Tackle was rendering anyway. Confirmed live at
   320x700: all 6 buttons present and evenly sized, not 5. The explicit
   [hidden] override below fixes that; switching the grid's fixed
   repeat(6,...) to a flexbox that just distributes whatever's actually
   visible means this can't drift out of sync again if a 7th tab is ever
   added or Tackle is ever un-hidden. */
@media(max-width:820px){html[data-fishwizz-shell-v2="1"] body{padding-bottom:calc(158px + env(safe-area-inset-bottom))!important}html[data-fishwizz-shell-v2="1"] header{box-shadow:0 10px 30px rgba(0,0,0,.2)!important}html[data-fishwizz-shell-v2="1"] header .top{padding:9px 2px!important}html[data-fishwizz-shell-v2="1"] .nav{position:fixed!important;left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;top:auto!important;z-index:100!important;display:flex!important;gap:3px!important;width:auto!important;max-width:none!important;margin:0!important;padding:7px 6px!important;overflow:visible!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;background:rgba(10,24,19,.91)!important;box-shadow:0 22px 58px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.045)!important;backdrop-filter:blur(24px) saturate(1.25)!important;-webkit-backdrop-filter:blur(24px) saturate(1.25)!important}html[data-fishwizz-shell-v2="1"] .nav button{display:flex!important;flex:1!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;min-height:57px!important;padding:6px 1px!important;font-size:.61rem!important;font-weight:720!important;line-height:1!important;border-radius:15px!important}html[data-fishwizz-shell-v2="1"] .nav button[hidden]{display:none!important;flex:none!important}html[data-fishwizz-shell-v2="1"] .nav .fw-nav-icon{display:block!important;width:19px!important;height:19px!important}html[data-fishwizz-shell-v2="1"] .nav button.active{box-shadow:0 6px 18px rgba(215,184,106,.2),inset 0 1px 0 rgba(255,255,255,.35)!important}html[data-fishwizz-shell-v2="1"] main{padding-bottom:25px!important}html[data-fishwizz-shell-v2="1"] .hero{margin-bottom:14px!important}html[data-fishwizz-shell-v2="1"] .grid{gap:13px!important}html[data-fishwizz-shell-v2="1"] .cards{gap:11px!important}html[data-fishwizz-shell-v2="1"] .card{padding:17px!important}html[data-fishwizz-shell-v2="1"] button,html[data-fishwizz-shell-v2="1"] .btn{min-height:48px!important}}
@media(max-width:390px){html[data-fishwizz-shell-v2="1"] .nav{left:5px!important;right:5px!important;padding-left:3px!important;padding-right:3px!important}html[data-fishwizz-shell-v2="1"] .nav button{font-size:.56rem!important}html[data-fishwizz-shell-v2="1"] .nav .fw-nav-icon{width:18px!important;height:18px!important}}

/* Premium screen architecture and system feedback. */
html[data-premium-product="1"] .fw-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:-2px 0 16px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.075)}
html[data-premium-product="1"] .fw-card-head p{margin:6px 0 0;color:var(--muted);font-size:.88rem;line-height:1.55;max-width:560px}
html[data-premium-product="1"] .fw-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:0}
html[data-premium-product="1"] #mission .fw-field-grid label:first-child,html[data-premium-product="1"] #catches .fw-field-grid label:last-child{grid-column:1/-1}
/* QA pass 5, item 7: "The catch form occupies roughly one-third of the page while the right side is mostly empty. Several labels wrap awkwardly despite abundant available width." #catches reuses the Mission page's two-column .grid (a narrow inputs column beside a wide results column), but the Catch page has no results column: measured at 1024px the form card was 355px wide beside an empty 594px column, and its fields were squeezed into two 147px columns (Species 231px tall, Length 69px wide). The card now takes the row, its fields run three across, two below 1100px, one below 820px. */
html[data-premium-product="1"] #catches .grid{grid-template-columns:minmax(0,1fr)}
html[data-premium-product="1"] #catches .grid>.card:first-child{max-width:1040px}
html[data-premium-product="1"] #catches .fw-field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-premium-product="1"] #catches .fw-field-grid label:has(textarea){grid-column:1/-1}
@media(max-width:1100px){html[data-premium-product="1"] #catches .fw-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){html[data-premium-product="1"] #catches .fw-field-grid{grid-template-columns:1fr}}
html[data-premium-product="1"] .fw-trust-row{display:flex!important;flex-wrap:wrap;gap:8px 18px;margin-top:24px!important;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
html[data-premium-product="1"] .fw-trust-row span{display:inline-flex;align-items:center;gap:8px;color:#bdcac2;font-size:.76rem;font-weight:700;letter-spacing:.01em}
html[data-premium-product="1"] .fw-trust-row span::before{content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--accent-2),var(--accent));box-shadow:0 0 12px rgba(215,184,106,.32)}
/* QA pass 4, item 3: this used to be pointer-events:none, which makes a button whose is-loading class is ever left behind (cloned with the class, or its restore timer holding a replaced node) ignore the mouse and touch while Enter still works -- the reported symptom. A re-click while loading is already ignored in JS (premium-product.js), so it only dims and shows a busy cursor. */
html[data-premium-product="1"] button.is-loading{cursor:progress!important;filter:saturate(.72)!important}
html[data-premium-product="1"] .fw-spinner{width:16px;height:16px;display:inline-block;vertical-align:-3px;margin-right:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:fwSpin .65s linear infinite}
@keyframes fwSpin{to{transform:rotate(360deg)}}
html[data-premium-product="1"] #status{position:fixed!important;top:92px!important;right:max(18px,calc((100vw - 1180px)/2))!important;z-index:150!important;max-width:min(390px,calc(100vw - 28px))!important;max-height:none!important;margin:0!important;padding:12px 16px!important;color:#eef4f0!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:14px!important;background:rgba(15,32,25,.94)!important;box-shadow:0 20px 56px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(20px)!important;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transition:opacity .2s ease,transform .2s ease,visibility .2s!important}
html[data-premium-product="1"] #status.fw-status-visible,html[data-premium-product="1"] #status.err{opacity:1;visibility:visible;transform:none}
html[data-premium-product="1"] #status.err{border-color:rgba(239,180,174,.3)!important;background:rgba(49,25,23,.96)!important}
html[data-premium-product="1"] .page.active>.hero+*{scroll-margin-top:110px}
@media(max-width:820px){html[data-premium-product="1"] .fw-field-grid{grid-template-columns:1fr}html[data-premium-product="1"] .fw-field-grid label{grid-column:auto!important}html[data-premium-product="1"] .fw-card-head{margin-bottom:12px;padding-bottom:13px}html[data-premium-product="1"] .fw-trust-row{gap:8px 14px;margin-top:20px!important;padding-top:15px}html[data-premium-product="1"] .fw-trust-row span{font-size:.69rem}html[data-premium-product="1"] #status{top:auto!important;right:12px!important;left:12px!important;bottom:calc(142px + env(safe-area-inset-bottom))!important;max-width:none!important;text-align:center!important}}