:root{
  --flr-sky:#99c0df;
  --flr-sky-2:#c9e2f4;
  --flr-ink:#06131d;
  --flr-panel:#0a2231;
  --flr-panel-2:#0d2b3c;
  --flr-line:rgba(153,192,223,.2);
  --flr-muted:#8da8b8;
  --flr-wood:#9b6b3b;
}
body.flr-loadout-open{overflow:hidden!important}
.flr-onboarding[hidden]{display:none!important}
.flr-onboarding{
  position:fixed;
  inset:0;
  z-index:2147483400;
  display:grid;
  place-items:center;
  padding:28px;
  font-family:"Barlow",Arial,sans-serif;
  color:#edf7fb;
}
.flr-onboarding-backdrop{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 10%,rgba(153,192,223,.16),transparent 32%),
    radial-gradient(circle at 80% 90%,rgba(155,107,59,.13),transparent 28%),
    rgba(2,10,16,.82);
  backdrop-filter:blur(10px) saturate(.9);
}
.flr-loadout{
  position:relative;
  width:min(1460px,calc(100vw - 56px));
  max-height:calc(100vh - 56px);
  overflow:hidden;
  border:1px solid rgba(153,192,223,.32);
  border-radius:26px;
  background:
    linear-gradient(135deg,rgba(153,192,223,.08),transparent 30%),
    linear-gradient(180deg,#081d2a 0%,#061722 100%);
  box-shadow:0 34px 110px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.025) inset;
  transform:translateY(16px) scale(.985);
  opacity:0;
  transition:opacity .28s ease,transform .34s cubic-bezier(.2,.8,.2,1);
}
.flr-onboarding.is-open .flr-loadout{opacity:1;transform:none}
.flr-scanline{
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--flr-sky),transparent);
  opacity:.7;
  animation:flrScan 4.8s linear infinite;
  pointer-events:none;
}
@keyframes flrScan{0%{transform:translateY(0)}100%{transform:translateY(700px)}}
.flr-loadout-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  padding:26px 30px 22px;
  border-bottom:1px solid var(--flr-line);
  background:linear-gradient(90deg,rgba(153,192,223,.055),transparent 55%);
}
.flr-loadout-brand>span,
.flr-panel-title>span,
.flr-preview-kicker span{
  display:block;
  color:#8fb7d1;
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
}
.flr-loadout-brand h2{
  margin:5px 0 5px;
  font-family:"Barlow Condensed","Arial Narrow",sans-serif;
  font-size:clamp(36px,3.7vw,58px);
  line-height:.96;
  font-weight:800;
  letter-spacing:.045em;
  color:#fff;
}
.flr-loadout-brand p{margin:0;color:#a8bfcc;font-size:15px;line-height:1.5}
.flr-loadout-status{
  display:flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
  padding:10px 13px;
  border:1px solid rgba(153,192,223,.16);
  border-radius:999px;
  background:rgba(0,0,0,.18);
  color:#9dc2d9;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
.flr-loadout-status i{width:8px;height:8px;border-radius:50%;background:#7ee69a;box-shadow:0 0 16px rgba(126,230,154,.72)}
.flr-loadout-body{
  display:grid;
  grid-template-columns:210px minmax(0,1fr) 350px;
  min-height:520px;
}
.flr-loadout-steps{
  padding:18px 14px;
  border-right:1px solid var(--flr-line);
  background:rgba(0,0,0,.12);
}
.flr-loadout-steps button{
  position:relative;
  display:grid;
  grid-template-columns:36px 1fr;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:72px;
  margin:0 0 9px;
  padding:10px 11px;
  border:1px solid transparent;
  border-radius:14px;
  color:#8ea9b8;
  background:transparent;
  text-align:left;
  cursor:pointer;
  transition:.18s ease;
}
.flr-loadout-steps button b{
  display:grid;
  place-items:center;
  width:34px;height:34px;
  border:1px solid rgba(153,192,223,.2);
  border-radius:50%;
  font:800 15px/1 "Barlow Condensed",sans-serif;
}
.flr-loadout-steps button span{font:800 18px/1 "Barlow Condensed",sans-serif;letter-spacing:.05em}
.flr-loadout-steps button small{display:block;margin-bottom:4px;color:#587989;font:700 9px/1 "Barlow",sans-serif;letter-spacing:.14em}
.flr-loadout-steps button:hover:not(:disabled){border-color:rgba(153,192,223,.19);background:rgba(153,192,223,.05);color:#dceaf2}
.flr-loadout-steps button.is-active{border-color:rgba(153,192,223,.42);background:linear-gradient(135deg,rgba(153,192,223,.18),rgba(153,192,223,.06));color:#fff;box-shadow:0 0 28px rgba(153,192,223,.08) inset}
.flr-loadout-steps button.is-active b{background:var(--flr-sky);border-color:var(--flr-sky);color:#071823}
.flr-loadout-steps button.is-locked{opacity:.46;cursor:not-allowed}
.flr-loadout-steps button em{position:absolute;right:8px;top:7px;color:#6f8794;font-size:8px;font-style:normal;letter-spacing:.12em}
.flr-loadout-main{min-width:0;padding:24px 26px;overflow:auto;max-height:560px}
.flr-step-panel{display:none}
.flr-step-panel.is-active{display:block;animation:flrPanelIn .22s ease}
@keyframes flrPanelIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.flr-panel-title h3{margin:5px 0 4px;font:800 clamp(28px,2.4vw,40px)/1 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.045em;color:#fff}
.flr-panel-title p{margin:0 0 20px;color:#8fa9b7;font-size:14px;line-height:1.55}
.flr-gear-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.flr-gear-card{
  position:relative;
  min-width:0;
  min-height:240px;
  padding:14px;
  border:1px solid rgba(153,192,223,.15);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(13,43,60,.9),rgba(5,20,30,.96));
  color:#eaf5fa;
  text-align:left;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.flr-gear-card:hover{transform:translateY(-2px);border-color:rgba(153,192,223,.42);box-shadow:0 16px 34px rgba(0,0,0,.18)}
.flr-gear-card.is-selected{border-color:var(--flr-sky);background:linear-gradient(180deg,rgba(18,58,79,.98),rgba(7,27,39,.98));box-shadow:0 0 0 1px rgba(153,192,223,.16) inset,0 0 30px rgba(153,192,223,.11)}
.flr-gear-card.is-selected:after{content:"✓";position:absolute;right:12px;top:12px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--flr-sky);color:#061722;font-weight:900}
.flr-gear-visual{
  display:grid;
  place-items:center;
  height:128px;
  margin-bottom:13px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.04);
  border-radius:13px;
  background:
    radial-gradient(circle at 50% 50%,rgba(153,192,223,.08),transparent 58%),
    linear-gradient(135deg,rgba(255,255,255,.015),rgba(0,0,0,.16));
}
.flr-gear-visual img{display:block;max-width:94%;max-height:112px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}
.flr-gear-card[data-gear-type="rod"] .flr-gear-visual img{max-height:122px}
.flr-gear-card strong,.flr-gear-card small,.flr-gear-card p{display:block}
.flr-gear-card strong{font:800 21px/1 "Barlow Condensed",sans-serif;letter-spacing:.025em;color:#fff}
.flr-gear-card small{margin-top:5px;color:#8fb3c7;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.flr-gear-card p{margin:8px 0 0;color:#7895a5;font-size:12px;line-height:1.4}
.flr-gear-badge{position:absolute;left:24px;top:24px;padding:6px 8px;border-radius:999px;background:rgba(4,15,23,.76);border:1px solid rgba(153,192,223,.19);color:#a9cadc;font-size:8px;font-weight:800;letter-spacing:.11em}
.flr-line-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.flr-line-option{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:82px;
  padding:13px;
  border:1px solid rgba(153,192,223,.14);
  border-radius:15px;
  background:rgba(5,21,31,.82);
  color:#dceaf1;
  text-align:left;
  cursor:pointer;
  transition:.18s ease;
}
.flr-line-option:hover{border-color:rgba(153,192,223,.4);transform:translateY(-1px)}
.flr-line-option.is-selected{border-color:var(--line-color,var(--flr-sky));box-shadow:0 0 20px color-mix(in srgb,var(--line-color,var(--flr-sky)) 22%,transparent)}
.flr-line-swatch{flex:0 0 auto;width:46px;height:46px;border-radius:12px;background:var(--line-color);border:1px solid rgba(255,255,255,.23);box-shadow:0 0 18px color-mix(in srgb,var(--line-color) 35%,transparent)}
.flr-line-option strong,.flr-line-option small{display:block}
.flr-line-option strong{font:800 17px/1 "Barlow Condensed",sans-serif;color:#fff;letter-spacing:.04em}
.flr-line-option small{margin-top:4px;color:#7592a2;font-size:9px;letter-spacing:.1em}
.flr-rig-preview{
  min-width:0;
  padding:20px;
  border-left:1px solid var(--flr-line);
  background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(153,192,223,.025));
}
.flr-preview-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.flr-preview-kicker b{color:#6f8a99;font-size:10px;letter-spacing:.11em}
.flr-preview-stage{
  position:relative;
  height:280px;
  overflow:hidden;
  border:1px solid rgba(153,192,223,.16);
  border-radius:19px;
  background:
    linear-gradient(180deg,#0a2535 0%,#0c3042 52%,#082332 53%,#061923 100%);
}
.flr-preview-water{position:absolute;left:-10%;right:-10%;bottom:0;height:47%;opacity:.42;background:repeating-radial-gradient(ellipse at 40% 0%,transparent 0 10px,rgba(153,192,223,.18) 11px 12px,transparent 13px 24px);transform:skewY(-2deg)}
.flr-preview-rod{position:absolute;left:14px;top:12px;width:154px;height:154px;object-fit:contain;object-position:left top;filter:drop-shadow(0 8px 7px rgba(0,0,0,.3));transition:opacity .18s ease}
.flr-preview-line{position:absolute;left:39px;top:34px;width:1px;height:145px;background:var(--flr-preview-line,#dcecf1);box-shadow:0 0 7px color-mix(in srgb,var(--flr-preview-line,#dcecf1) 45%,transparent);transform:rotate(-2deg);transform-origin:top}
.flr-preview-lure-wrap{position:absolute;left:50%;bottom:32px;width:164px;height:98px;transform:translateX(-50%);display:grid;place-items:center;animation:flrLureFloat 2.8s ease-in-out infinite}
.flr-preview-lure{max-width:100%;max-height:96px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 9px 10px rgba(0,0,0,.36))}
@keyframes flrLureFloat{0%,100%{transform:translateX(-50%) rotate(-2deg)}50%{transform:translateX(-50%) translateY(3px) rotate(2deg)}}
.flr-preview-specs{display:grid;gap:0;margin:12px 0 0}
.flr-preview-specs>div{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid rgba(153,192,223,.09)}
.flr-preview-specs dt{color:#587685;font-size:9px;font-weight:800;letter-spacing:.12em}
.flr-preview-specs dd{margin:0;color:#d8e8f0;font:700 14px/1.1 "Barlow Condensed",sans-serif;letter-spacing:.025em}
.flr-preview-specs .is-muted dd{color:#6d8795}
.flr-preview-memory{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:11px 12px;border:1px solid rgba(126,230,154,.14);border-radius:12px;background:rgba(126,230,154,.035)}
.flr-preview-memory>span{color:#7ee69a;text-shadow:0 0 12px rgba(126,230,154,.8)}
.flr-preview-memory p{margin:0;color:#7f9aa8;font-size:10px;line-height:1.4}.flr-preview-memory b{color:#a7c0cd;font-size:9px;letter-spacing:.1em}
.flr-loadout-foot{display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:20px;padding:15px 20px;border-top:1px solid var(--flr-line);background:rgba(0,0,0,.13)}
.flr-default-rig,.flr-back,.flr-next{
  min-height:46px;
  padding:0 16px;
  border-radius:12px;
  font-family:"Barlow",Arial,sans-serif;
  font-weight:800;
  letter-spacing:.07em;
  cursor:pointer;
}
.flr-default-rig,.flr-back{border:1px solid rgba(153,192,223,.18);background:rgba(0,0,0,.17);color:#8ba5b4}
.flr-default-rig:hover,.flr-back:hover:not(:disabled){border-color:rgba(153,192,223,.42);color:#e3eff5}
.flr-back:disabled{opacity:.35;cursor:not-allowed}
.flr-next{border:1px solid var(--flr-sky);background:linear-gradient(135deg,#b9d9ed,#87b9d7);color:#061722;box-shadow:0 0 26px rgba(153,192,223,.16)}
.flr-next:hover{transform:translateY(-1px);box-shadow:0 7px 28px rgba(153,192,223,.2)}
.flr-next span{margin-left:8px;font-size:18px}
.flr-loadout-progress{display:flex;align-items:center;justify-content:center;gap:10px;color:#7894a3;font-size:9px;font-weight:800;letter-spacing:.1em}
.flr-loadout-progress i{position:relative;width:160px;height:5px;overflow:hidden;border-radius:999px;background:rgba(153,192,223,.1)}
.flr-loadout-progress b{position:absolute;inset:0 auto 0 0;width:33.33%;border-radius:999px;background:var(--flr-sky);box-shadow:0 0 15px rgba(153,192,223,.4);transition:width .22s ease}
.flr-loadout-actions{display:flex;gap:9px}
.flr-casting-screen{position:absolute;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;background:rgba(4,15,23,.96);opacity:0;visibility:hidden;transition:.22s ease}
.flr-loadout.is-casting .flr-casting-screen{opacity:1;visibility:visible}
.flr-casting-screen span{color:#7ea8bf;font-size:11px;font-weight:800;letter-spacing:.18em}
.flr-casting-screen strong{margin-top:7px;color:#fff;font:800 clamp(38px,5vw,68px)/1 "Barlow Condensed",sans-serif;letter-spacing:.05em}
.flr-casting-screen i{display:block;width:260px;height:4px;margin-top:20px;border-radius:999px;background:linear-gradient(90deg,var(--flr-sky) 0 72%,rgba(153,192,223,.12) 72%);box-shadow:0 0 20px rgba(153,192,223,.3);animation:flrCast 1s ease-in-out infinite}
@keyframes flrCast{50%{transform:scaleX(.72);opacity:.72}}
@media(max-width:1180px){.flr-loadout-body{grid-template-columns:180px minmax(0,1fr) 300px}.flr-loadout-steps{padding-inline:10px}.flr-gear-grid{grid-template-columns:1fr}.flr-line-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:760px){.flr-onboarding{padding:16px}.flr-loadout{width:min(1460px,calc(100vw - 32px));max-height:calc(100vh - 32px)}.flr-loadout-head{padding-block:18px}.flr-loadout-body{min-height:430px}.flr-loadout-main{max-height:450px}.flr-preview-stage{height:220px}.flr-gear-card{min-height:200px}.flr-gear-visual{height:98px}.flr-gear-visual img{max-height:88px}}
@media (prefers-reduced-motion:reduce){.flr-loadout,.flr-step-panel,.flr-preview-lure-wrap,.flr-scanline,.flr-casting-screen i{animation:none!important;transition:none!important}}
@media (hover:none),(pointer:coarse), (max-width:899px){.flr-onboarding{display:none!important}}

/* =========================================================
   v1.2.0 — Tackle Box + live rig scaling + precision preview
   ========================================================= */
.flr-loadout-head-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.flr-loadout-close{
  width:38px;height:38px;border:1px solid rgba(153,192,223,.2);border-radius:50%;
  background:rgba(0,0,0,.18);color:#a9c5d5;font:500 24px/1 Arial,sans-serif;cursor:pointer;
  transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}
.flr-loadout-close:hover{border-color:rgba(153,192,223,.5);background:rgba(153,192,223,.08);color:#fff;transform:rotate(4deg)}
.flr-loadout-close[hidden]{display:none!important}
.flr-loadout-body{grid-template-columns:210px minmax(0,1fr) 390px}
.flr-rig-preview{padding:20px 18px 16px}
.flr-preview-stage{height:300px;isolation:isolate}
.flr-preview-water{z-index:0}
.flr-preview-line-svg{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}
.flr-preview-line-svg path{
  fill:none;stroke:var(--flr-preview-line,#dcecf1);stroke-width:1.15;vector-effect:non-scaling-stroke;
  stroke-linecap:round;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--flr-preview-line,#dcecf1) 52%,transparent));
}
.flr-preview-rod{
  z-index:3;left:0;top:0;width:auto;height:auto;max-width:none!important;object-fit:contain;object-position:left top;
  filter:drop-shadow(0 8px 7px rgba(0,0,0,.32));transition:none;cursor:ns-resize;user-select:none;-webkit-user-drag:none;
}
.flr-preview-line{display:none!important}
.flr-preview-lure-wrap{
  z-index:4;left:0;top:0;bottom:auto;width:auto;height:auto;transform:none;display:block;place-items:initial;
  animation:none;cursor:ns-resize;transform-origin:center;user-select:none;
}
.flr-preview-lure{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;filter:drop-shadow(0 9px 10px rgba(0,0,0,.36));user-select:none;-webkit-user-drag:none}
.flr-preview-sizers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.flr-size-control{padding:9px 10px;border:1px solid rgba(153,192,223,.11);border-radius:12px;background:rgba(3,17,26,.58)}
.flr-size-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.flr-size-label span{color:#7898aa;font-size:8px;font-weight:800;letter-spacing:.13em}
.flr-size-label b{color:#dcecf5;font:800 12px/1 "Barlow Condensed",sans-serif;letter-spacing:.04em}
.flr-size-row{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:7px}
.flr-size-row button{width:28px;height:28px;padding:0;border:1px solid rgba(153,192,223,.18);border-radius:8px;background:rgba(153,192,223,.05);color:#a9c9db;font:800 18px/1 Arial,sans-serif;cursor:pointer}
.flr-size-row button:hover{border-color:rgba(153,192,223,.48);background:rgba(153,192,223,.11);color:#fff}
.flr-size-row input[type="range"]{width:100%;accent-color:var(--flr-sky);cursor:ew-resize}
.flr-size-control small{display:block;margin-top:5px;color:#597888;font-size:7px;line-height:1.25;letter-spacing:.06em}
.flr-preview-specs{margin-top:9px}
.flr-preview-specs>div{padding:7px 0}
.flr-preview-memory{margin-top:9px;padding:9px 10px}

body.flr-loadout-open .flr-tacklebox-launcher{opacity:0!important;pointer-events:none!important;transform:translateY(10px)}
.flr-tacklebox-launcher{
  position:fixed;right:24px;bottom:24px;z-index:2147483200;display:flex;align-items:center;gap:10px;
  min-width:158px;min-height:58px;padding:9px 14px 9px 10px;border:1px solid rgba(153,192,223,.36);border-radius:15px;
  background:linear-gradient(135deg,#0b2a3b,#071a25);color:#eff9fd;box-shadow:0 14px 44px rgba(0,0,0,.38),0 0 28px rgba(153,192,223,.08);
  cursor:pointer;transition:.2s ease;font-family:"Barlow",Arial,sans-serif;
}
.flr-tacklebox-launcher:hover{transform:translateY(-3px);border-color:rgba(153,192,223,.7);box-shadow:0 18px 50px rgba(0,0,0,.42),0 0 34px rgba(153,192,223,.14)}
.flr-tacklebox-launcher[hidden]{display:none!important}
.flr-tacklebox-launcher span{display:block;text-align:left}
.flr-tacklebox-launcher small,.flr-tacklebox-launcher strong{display:block}
.flr-tacklebox-launcher small{color:#769aae;font-size:8px;font-weight:800;letter-spacing:.16em}
.flr-tacklebox-launcher strong{margin-top:2px;color:#fff;font:800 17px/1 "Barlow Condensed",sans-serif;letter-spacing:.07em}
.flr-tacklebox-icon{position:relative;display:block;width:39px;height:31px;border:2px solid #86b4d0;border-radius:7px;background:rgba(153,192,223,.08);box-shadow:0 0 18px rgba(153,192,223,.12) inset}
.flr-tacklebox-icon:before{content:"";position:absolute;left:8px;right:8px;top:-8px;height:8px;border:2px solid #86b4d0;border-bottom:0;border-radius:7px 7px 0 0}
.flr-tacklebox-icon:after{content:"";position:absolute;left:0;right:0;top:11px;border-top:2px solid #86b4d0}
.flr-tacklebox-icon b{position:absolute;left:50%;top:8px;width:8px;height:7px;border:2px solid #86b4d0;border-radius:2px;transform:translateX(-50%);background:#071a25}

.flr-tacklebox-panel{
  position:fixed;right:24px;bottom:94px;z-index:2147483250;width:min(410px,calc(100vw - 48px));padding:18px;
  border:1px solid rgba(153,192,223,.3);border-radius:20px;background:linear-gradient(160deg,#0a2636,#061722 72%);
  color:#eaf5fa;box-shadow:0 28px 80px rgba(0,0,0,.52);opacity:0;transform:translateY(12px) scale(.985);pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;font-family:"Barlow",Arial,sans-serif;
}
.flr-tacklebox-panel[hidden]{display:none!important}
.flr-tacklebox-panel.is-open{opacity:1;transform:none;pointer-events:auto}
.flr-tacklebox-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:13px;border-bottom:1px solid rgba(153,192,223,.12)}
.flr-tacklebox-panel header span{display:block;color:#769bae;font-size:8px;font-weight:800;letter-spacing:.15em}
.flr-tacklebox-panel h3{margin:4px 0 0;color:#fff;font:800 31px/.95 "Barlow Condensed",sans-serif;letter-spacing:.05em}
.flr-tacklebox-panel header button{width:34px;height:34px;border:1px solid rgba(153,192,223,.18);border-radius:50%;background:rgba(0,0,0,.18);color:#a9c5d5;font-size:21px;cursor:pointer}
.flr-tacklebox-current{padding:14px 0 12px}
.flr-tacklebox-current>span{color:#7394a6;font-size:8px;font-weight:800;letter-spacing:.14em}
.flr-tacklebox-current dl{margin:8px 0 12px}
.flr-tacklebox-current dl>div{display:grid;grid-template-columns:60px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid rgba(153,192,223,.075)}
.flr-tacklebox-current dt{color:#527486;font-size:8px;font-weight:800;letter-spacing:.12em}
.flr-tacklebox-current dd{margin:0;color:#dbeaf2;font:700 14px/1.1 "Barlow Condensed",sans-serif}
.flr-tacklebox-change{width:100%;min-height:45px;border:1px solid var(--flr-sky);border-radius:12px;background:linear-gradient(135deg,#b6d7eb,#83b5d2);color:#061722;font-weight:900;letter-spacing:.08em;cursor:pointer;box-shadow:0 0 24px rgba(153,192,223,.12)}
.flr-tacklebox-change:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(153,192,223,.18)}
.flr-tacklebox-change span{margin-left:8px}
.flr-host-tacklebox{display:block;width:100%;padding:13px 14px;border:1px solid rgba(155,107,59,.34);border-radius:14px;background:linear-gradient(135deg,rgba(155,107,59,.13),rgba(153,192,223,.035));text-align:left;color:#e8f2f7;cursor:pointer;transition:.18s ease}
.flr-host-tacklebox:hover{border-color:rgba(185,136,83,.62);transform:translateY(-1px)}
.flr-host-tacklebox span,.flr-host-tacklebox strong,.flr-host-tacklebox small{display:block}
.flr-host-tacklebox span{color:#b1865a;font-size:8px;font-weight:800;letter-spacing:.15em}
.flr-host-tacklebox strong{margin-top:4px;color:#fff;font:800 18px/1.05 "Barlow Condensed",sans-serif;letter-spacing:.035em}
.flr-host-tacklebox small{margin-top:6px;color:#718f9f;font-size:9px}
.flr-host-tackle-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
.flr-host-tackle-panel[hidden]{display:none!important}
.flr-host-tackle-panel>div{padding:11px;border:1px solid rgba(153,192,223,.1);border-radius:11px;background:rgba(0,0,0,.15)}
.flr-host-tackle-panel b,.flr-host-tackle-panel span,.flr-host-tackle-panel small{display:block}
.flr-host-tackle-panel b{color:#fff;font:800 17px/1 "Barlow Condensed",sans-serif;letter-spacing:.06em}
.flr-host-tackle-panel span{margin-top:4px;color:#7292a3;font-size:7px;font-weight:800;letter-spacing:.11em}
.flr-host-tackle-panel small{margin-top:6px;color:#547181;font-size:8px}

@media(max-width:1280px){.flr-loadout-body{grid-template-columns:185px minmax(0,1fr) 340px}.flr-preview-stage{height:270px}.flr-preview-sizers{grid-template-columns:1fr}.flr-size-control small{display:none}}
@media(max-width:1180px){.flr-loadout-body{grid-template-columns:170px minmax(0,1fr) 315px}.flr-tacklebox-launcher,.flr-tacklebox-panel{display:none!important}}
@media(max-height:760px){.flr-preview-stage{height:218px}.flr-preview-sizers{margin-top:7px}.flr-size-control{padding:7px 8px}.flr-preview-specs>div{padding:5px 0}.flr-preview-memory{display:none}}
@media (prefers-reduced-motion:reduce){.flr-tacklebox-launcher,.flr-tacklebox-panel,.flr-loadout-close{transition:none!important}}


/* v1.2.1 — Header-owned Tackle Box entry + host gear hero */
.flr-tacklebox-launcher{display:none!important}
.flr-tacklebox-panel header p{margin:5px 0 0;color:#7898aa;font-size:10px;line-height:1.25}
.flr-host-tacklebox-top{display:grid!important;grid-template-columns:70px 1fr;align-items:center;gap:12px;margin-top:14px;padding:12px 13px!important}
.flr-host-tacklebox-top>span{min-width:0}
.flr-host-tacklebox-top>span small,.flr-host-tacklebox-top>span strong,.flr-host-tacklebox-top>span em{display:block}
.flr-host-tacklebox-top>span small{color:#b1865a;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.16em}
.flr-host-tacklebox-top>span strong{margin-top:3px;color:#fff;font:800 17px/1.02 "Barlow Condensed",sans-serif;letter-spacing:.035em}
.flr-host-tacklebox-top>span em{margin-top:5px;color:#7898aa;font-size:9px;font-style:normal}
.flr-host-tackle-art{position:relative;display:block;width:62px;height:48px;border:1px solid rgba(153,192,223,.24);border-radius:10px;background:linear-gradient(160deg,#152f3d,#091a24);box-shadow:0 0 20px rgba(153,192,223,.08);animation:flrTackleBounce 2.8s ease-in-out infinite}
.flr-host-tackle-art:before{content:"";position:absolute;left:11px;right:11px;top:-10px;height:11px;border:2px solid #83afc9;border-bottom:0;border-radius:8px 8px 0 0}
.flr-host-tackle-art:after{content:"";position:absolute;left:0;right:0;top:18px;border-top:2px solid rgba(131,175,201,.72)}
.flr-host-tackle-art b{position:absolute;left:50%;top:14px;width:10px;height:9px;border:2px solid #83afc9;border-radius:2px;transform:translateX(-50%);background:#091a24}
@keyframes flrTackleBounce{0%,100%{transform:translateY(1px) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){.flr-host-tackle-art{animation:none!important}}

.flr-host-tackle-art{border:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center!important;overflow:visible!important}
.flr-host-tackle-art:before,.flr-host-tackle-art:after,.flr-host-tackle-art b{display:none!important}
.flr-host-tackle-art img{display:block;width:66px;height:54px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(153,192,223,.23));pointer-events:none}


/* ============================================================
   v1.2.3 — REPAIRED MOBILE HOST TACKLE BOX
   Header Tackle Box opens host gear only on touch/mobile.
   Desktop keeps the saved-rig / rig-editor experience.
   ============================================================ */
.flr-mobile-host-tackle{display:none}
@media(max-width:900px), (hover:none), (pointer:coarse){
  body.flr-mobile-host-open{overflow:hidden!important}
  .flr-mobile-host-tackle{
    position:fixed;inset:0;z-index:2147483500;display:block;opacity:0;pointer-events:none;
    transition:opacity .18s ease;font-family:"Barlow",Arial,sans-serif;
  }
  .flr-mobile-host-tackle[hidden]{display:none!important}
  .flr-mobile-host-tackle.is-open{opacity:1;pointer-events:auto}
  .flr-mobile-host-backdrop{
    position:absolute;inset:0;width:100%;height:100%;border:0!important;background:rgba(2,12,18,.78)!important;
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:0!important;margin:0!important;box-shadow:none!important;
  }
  .flr-mobile-host-sheet{
    position:absolute;left:12px;right:12px;bottom:12px;max-height:calc(100% - 24px);overflow:auto;
    padding:24px 18px 20px;border:1px solid rgba(153,192,223,.30);border-radius:24px;
    background:linear-gradient(165deg,#0a2636 0%,#061722 74%);color:#eaf5fa;
    box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 34px rgba(153,192,223,.08);
    transform:translateY(24px) scale(.985);transition:transform .2s ease;
    text-align:center;
  }
  .flr-mobile-host-tackle.is-open .flr-mobile-host-sheet{transform:none}
  .flr-mobile-host-close{
    position:absolute;right:13px;top:13px;width:40px;height:40px;border:1px solid rgba(153,192,223,.20)!important;
    border-radius:50%;background:rgba(0,0,0,.18)!important;color:#d9edf7!important;font-size:25px;line-height:1;
    display:grid;place-items:center;padding:0!important;box-shadow:none!important;
  }
  .flr-mobile-host-art{
    width:106px;height:82px;margin:0 auto 5px;display:grid;place-items:center;
    animation:flrMobileHostBreath 3.6s cubic-bezier(.45,.04,.55,.96) infinite;
    will-change:transform,filter;
  }
  .flr-mobile-host-art img{display:block;width:102px;height:auto;max-height:78px;object-fit:contain}
  .flr-mobile-host-kicker{display:block;margin-top:3px;color:#8cb8d2;font-size:9px;font-weight:900;letter-spacing:.18em}
  .flr-mobile-host-sheet h3{margin:7px auto 0;max-width:310px;color:#fff;font:800 30px/.95 "Barlow Condensed",Arial,sans-serif;letter-spacing:.045em}
  .flr-mobile-host-sheet>p{margin:9px auto 17px;color:#8aa9b9;font-size:12px;line-height:1.4}
  .flr-mobile-host-choices{display:grid;grid-template-columns:1fr;gap:10px}
  .flr-mobile-host-choice{
    width:100%;min-height:76px;padding:14px 16px!important;border:1px solid rgba(153,192,223,.20)!important;border-radius:16px!important;
    background:linear-gradient(145deg,rgba(153,192,223,.09),rgba(255,255,255,.015))!important;color:#dcecf4!important;
    text-align:left!important;box-shadow:none!important;opacity:.74;cursor:not-allowed!important;
  }
  .flr-mobile-host-choice b,.flr-mobile-host-choice span{display:block}
  .flr-mobile-host-choice b{font:800 20px/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.055em}
  .flr-mobile-host-choice span{margin-top:7px;color:#7798aa;font-size:8px;font-weight:900;letter-spacing:.16em}
  .flr-mobile-host-note{display:block;margin-top:12px;color:#5f8192;font-size:9px;line-height:1.35}
}
@keyframes flrMobileHostBreath{
  0%,100%{transform:translateY(2px) scale(.992);filter:drop-shadow(0 0 1px rgba(153,192,223,.03))}
  50%{transform:translateY(-5px) scale(1.018);filter:drop-shadow(0 0 5px rgba(239,249,255,.50)) drop-shadow(0 0 14px rgba(153,192,223,.48))}
}
@media(prefers-reduced-motion:reduce){.flr-mobile-host-art{animation:none!important;filter:none!important}}

/* ============================================================
   v1.2.5 — MOBILE HOST TACKLE BOX: DARK GLASS PANEL
   Remove the oversized light-blue wash and match the Fishing Loons
   dark side-panel language. Mobile/touch only; desktop unchanged.
   ============================================================ */
@media(max-width:900px), (hover:none), (pointer:coarse){
  html body.flr-mobile-host-open .flr-mobile-host-tackle{
    background:transparent!important;
  }

  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-backdrop{
    background:rgba(3,13,20,.72)!important;
    backdrop-filter:blur(11px) saturate(.92)!important;
    -webkit-backdrop-filter:blur(11px) saturate(.92)!important;
  }

  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-sheet{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    max-height:calc(100dvh - 28px)!important;
    padding:22px 17px 18px!important;
    border:1px solid rgba(153,192,223,.26)!important;
    border-radius:24px!important;
    background:
      linear-gradient(180deg,rgba(10,29,41,.96),rgba(5,18,27,.94))!important;
    box-shadow:
      0 28px 90px rgba(0,0,0,.66),
      inset 0 1px 0 rgba(255,255,255,.025),
      0 0 30px rgba(153,192,223,.055)!important;
    color:#e7f1f6!important;
  }

  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-sheet:before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:
      linear-gradient(120deg,rgba(153,192,223,.045),transparent 32%),
      repeating-linear-gradient(0deg,rgba(153,192,223,.018) 0 1px,transparent 1px 26px);
    opacity:.72;
  }

  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-sheet>*{
    position:relative;
    z-index:1;
  }

  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-close{
    right:12px!important;
    top:12px!important;
    width:40px!important;
    height:40px!important;
    border:1px solid rgba(153,192,223,.28)!important;
    border-radius:10px!important;
    background:rgba(6,22,32,.88)!important;
    color:#b7d4e4!important;
    box-shadow:0 8px 22px rgba(0,0,0,.24)!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-close:hover,
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-close:focus-visible{
    background:rgba(153,192,223,.13)!important;
    color:#eef8fc!important;
    border-color:rgba(153,192,223,.52)!important;
  }

  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-art{
    margin-bottom:1px!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-art img{
    filter:drop-shadow(0 0 12px rgba(153,192,223,.22))!important;
  }

  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-kicker{
    color:#99c0df!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-sheet h3{
    color:#f1ecdc!important;
    text-shadow:none!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-sheet>p{
    color:#8ea6b4!important;
  }

  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choices{
    gap:10px!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice{
    min-height:72px!important;
    padding:13px 15px!important;
    border:1px solid rgba(153,192,223,.18)!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,rgba(18,45,61,.78),rgba(7,24,34,.86))!important;
    color:#d9e9f1!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
    opacity:.88!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice b{
    color:#dcebf3!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice span{
    color:#7697a9!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-note{
    color:#648596!important;
  }
}

/* ============================================================
   v1.2.6 — DESKTOP TACKLE BOX CONTROL HARDENING
   Keep global/theme button rules from warping the Gear Locker UI.
   Desktop only; mobile host panel remains unchanged.
   ============================================================ */
@media (min-width:1181px) and (hover:hover) and (pointer:fine){
  html body .flr-tacklebox-panel button{
    -webkit-appearance:none!important;
    appearance:none!important;
    text-decoration:none!important;
    text-shadow:none!important;
    outline-offset:3px!important;
  }
  html body .flr-tacklebox-panel button:before,
  html body .flr-tacklebox-panel button:after{
    content:none!important;
    display:none!important;
  }

  html body .flr-tacklebox-panel header>button[data-flr-tacklebox-close]{
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(153,192,223,.42)!important;
    border-radius:8px!important;
    background:#99c0df!important;
    color:#071824!important;
    box-shadow:5px 5px 0 rgba(0,0,0,.24)!important;
    font:900 22px/1 Arial,sans-serif!important;
    letter-spacing:0!important;
    text-transform:none!important;
    display:grid!important;
    place-items:center!important;
    cursor:pointer!important;
    transform:none!important;
    transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important;
  }
  html body .flr-tacklebox-panel header>button[data-flr-tacklebox-close]:hover,
  html body .flr-tacklebox-panel header>button[data-flr-tacklebox-close]:focus-visible{
    background:#b4d4ea!important;
    transform:translate(-1px,-1px)!important;
    box-shadow:7px 7px 0 rgba(0,0,0,.22)!important;
  }

  html body .flr-tacklebox-panel .flr-host-tacklebox-top{
    min-height:106px!important;
    margin-top:14px!important;
    padding:14px 16px!important;
    border:1px solid rgba(153,192,223,.22)!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,rgba(153,192,223,.075),rgba(7,24,34,.72))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
    color:#e9f2f6!important;
    text-align:left!important;
    font:inherit!important;
    letter-spacing:normal!important;
    text-transform:none!important;
  }
  html body .flr-tacklebox-panel .flr-host-tacklebox-top:hover,
  html body .flr-tacklebox-panel .flr-host-tacklebox-top:focus-visible{
    border-color:rgba(153,192,223,.48)!important;
    background:linear-gradient(135deg,rgba(153,192,223,.115),rgba(7,24,34,.78))!important;
    transform:translateY(-1px)!important;
  }

  html body .flr-tacklebox-panel .flr-tacklebox-change{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    margin:0!important;
    padding:0 18px!important;
    border:1px solid #99c0df!important;
    border-radius:8px!important;
    background:#99c0df!important;
    color:#071824!important;
    box-shadow:5px 5px 0 rgba(0,0,0,.24)!important;
    font:800 18px/1 "Barlow Condensed",Arial,sans-serif!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    transform:none!important;
    transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important;
  }
  html body .flr-tacklebox-panel .flr-tacklebox-change span{
    display:inline-block!important;
    margin:0!important;
    font:800 22px/1 Arial,sans-serif!important;
    letter-spacing:0!important;
  }
  html body .flr-tacklebox-panel .flr-tacklebox-change:hover,
  html body .flr-tacklebox-panel .flr-tacklebox-change:focus-visible{
    background:#b4d4ea!important;
    transform:translate(-1px,-1px)!important;
    box-shadow:7px 7px 0 rgba(0,0,0,.22)!important;
  }
}

/* ============================================================
   v1.2.7 — DESKTOP TACKLE BOX HEADER ALIGNMENT
   Vertically align the close control with the complete title block.
   ============================================================ */
@media (min-width:1181px) and (hover:hover) and (pointer:fine){
  html body .flr-tacklebox-panel header>button[data-flr-tacklebox-close]{
    align-self:center!important;
  }
}


/* v1.2.9 — host head art in tackle box.
   Adds Jesse/Andrew head assets into the available right-side space on the
   desktop host profile cards and the mobile host tackle choices. */
.flr-host-tackle-panel>.flr-host-profile{
  display:grid;
  grid-template-columns:minmax(0,1fr) 72px;
  align-items:end;
  gap:10px;
  overflow:hidden;
  position:relative;
  padding:11px 10px 8px 11px;
  background:linear-gradient(135deg,rgba(13,36,49,.72),rgba(6,20,29,.88));
}
.flr-host-profile-copy{min-width:0}
.flr-host-profile-face{
  justify-self:end;
  align-self:end;
  display:block;
  width:68px;
  height:58px;
  pointer-events:none;
}
.flr-host-profile-face img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:bottom center;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.28)) drop-shadow(0 0 9px rgba(153,192,223,.08));
}
.flr-host-profile-jesse .flr-host-profile-face img{transform:translateX(3px)}
.flr-host-profile-andrew .flr-host-profile-face img{transform:translateX(2px)}

@media(max-width:900px), (hover:none), (pointer:coarse){
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 82px;
    align-items:end!important;
    gap:10px!important;
    overflow:hidden;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-copy{display:block;min-width:0}
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-copy b,
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-copy span{display:block}
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice span{margin-top:7px}
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-face{
    justify-self:end;
    align-self:end;
    display:block;
    width:76px;
    height:64px;
    pointer-events:none;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-face img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:bottom center;
    filter:drop-shadow(0 7px 12px rgba(0,0,0,.28)) drop-shadow(0 0 9px rgba(153,192,223,.06));
    opacity:.98;
  }
}
@media(max-width:430px){
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice{grid-template-columns:minmax(0,1fr) 72px!important}
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-face{width:66px;height:56px}
}


/* v1.2.10 — real host head assets.
   Swap the temporary cropped example faces for the actual supplied Jesse and
   Andrew artwork, and tune the right-side fit so the heads sit larger and
   cleaner in the available card space on desktop and mobile. */
.flr-host-profile-face{
  width:86px;
  height:78px;
}
.flr-host-profile-face img{
  object-position:right bottom;
}
.flr-host-profile-jesse .flr-host-profile-face img{transform:translateX(7px) translateY(1px) scale(1.02)}
.flr-host-profile-andrew .flr-host-profile-face img{transform:translateX(5px) translateY(2px) scale(1.01)}

@media(max-width:900px), (hover:none), (pointer:coarse){
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-face{
    width:88px;
    height:78px;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-face img{
    object-position:right bottom;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice-jesse .flr-mobile-host-face img{transform:translateX(8px) scale(1.02)}
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice-andrew .flr-mobile-host-face img{transform:translateX(5px) scale(1.01)}
}
@media(max-width:430px){
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice{grid-template-columns:minmax(0,1fr) 82px!important}
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-face{width:78px;height:68px}
}


/* v1.2.13 — host portrait proportion pass.
   Desktop portraits are reduced so the names/profile copy stay dominant.
   Mobile portraits are pulled inward from the far-right edge for a more
   balanced card composition. */
.flr-host-profile-face{
  width:66px!important;
  height:60px!important;
}
.flr-host-profile-jesse .flr-host-profile-face img{
  transform:translateX(1px) translateY(1px) scale(.98)!important;
}
.flr-host-profile-andrew .flr-host-profile-face img{
  transform:translateX(0) translateY(1px) scale(.98)!important;
}

@media(max-width:900px), (hover:none), (pointer:coarse){
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice{
    grid-template-columns:minmax(0,1fr) 88px!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-face{
    width:70px!important;
    height:64px!important;
    justify-self:start!important;
    transform:translateX(-2px)!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice-jesse .flr-mobile-host-face img{
    transform:none!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice-andrew .flr-mobile-host-face img{
    transform:none!important;
  }
}
@media(max-width:430px){
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice{
    grid-template-columns:minmax(0,1fr) 80px!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-face{
    width:66px!important;
    height:60px!important;
    transform:translateX(-1px)!important;
  }
}


/* v1.2.14 — compact host-choice pass.
   Mobile host-choice rows are tightened so the two options feel less empty,
   portraits are smaller and nudged upward, and the desktop portraits are
   reduced another step. */
.flr-host-profile{grid-template-columns:minmax(0,1fr) 56px!important; gap:8px!important; padding:10px 9px 8px 11px!important}
.flr-host-profile-face{
  width:56px!important;
  height:52px!important;
  align-self:center!important;
}
.flr-host-profile-jesse .flr-host-profile-face img{
  transform:translateX(0) translateY(-2px) scale(.94)!important;
}
.flr-host-profile-andrew .flr-host-profile-face img{
  transform:translateX(0) translateY(-2px) scale(.94)!important;
}

@media(max-width:900px), (hover:none), (pointer:coarse){
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice{
    min-height:58px!important;
    padding:10px 13px!important;
    grid-template-columns:minmax(0,1fr) 68px!important;
    align-items:center!important;
    gap:8px!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-copy b{
    font-size:18px!important;
    line-height:1!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-copy span{
    margin-top:5px!important;
    font-size:7px!important;
    letter-spacing:.14em!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-face{
    width:58px!important;
    height:52px!important;
    justify-self:start!important;
    align-self:start!important;
    transform:translateX(-7px) translateY(-5px)!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice-jesse .flr-mobile-host-face img,
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice-andrew .flr-mobile-host-face img{
    transform:none!important;
  }
}
@media(max-width:430px){
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice{
    min-height:54px!important;
    padding:9px 12px!important;
    grid-template-columns:minmax(0,1fr) 62px!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-face{
    width:54px!important;
    height:48px!important;
    transform:translateX(-6px) translateY(-6px)!important;
  }
}


/* ============================================================
   v1.2.16 — LOADOUT CONSOLE REBUILD
   Tightens the desktop editor, fixes the global cursor line/lure
   stacking bug inside the modal, makes the single-rod state feel
   intentional, and rebuilds the scale controls so theme button
   styles cannot blow them apart.
   ============================================================ */

/* The global cursor rod already sat above the modal, but the physics rig
   (line + lure) sat below it. Keep the complete saved rig together. */
body.flr-loadout-open .flh-cursor-rig{
  z-index:2147483645!important;
  opacity:1;
  visibility:visible;
}
body.flr-loadout-open .flh-cursor-rod-visual{z-index:2147483646!important}
body.flr-loadout-open .flh-rod-guided-line{z-index:2147483647!important}

/* Overall editor proportions. */
.flr-loadout{
  width:min(1360px,calc(100vw - 54px));
  max-height:calc(100vh - 44px);
  border-radius:22px;
  background:
    linear-gradient(135deg,rgba(153,192,223,.065),transparent 28%),
    linear-gradient(180deg,#081c28 0%,#061722 100%);
}
.flr-loadout-head{
  align-items:center;
  padding:21px 26px 18px;
  background:
    linear-gradient(90deg,rgba(153,192,223,.07),transparent 56%),
    rgba(3,15,23,.24);
}
.flr-loadout-brand h2{
  font-weight:700;
  line-height:1.02;
  letter-spacing:.04em;
}
.flr-loadout-brand p{font-size:14px}
.flr-loadout-body{
  grid-template-columns:168px minmax(0,1fr) 382px!important;
  height:min(590px,calc(100vh - 196px));
  min-height:470px;
}
.flr-loadout-steps{
  padding:14px 10px;
  background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(5,21,31,.46));
}
.flr-loadout-steps button{
  grid-template-columns:31px 1fr;
  min-height:62px;
  margin-bottom:8px;
  padding:9px;
  border-radius:12px;
}
.flr-loadout-steps button b{width:30px;height:30px;font-size:13px}
.flr-loadout-steps button span{font-size:16px;font-weight:700}
.flr-loadout-steps button small{font-size:8px;margin-bottom:3px}
.flr-loadout-main{
  position:relative;
  max-height:none!important;
  height:100%;
  padding:20px 22px 24px;
  background:
    linear-gradient(rgba(153,192,223,.015) 1px,transparent 1px),
    linear-gradient(90deg,rgba(153,192,223,.015) 1px,transparent 1px);
  background-size:30px 30px;
}
.flr-panel-title>span{font-size:9px}
.flr-panel-title h3{
  margin-top:6px;
  font-weight:700;
  line-height:1.04;
  letter-spacing:.035em;
}
.flr-panel-title p{margin-bottom:16px;font-size:13px;max-width:720px}

/* One available rod: present it as a deliberate locked-in loadout instead of
   leaving one half-size card floating in a huge blank grid. */
.flr-step-panel[data-flr-panel="rod"] .flr-gear-grid{grid-template-columns:1fr;gap:12px}
.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"]{
  min-height:205px;
  display:grid;
  grid-template-columns:minmax(230px,42%) minmax(0,1fr);
  grid-template-rows:auto auto 1fr;
  column-gap:20px;
  align-items:start;
  padding:14px 18px 14px 14px;
}
.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] .flr-gear-visual{
  grid-column:1;
  grid-row:1/5;
  height:175px;
  margin:0;
  align-self:center;
}
.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] strong{
  grid-column:2;
  margin-top:34px;
  font-size:25px;
  font-weight:700;
  line-height:1.04;
}
.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] small{
  grid-column:2;
  font-size:9px;
}
.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] p{
  grid-column:2;
  max-width:480px;
  font-size:12px;
}
.flr-single-rod-note{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:"kicker title" "copy copy";
  align-items:center;
  gap:5px 12px;
  margin-top:12px;
  padding:12px 14px;
  border:1px solid rgba(153,192,223,.13);
  border-radius:13px;
  background:linear-gradient(135deg,rgba(153,192,223,.055),rgba(4,17,25,.52));
}
.flr-single-rod-note span{grid-area:kicker;color:#7fa6bc;font-size:8px;font-weight:800;letter-spacing:.15em}
.flr-single-rod-note strong{grid-area:title;color:#eee7d5;font:700 17px/1.05 "Barlow Condensed",Arial,sans-serif;letter-spacing:.045em}
.flr-single-rod-note p{grid-area:copy;margin:2px 0 0;color:#6f8d9d;font-size:10px;line-height:1.4}

/* Keep line/lure choice pages dense and useful. */
.flr-line-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.flr-line-option{min-height:72px;padding:11px;border-radius:13px}
.flr-line-swatch{width:40px;height:40px;border-radius:10px}
.flr-lure-grid{gap:12px}
.flr-lure-grid .flr-gear-card{min-height:220px;padding:13px}
.flr-lure-grid .flr-gear-visual{height:118px;margin-bottom:11px}
.flr-lure-grid .flr-gear-card strong{font-size:19px;font-weight:700}

/* Preview becomes a purpose-built live loadout bay instead of a tall sidebar. */
.flr-rig-preview{
  height:100%;
  overflow:auto;
  padding:16px 16px 13px;
  background:
    linear-gradient(180deg,rgba(3,15,23,.38),rgba(153,192,223,.018)),
    #071a25;
}
.flr-preview-kicker{margin-bottom:8px}
.flr-preview-stage{
  height:240px!important;
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 30%,rgba(153,192,223,.07),transparent 38%),
    linear-gradient(180deg,#0a2636 0%,#0b2c3d 54%,#082331 55%,#061923 100%);
}

/* SCALE DECK — stable against theme/global button rules. */
.flr-preview-sizers{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin-top:8px!important;
}
.flr-size-control{
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  gap:3px 9px!important;
  min-width:0!important;
  padding:8px 9px!important;
  border:1px solid rgba(153,192,223,.13)!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,rgba(153,192,223,.045),rgba(2,13,20,.42))!important;
}
.flr-size-label{
  grid-column:1!important;
  grid-row:1!important;
  display:block!important;
  margin:0!important;
}
.flr-size-label span,
.flr-size-label b{display:block!important}
.flr-size-label span{font-size:7px!important;letter-spacing:.13em!important}
.flr-size-label b{margin-top:3px;font-size:15px!important;line-height:1!important;color:#eef5f8!important}
.flr-size-row{
  grid-column:2!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) 32px!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
}
.flr-size-row button{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(153,192,223,.24)!important;
  border-radius:8px!important;
  background:#0b2635!important;
  color:#b9d8e9!important;
  box-shadow:none!important;
  font:700 18px/1 Arial,sans-serif!important;
  text-indent:0!important;
}
.flr-size-row button:hover,
.flr-size-row button:focus-visible{
  border-color:rgba(153,192,223,.68)!important;
  background:#123447!important;
  color:#fff!important;
  outline:none!important;
  box-shadow:0 0 16px rgba(153,192,223,.11)!important;
}
.flr-size-row input[type="range"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:100%!important;
  min-width:0!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:none!important;
}
.flr-size-row input[type="range"]::-webkit-slider-runnable-track{
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#557487,#355161);
  box-shadow:inset 0 0 0 1px rgba(153,192,223,.08);
}
.flr-size-row input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:15px;
  height:15px;
  margin-top:-5.5px;
  border:2px solid #071822;
  border-radius:50%;
  background:#99c0df;
  box-shadow:0 0 0 1px rgba(153,192,223,.42),0 0 10px rgba(153,192,223,.2);
}
.flr-size-row input[type="range"]::-moz-range-track{
  height:4px;
  border:0;
  border-radius:999px;
  background:#466273;
}
.flr-size-row input[type="range"]::-moz-range-progress{
  height:4px;
  border-radius:999px;
  background:#99c0df;
}
.flr-size-row input[type="range"]::-moz-range-thumb{
  width:13px;
  height:13px;
  border:2px solid #071822;
  border-radius:50%;
  background:#99c0df;
}
.flr-size-control small{
  grid-column:1/-1!important;
  grid-row:2!important;
  margin:1px 0 0!important;
  color:#557687!important;
  font-size:7px!important;
  line-height:1.25!important;
}

.flr-preview-specs{margin-top:8px}
.flr-preview-specs>div{grid-template-columns:64px 1fr;padding:6px 0}
.flr-preview-specs dt{font-size:8px}
.flr-preview-specs dd{font-size:13px}
.flr-preview-memory{margin-top:8px;padding:8px 9px}
.flr-preview-memory p{font-size:9px}

.flr-loadout-foot{
  grid-template-columns:168px 1fr auto!important;
  min-height:64px;
  padding:10px 14px!important;
  gap:14px;
}
.flr-default-rig,.flr-back,.flr-next{min-height:42px;border-radius:10px}
.flr-default-rig{font-size:11px}
.flr-loadout-progress i{width:140px}

@media(max-width:1250px){
  .flr-loadout-body{grid-template-columns:150px minmax(0,1fr) 350px!important}
  .flr-loadout-foot{grid-template-columns:150px 1fr auto!important}
  .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"]{grid-template-columns:210px minmax(0,1fr)}
}
@media(max-height:780px){
  .flr-loadout{max-height:calc(100vh - 24px)}
  .flr-loadout-head{padding-top:15px;padding-bottom:13px}
  .flr-loadout-body{height:calc(100vh - 158px);min-height:420px}
  .flr-preview-stage{height:205px!important}
  .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"]{min-height:175px}
  .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] .flr-gear-visual{height:145px}
  .flr-single-rod-note{padding:9px 11px}
}


/* ============================================================
   v1.2.17 — FISHING LOONS GEAR BENCH
   Keeps the live loadout and rod/lure sizing, but removes the video-game
   inventory/HUD presentation. The editor now reads like a Fishing Loons
   gear workshop: open layout, editorial tabs, dark gear cards and a clean
   live-preview rail.
   ============================================================ */
.flr-loadout{
  width:min(1240px,calc(100vw - 64px))!important;
  max-height:calc(100vh - 48px)!important;
  border-radius:18px!important;
  background:#071923!important;
  border:1px solid rgba(153,192,223,.22)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.58),0 0 34px rgba(153,192,223,.045)!important;
}
.flr-scanline{display:none!important}
.flr-loadout-head{
  padding:24px 28px 20px!important;
  background:linear-gradient(90deg,rgba(153,192,223,.045),transparent 52%)!important;
  border-bottom:1px solid rgba(153,192,223,.14)!important;
}
.flr-loadout-brand>span{font-size:9px!important;letter-spacing:.18em!important;color:#8eb7cf!important}
.flr-loadout-brand h2{
  margin-top:7px!important;
  font:700 clamp(34px,3.2vw,47px)/1.02 "Barlow Condensed",Arial,sans-serif!important;
  letter-spacing:.035em!important;
  word-spacing:.06em!important;
  color:#f1ecdc!important;
}
.flr-loadout-brand p{margin-top:7px!important;font-size:13px!important;color:#8da5b2!important}
.flr-loadout-status{background:transparent!important;border-color:rgba(153,192,223,.13)!important}

/* Horizontal editorial sections instead of a game-style left rail. */
.flr-loadout-body{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 350px!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  grid-template-areas:"tabs preview" "content preview"!important;
  height:min(610px,calc(100vh - 190px))!important;
  min-height:480px!important;
  background:#071923!important;
}
.flr-loadout-steps{
  grid-area:tabs!important;
  display:flex!important;
  align-items:stretch!important;
  gap:0!important;
  padding:0 24px!important;
  background:#071923!important;
  border-right:1px solid rgba(153,192,223,.11)!important;
  border-bottom:1px solid rgba(153,192,223,.11)!important;
  overflow:visible!important;
}
.flr-loadout-steps button{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:52px!important;
  width:auto!important;
  margin:0 28px 0 0!important;
  padding:0 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#718d9c!important;
  box-shadow:none!important;
}
.flr-loadout-steps button[data-flr-step="reel"]{display:none!important}
.flr-loadout-steps button b{display:none!important}
.flr-loadout-steps button span{font:700 15px/1 "Barlow Condensed",Arial,sans-serif!important;letter-spacing:.06em!important;color:inherit!important}
.flr-loadout-steps button small{display:none!important}
.flr-loadout-steps button em{display:none!important}
.flr-loadout-steps button:after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;
}
.flr-loadout-steps button.is-active{color:#f1ecdc!important}
.flr-loadout-steps button.is-active:after{background:#99c0df;box-shadow:0 0 10px rgba(153,192,223,.22)}
.flr-loadout-steps button:not(:disabled):hover{color:#bcd9e9!important;transform:none!important}

.flr-loadout-main{
  grid-area:content!important;
  height:100%!important;
  max-height:none!important;
  overflow:auto!important;
  padding:24px 26px 30px!important;
  background:#071923!important;
  border-right:1px solid rgba(153,192,223,.11)!important;
}
.flr-panel-title{max-width:720px}
.flr-panel-title>span{color:#8cb7d0!important;font-size:8px!important;letter-spacing:.17em!important}
.flr-panel-title h3{
  margin:6px 0 0!important;
  color:#f0ebda!important;
  font:700 clamp(27px,2.4vw,34px)/1.04 "Barlow Condensed",Arial,sans-serif!important;
  letter-spacing:.035em!important;
  word-spacing:.05em!important;
}
.flr-panel-title p{margin:7px 0 18px!important;max-width:650px!important;color:#7893a2!important;font-size:12px!important;line-height:1.45!important}

/* Dark editorial rod card — no giant powder-blue inventory tile. */
.flr-step-panel[data-flr-panel="rod"] .flr-gear-grid{grid-template-columns:1fr!important}
.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"]{
  min-height:180px!important;
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr)!important;
  grid-template-rows:auto auto 1fr!important;
  column-gap:22px!important;
  padding:14px!important;
  border:1px solid rgba(153,192,223,.18)!important;
  border-left:3px solid #99c0df!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#0a2534,#081c28)!important;
  color:#d9e8ef!important;
  box-shadow:none!important;
}
.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"].is-selected{background:linear-gradient(135deg,#0c2939,#081d29)!important}
.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] .flr-gear-visual{
  grid-column:1!important;grid-row:1/5!important;height:150px!important;margin:0!important;
  border-radius:11px!important;background:rgba(153,192,223,.075)!important;border:1px solid rgba(153,192,223,.10)!important;
}
.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] strong{
  grid-column:2!important;margin-top:24px!important;color:#f0ebda!important;font-size:24px!important;font-weight:700!important;line-height:1.05!important;
}
.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] small{grid-column:2!important;color:#7696a7!important;font-size:8px!important}
.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] p{grid-column:2!important;max-width:420px!important;color:#8aa3af!important;font-size:11px!important;line-height:1.45!important}
.flr-single-rod-note{display:none!important}

/* Keep line/lure choices, but use the same quieter workshop language. */
.flr-line-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.flr-line-option,.flr-lure-grid .flr-gear-card{
  border-color:rgba(153,192,223,.14)!important;
  background:#081d29!important;
  box-shadow:none!important;
}
.flr-line-option.is-selected,.flr-lure-grid .flr-gear-card.is-selected{
  border-color:rgba(153,192,223,.48)!important;
  background:linear-gradient(135deg,rgba(153,192,223,.10),#081d29)!important;
}

/* Live Loadout stays — it becomes a clean supporting rail rather than a HUD. */
.flr-rig-preview{
  grid-area:preview!important;
  height:100%!important;
  overflow:auto!important;
  padding:20px 18px 16px!important;
  background:#061722!important;
}
.flr-preview-kicker{margin-bottom:10px!important;padding:0 2px!important}
.flr-preview-kicker span{color:#99c0df!important;font-size:9px!important;letter-spacing:.16em!important}
.flr-preview-kicker b{color:#647f8e!important;font-size:8px!important;letter-spacing:.12em!important}
.flr-preview-stage{
  height:245px!important;
  border:1px solid rgba(153,192,223,.14)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#0a2635,#071b27)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.flr-preview-water{opacity:.12!important}

/* Sizing stays, but as two clean adjustment rows — no nested game panels. */
.flr-preview-sizers{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  margin:10px 0 0!important;
  border-top:1px solid rgba(153,192,223,.11)!important;
  border-bottom:1px solid rgba(153,192,223,.11)!important;
}
.flr-size-control{
  display:grid!important;
  grid-template-columns:70px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  padding:10px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(153,192,223,.075)!important;
  border-radius:0!important;
  background:transparent!important;
}
.flr-size-control:last-child{border-bottom:0!important}
.flr-size-label{grid-column:1!important;grid-row:1!important;margin:0!important}
.flr-size-label span{font-size:7px!important;color:#6f8d9d!important;letter-spacing:.13em!important}
.flr-size-label b{margin-top:3px!important;font-size:15px!important;color:#f0ebda!important}
.flr-size-row{
  grid-column:2!important;grid-row:1!important;display:grid!important;grid-template-columns:27px minmax(0,1fr) 27px!important;gap:7px!important;align-items:center!important;
}
.flr-size-row button{
  width:27px!important;min-width:27px!important;max-width:27px!important;height:27px!important;min-height:27px!important;max-height:27px!important;
  border-radius:7px!important;background:transparent!important;border:1px solid rgba(153,192,223,.22)!important;color:#a8c7d8!important;font-size:16px!important;
}
.flr-size-row button:hover,.flr-size-row button:focus-visible{background:rgba(153,192,223,.08)!important;border-color:rgba(153,192,223,.5)!important;box-shadow:none!important}
.flr-size-control small{display:none!important}
.flr-size-row input[type="range"]::-webkit-slider-runnable-track{height:3px!important;background:#365565!important}
.flr-size-row input[type="range"]::-webkit-slider-thumb{width:14px!important;height:14px!important;margin-top:-5.5px!important}

.flr-preview-specs{margin-top:10px!important}
.flr-preview-specs>div{padding:6px 0!important;border-color:rgba(153,192,223,.07)!important}
.flr-preview-specs dt{color:#587684!important;font-size:7px!important}
.flr-preview-specs dd{color:#cbdde5!important;font-size:12px!important}
.flr-preview-memory{margin-top:10px!important;padding:9px 10px!important;background:transparent!important;border-color:rgba(126,230,154,.11)!important}

/* Footer becomes a quiet editor action bar. */
.flr-loadout-foot{
  grid-template-columns:auto 1fr auto!important;
  min-height:66px!important;
  padding:10px 18px!important;
  border-top:1px solid rgba(153,192,223,.12)!important;
  background:#061722!important;
}
.flr-loadout-progress{visibility:hidden!important}
.flr-default-rig,.flr-back,.flr-next{min-height:40px!important;border-radius:8px!important;box-shadow:none!important}
.flr-default-rig{padding-inline:16px!important;background:transparent!important;color:#9bb7c6!important;border:1px solid rgba(153,192,223,.19)!important}
.flr-next{background:#99c0df!important;color:#061722!important}
.flr-back{background:#102b3b!important;color:#91adbc!important}

@media(max-width:1050px){
  .flr-loadout{width:min(980px,calc(100vw - 30px))!important}
  .flr-loadout-body{grid-template-columns:minmax(0,1fr) 310px!important}
  .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"]{grid-template-columns:190px minmax(0,1fr)!important}
}
@media(max-width:820px){
  .flr-loadout-body{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:"tabs" "content" "preview"!important;
    height:auto!important;max-height:calc(100vh - 150px)!important;overflow:auto!important;
  }
  .flr-loadout-steps{border-right:0!important;padding:0 18px!important;position:sticky;top:0;z-index:3;background:#071923!important}
  .flr-loadout-main{border-right:0!important;overflow:visible!important;padding:18px!important}
  .flr-rig-preview{height:auto!important;overflow:visible!important;border-top:1px solid rgba(153,192,223,.12)!important}
  .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"]{grid-template-columns:150px minmax(0,1fr)!important}
  .flr-preview-stage{height:220px!important}
}
@media(max-width:560px){
  .flr-loadout{width:calc(100vw - 18px)!important;border-radius:14px!important}
  .flr-loadout-head{padding:18px 16px 15px!important}
  .flr-loadout-brand h2{font-size:34px!important}
  .flr-loadout-steps{padding:0 14px!important;gap:0!important;justify-content:space-between!important}
  .flr-loadout-steps button{margin-right:12px!important;min-height:46px!important}
  .flr-loadout-main{padding:16px 14px 22px!important}
  .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"]{grid-template-columns:1fr!important;min-height:0!important}
  .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] .flr-gear-visual{grid-column:1!important;grid-row:auto!important;height:126px!important}
  .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] strong,.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] small,.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] p{grid-column:1!important;margin-top:8px!important}
  .flr-line-grid{grid-template-columns:1fr!important}
  .flr-loadout-foot{grid-template-columns:1fr auto!important;gap:8px!important}
  .flr-loadout-progress{display:none!important}
  .flr-default-rig{display:none!important}
}


/* ============================================================
   v1.2.18 — EDITORIAL GEAR BENCH
   Re-composes Change My Rig as a premium Fishing Loons gear editor rather
   than a game inventory screen. Live Loadout and both scale controls remain
   fully functional; the surrounding UI becomes quieter, tighter and more
   editorial.
   ============================================================ */
.flr-loadout{
  width:min(1180px,calc(100vw - 56px))!important;
  max-height:calc(100vh - 56px)!important;
  border-radius:22px!important;
  background:#061720!important;
  border:1px solid rgba(153,192,223,.20)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.64),0 0 38px rgba(153,192,223,.035)!important;
  overflow:hidden!important;
}
.flr-loadout-head{
  min-height:0!important;
  padding:22px 28px 18px!important;
  background:linear-gradient(115deg,rgba(153,192,223,.035),transparent 48%)!important;
  border-bottom:1px solid rgba(153,192,223,.10)!important;
}
.flr-loadout-brand h2{
  font:700 clamp(32px,3vw,43px)/1.04 "Barlow Condensed",Arial,sans-serif!important;
  letter-spacing:.035em!important;
  word-spacing:.055em!important;
  color:#f0ebdb!important;
}
.flr-loadout-brand p{max-width:610px!important;color:#809aa8!important;font-size:12px!important;line-height:1.45!important}
.flr-loadout-status{
  min-height:32px!important;padding:0!important;border:0!important;background:transparent!important;gap:7px!important;color:#7895a5!important;
}
.flr-loadout-status span{font-size:8px!important;letter-spacing:.12em!important}
.flr-loadout-status i{width:6px!important;height:6px!important;box-shadow:0 0 9px rgba(126,230,154,.42)!important}
.flr-loadout-close{width:38px!important;height:38px!important;border-radius:9px!important;background:#0a2230!important;box-shadow:none!important}

.flr-loadout-body{
  grid-template-columns:minmax(0,1fr) 330px!important;
  grid-template-rows:48px minmax(0,1fr)!important;
  height:min(590px,calc(100vh - 174px))!important;
  min-height:470px!important;
  background:#061720!important;
  overflow:hidden!important;
}
.flr-loadout-steps{
  min-height:48px!important;
  padding:0 28px!important;
  border-right:1px solid rgba(153,192,223,.08)!important;
  border-bottom:1px solid rgba(153,192,223,.08)!important;
  background:#061720!important;
}
.flr-loadout-steps button{
  min-height:48px!important;
  margin-right:30px!important;
  padding:0!important;
  color:#6e8a99!important;
}
.flr-loadout-steps button span{font:700 13px/1 "Barlow Condensed",Arial,sans-serif!important;letter-spacing:.085em!important}
.flr-loadout-steps button:after{height:1px!important;bottom:-1px!important}
.flr-loadout-steps button.is-active{color:#f0ebdb!important}
.flr-loadout-steps button.is-active:after{background:#99c0df!important;box-shadow:none!important}

.flr-loadout-main{
  padding:24px 28px 32px!important;
  border-right:1px solid rgba(153,192,223,.08)!important;
  background:#061720!important;
  scrollbar-width:thin;
  scrollbar-color:#486a7c #061720;
}
.flr-loadout-main::-webkit-scrollbar{width:7px}
.flr-loadout-main::-webkit-scrollbar-track{background:#061720}
.flr-loadout-main::-webkit-scrollbar-thumb{background:#486a7c;border-radius:20px;border:2px solid #061720}
.flr-panel-title{max-width:680px!important;margin-bottom:15px!important}
.flr-panel-title>span{font-size:7px!important;color:#82a8bd!important;letter-spacing:.18em!important}
.flr-panel-title h3{
  font:700 clamp(25px,2.1vw,31px)/1.05 "Barlow Condensed",Arial,sans-serif!important;
  letter-spacing:.035em!important;word-spacing:.04em!important;color:#eee8d7!important;
}
.flr-panel-title p{margin:6px 0 0!important;color:#718d9c!important;font-size:11px!important;line-height:1.45!important}

/* One real rod: present it as a clean gear feature, not an inventory slot. */
.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"]{
  grid-template-columns:170px minmax(0,1fr)!important;
  min-height:138px!important;
  padding:12px 16px 12px 12px!important;
  column-gap:18px!important;
  border:1px solid rgba(153,192,223,.14)!important;
  border-left:2px solid #8d6745!important;
  border-radius:12px!important;
  background:#081d27!important;
}
.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] .flr-gear-visual{
  height:112px!important;border:0!important;border-radius:9px!important;background:rgba(153,192,223,.045)!important;
}
.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] strong{
  margin-top:18px!important;font-size:21px!important;font-weight:700!important;color:#eee8d7!important;
}
.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] small{font-size:7px!important;color:#6e8998!important;letter-spacing:.11em!important}
.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] p{font-size:10px!important;line-height:1.42!important;color:#708b99!important}
.flr-step-panel[data-flr-panel="rod"] .flr-gear-badge{left:20px!important;top:18px!important;padding:4px 6px!important;font-size:6px!important;background:rgba(5,16,23,.75)!important}
.flr-step-panel[data-flr-panel="rod"] .flr-gear-card.is-selected:after{width:21px!important;height:21px!important;right:10px!important;top:10px!important;font-size:11px!important}

/* Lures become compact tackle cards. The art remains the star, but no giant
   powder-blue inventory rectangles. */
.flr-lure-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.flr-lure-grid .flr-gear-card{
  min-height:205px!important;
  padding:11px 12px 12px!important;
  border:1px solid rgba(153,192,223,.13)!important;
  border-radius:12px!important;
  background:#081d27!important;
  box-shadow:none!important;
  transform:none!important;
}
.flr-lure-grid .flr-gear-card:hover{border-color:rgba(153,192,223,.32)!important;background:#09212d!important}
.flr-lure-grid .flr-gear-card.is-selected{
  border-color:rgba(153,192,223,.50)!important;
  box-shadow:inset 0 2px 0 #99c0df!important;
  background:#09212d!important;
}
.flr-lure-grid .flr-gear-visual{height:112px!important;margin-bottom:10px!important;border:0!important;border-radius:9px!important;background:rgba(153,192,223,.035)!important}
.flr-lure-grid .flr-gear-visual img{max-height:100px!important;filter:drop-shadow(0 6px 8px rgba(0,0,0,.28))!important}
.flr-lure-grid .flr-gear-card strong{font-size:19px!important;font-weight:700!important;color:#eee8d7!important}
.flr-lure-grid .flr-gear-card small{font-size:7px!important;color:#7a98a8!important;letter-spacing:.10em!important}
.flr-lure-grid .flr-gear-card p{margin-top:6px!important;font-size:9px!important;line-height:1.38!important;color:#6f8997!important}
.flr-lure-grid .flr-gear-badge{left:18px!important;top:17px!important;padding:4px 6px!important;font-size:6px!important}
.flr-lure-grid .flr-gear-card.is-selected:after{width:21px!important;height:21px!important;right:9px!important;top:9px!important;font-size:11px!important}

/* Line is a clean swatch library. */
.flr-line-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.flr-line-option{
  min-height:62px!important;padding:9px 11px!important;border-radius:10px!important;background:#081d27!important;border-color:rgba(153,192,223,.12)!important;box-shadow:none!important;transform:none!important;
}
.flr-line-option:hover{background:#09212d!important;border-color:rgba(153,192,223,.30)!important;transform:none!important}
.flr-line-option.is-selected{background:#09212d!important;box-shadow:inset 2px 0 0 var(--line-color,var(--flr-sky))!important}
.flr-line-swatch{width:32px!important;height:32px!important;border-radius:8px!important;box-shadow:0 0 9px color-mix(in srgb,var(--line-color) 20%,transparent)!important}
.flr-line-option strong{font-size:15px!important;font-weight:700!important;color:#e8e4d6!important}
.flr-line-option small{font-size:7px!important;color:#6a8796!important}

/* Live Loadout: retain all real-time functionality, but treat it as a quiet
   reference panel rather than a simulator HUD. */
.flr-rig-preview{
  padding:20px 17px 16px!important;
  background:#071a24!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin;
  scrollbar-color:#486a7c #071a24;
}
.flr-rig-preview::-webkit-scrollbar{width:7px;height:0}
.flr-rig-preview::-webkit-scrollbar-track{background:#071a24}
.flr-rig-preview::-webkit-scrollbar-thumb{background:#486a7c;border-radius:20px;border:2px solid #071a24}
.flr-preview-kicker{margin-bottom:9px!important}
.flr-preview-kicker span{font-size:8px!important;color:#8fb8ce!important;letter-spacing:.17em!important}
.flr-preview-kicker b{font-size:7px!important;color:#526f7f!important;letter-spacing:.12em!important}
.flr-preview-stage{
  height:218px!important;
  border:1px solid rgba(153,192,223,.11)!important;
  border-radius:12px!important;
  background:radial-gradient(circle at 48% 45%,rgba(153,192,223,.07),transparent 46%),#061720!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.flr-preview-water{display:none!important}

/* Scale controls stay. They become simple gear-bench adjustment strips. */
.flr-preview-sizers{
  margin-top:9px!important;
  border:0!important;
  border-top:1px solid rgba(153,192,223,.09)!important;
  border-bottom:1px solid rgba(153,192,223,.09)!important;
}
.flr-size-control{
  grid-template-columns:66px minmax(0,1fr)!important;
  gap:8px!important;
  padding:9px 0!important;
  border-bottom:1px solid rgba(153,192,223,.06)!important;
}
.flr-size-label span{font-size:6.5px!important;color:#688594!important}
.flr-size-label b{font-size:14px!important;color:#eee8d7!important}
.flr-size-row{grid-template-columns:24px minmax(0,1fr) 24px!important;gap:6px!important}
.flr-size-row button{
  width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important;
  padding:0!important;border-radius:6px!important;background:#0a2230!important;border:1px solid rgba(153,192,223,.16)!important;color:#9fbdcd!important;font-size:14px!important;line-height:1!important;box-shadow:none!important;
}
.flr-size-row input[type="range"]{min-width:0!important;margin:0!important;padding:0!important}
.flr-size-row input[type="range"]::-webkit-slider-runnable-track{height:2px!important;background:#3e5c6b!important;border:0!important}
.flr-size-row input[type="range"]::-webkit-slider-thumb{width:12px!important;height:12px!important;margin-top:-5px!important;background:#99c0df!important;border:2px solid #071923!important;box-shadow:0 0 0 1px rgba(153,192,223,.22)!important}
.flr-size-row input[type="range"]::-moz-range-track{height:2px!important;background:#3e5c6b!important;border:0!important}
.flr-size-row input[type="range"]::-moz-range-thumb{width:10px!important;height:10px!important;background:#99c0df!important;border:2px solid #071923!important;box-shadow:none!important}

/* Current setup reads like a small spec sheet. */
.flr-preview-specs{margin-top:9px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 14px!important}
.flr-preview-specs>div{grid-template-columns:42px minmax(0,1fr)!important;padding:6px 0!important;border-bottom:1px solid rgba(153,192,223,.055)!important}
.flr-preview-specs .is-muted{display:none!important}
.flr-preview-specs dt{font-size:6px!important;letter-spacing:.12em!important;color:#577382!important}
.flr-preview-specs dd{font-size:11px!important;font-weight:700!important;color:#bed2dc!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.flr-preview-memory{display:none!important}

/* Quiet action row. */
.flr-loadout-foot{
  min-height:62px!important;padding:10px 18px!important;background:#061720!important;border-top:1px solid rgba(153,192,223,.09)!important;
}
.flr-default-rig{min-height:36px!important;padding:0 12px!important;border:0!important;background:transparent!important;color:#708e9e!important;font:700 11px/1 "Barlow Condensed",Arial,sans-serif!important;letter-spacing:.06em!important}
.flr-default-rig:hover{color:#b5cedb!important;background:transparent!important}
.flr-back,.flr-next{min-height:38px!important;height:38px!important;border-radius:7px!important;padding:0 16px!important;font-size:12px!important;box-shadow:none!important}
.flr-back{background:transparent!important;border:1px solid rgba(153,192,223,.14)!important;color:#7895a5!important}
.flr-next{background:#99c0df!important;border:1px solid #99c0df!important;color:#061720!important}
.flr-next:hover{filter:brightness(1.04)!important;transform:translateY(-1px)!important}

/* Save transition is a simple branded confirmation, not a game splash. */
.flr-casting-screen{background:rgba(3,13,19,.94)!important;backdrop-filter:blur(5px)!important}
.flr-casting-screen span{color:#8fb8ce!important;font-size:8px!important;letter-spacing:.18em!important}
.flr-casting-screen strong{margin-top:10px!important;font:700 clamp(28px,4vw,46px)/1.03 "Barlow Condensed",Arial,sans-serif!important;letter-spacing:.035em!important;color:#eee8d7!important}
.flr-casting-screen i{width:180px!important;height:2px!important;margin-top:18px!important;background:#203c4b!important}
.flr-casting-screen i:after{background:#99c0df!important;box-shadow:none!important}

@media(max-width:1020px){
  .flr-loadout{width:min(960px,calc(100vw - 28px))!important}
  .flr-loadout-body{grid-template-columns:minmax(0,1fr) 300px!important}
  .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"]{grid-template-columns:145px minmax(0,1fr)!important}
}
@media(max-width:820px){
  .flr-loadout{max-height:calc(100dvh - 18px)!important}
  .flr-loadout-body{height:auto!important;max-height:calc(100dvh - 140px)!important;overflow:auto!important;grid-template-areas:"tabs" "content" "preview"!important}
  .flr-loadout-steps{position:sticky!important;top:0!important;z-index:4!important;padding:0 16px!important;background:#061720!important}
  .flr-loadout-main{padding:18px 16px 22px!important;border-right:0!important}
  .flr-rig-preview{padding:18px 16px!important;border-top:1px solid rgba(153,192,223,.09)!important;overflow:visible!important}
  .flr-preview-stage{height:210px!important}
}
@media(max-width:560px){
  .flr-loadout{width:calc(100vw - 12px)!important;border-radius:15px!important}
  .flr-loadout-head{padding:16px 14px 13px!important}
  .flr-loadout-brand h2{font-size:31px!important}
  .flr-loadout-brand p{font-size:11px!important}
  .flr-loadout-status{display:none!important}
  .flr-loadout-steps{padding:0 14px!important;justify-content:flex-start!important}
  .flr-loadout-steps button{margin-right:24px!important;min-height:44px!important}
  .flr-loadout-main{padding:16px 13px 20px!important}
  .flr-lure-grid{grid-template-columns:1fr!important}
  .flr-lure-grid .flr-gear-card{min-height:185px!important}
  .flr-lure-grid .flr-gear-visual{height:102px!important}
  .flr-line-grid{grid-template-columns:1fr!important}
  .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"]{grid-template-columns:110px minmax(0,1fr)!important;min-height:120px!important}
  .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] .flr-gear-visual{grid-column:1!important;grid-row:1/5!important;height:94px!important}
  .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] strong{grid-column:2!important;margin-top:10px!important;font-size:18px!important}
  .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] small,.flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] p{grid-column:2!important}
  .flr-rig-preview{padding:16px 13px!important}
  .flr-preview-specs{grid-template-columns:1fr!important}
  .flr-loadout-foot{grid-template-columns:1fr auto!important;padding:8px 10px!important}
  .flr-default-rig{display:none!important}
}


/* v1.2.19 — Atomic Trout joins the lure bench. */
@media(min-width:1380px){
  .flr-step-panel[data-flr-panel="lure"] .flr-lure-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .flr-step-panel[data-flr-panel="lure"] .flr-lure-grid .flr-gear-card{
    min-width:0!important;
  }
}


/* ============================================================
   v1.2.20 — HARD RESET FOR ROD/LURE SIZE CONTROLS
   Theme/Elementor button rules were leaking into the four scale buttons and
   turning them into oversized powder-blue blocks. These selectors deliberately
   outrank site button CSS and reset only the rig-size +/- controls.
   ============================================================ */
html body #flr-onboarding .flr-rig-preview .flr-preview-sizers{
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
html body #flr-onboarding .flr-rig-preview .flr-size-control{
  grid-template-columns:72px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:12px!important;
  min-width:0!important;
}
html body #flr-onboarding .flr-rig-preview .flr-size-row{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
}
html body #flr-onboarding .flr-rig-preview .flr-size-row > button[data-flr-scale-target]{
  all:unset!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  flex:0 0 26px!important;
  display:grid!important;
  place-items:center!important;
  width:26px!important;
  min-width:26px!important;
  max-width:26px!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(153,192,223,.24)!important;
  border-radius:50%!important;
  background:#081d29!important;
  color:#a9cada!important;
  box-shadow:none!important;
  cursor:pointer!important;
  font:700 15px/1 Arial,sans-serif!important;
  text-align:center!important;
  text-decoration:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
  transform:none!important;
  opacity:1!important;
}
html body #flr-onboarding .flr-rig-preview .flr-size-row > button[data-flr-scale-target]::before,
html body #flr-onboarding .flr-rig-preview .flr-size-row > button[data-flr-scale-target]::after{
  content:none!important;
  display:none!important;
}
html body #flr-onboarding .flr-rig-preview .flr-size-row > button[data-flr-scale-target] > span{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font:700 15px/.85 Arial,sans-serif!important;
  letter-spacing:0!important;
  transform:translateY(-.5px)!important;
  pointer-events:none!important;
}
html body #flr-onboarding .flr-rig-preview .flr-size-row > button[data-flr-scale-target]:hover,
html body #flr-onboarding .flr-rig-preview .flr-size-row > button[data-flr-scale-target]:focus-visible{
  border-color:rgba(153,192,223,.72)!important;
  background:#102d3d!important;
  color:#f0f7fa!important;
  box-shadow:0 0 0 3px rgba(153,192,223,.07)!important;
  outline:none!important;
}
html body #flr-onboarding .flr-rig-preview .flr-size-row > input[type="range"][data-flr-scale-range]{
  all:unset!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  flex:1 1 auto!important;
  display:block!important;
  width:auto!important;
  min-width:72px!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  cursor:pointer!important;
}
html body #flr-onboarding .flr-rig-preview .flr-size-row > input[type="range"][data-flr-scale-range]::-webkit-slider-runnable-track{
  height:3px!important;
  border:0!important;
  border-radius:99px!important;
  background:#365463!important;
  box-shadow:none!important;
}
html body #flr-onboarding .flr-rig-preview .flr-size-row > input[type="range"][data-flr-scale-range]::-webkit-slider-thumb{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:14px!important;
  height:14px!important;
  margin-top:-5.5px!important;
  border:2px solid #071923!important;
  border-radius:50%!important;
  background:#99c0df!important;
  box-shadow:0 0 0 1px rgba(153,192,223,.42)!important;
}
html body #flr-onboarding .flr-rig-preview .flr-size-row > input[type="range"][data-flr-scale-range]::-moz-range-track{
  height:3px!important;
  border:0!important;
  border-radius:99px!important;
  background:#365463!important;
  box-shadow:none!important;
}
html body #flr-onboarding .flr-rig-preview .flr-size-row > input[type="range"][data-flr-scale-range]::-moz-range-thumb{
  width:12px!important;
  height:12px!important;
  border:2px solid #071923!important;
  border-radius:50%!important;
  background:#99c0df!important;
  box-shadow:0 0 0 1px rgba(153,192,223,.42)!important;
}
@media(max-width:560px){
  html body #flr-onboarding .flr-rig-preview .flr-size-control{
    grid-template-columns:64px minmax(0,1fr)!important;
    column-gap:8px!important;
  }
  html body #flr-onboarding .flr-rig-preview .flr-size-row{
    gap:6px!important;
  }
  html body #flr-onboarding .flr-rig-preview .flr-size-row > button[data-flr-scale-target]{
    flex-basis:24px!important;
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
  }
}


/* ============================================================
   v1.2.21 — CONTROL METRICS / CLIPPING FIX
   The active theme was still leaking font metrics, padding and overflow into
   the Gear Bench tabs, footer actions and close control. These selectors hard
   reset only those controls so labels render fully and consistently.
   ============================================================ */

/* Top Rod / Line / Lure navigation: quiet Fishing Loons tabs, no clipped type. */
html body #flr-onboarding .flr-loadout-steps{
  display:flex!important;
  align-items:stretch!important;
  gap:8px!important;
  min-height:54px!important;
  height:54px!important;
  padding:7px 24px!important;
  overflow:visible!important;
}
html body #flr-onboarding .flr-loadout-steps > button:not([data-flr-step="reel"]){
  all:unset!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:86px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  margin:0!important;
  padding:0 18px!important;
  overflow:visible!important;
  border:1px solid rgba(153,192,223,.14)!important;
  border-radius:8px!important;
  background:#081d29!important;
  color:#8da9b8!important;
  box-shadow:none!important;
  cursor:pointer!important;
  font:700 14px/1.15 "Barlow Condensed",Arial,sans-serif!important;
  letter-spacing:.08em!important;
  text-align:center!important;
  text-transform:none!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
html body #flr-onboarding .flr-loadout-steps > button:not([data-flr-step="reel"]) > span{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:2px 0 0!important;
  overflow:visible!important;
  color:inherit!important;
  font:700 14px/1.15 "Barlow Condensed",Arial,sans-serif!important;
  letter-spacing:.08em!important;
  transform:none!important;
}
html body #flr-onboarding .flr-loadout-steps > button:not([data-flr-step="reel"])::before,
html body #flr-onboarding .flr-loadout-steps > button:not([data-flr-step="reel"])::after{
  content:none!important;
  display:none!important;
}
html body #flr-onboarding .flr-loadout-steps > button:not([data-flr-step="reel"]):hover{
  border-color:rgba(153,192,223,.34)!important;
  background:#0a2432!important;
  color:#d8e7ee!important;
}
html body #flr-onboarding .flr-loadout-steps > button:not([data-flr-step="reel"]).is-active{
  border-color:rgba(153,192,223,.48)!important;
  background:rgba(153,192,223,.12)!important;
  color:#eee8d7!important;
  box-shadow:inset 0 -2px 0 #99c0df!important;
}

/* Close: compact dark circular control with a drawn X, not a theme square. */
html body #flr-onboarding .flr-loadout-close{
  all:unset!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  position:relative!important;
  flex:0 0 36px!important;
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  border:1px solid rgba(153,192,223,.24)!important;
  border-radius:50%!important;
  background:#081d29!important;
  color:transparent!important;
  box-shadow:none!important;
  cursor:pointer!important;
  font-size:0!important;
}
html body #flr-onboarding .flr-loadout-close::before,
html body #flr-onboarding .flr-loadout-close::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  display:block!important;
  width:13px!important;
  height:2px!important;
  border:0!important;
  border-radius:2px!important;
  background:#9fbecd!important;
  transform-origin:center!important;
}
html body #flr-onboarding .flr-loadout-close::before{transform:translate(-50%,-50%) rotate(45deg)!important}
html body #flr-onboarding .flr-loadout-close::after{transform:translate(-50%,-50%) rotate(-45deg)!important}
html body #flr-onboarding .flr-loadout-close:hover,
html body #flr-onboarding .flr-loadout-close:focus-visible{
  border-color:rgba(153,192,223,.58)!important;
  background:#0d2a39!important;
  box-shadow:0 0 0 3px rgba(153,192,223,.06)!important;
}
html body #flr-onboarding .flr-loadout-close:hover::before,
html body #flr-onboarding .flr-loadout-close:hover::after{background:#edf5f8!important}

/* Footer actions: hard reset line-height/overflow so Barlow Condensed descenders
   and lower glyphs cannot be chopped by global button CSS. */
html body #flr-onboarding .flr-loadout-foot{
  min-height:70px!important;
  height:70px!important;
  padding:10px 20px!important;
  align-items:center!important;
  overflow:visible!important;
}
html body #flr-onboarding .flr-loadout-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  overflow:visible!important;
}
html body #flr-onboarding .flr-default-rig,
html body #flr-onboarding .flr-back,
html body #flr-onboarding .flr-next{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  height:40px!important;
  max-height:40px!important;
  margin:0!important;
  overflow:visible!important;
  line-height:1.2!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
}
html body #flr-onboarding .flr-default-rig{
  padding:2px 14px 0!important;
  font:700 13px/1.2 "Barlow Condensed",Arial,sans-serif!important;
}
html body #flr-onboarding .flr-back,
html body #flr-onboarding .flr-next{
  padding:2px 18px 0!important;
  font:700 14px/1.2 "Barlow Condensed",Arial,sans-serif!important;
  letter-spacing:.045em!important;
}
html body #flr-onboarding .flr-next > span{
  display:inline-block!important;
  margin:0 0 0 9px!important;
  padding:0!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
}

@media(max-width:820px){
  html body #flr-onboarding .flr-loadout-steps{
    min-height:52px!important;
    height:52px!important;
    padding:6px 14px!important;
    gap:6px!important;
  }
  html body #flr-onboarding .flr-loadout-steps > button:not([data-flr-step="reel"]){
    min-width:74px!important;
    height:40px!important;
    padding:0 13px!important;
  }
  html body #flr-onboarding .flr-loadout-foot{
    min-height:64px!important;
    height:64px!important;
    padding:8px 10px!important;
  }
  html body #flr-onboarding .flr-back,
  html body #flr-onboarding .flr-next{height:40px!important;min-height:40px!important}
}
@media(max-width:430px){
  html body #flr-onboarding .flr-loadout-steps{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  html body #flr-onboarding .flr-loadout-steps::-webkit-scrollbar{display:none!important}
  html body #flr-onboarding .flr-loadout-steps > button:not([data-flr-step="reel"]){min-width:70px!important;padding:0 11px!important}
  html body #flr-onboarding .flr-loadout-close{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important}
}


/* ============================================================
   v1.2.22 — READABILITY + DARK LINE CARDS + LIVE LOADOUT FIT
   Makes gear copy genuinely readable, removes the bright-blue wash from line
   choices, and compacts/repositions the Live Loadout so the full rod remains
   inside the preview frame.
   ============================================================ */

/* Gear descriptions: stop treating useful copy like disabled metadata. */
html body #flr-onboarding .flr-panel-title p{
  color:#9db2bd!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}
html body #flr-onboarding .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] small{
  color:#8da9b8!important;
  font-size:8.5px!important;
  line-height:1.25!important;
}
html body #flr-onboarding .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] p{
  max-width:520px!important;
  color:#a7bac4!important;
  font-size:12px!important;
  line-height:1.52!important;
  letter-spacing:.005em!important;
}
html body #flr-onboarding .flr-lure-grid .flr-gear-card small{
  color:#8da9b8!important;
  font-size:8.5px!important;
  line-height:1.25!important;
}
html body #flr-onboarding .flr-lure-grid .flr-gear-card p{
  margin-top:7px!important;
  color:#a6b9c3!important;
  font-size:11.5px!important;
  line-height:1.5!important;
  letter-spacing:.005em!important;
}

/* Line choices: deep-navy cards by default. The actual line colour is a small
   swatch/accent only; selected cards no longer turn into powder-blue tiles. */
html body #flr-onboarding .flr-line-grid .flr-line-option{
  -webkit-appearance:none!important;
  appearance:none!important;
  min-height:64px!important;
  padding:10px 12px!important;
  border:1px solid rgba(153,192,223,.12)!important;
  border-radius:10px!important;
  background:#061822!important;
  color:#e7edf0!important;
  box-shadow:none!important;
  filter:none!important;
}
html body #flr-onboarding .flr-line-grid .flr-line-option:hover{
  background:#081e2a!important;
  border-color:rgba(153,192,223,.28)!important;
}
html body #flr-onboarding .flr-line-grid .flr-line-option.is-selected{
  background:#08202c!important;
  border-color:rgba(153,192,223,.28)!important;
  box-shadow:inset 3px 0 0 var(--line-color,var(--flr-sky))!important;
}
html body #flr-onboarding .flr-line-grid .flr-line-swatch{
  width:28px!important;
  height:28px!important;
  border-radius:7px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 0 8px color-mix(in srgb,var(--line-color) 16%,transparent)!important;
}
html body #flr-onboarding .flr-line-grid .flr-line-option strong{
  color:#eee8d7!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.05!important;
}
html body #flr-onboarding .flr-line-grid .flr-line-option small{
  margin-top:5px!important;
  color:#8ea7b4!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  letter-spacing:.08em!important;
}

/* Live Loadout: less dead air, cleaner composition, and enough vertical room
   for the complete rod. JS also constrains the rod by stage height. */
html body #flr-onboarding .flr-rig-preview{
  padding-top:16px!important;
}
html body #flr-onboarding .flr-preview-kicker{
  margin-bottom:7px!important;
}
html body #flr-onboarding .flr-preview-stage{
  height:202px!important;
  min-height:202px!important;
  background:radial-gradient(circle at 48% 42%,rgba(153,192,223,.065),transparent 48%),#061720!important;
}
html body #flr-onboarding .flr-preview-sizers{
  margin-top:7px!important;
}
html body #flr-onboarding .flr-size-control{
  padding:7px 0!important;
}
html body #flr-onboarding .flr-preview-specs{
  margin-top:7px!important;
}

@media(max-width:820px){
  html body #flr-onboarding .flr-preview-stage{
    height:190px!important;
    min-height:190px!important;
  }
}
@media(max-width:560px){
  html body #flr-onboarding .flr-panel-title p{font-size:12px!important}
  html body #flr-onboarding .flr-lure-grid .flr-gear-card p,
  html body #flr-onboarding .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] p{
    font-size:11.5px!important;
    line-height:1.48!important;
  }
  html body #flr-onboarding .flr-preview-stage{
    height:182px!important;
    min-height:182px!important;
  }
}


/* ============================================================
   v1.2.23 — REAL BODY-COPY READABILITY
   Titles may stay branded/condensed; useful descriptions and supporting
   metadata must read like normal UI copy, not display typography.
   Also neutralizes inherited theme button text-transform/font rules.
   ============================================================ */

/* Rod description + supporting metadata. */
html body #flr-onboarding .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] p{
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:500!important;
  font-style:normal!important;
  line-height:1.55!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#cbd5da!important;
  opacity:1!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased;
}
html body #flr-onboarding .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] small{
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  font-size:9px!important;
  font-weight:650!important;
  font-style:normal!important;
  line-height:1.35!important;
  letter-spacing:.055em!important;
  color:#aab8bf!important;
  opacity:1!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased;
}

/* Lure physics label + description. */
html body #flr-onboarding .flr-lure-grid .flr-gear-card small{
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  font-size:9px!important;
  font-weight:650!important;
  font-style:normal!important;
  line-height:1.35!important;
  letter-spacing:.055em!important;
  color:#aab8bf!important;
  opacity:1!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased;
}
html body #flr-onboarding .flr-lure-grid .flr-gear-card p{
  margin-top:7px!important;
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:500!important;
  font-style:normal!important;
  line-height:1.5!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#cbd5da!important;
  opacity:1!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased;
}

/* Line card supporting copy: neutral gray, normal UI font, no blurry condensed face. */
html body #flr-onboarding .flr-line-grid .flr-line-option small{
  margin-top:4px!important;
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:600!important;
  font-style:normal!important;
  line-height:1.3!important;
  letter-spacing:.045em!important;
  color:#aebbc2!important;
  opacity:1!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased;
}

/* Keep names branded, but soften them slightly so they do not crush the copy below. */
html body #flr-onboarding .flr-line-grid .flr-line-option strong,
html body #flr-onboarding .flr-lure-grid .flr-gear-card strong,
html body #flr-onboarding .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] strong{
  font-weight:700!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased;
}

@media(max-width:560px){
  html body #flr-onboarding .flr-lure-grid .flr-gear-card p,
  html body #flr-onboarding .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] p{
    font-size:12.5px!important;
    line-height:1.5!important;
  }
  html body #flr-onboarding .flr-line-grid .flr-line-option small{
    font-size:9.5px!important;
  }
}


/* ============================================================
   v1.2.24 — SHARP FISHING LOONS GEOMETRY
   The public Fishing Loons system is squared / editorial, not rounded-app UI.
   Flatten the Tackle Box and Gear Bench shells/cards/controls while keeping
   true circular indicators and range thumbs circular where function requires.
   ============================================================ */

/* ---------------- TACKLE BOX — DESKTOP ---------------- */
html body .flr-tacklebox-panel{
  border-radius:0!important;
}
html body .flr-tacklebox-panel header>button[data-flr-tacklebox-close],
html body .flr-tacklebox-panel .flr-host-tacklebox,
html body .flr-tacklebox-panel .flr-host-tacklebox-top,
html body .flr-tacklebox-panel .flr-host-tackle-panel>div,
html body .flr-tacklebox-panel .flr-host-profile,
html body .flr-tacklebox-panel .flr-tacklebox-change{
  border-radius:0!important;
}

/* Tackle artwork itself should not be boxed like an app icon. */
html body .flr-tacklebox-panel .flr-host-tackle-art{
  border-radius:0!important;
}

/* ---------------- TACKLE BOX — MOBILE / TOUCH ---------------- */
@media(max-width:900px), (hover:none), (pointer:coarse){
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-sheet,
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-sheet:before,
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-close,
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice{
    border-radius:0!important;
  }
}

/* ---------------- GEAR BENCH OUTER SHELL ---------------- */
html body #flr-onboarding .flr-loadout,
html body #flr-onboarding .flr-loadout-head,
html body #flr-onboarding .flr-loadout-body,
html body #flr-onboarding .flr-loadout-main,
html body #flr-onboarding .flr-rig-preview,
html body #flr-onboarding .flr-loadout-foot{
  border-radius:0!important;
}

/* Header status and close control: squared, compact, editorial. */
html body #flr-onboarding .flr-loadout-status,
html body #flr-onboarding .flr-loadout-close{
  border-radius:0!important;
}

/* Rod / Line / Lure navigation. */
html body #flr-onboarding .flr-loadout-steps > button:not([data-flr-step="reel"]){
  border-radius:0!important;
}

/* All selectable gear cards / inner visual frames. */
html body #flr-onboarding .flr-gear-card,
html body #flr-onboarding .flr-gear-visual,
html body #flr-onboarding .flr-line-option,
html body #flr-onboarding .flr-line-swatch,
html body #flr-onboarding .flr-gear-badge,
html body #flr-onboarding .flr-gear-card.is-selected:after{
  border-radius:0!important;
}

/* Live Loadout presentation and sizing controls. */
html body #flr-onboarding .flr-preview-stage,
html body #flr-onboarding .flr-preview-sizers,
html body #flr-onboarding .flr-size-control,
html body #flr-onboarding .flr-size-row button,
html body #flr-onboarding .flr-preview-memory{
  border-radius:0!important;
}

/* Footer / action buttons. */
html body #flr-onboarding .flr-default-rig,
html body #flr-onboarding .flr-back,
html body #flr-onboarding .flr-next{
  border-radius:0!important;
}

/* Keep only truly circular micro-controls circular: status dots and range
   thumbs are not "rounded cards" and remain visually/functionally correct. */
html body #flr-onboarding .flr-loadout-status i{
  border-radius:50%!important;
}

/* Mobile must not re-introduce rounded shells from earlier responsive rules. */
@media(max-width:820px){
  html body #flr-onboarding .flr-loadout,
  html body #flr-onboarding .flr-preview-stage,
  html body #flr-onboarding .flr-loadout-steps > button:not([data-flr-step="reel"]),
  html body #flr-onboarding .flr-gear-card,
  html body #flr-onboarding .flr-gear-visual,
  html body #flr-onboarding .flr-line-option,
  html body #flr-onboarding .flr-line-swatch,
  html body #flr-onboarding .flr-size-row button,
  html body #flr-onboarding .flr-default-rig,
  html body #flr-onboarding .flr-back,
  html body #flr-onboarding .flr-next,
  html body #flr-onboarding .flr-loadout-close{
    border-radius:0!important;
  }
}


/* ============================================================
   v1.2.26 — READABLE ROD TYPE BADGE
   The Rod card's BAITCAST label had been crushed down to 6px.
   Keep the same sharp Fishing Loons treatment, but make it genuinely readable.
   ============================================================ */

html body #flr-onboarding
.flr-step-panel[data-flr-panel="rod"]
.flr-gear-card[data-gear-type="rod"]
.flr-gear-badge{
  left:14px!important;
  top:14px!important;
  min-width:76px!important;
  min-height:28px!important;
  padding:7px 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  border:1px solid rgba(153,192,223,.24)!important;
  border-radius:0!important;
  background:#061722!important;
  color:#b9d5e4!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.09em!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-shadow:none!important;
}

/* Slightly tighter on narrow screens, but still comfortably readable. */
@media(max-width:700px){
  html body #flr-onboarding
  .flr-step-panel[data-flr-panel="rod"]
  .flr-gear-card[data-gear-type="rod"]
  .flr-gear-badge{
    left:10px!important;
    top:10px!important;
    min-width:68px!important;
    min-height:26px!important;
    padding:6px 8px!important;
    font-size:10px!important;
  }
}


/* ============================================================
   v1.3.0 — FEATURED GEAR / PARTNER PLACEMENT SYSTEM
   The gear itself becomes the placement: no banner-ad language, no separate
   sponsor rail. Catalogue items can opt into this UI with a `placement` object.
   ============================================================ */

/* ---------------- FEATURED GEAR CARD ---------------- */
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement{
  position:relative!important;
  border-color:rgba(153,192,223,.42)!important;
  background:linear-gradient(180deg,rgba(153,192,223,.045),rgba(6,23,32,.2)),#071b25!important;
  overflow:hidden!important;
}
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement:before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:0!important;bottom:0!important;
  width:3px!important;
  background:#99c0df!important;
  opacity:.95!important;
}
html body #flr-onboarding .flr-gear-partner-rail{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  margin:0 0 8px!important;
  padding:7px 9px!important;
  border-top:1px solid rgba(153,192,223,.13)!important;
  border-bottom:1px solid rgba(153,192,223,.13)!important;
  background:#061721!important;
  box-sizing:border-box!important;
  text-align:left!important;
}
html body #flr-onboarding .flr-gear-partner-rail small{
  margin:0!important;
  color:#99c0df!important;
  font:800 8px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.14em!important;
  white-space:nowrap!important;
}
html body #flr-onboarding .flr-gear-partner-rail b{
  color:#eee8d7!important;
  font:800 10px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.055em!important;
  text-align:right!important;
}
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected{
  border-color:#99c0df!important;
  box-shadow:inset 0 0 0 1px rgba(153,192,223,.14)!important;
}

/* ---------------- LIVE LOADOUT REFINEMENT ---------------- */
html body #flr-onboarding .flr-rig-preview{
  background:linear-gradient(180deg,#071c27 0%,#061821 100%)!important;
}
html body #flr-onboarding .flr-preview-kicker{
  padding-bottom:8px!important;
  margin-bottom:9px!important;
  border-bottom:1px solid rgba(153,192,223,.10)!important;
}
html body #flr-onboarding .flr-preview-stage{
  position:relative!important;
  height:218px!important;
  min-height:218px!important;
  border:1px solid rgba(153,192,223,.13)!important;
  background:
    linear-gradient(180deg,rgba(153,192,223,.025),transparent 44%),
    radial-gradient(circle at 54% 46%,rgba(153,192,223,.08),transparent 45%),
    #061720!important;
  overflow:hidden!important;
}
html body #flr-onboarding .flr-preview-stage:after{
  content:""!important;
  position:absolute!important;
  left:11px!important;right:11px!important;bottom:10px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(153,192,223,.18),transparent)!important;
  pointer-events:none!important;
}
html body #flr-onboarding .flr-preview-partner-chip{
  position:absolute!important;
  right:10px!important;top:10px!important;
  z-index:8!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:4px!important;
  max-width:175px!important;
  padding:7px 9px!important;
  border:1px solid rgba(153,192,223,.19)!important;
  background:rgba(5,18,26,.88)!important;
  backdrop-filter:blur(7px)!important;
  text-align:right!important;
  pointer-events:none!important;
}
html body #flr-onboarding .flr-preview-partner-chip[hidden]{display:none!important}
html body #flr-onboarding .flr-preview-partner-chip small{
  color:#99c0df!important;
  font:800 7px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.13em!important;
}
html body #flr-onboarding .flr-preview-partner-chip b{
  color:#eee8d7!important;
  font:800 10px/1.08 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.035em!important;
}

html body #flr-onboarding .flr-preview-section-label{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:10px 0 5px!important;
  padding:0 1px!important;
}
html body #flr-onboarding .flr-preview-section-label span{
  color:#99c0df!important;
  font:800 7px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.16em!important;
}
html body #flr-onboarding .flr-preview-section-label small{
  color:#557382!important;
  font:700 6.5px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.12em!important;
}
html body #flr-onboarding .flr-preview-sizers{
  gap:7px!important;
  margin-top:0!important;
  padding:7px!important;
  border:1px solid rgba(153,192,223,.10)!important;
  background:#061720!important;
}
html body #flr-onboarding .flr-size-control{
  padding:5px 7px!important;
  background:#071b25!important;
  border:1px solid rgba(153,192,223,.065)!important;
}

/* Snapshot values become actual readable mini-cards instead of tiny table rows. */
html body #flr-onboarding .flr-preview-section-label--snapshot{margin-top:9px!important}
html body #flr-onboarding .flr-preview-specs{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  margin-top:0!important;
}
html body #flr-onboarding .flr-preview-specs>div{
  display:block!important;
  min-width:0!important;
  padding:8px 9px!important;
  border:1px solid rgba(153,192,223,.085)!important;
  background:#061720!important;
}
html body #flr-onboarding .flr-preview-specs .is-muted{display:none!important}
html body #flr-onboarding .flr-preview-specs dt{
  margin-bottom:5px!important;
  color:#577887!important;
  font:800 6.5px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.13em!important;
}
html body #flr-onboarding .flr-preview-specs dd{
  margin:0!important;
  color:#d4e1e6!important;
  font:700 11px/1.18 "Barlow Condensed",system-ui,sans-serif!important;
  letter-spacing:.015em!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* ---------------- PARTNER SPOTLIGHT ---------------- */
html body #flr-onboarding .flr-partner-spotlight{
  position:relative!important;
  margin-top:8px!important;
  padding:11px 12px!important;
  border:1px solid rgba(153,192,223,.23)!important;
  background:
    linear-gradient(110deg,rgba(153,192,223,.07),transparent 46%),
    #061720!important;
  overflow:hidden!important;
}
html body #flr-onboarding .flr-partner-spotlight[hidden]{display:none!important}
html body #flr-onboarding .flr-partner-spotlight:before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:0!important;bottom:0!important;
  width:3px!important;
  background:#99c0df!important;
}
html body #flr-onboarding .flr-partner-spotlight header{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}
html body #flr-onboarding .flr-partner-spotlight header>div{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
html body #flr-onboarding .flr-partner-spotlight header span,
html body #flr-onboarding .flr-partner-spotlight header small{
  color:#7ea7bd!important;
  font:800 7px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.14em!important;
}
html body #flr-onboarding .flr-partner-spotlight header strong{
  color:#99c0df!important;
  font:800 11px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.045em!important;
}
html body #flr-onboarding .flr-partner-spotlight h4{
  margin:8px 0 0!important;
  color:#eee8d7!important;
  font:700 19px/1.05 "Barlow Condensed",system-ui,sans-serif!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
}
html body #flr-onboarding .flr-partner-facts{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin-top:8px!important;
}
html body #flr-onboarding .flr-partner-facts span{
  padding:5px 7px!important;
  border:1px solid rgba(153,192,223,.12)!important;
  background:#071c27!important;
  color:#abc4d0!important;
  font:700 7.5px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.055em!important;
}
html body #flr-onboarding .flr-partner-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:6px!important;
  margin-top:9px!important;
}
html body #flr-onboarding .flr-partner-actions a,
html body #flr-onboarding .flr-partner-actions button{
  min-height:36px!important;
  margin:0!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:1px solid rgba(153,192,223,.18)!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  font:800 8px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.09em!important;
}
html body #flr-onboarding .flr-partner-actions a{
  background:#99c0df!important;
  color:#06131d!important;
}
html body #flr-onboarding .flr-partner-actions button{
  background:#071b25!important;
  color:#99c0df!important;
}
html body #flr-onboarding .flr-partner-actions a:hover,
html body #flr-onboarding .flr-partner-actions a:focus-visible{
  background:#b6d4e8!important;
  color:#06131d!important;
}
html body #flr-onboarding .flr-partner-actions button:hover,
html body #flr-onboarding .flr-partner-actions button:focus-visible{
  background:#99c0df!important;
  color:#06131d!important;
}
html body #flr-onboarding .flr-partner-detail{
  margin-top:8px!important;
  padding:9px 10px!important;
  border-top:1px solid rgba(153,192,223,.10)!important;
  background:rgba(153,192,223,.025)!important;
}
html body #flr-onboarding .flr-partner-detail[hidden]{display:none!important}
html body #flr-onboarding .flr-partner-detail p{
  margin:0!important;
  color:#c6d4da!important;
  font:500 10.5px/1.45 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}
html body #flr-onboarding .flr-partner-detail small{
  display:block!important;
  margin-top:6px!important;
  color:#748f9c!important;
  font:650 8px/1.4 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}

/* Partner selection gets a restrained live-stage signal — premium, not ad-banner. */
html body #flr-onboarding.has-partner-gear .flr-preview-stage{
  border-color:rgba(153,192,223,.28)!important;
  box-shadow:inset 0 0 34px rgba(153,192,223,.035)!important;
}

@media(max-width:1280px){
  html body #flr-onboarding .flr-preview-stage{height:205px!important;min-height:205px!important}
  html body #flr-onboarding .flr-partner-spotlight{padding:10px!important}
  html body #flr-onboarding .flr-partner-actions{grid-template-columns:1fr!important}
  html body #flr-onboarding .flr-preview-specs{grid-template-columns:1fr!important}
}
@media(max-width:820px){
  html body #flr-onboarding .flr-preview-stage{height:210px!important;min-height:210px!important}
  html body #flr-onboarding .flr-preview-partner-chip{right:8px!important;top:8px!important}
  html body #flr-onboarding .flr-partner-actions{grid-template-columns:minmax(0,1fr) auto!important}
  html body #flr-onboarding .flr-preview-specs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:560px){
  html body #flr-onboarding .flr-partner-actions{grid-template-columns:1fr!important}
  html body #flr-onboarding .flr-preview-specs{grid-template-columns:1fr!important}
  html body #flr-onboarding .flr-partner-spotlight h4{font-size:17px!important}
}


/* ============================================================
   v1.3.1 — READABLE GEAR LABELS + PREMIUM PARTNER CARD
   ============================================================ */

/* ---------------- READABILITY: GEAR CARD LABELS ---------------- */

html body #flr-onboarding .flr-lure-grid .flr-gear-badge{
  left:14px!important;
  top:14px!important;
  min-height:28px!important;
  padding:7px 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(153,192,223,.26)!important;
  background:rgba(4,18,27,.94)!important;
  color:#c1d7e2!important;
  font:800 10.5px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card > small{
  margin-top:7px!important;
  color:#9bb7c5!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  letter-spacing:.075em!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card > p{
  margin-top:8px!important;
  color:#b3c7d0!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}

html body #flr-onboarding .flr-line-option small{
  font-size:10px!important;
  line-height:1.25!important;
  letter-spacing:.075em!important;
}

/* ---------------- PREMIUM FEATURED-PARTNER CARD ---------------- */

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement{
  position:relative!important;
  isolation:isolate!important;
  border:2px solid rgba(153,192,223,.78)!important;
  border-top-width:4px!important;
  background:
    linear-gradient(145deg,rgba(153,192,223,.11),transparent 36%),
    linear-gradient(180deg,#0a2431 0%,#071b25 100%)!important;
  box-shadow:
    0 12px 32px rgba(0,0,0,.22),
    inset 0 0 0 1px rgba(153,192,223,.07)!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  background:
    linear-gradient(90deg,#99c0df 0 4px,transparent 4px),
    linear-gradient(135deg,rgba(153,192,223,.10),transparent 32%)!important;
  opacity:1!important;
  pointer-events:none!important;
  z-index:0!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-visual{
  position:relative!important;
  z-index:1!important;
  border:1px solid rgba(153,192,223,.18)!important;
  background:
    radial-gradient(circle at 52% 50%,rgba(153,192,223,.13),transparent 58%),
    #0a2330!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-visual:after{
  content:"PARTNER FEATURE"!important;
  position:absolute!important;
  right:10px!important;
  bottom:8px!important;
  color:rgba(153,192,223,.18)!important;
  font:900 18px/1 "Barlow Condensed",system-ui,sans-serif!important;
  letter-spacing:.05em!important;
  pointer-events:none!important;
}

html body #flr-onboarding .flr-gear-partner-flag{
  position:absolute!important;
  right:12px!important;
  top:12px!important;
  z-index:7!important;
  min-width:92px!important;
  padding:6px 9px 7px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:2px!important;
  border:1px solid #b8d4e5!important;
  background:#99c0df!important;
  color:#06131d!important;
  box-shadow:4px 4px 0 rgba(3,13,20,.38)!important;
  pointer-events:none!important;
}

html body #flr-onboarding .flr-gear-partner-flag small{
  margin:0!important;
  color:#163142!important;
  font:800 8.5px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.12em!important;
}

html body #flr-onboarding .flr-gear-partner-flag b{
  color:#06131d!important;
  font:900 12px/1 "Barlow Condensed",system-ui,sans-serif!important;
  letter-spacing:.045em!important;
}

html body #flr-onboarding .flr-gear-partner-rail{
  position:relative!important;
  z-index:2!important;
  margin:0 0 11px!important;
  padding:10px 11px!important;
  border:0!important;
  background:#99c0df!important;
  box-shadow:0 4px 0 rgba(2,12,19,.26)!important;
}

html body #flr-onboarding .flr-gear-partner-rail small{
  margin:0!important;
  color:#183546!important;
  font:850 10px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.10em!important;
}

html body #flr-onboarding .flr-gear-partner-rail b{
  color:#06131d!important;
  font:900 13px/1 "Barlow Condensed",system-ui,sans-serif!important;
  letter-spacing:.045em!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement > strong{
  position:relative!important;
  z-index:2!important;
  color:#f4eedc!important;
  font-size:22px!important;
  line-height:1.03!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement > small,
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement > p{
  position:relative!important;
  z-index:2!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement:hover{
  border-color:#b7d5e7!important;
  background:
    linear-gradient(145deg,rgba(153,192,223,.15),transparent 36%),
    linear-gradient(180deg,#0b2735 0%,#081d28 100%)!important;
  box-shadow:
    0 16px 36px rgba(0,0,0,.26),
    inset 0 0 0 1px rgba(153,192,223,.11)!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected{
  border-color:#c3deed!important;
  box-shadow:
    0 0 0 2px rgba(153,192,223,.15),
    0 16px 38px rgba(0,0,0,.28),
    inset 0 0 34px rgba(153,192,223,.055)!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected:after{
  right:12px!important;
  top:58px!important;
  width:28px!important;
  height:28px!important;
  font-size:15px!important;
}

/* ---------------- LIVE LOADOUT: READABLE LABELS ---------------- */

html body #flr-onboarding .flr-preview-kicker span{
  font-size:10.5px!important;
  letter-spacing:.15em!important;
}

html body #flr-onboarding .flr-preview-kicker b{
  font-size:9.5px!important;
  letter-spacing:.11em!important;
}

html body #flr-onboarding .flr-preview-partner-chip{
  max-width:205px!important;
  padding:9px 11px!important;
  border:1px solid rgba(153,192,223,.36)!important;
  background:rgba(4,18,27,.94)!important;
}

html body #flr-onboarding .flr-preview-partner-chip small{
  font-size:9.5px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
}

html body #flr-onboarding .flr-preview-partner-chip b{
  font-size:12.5px!important;
  line-height:1.08!important;
}

html body #flr-onboarding .flr-preview-section-label span{
  font-size:10px!important;
  letter-spacing:.14em!important;
}

html body #flr-onboarding .flr-preview-section-label small{
  font-size:9px!important;
  letter-spacing:.10em!important;
}

html body #flr-onboarding .flr-size-label span{
  color:#86aabd!important;
  font-size:9.5px!important;
  letter-spacing:.11em!important;
}

html body #flr-onboarding .flr-size-label b{
  font-size:18px!important;
  line-height:1!important;
}

html body #flr-onboarding .flr-preview-specs dt{
  margin-bottom:6px!important;
  color:#789cac!important;
  font-size:9.5px!important;
  line-height:1!important;
  letter-spacing:.11em!important;
}

html body #flr-onboarding .flr-preview-specs dd{
  color:#e1e9ec!important;
  font-size:13px!important;
  line-height:1.18!important;
}

/* ---------------- PARTNER SPOTLIGHT: MAKE IT FEEL LIKE A FEATURE ---------------- */

html body #flr-onboarding .flr-partner-spotlight{
  margin-top:10px!important;
  padding:12px!important;
  border:1px solid rgba(153,192,223,.45)!important;
  border-left:4px solid #99c0df!important;
  background:
    linear-gradient(135deg,rgba(153,192,223,.08),transparent 44%),
    #061720!important;
  box-shadow:inset 0 0 28px rgba(153,192,223,.025)!important;
}

html body #flr-onboarding .flr-partner-spotlight:before{
  display:none!important;
}

html body #flr-onboarding .flr-partner-spotlight header{
  margin:-12px -12px 12px!important;
  padding:10px 12px!important;
  align-items:center!important;
  background:#99c0df!important;
  border-bottom:1px solid #bcd7e7!important;
}

html body #flr-onboarding .flr-partner-spotlight header span,
html body #flr-onboarding .flr-partner-spotlight header small{
  color:#193747!important;
  font-size:9.5px!important;
  line-height:1!important;
  letter-spacing:.11em!important;
}

html body #flr-onboarding .flr-partner-spotlight header strong{
  color:#06131d!important;
  font-size:13px!important;
  line-height:1!important;
  letter-spacing:.035em!important;
}

html body #flr-onboarding .flr-partner-spotlight h4{
  margin:10px 0 0!important;
  font-size:22px!important;
  line-height:1.04!important;
}

html body #flr-onboarding .flr-partner-facts{
  gap:7px!important;
  margin-top:10px!important;
}

html body #flr-onboarding .flr-partner-facts span{
  min-height:30px!important;
  padding:7px 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(153,192,223,.19)!important;
  background:#081e29!important;
  color:#c1d3dc!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  letter-spacing:.045em!important;
}

html body #flr-onboarding .flr-partner-actions{
  gap:8px!important;
  margin-top:11px!important;
}

html body #flr-onboarding .flr-partner-actions a,
html body #flr-onboarding .flr-partner-actions button{
  min-height:43px!important;
  padding:0 12px!important;
  font-size:10px!important;
  letter-spacing:.085em!important;
}

html body #flr-onboarding .flr-partner-detail{
  margin-top:10px!important;
  padding:11px 12px!important;
}

html body #flr-onboarding .flr-partner-detail p{
  font-size:12.5px!important;
  line-height:1.5!important;
}

html body #flr-onboarding .flr-partner-detail small{
  margin-top:8px!important;
  color:#8ba6b3!important;
  font-size:10.5px!important;
  line-height:1.42!important;
}

/* Responsive: don't let the new premium treatment crush smaller layouts. */
@media(max-width:820px){
  html body #flr-onboarding .flr-lure-grid .flr-gear-badge{
    left:11px!important;
    top:11px!important;
    min-height:26px!important;
    padding:6px 8px!important;
    font-size:10px!important;
  }

  html body #flr-onboarding .flr-gear-partner-flag{
    right:9px!important;
    top:9px!important;
    min-width:84px!important;
  }

  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected:after{
    right:9px!important;
    top:54px!important;
  }
}

@media(max-width:560px){
  html body #flr-onboarding .flr-gear-partner-rail{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:5px!important;
  }

  html body #flr-onboarding .flr-gear-partner-rail b{
    text-align:left!important;
  }

  html body #flr-onboarding .flr-partner-spotlight h4{
    font-size:20px!important;
  }
}

/* ============================================================
   v1.3.3 — FEATURED PARTNER CARD / EDITORIAL PRODUCT TREATMENT
   Keep the sponsor placement unmistakable without turning the lure card into
   a powder-blue ad banner. The lure stays the hero; blue is an accent only.
   ============================================================ */
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement{
  min-height:0!important;
  padding:0 0 16px!important;
  overflow:hidden!important;
  border:1px solid rgba(153,192,223,.34)!important;
  border-top:2px solid #99c0df!important;
  background:#071a24!important;
  box-shadow:0 14px 32px rgba(0,0,0,.20)!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement:before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:2px!important;
  height:auto!important;
  background:#99c0df!important;
  opacity:.72!important;
  z-index:4!important;
  pointer-events:none!important;
}

/* Remove the old selected-card check bubble from the sponsor card. The border
   and top accent already communicate selection without another floating badge. */
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected:after{
  content:"SELECTED"!important;
  top:auto!important;
  right:14px!important;
  bottom:13px!important;
  width:auto!important;
  height:auto!important;
  padding:4px 7px!important;
  display:block!important;
  border:1px solid rgba(153,192,223,.30)!important;
  border-radius:0!important;
  background:#081e29!important;
  color:#99c0df!important;
  font:800 8px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.12em!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-visual{
  height:154px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid rgba(153,192,223,.14)!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(153,192,223,.09),transparent 48%),
    linear-gradient(180deg,#0a2532 0%,#081d27 100%)!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-visual img{
  max-width:90%!important;
  max-height:128px!important;
  filter:drop-shadow(0 11px 12px rgba(0,0,0,.42))!important;
}

/* Kill the old giant watermark. */
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-visual:after{
  content:none!important;
  display:none!important;
}

/* Generic LURE chip: compact and quiet. */
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-badge{
  left:12px!important;
  top:12px!important;
  min-height:0!important;
  padding:5px 7px!important;
  border:1px solid rgba(153,192,223,.22)!important;
  border-radius:0!important;
  background:rgba(5,20,29,.90)!important;
  color:#a9c6d6!important;
  font-size:9px!important;
  letter-spacing:.11em!important;
  box-shadow:none!important;
}

/* Featured marker: premium dark tab, not a baby-blue billboard. */
html body #flr-onboarding .flr-gear-partner-flag{
  right:12px!important;
  top:12px!important;
  min-width:0!important;
  padding:6px 8px 7px!important;
  align-items:flex-end!important;
  gap:2px!important;
  border:1px solid rgba(153,192,223,.30)!important;
  border-top:2px solid #99c0df!important;
  background:rgba(5,20,29,.94)!important;
  color:#e9e5d7!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22)!important;
}

html body #flr-onboarding .flr-gear-partner-flag small{
  color:#8eb6ce!important;
  font:800 8px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.14em!important;
}

html body #flr-onboarding .flr-gear-partner-flag b{
  color:#f0ebdc!important;
  font:700 11px/1 "Barlow Condensed",system-ui,sans-serif!important;
  letter-spacing:.08em!important;
}

/* Partner lockup: a brand signature, not another banner. */
html body #flr-onboarding .flr-gear-partner-rail{
  width:auto!important;
  margin:12px 16px 0!important;
  padding:0 0 10px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:10px!important;
  border:0!important;
  border-bottom:1px solid rgba(153,192,223,.14)!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body #flr-onboarding .flr-gear-partner-rail small{
  margin:0!important;
  color:#7fa8bf!important;
  font:800 9px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.13em!important;
  white-space:nowrap!important;
}

html body #flr-onboarding .flr-gear-partner-rail b{
  color:#f0ebdc!important;
  font:700 16px/.95 "Barlow Condensed",system-ui,sans-serif!important;
  letter-spacing:.055em!important;
  text-align:right!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement > strong{
  margin:14px 16px 0!important;
  color:#f2edde!important;
  font:700 24px/1.04 "Barlow Condensed",system-ui,sans-serif!important;
  letter-spacing:.035em!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement > small{
  margin:7px 16px 0!important;
  color:#9eb7c3!important;
  font:800 11px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.085em!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement > p{
  margin:11px 16px 0!important;
  max-width:38ch!important;
  color:#c1cdd2!important;
  font:500 13px/1.48 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:0!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(153,192,223,.58)!important;
  border-top-color:#b5d3e6!important;
  background:#081e29!important;
  box-shadow:0 18px 38px rgba(0,0,0,.26)!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected{
  border-color:rgba(153,192,223,.66)!important;
  border-top-color:#99c0df!important;
  background:#081e29!important;
  box-shadow:
    inset 0 0 0 1px rgba(153,192,223,.09),
    0 18px 38px rgba(0,0,0,.24)!important;
}

@media(max-width:820px){
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-visual{
    height:146px!important;
  }
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-visual img{
    max-height:120px!important;
  }
}

@media(max-width:560px){
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement{
    padding-bottom:15px!important;
  }
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-visual{
    height:138px!important;
  }
  html body #flr-onboarding .flr-gear-partner-flag{
    right:9px!important;
    top:9px!important;
  }
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-badge{
    left:9px!important;
    top:9px!important;
  }
  html body #flr-onboarding .flr-gear-partner-rail{
    margin:11px 13px 0!important;
    padding-bottom:9px!important;
    flex-direction:row!important;
    align-items:flex-end!important;
  }
  html body #flr-onboarding .flr-gear-partner-rail b{
    max-width:48%!important;
    font-size:14px!important;
  }
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement > strong{
    margin:12px 13px 0!important;
    font-size:22px!important;
  }
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement > small{
    margin:6px 13px 0!important;
    font-size:10.5px!important;
  }
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement > p{
    margin:9px 13px 0!important;
    font-size:12.5px!important;
  }
}

/* ============================================================
   v1.3.4 — OFFICIAL PARTNER BRAND LOCKUP
   Partner placements must visibly identify the actual brand. The supplied
   partner mark appears twice: as a restrained watermark behind the product
   and as a crisp full-colour lockup in the card body.
   ============================================================ */
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-visual{
  isolation:isolate!important;
  height:170px!important;
  background:
    radial-gradient(circle at 52% 44%,rgba(153,192,223,.10),transparent 52%),
    linear-gradient(180deg,#0a2633 0%,#071b25 100%)!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-product-image{
  position:relative!important;
  z-index:3!important;
  max-width:92%!important;
  max-height:136px!important;
  filter:drop-shadow(0 12px 13px rgba(0,0,0,.44))!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-partner-watermark{
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  top:50%!important;
  width:76%!important;
  height:82%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  transform:translate(-50%,-48%)!important;
  opacity:.105!important;
  filter:saturate(.75) contrast(1.08)!important;
  pointer-events:none!important;
  user-select:none!important;
}

html body #flr-onboarding .flr-gear-partner-rail.has-partner-logo{
  min-height:68px!important;
  margin:0!important;
  padding:9px 15px 10px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(96px,128px)!important;
  align-items:center!important;
  gap:14px!important;
  border:0!important;
  border-top:1px solid rgba(153,192,223,.14)!important;
  border-bottom:1px solid rgba(153,192,223,.16)!important;
  background:linear-gradient(90deg,rgba(153,192,223,.055),rgba(153,192,223,.015) 48%,transparent)!important;
}

html body #flr-onboarding .flr-gear-partner-rail.has-partner-logo small{
  position:relative!important;
  padding-left:14px!important;
  color:#9dbed1!important;
  font:800 9.5px/1.22 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.15em!important;
  white-space:normal!important;
}

html body #flr-onboarding .flr-gear-partner-rail.has-partner-logo small:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:4px!important;
  height:26px!important;
  transform:translateY(-50%)!important;
  background:#99c0df!important;
}

html body #flr-onboarding .flr-gear-partner-logo{
  display:block!important;
  justify-self:end!important;
  width:100%!important;
  max-width:122px!important;
  height:52px!important;
  object-fit:contain!important;
  object-position:right center!important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.34))!important;
}

html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement > strong{
  margin-top:15px!important;
}

html body #flr-onboarding .flr-gear-partner-flag{
  z-index:8!important;
}

@media(max-width:820px){
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-visual{
    height:162px!important;
  }
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-product-image{
    max-height:130px!important;
  }
  html body #flr-onboarding .flr-gear-partner-rail.has-partner-logo{
    grid-template-columns:minmax(0,1fr) minmax(88px,116px)!important;
    min-height:64px!important;
  }
  html body #flr-onboarding .flr-gear-partner-logo{
    max-width:110px!important;
    height:48px!important;
  }
}

@media(max-width:560px){
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-visual{
    height:152px!important;
  }
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-product-image{
    max-height:121px!important;
  }
  html body #flr-onboarding .flr-gear-partner-rail.has-partner-logo{
    margin:0!important;
    padding:8px 12px 9px!important;
    min-height:60px!important;
    grid-template-columns:minmax(0,1fr) 94px!important;
    gap:10px!important;
  }
  html body #flr-onboarding .flr-gear-partner-rail.has-partner-logo small{
    padding-left:11px!important;
    font-size:8.5px!important;
  }
  html body #flr-onboarding .flr-gear-partner-rail.has-partner-logo small:before{
    width:3px!important;
    height:22px!important;
  }
  html body #flr-onboarding .flr-gear-partner-logo{
    width:94px!important;
    height:44px!important;
  }
}


/* ============================================================
   v1.3.5 — PARTNER UI REFINEMENT
   Blue is an accent, never a slab. Remove the bright frame/side rail from
   featured cards and make the Live Loadout sponsor module feel editorial,
   dark and premium while keeping the partner unmistakably visible.
   ============================================================ */

/* Featured gear card: no powder-blue rim or left stripe. */
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement{
  border:1px solid #294655!important;
  border-top-color:#35596a!important;
  background:linear-gradient(180deg,#081f2a 0%,#061923 100%)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.22)!important;
}
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement:before{
  content:none!important;
  display:none!important;
}
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement:hover{
  border-color:#3f6578!important;
  border-top-color:#53788a!important;
  background:linear-gradient(180deg,#09232f 0%,#071c26 100%)!important;
  box-shadow:0 17px 36px rgba(0,0,0,.26)!important;
}
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected{
  border-color:#456d80!important;
  border-top-color:#5a8092!important;
  background:linear-gradient(180deg,#09232f 0%,#071c26 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(153,192,223,.035),0 17px 36px rgba(0,0,0,.24)!important;
}

/* Brand strip: keep the actual logo and label, lose the cyan vertical rail. */
html body #flr-onboarding .flr-gear-partner-rail.has-partner-logo{
  border-top:1px solid #1d3a49!important;
  border-bottom:1px solid #1d3a49!important;
  background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 72%)!important;
}
html body #flr-onboarding .flr-gear-partner-rail.has-partner-logo small{
  padding-left:0!important;
  color:#9bb4c0!important;
}
html body #flr-onboarding .flr-gear-partner-rail.has-partner-logo small:before{
  content:none!important;
  display:none!important;
}

/* Live Loadout partner chip remains subtle and dark. */
html body #flr-onboarding .flr-preview-partner-chip{
  border-color:#34586a!important;
  border-top:2px solid #527d92!important;
  background:rgba(5,20,29,.94)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.20)!important;
}
html body #flr-onboarding .flr-preview-partner-chip small{color:#8fb4c8!important}
html body #flr-onboarding .flr-preview-partner-chip b{color:#f0ebdc!important}

/* Live Loadout spotlight: remove the giant powder-blue banner entirely. */
html body #flr-onboarding .flr-partner-spotlight{
  margin-top:10px!important;
  padding:0 14px 14px!important;
  overflow:hidden!important;
  border:1px solid #294957!important;
  border-left:1px solid #294957!important;
  background:linear-gradient(180deg,#081f2a 0%,#061923 100%)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
html body #flr-onboarding .flr-partner-spotlight header{
  min-height:68px!important;
  margin:0 -14px 13px!important;
  padding:10px 14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 92px auto!important;
  gap:12px!important;
  align-items:center!important;
  background:linear-gradient(90deg,#0b2734 0%,#09212c 62%,#071c26 100%)!important;
  border-bottom:1px solid #294957!important;
}
html body #flr-onboarding .flr-partner-spotlight header>div{
  min-width:0!important;
}
html body #flr-onboarding .flr-partner-spotlight header span,
html body #flr-onboarding .flr-partner-spotlight header small{
  color:#8eafbf!important;
}
html body #flr-onboarding .flr-partner-spotlight header strong{
  color:#f0ebdc!important;
  font-size:14px!important;
}
html body #flr-onboarding .flr-partner-spotlight header>small{
  justify-self:end!important;
  padding:5px 7px!important;
  border:1px solid #35596a!important;
  background:#071923!important;
  color:#a9c4d1!important;
  white-space:nowrap!important;
}
html body #flr-onboarding .flr-partner-spotlight-logo{
  display:block!important;
  justify-self:center!important;
  width:88px!important;
  height:46px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.32))!important;
}
html body #flr-onboarding .flr-partner-spotlight-logo[hidden]{display:none!important}

html body #flr-onboarding .flr-partner-spotlight h4{
  color:#f0ebdc!important;
  margin:13px 0 0!important;
}
html body #flr-onboarding .flr-partner-facts span{
  border-color:#294957!important;
  background:#081d27!important;
  color:#c0d0d7!important;
}

/* CTA controls: dark by default; powder blue only earns attention on hover. */
html body #flr-onboarding .flr-partner-actions a,
html body #flr-onboarding .flr-partner-actions button{
  border:1px solid #35596a!important;
  background:#0a2633!important;
  color:#d5e1e6!important;
  box-shadow:none!important;
}
html body #flr-onboarding .flr-partner-actions a:hover,
html body #flr-onboarding .flr-partner-actions a:focus-visible,
html body #flr-onboarding .flr-partner-actions button:hover,
html body #flr-onboarding .flr-partner-actions button:focus-visible{
  border-color:#99c0df!important;
  background:#99c0df!important;
  color:#06131d!important;
}
html body #flr-onboarding .flr-partner-detail{
  border-color:#294957!important;
  background:#071a24!important;
}

@media(max-width:560px){
  html body #flr-onboarding .flr-partner-spotlight{padding:0 11px 12px!important}
  html body #flr-onboarding .flr-partner-spotlight header{
    margin:0 -11px 11px!important;
    padding:9px 11px!important;
    grid-template-columns:minmax(0,1fr) 72px!important;
    grid-template-areas:"brand logo" "badge badge"!important;
    row-gap:7px!important;
  }
  html body #flr-onboarding .flr-partner-spotlight header>div{grid-area:brand!important}
  html body #flr-onboarding .flr-partner-spotlight-logo{grid-area:logo!important;width:70px!important;height:38px!important}
  html body #flr-onboarding .flr-partner-spotlight header>small{grid-area:badge!important;justify-self:start!important}
}


/* v1.3.6 — SELECTED BADGE SPACING FIX
   Reserve breathing room so the bottom-right SELECTED badge never collides
   with the lure description copy on featured partner cards. */
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected > p{
  padding-right:96px!important;
  padding-bottom:22px!important;
}
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected:after{
  right:16px!important;
  bottom:14px!important;
}
@media (max-width: 640px){
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected > p{
    padding-right:92px!important;
    padding-bottom:24px!important;
  }
}


/* v1.3.8 — STABLE LURE CARD GEOMETRY
   Selecting a lure must never resize, jump, or reflow the card artwork. The
   partner card reserves its SELECTED-label breathing room in every state so
   clicking it only changes state styling, never geometry. */
html body #flr-onboarding .flr-lure-grid{
  align-items:stretch!important;
}
html body #flr-onboarding .flr-lure-grid .flr-gear-card{
  box-sizing:border-box!important;
  min-width:0!important;
  height:100%!important;
  transform:none!important;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease!important;
}
html body #flr-onboarding .flr-lure-grid .flr-gear-card:hover,
html body #flr-onboarding .flr-lure-grid .flr-gear-card.is-selected,
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement:hover,
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected{
  transform:none!important;
}
html body #flr-onboarding .flr-lure-grid .flr-gear-card .flr-gear-visual,
html body #flr-onboarding .flr-lure-grid .flr-gear-card.is-selected .flr-gear-visual{
  flex:0 0 auto!important;
  box-sizing:border-box!important;
}
html body #flr-onboarding .flr-lure-grid .flr-gear-card .flr-gear-product-image,
html body #flr-onboarding .flr-lure-grid .flr-gear-card.is-selected .flr-gear-product-image{
  transform:none!important;
  transition:filter .16s ease!important;
}
/* Keep the sponsor card's text/footer dimensions identical whether selected
   or not. This replaces the old selected-only padding that made the middle
   card grow as soon as it was clicked. */
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement > p,
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected > p{
  padding-right:96px!important;
  padding-bottom:22px!important;
  box-sizing:border-box!important;
}
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-visual,
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected .flr-gear-visual{
  height:154px!important;
}
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-product-image,
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected .flr-gear-product-image{
  max-width:90%!important;
  max-height:128px!important;
  width:auto!important;
  height:auto!important;
}
@media(max-width:820px){
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-visual,
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected .flr-gear-visual{height:146px!important}
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-product-image,
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected .flr-gear-product-image{max-height:120px!important}
}
@media(max-width:640px){
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement > p,
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected > p{
    padding-right:92px!important;
    padding-bottom:24px!important;
  }
}
@media(max-width:560px){
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-visual,
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected .flr-gear-visual{height:138px!important}
}


/* v1.3.9 — PARTNER BRAND POSITION LOCK
   Selection state must never alter partner branding geometry. v1.3.8 used a
   broad .flr-gear-visual img selector which also caught the watermark when
   the card became .is-selected. Keep geometry rules scoped to the product
   image and hard-lock both Water Wolf brand marks in every card state. */
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-partner-watermark,
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected .flr-gear-partner-watermark,
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement:hover .flr-gear-partner-watermark{
  left:50%!important;
  top:50%!important;
  width:76%!important;
  height:82%!important;
  max-width:none!important;
  max-height:none!important;
  transform:translate(-50%,-48%)!important;
  opacity:.105!important;
  object-fit:contain!important;
}
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-partner-logo,
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected .flr-gear-partner-logo,
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement:hover .flr-gear-partner-logo{
  justify-self:end!important;
  width:100%!important;
  max-width:122px!important;
  height:52px!important;
  object-fit:contain!important;
  object-position:right center!important;
  transform:none!important;
}
@media(max-width:820px){
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-partner-logo,
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected .flr-gear-partner-logo{
    max-width:110px!important;
    height:48px!important;
  }
}
@media(max-width:560px){
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-partner-logo,
  html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected .flr-gear-partner-logo{
    width:94px!important;
    max-width:94px!important;
    height:44px!important;
  }
}


/* v1.3.10 — CLEAN LURE STAGE
   Lure thumbnails are transparent artwork. Do not place a lighter rectangular
   panel behind them; let the lure sit directly on the card surface. */
html body #flr-onboarding .flr-lure-grid .flr-gear-card .flr-gear-visual,
html body #flr-onboarding .flr-lure-grid .flr-gear-card.is-selected .flr-gear-visual,
html body #flr-onboarding .flr-lure-grid .flr-gear-card:hover .flr-gear-visual,
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement .flr-gear-visual,
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement.is-selected .flr-gear-visual,
html body #flr-onboarding .flr-lure-grid .flr-gear-card.has-partner-placement:hover .flr-gear-visual{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}


/* ============================================================
   v1.3.11 — LIVE LOADOUT PARTNER HEADER BREATHING ROOM
   The previous three-column spotlight header tried to fit brand copy,
   a logo and a duplicate badge into a narrow sidebar. Use a simple
   logo + identity lockup instead; the preview chip already communicates
   the FEATURED PARTNER state above the rig.
   ============================================================ */
html body #flr-onboarding .flr-partner-spotlight header{
  min-height:78px!important;
  margin:0 -14px 14px!important;
  padding:12px 14px!important;
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  grid-template-areas:"logo brand"!important;
  gap:14px!important;
  align-items:center!important;
}
html body #flr-onboarding .flr-partner-spotlight header>div{
  grid-area:brand!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
html body #flr-onboarding .flr-partner-spotlight header span{
  display:block!important;
  margin:0!important;
  color:#8eafbf!important;
  font:700 9px/1.15 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.12em!important;
  white-space:normal!important;
}
html body #flr-onboarding .flr-partner-spotlight header strong{
  display:block!important;
  margin:0!important;
  color:#f0ebdc!important;
  font:700 16px/1.08 "Barlow Condensed",system-ui,sans-serif!important;
  letter-spacing:.025em!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
html body #flr-onboarding .flr-partner-spotlight-logo{
  grid-area:logo!important;
  display:block!important;
  justify-self:start!important;
  width:92px!important;
  height:56px!important;
  object-fit:contain!important;
}
/* Redundant here: FEATURED PARTNER already appears in the preview chip. */
html body #flr-onboarding .flr-partner-spotlight header>small{
  display:none!important;
}
@media(max-width:560px){
  html body #flr-onboarding .flr-partner-spotlight header{
    min-height:70px!important;
    margin:0 -11px 12px!important;
    padding:10px 11px!important;
    grid-template-columns:74px minmax(0,1fr)!important;
    grid-template-areas:"logo brand"!important;
    gap:10px!important;
  }
  html body #flr-onboarding .flr-partner-spotlight-logo{
    width:74px!important;
    height:46px!important;
  }
  html body #flr-onboarding .flr-partner-spotlight header span{
    font-size:8px!important;
    letter-spacing:.10em!important;
  }
  html body #flr-onboarding .flr-partner-spotlight header strong{
    font-size:15px!important;
  }
}


/* ============================================================
   v1.3.13 — COMBO LANE / FUTURE PARTS ARCHITECTURE
   Publicly distinguish a complete rod+reel combo from the future stand-alone
   rod and reel/baitcaster catalogues without changing the saved-state schema.
   ============================================================ */
html body #flr-onboarding .flr-loadout-steps{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  height:auto!important;
  min-height:54px!important;
  padding:7px 24px!important;
  overflow:visible!important;
}
html body #flr-onboarding .flr-loadout-steps > button,
html body #flr-onboarding .flr-loadout-steps > button[data-flr-step="reel"]{
  all:unset!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid rgba(153,192,223,.14)!important;
  border-radius:0!important;
  background:#081d29!important;
  color:#8da9b8!important;
  box-shadow:none!important;
  font:700 13px/1 "Barlow Condensed",Arial,sans-serif!important;
  letter-spacing:.08em!important;
  text-align:center!important;
  white-space:nowrap!important;
}
html body #flr-onboarding .flr-loadout-steps > button > span{
  display:block!important;
  padding:0!important;
  margin:0!important;
  color:inherit!important;
  font:700 13px/1 "Barlow Condensed",Arial,sans-serif!important;
  letter-spacing:.08em!important;
}
html body #flr-onboarding .flr-loadout-steps > button > b,
html body #flr-onboarding .flr-loadout-steps > button > small{display:none!important}
html body #flr-onboarding .flr-loadout-steps > button > em{
  display:block!important;
  position:absolute!important;
  right:5px!important;
  top:4px!important;
  margin:0!important;
  color:#567484!important;
  font:700 6px/1 "Barlow",Arial,sans-serif!important;
  letter-spacing:.08em!important;
  font-style:normal!important;
}
html body #flr-onboarding .flr-loadout-steps > button:not(:disabled){cursor:pointer!important}
html body #flr-onboarding .flr-loadout-steps > button:not(:disabled):hover{
  border-color:rgba(153,192,223,.32)!important;
  background:#0a2432!important;
  color:#d8e7ee!important;
}
html body #flr-onboarding .flr-loadout-steps > button.is-active{
  border-color:rgba(153,192,223,.48)!important;
  background:rgba(153,192,223,.10)!important;
  color:#eee8d7!important;
  box-shadow:inset 0 -2px 0 #99c0df!important;
}
html body #flr-onboarding .flr-loadout-steps > button.is-locked{
  display:flex!important;
  opacity:.42!important;
  cursor:not-allowed!important;
  background:#071923!important;
  border-color:rgba(153,192,223,.10)!important;
  color:#668493!important;
  box-shadow:none!important;
}
html body #flr-onboarding .flr-step-panel[data-flr-panel="rod"] .flr-gear-card[data-gear-type="rod"] strong{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
@media(max-width:820px){
  html body #flr-onboarding .flr-loadout-steps{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    padding:7px 12px!important;
  }
  html body #flr-onboarding .flr-loadout-steps > button,
  html body #flr-onboarding .flr-loadout-steps > button[data-flr-step="reel"]{
    min-height:38px!important;
    height:38px!important;
    padding:0 7px!important;
    font-size:12px!important;
  }
  html body #flr-onboarding .flr-loadout-steps > button > span{font-size:12px!important}
}
@media(max-width:480px){
  html body #flr-onboarding .flr-loadout-steps{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    padding:6px 9px!important;
    gap:5px!important;
  }
  html body #flr-onboarding .flr-loadout-steps > button,
  html body #flr-onboarding .flr-loadout-steps > button[data-flr-step="reel"]{
    min-height:36px!important;
    height:36px!important;
    padding:0 5px!important;
  }
  html body #flr-onboarding .flr-loadout-steps > button > span{font-size:11px!important;letter-spacing:.06em!important}
  html body #flr-onboarding .flr-loadout-steps > button > em{font-size:5.5px!important;right:4px!important;top:3px!important}
}

/* ============================================================
   v1.3.14 — MOBILE TACKLE BOX CLOSE + COMING SOON READABILITY
   Header opens this panel, but Rig Builder owns the actual Tackle Box sheet.
   Keep the close control sharp/dark and draw its X ourselves so a theme font
   or global button rule can never distort the glyph. Increase the host status
   copy so COMING SOON remains readable on real phones.
   ============================================================ */
@media(max-width:900px), (hover:none), (pointer:coarse){
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-close{
    -webkit-appearance:none!important;
    appearance:none!important;
    position:absolute!important;
    right:12px!important;
    top:12px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(153,192,223,.28)!important;
    border-radius:0!important;
    background:#081923!important;
    color:#d9e6ec!important;
    box-shadow:5px 5px 0 rgba(0,0,0,.20)!important;
    font-size:0!important;
    line-height:0!important;
    text-indent:0!important;
    overflow:hidden!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
    rotate:none!important;
    transition:border-color .15s ease,background-color .15s ease,color .15s ease!important;
    cursor:pointer!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-close::before,
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-close::after{
    content:none!important;
    display:none!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-close-glyph{
    position:relative!important;
    display:block!important;
    width:17px!important;
    height:17px!important;
    pointer-events:none!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-close-glyph::before,
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-close-glyph::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:18px!important;
    height:2px!important;
    margin:0!important;
    background:currentColor!important;
    border:0!important;
    border-radius:0!important;
    transform-origin:center!important;
    pointer-events:none!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-close-glyph::before{
    transform:translate(-50%,-50%) rotate(45deg)!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-close-glyph::after{
    transform:translate(-50%,-50%) rotate(-45deg)!important;
  }
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-close:hover,
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-close:focus-visible,
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-close:active{
    background:#0b202c!important;
    border-color:rgba(153,192,223,.62)!important;
    color:#99c0df!important;
    box-shadow:5px 5px 0 rgba(0,0,0,.20)!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
  }

  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-copy span,
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice .flr-mobile-host-copy span{
    display:block!important;
    margin-top:6px!important;
    color:#9bb3bf!important;
    font-family:"Barlow",Arial,sans-serif!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.15!important;
    letter-spacing:.105em!important;
    text-transform:uppercase!important;
    opacity:1!important;
  }
}
@media(max-width:430px){
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-copy span,
  html body.flr-mobile-host-open .flr-mobile-host-tackle .flr-mobile-host-choice .flr-mobile-host-copy span{
    font-size:10.5px!important;
    letter-spacing:.095em!important;
  }
}

