/* ==========================================================================
   KINGPIN — SPECIALTY FREIGHT LAYER
   Black / White / Gold. Premium, industrial, competitive, game-like.
   Additive only: every selector is namespaced .kp-* so nothing existing moves.
   ========================================================================== */

:root{
  --kpx-gold:#ffb11b;
  --kpx-gold-hi:#ffdf9a;
  --kpx-gold-dim:#7a5410;
  --kpx-ink:#04060a;
  --kpx-ink2:#080c12;
  --kpx-steel:#0e141c;
  --kpx-line:rgba(255,255,255,.10);
  --kpx-line-gold:rgba(255,177,27,.30);
  --kpx-txt:#f2f5f8;
  --kpx-mut:#8b96a3;
  --kpx-green:#38e08d;
  --kpx-red:#ff4d55;
  --kpx-blue:#4fc9ff;
  --kpx-amber:#ffa62b;
  --kpx-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
}

/* ---------- shared primitives ------------------------------------------ */
.kp-wrap{max-width:1750px;margin:auto}
.kp-mono{font-family:var(--kpx-mono);font-variant-numeric:tabular-nums}
.kp-eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--kpx-gold);font-weight:900}
.kp-sub{color:var(--kpx-mut);line-height:1.6}
.kp-h1{font-size:clamp(30px,4vw,54px);line-height:.98;letter-spacing:-.035em;margin:8px 0 10px;font-weight:900}
.kp-h2{font-size:clamp(22px,2.4vw,32px);line-height:1.05;letter-spacing:-.03em;margin:4px 0 8px;font-weight:900}
.kp-h3{font-size:17px;letter-spacing:-.01em;margin:0 0 4px;font-weight:800}
.kp-rule{height:1px;background:linear-gradient(90deg,var(--kpx-line-gold),transparent);margin:14px 0}
.kp-hide{display:none!important}

/* Industrial beveled surface — replaces generic rounded cards */
.kp-surface{
  position:relative;background:linear-gradient(155deg,rgba(20,27,36,.86),rgba(6,9,13,.94));
  border:1px solid var(--kpx-line);
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
  padding:18px;
}
.kp-surface:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 40%);
}
.kp-surface--gold{border-color:var(--kpx-line-gold);box-shadow:0 0 0 1px rgba(255,177,27,.06),0 22px 60px rgba(0,0,0,.55)}

/* Buttons */
.kp-btn{
  font:inherit;font-weight:900;letter-spacing:.06em;text-transform:uppercase;font-size:11px;
  padding:13px 20px;border:1px solid #2b333d;background:#11161d;color:#e9edf2;cursor:pointer;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
  transition:transform .16s,background .16s,border-color .16s,color .16s;
}
.kp-btn:hover{transform:translateY(-1px);border-color:var(--kpx-gold);color:#fff}
.kp-btn--gold{background:linear-gradient(135deg,var(--kpx-gold-hi),var(--kpx-gold) 52%,#c07f06);color:#120c02;border-color:#ffd98a}
.kp-btn--gold:hover{filter:brightness(1.08);color:#0d0900}
.kp-btn--ghost{background:transparent}
.kp-btn--sm{padding:9px 13px;font-size:10px}
.kp-btn[disabled]{opacity:.42;cursor:not-allowed;transform:none}

/* Status LED + pills */
.kp-led{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--kpx-mut);box-shadow:0 0 9px currentColor}
.kp-led--ok{background:var(--kpx-green);color:var(--kpx-green)}
.kp-led--warn{background:var(--kpx-amber);color:var(--kpx-amber);animation:kpBlink 1.1s steps(1,end) infinite}
.kp-led--bad{background:var(--kpx-red);color:var(--kpx-red);animation:kpBlink .62s steps(1,end) infinite}
@keyframes kpBlink{50%{opacity:.22}}
.kp-pill{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;
  padding:6px 11px;border:1px solid var(--kpx-line);background:rgba(8,12,18,.8);color:#c9d2dc}
.kp-pill--gold{border-color:var(--kpx-line-gold);color:var(--kpx-gold-hi);background:rgba(38,26,4,.7)}
.kp-pill--ok{border-color:rgba(56,224,141,.35);color:var(--kpx-green)}
.kp-pill--bad{border-color:rgba(255,77,85,.38);color:#ff8f95}

/* ---------- FREIGHT MODE SELECTOR -------------------------------------- */
.kp-modebar{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:12px 16px;margin:0 0 12px;background:
    linear-gradient(90deg,rgba(255,177,27,.10),transparent 46%),
    linear-gradient(180deg,rgba(14,20,28,.95),rgba(4,6,10,.95));
  border:1px solid var(--kpx-line);border-left:3px solid var(--kpx-gold);
}
.kp-modebar__label{font-size:10px;letter-spacing:.22em;font-weight:900;color:var(--kpx-gold);white-space:nowrap}
.kp-modebar__tabs{display:flex;gap:8px;flex-wrap:wrap;flex:1}
.kp-modetab{
  display:flex;align-items:center;gap:9px;padding:10px 15px;cursor:pointer;color:#aeb8c4;
  background:rgba(10,14,20,.85);border:1px solid #232b35;font-weight:900;font-size:11px;letter-spacing:.09em;
  text-transform:uppercase;transition:.16s;position:relative;
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));
}
.kp-modetab:hover{color:#fff;border-color:#3f4a57}
.kp-modetab.is-active{color:#130d01;background:linear-gradient(135deg,var(--kpx-gold-hi),var(--kpx-gold) 55%,#cf8a08);border-color:#ffe2a4;box-shadow:0 8px 26px rgba(255,177,27,.24)}
.kp-modetab.is-locked{opacity:.42;cursor:not-allowed;pointer-events:none}
.kp-modetab.is-locked:after{content:"SOON";font-size:8px;letter-spacing:.14em;color:var(--kpx-gold);border:1px solid var(--kpx-line-gold);padding:2px 4px}
.kp-modetab__glyph{font-size:15px;line-height:1}
.kp-modebar__iq{display:flex;align-items:center;gap:6px;font-family:var(--kpx-mono);font-size:11px;color:var(--kpx-mut);white-space:nowrap}
.kp-modebar__iq b{color:var(--kpx-gold-hi);font-size:15px}

/* ---------- LEARN / TRAIN / SIMULATE deck ------------------------------ */
.kp-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}
.kp-deckcard{
  position:relative;overflow:hidden;text-align:left;cursor:pointer;color:var(--kpx-txt);
  min-height:186px;padding:18px;border:1px solid var(--kpx-line);
  background:linear-gradient(160deg,rgba(22,30,40,.9),rgba(5,8,12,.96));
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
  transition:transform .18s,border-color .18s;
}
.kp-deckcard:hover{transform:translateY(-3px);border-color:var(--kpx-line-gold)}
.kp-deckcard__art{position:absolute;inset:auto 0 0 0;height:76%;opacity:.4;pointer-events:none}
.kp-deckcard__art svg{width:100%;height:100%;display:block}
.kp-deckcard>*{position:relative;z-index:1}
.kp-deckcard__n{font-family:var(--kpx-mono);font-size:34px;font-weight:900;color:var(--kpx-gold);line-height:1;opacity:.92}
.kp-deckcard h3{font-size:21px;margin:6px 0 4px;letter-spacing:-.02em}
.kp-deckcard p{color:var(--kpx-mut);font-size:13px;line-height:1.5;margin:0;max-width:34ch}
.kp-deckcard__go{position:absolute;right:16px;bottom:14px;font-size:10px;letter-spacing:.18em;font-weight:900;color:var(--kpx-gold)}
.kp-deckcard--slim{min-height:0;padding:13px 15px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.kp-deckcard--slim h4{font-size:12px;letter-spacing:.08em;margin:0;color:#fff;font-weight:900}
.kp-deckcard--slim p{font-size:11px;margin-top:5px;font-family:var(--kpx-mono);color:#77818e}

/* ---------- CINEMATIC ENVIRONMENT STAGE -------------------------------- */
.kp-env{
  position:relative;overflow:hidden;min-height:420px;border:1px solid var(--kpx-line);
  background:var(--kpx-ink);margin:0 0 12px;
}
.kp-env__sky{position:absolute;inset:0;pointer-events:none}
.kp-env__sky svg{width:100%;height:100%;display:block;object-fit:cover}
.kp-env:after{ /* film grade: vignette + scanlines */
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 42%,transparent 34%,rgba(2,3,5,.72) 100%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px);
}
.kp-env__body{position:relative;z-index:2;padding:22px}
.kp-env--tall{min-height:560px}
.kp-env__title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.kp-env__tag{position:absolute;left:0;top:0;z-index:3;display:flex;align-items:center;gap:8px;
  padding:8px 16px 8px 12px;background:rgba(4,6,10,.82);border-right:1px solid var(--kpx-line-gold);border-bottom:1px solid var(--kpx-line-gold);
  font-size:9px;letter-spacing:.2em;font-weight:900;color:var(--kpx-gold-hi);backdrop-filter:blur(6px)}

/* Marquee name plate for vessels / loads — cinematic, not a card */
.kp-nameplate{margin:6px 0 14px}
.kp-nameplate__k{font-size:10px;letter-spacing:.26em;color:var(--kpx-gold);font-weight:900}
.kp-nameplate__v{font-size:clamp(26px,3.6vw,50px);font-weight:900;letter-spacing:-.03em;line-height:1;
  text-shadow:0 4px 30px #000,0 0 42px rgba(255,177,27,.18)}
.kp-nameplate__meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}

/* ---------- HUD READOUT GRID (ops screen) ------------------------------ */
.kp-hud{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:1px;background:var(--kpx-line);
  border:1px solid var(--kpx-line);margin:12px 0}
.kp-hud__cell{background:rgba(5,8,12,.88);padding:10px 12px;min-height:60px}
.kp-hud__cell span{display:block;font-size:8.5px;letter-spacing:.17em;color:#76818e;font-weight:800;text-transform:uppercase}
.kp-hud__cell b{display:block;font-family:var(--kpx-mono);font-size:16px;margin-top:5px;letter-spacing:-.01em;color:#fff;font-weight:700}
.kp-hud__cell.is-gold b{color:var(--kpx-gold-hi)}
.kp-hud__cell.is-ok b{color:var(--kpx-green)}
.kp-hud__cell.is-warn b{color:var(--kpx-amber)}
.kp-hud__cell.is-bad b{color:var(--kpx-red)}
.kp-hud__cell.is-wide{grid-column:span 2}

/* Countdown bar */
.kp-clockbar{height:4px;background:#151b23;margin:2px 0 0;overflow:hidden}
.kp-clockbar i{display:block;height:100%;background:linear-gradient(90deg,var(--kpx-green),var(--kpx-amber) 62%,var(--kpx-red));transition:width .5s linear}

/* ---------- LIVE ALERT FEED -------------------------------------------- */
.kp-alerts{position:relative;display:grid;gap:7px;margin:12px 0}
.kp-alert{
  display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;
  padding:11px 13px;background:linear-gradient(90deg,rgba(16,22,30,.95),rgba(6,9,13,.9));
  border:1px solid var(--kpx-line);border-left:3px solid var(--kpx-mut);
  animation:kpAlertIn .34s cubic-bezier(.2,.9,.25,1.15);
}
@keyframes kpAlertIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
.kp-alert b{font-size:11px;letter-spacing:.13em;font-weight:900;text-transform:uppercase}
.kp-alert p{margin:3px 0 0;font-size:12.5px;color:#aab4c0;line-height:1.45}
.kp-alert time{font-family:var(--kpx-mono);font-size:10px;color:#6d7783}
.kp-alert--info{border-left-color:var(--kpx-blue)}.kp-alert--info b{color:var(--kpx-blue)}
.kp-alert--ok{border-left-color:var(--kpx-green)}.kp-alert--ok b{color:var(--kpx-green)}
.kp-alert--warn{border-left-color:var(--kpx-amber)}.kp-alert--warn b{color:var(--kpx-amber)}
.kp-alert--bad{border-left-color:var(--kpx-red)}.kp-alert--bad b{color:#ff8f95}
.kp-alert--gold{border-left-color:var(--kpx-gold)}.kp-alert--gold b{color:var(--kpx-gold-hi)}

/* Full-bleed cinematic alert slam */
.kp-slam{position:fixed;left:0;right:0;top:96px;z-index:9996;display:flex;justify-content:center;pointer-events:none}
.kp-slam__inner{
  display:flex;align-items:center;gap:14px;padding:14px 30px;max-width:min(94vw,760px);
  background:linear-gradient(90deg,rgba(4,6,10,.96),rgba(26,18,2,.96));
  border:1px solid var(--kpx-line-gold);border-left:5px solid var(--kpx-gold);
  box-shadow:0 26px 70px rgba(0,0,0,.7);animation:kpSlam .45s cubic-bezier(.15,.9,.2,1.2);
}
.kp-slam__inner b{font-size:15px;letter-spacing:.14em;font-weight:900;text-transform:uppercase;color:var(--kpx-gold-hi)}
.kp-slam__inner span{font-size:12px;color:#b3bdc8}
.kp-slam--bad .kp-slam__inner{border-color:rgba(255,77,85,.5);border-left-color:var(--kpx-red);background:linear-gradient(90deg,rgba(4,6,10,.96),rgba(34,6,8,.96))}
.kp-slam--bad .kp-slam__inner b{color:#ff9ba0}
.kp-slam--ok .kp-slam__inner{border-left-color:var(--kpx-green)}
.kp-slam--ok .kp-slam__inner b{color:var(--kpx-green)}
@keyframes kpSlam{from{opacity:0;transform:translateY(-22px) scale(.94)}to{opacity:1;transform:none}}
.kp-slam.is-out{opacity:0;transition:opacity .4s}

/* ---------- INTERACTION / CHOICES -------------------------------------- */
.kp-prompt{margin:14px 0 4px}
.kp-prompt__who{display:flex;align-items:center;gap:11px;margin-bottom:10px}
.kp-prompt__avatar{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;font-size:20px;
  border:1px solid var(--kpx-line-gold);background:radial-gradient(circle at 34% 28%,#33404e,#0a0e13 72%);
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.kp-prompt__who i{display:block;font-style:normal;font-size:9px;letter-spacing:.18em;color:var(--kpx-gold);font-weight:900}
.kp-prompt__who b{display:block;font-size:14px}
.kp-prompt__who em{font-style:normal;font-size:11px;color:var(--kpx-mut)}
.kp-prompt__q{font-size:clamp(17px,1.75vw,25px);line-height:1.38;font-weight:600;letter-spacing:-.02em;max-width:74ch;
  text-shadow:0 2px 14px #000}
.kp-prompt__q--say:before{content:"“";color:var(--kpx-gold);font-size:1.2em;line-height:0}
.kp-prompt__q--say:after{content:"”";color:var(--kpx-gold);font-size:1.2em;line-height:0}
.kp-typekind{display:inline-flex;gap:7px;align-items:center;font-size:9px;letter-spacing:.18em;font-weight:900;
  color:var(--kpx-gold);border:1px solid var(--kpx-line-gold);padding:5px 9px;margin-bottom:10px}

.kp-choices{display:grid;gap:8px;margin-top:14px}
@media(min-width:1180px){.kp-choices--two{grid-template-columns:1fr 1fr}}
.kp-choice{
  position:relative;display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;text-align:left;
  padding:14px 16px;cursor:pointer;color:#e8edf2;font-size:13.5px;line-height:1.5;
  background:linear-gradient(180deg,rgba(20,27,36,.92),rgba(8,12,17,.94));
  border:1px solid #2a323c;transition:transform .14s,border-color .14s,background .14s;
}
.kp-choice:hover{transform:translateX(4px);border-color:var(--kpx-gold);background:linear-gradient(180deg,rgba(30,39,50,.95),rgba(12,17,23,.96))}
.kp-choice__key{font-family:var(--kpx-mono);font-weight:900;font-size:12px;width:24px;height:24px;display:grid;place-items:center;
  color:var(--kpx-gold);border:1px solid var(--kpx-line-gold);background:rgba(30,21,3,.7)}
.kp-choice.is-picked{border-color:var(--kpx-gold);box-shadow:inset 0 0 0 1px rgba(255,177,27,.25)}
.kp-choice.is-right{border-color:rgba(56,224,141,.55)}
.kp-choice.is-right .kp-choice__key{color:var(--kpx-green);border-color:rgba(56,224,141,.5);background:rgba(5,32,20,.7)}
.kp-choice.is-wrong{border-color:rgba(255,77,85,.45);opacity:.78}
.kp-choice.is-dim{opacity:.42}
.kp-choice[disabled]{cursor:default;transform:none}

/* Sequence builder */
.kp-seq{display:grid;gap:8px;margin-top:12px}
.kp-seq__pool,.kp-seq__slots{display:grid;gap:7px}
.kp-seq__slots{min-height:46px;padding:9px;border:1px dashed #333c47;background:rgba(6,9,13,.7)}
.kp-seqitem{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;padding:11px 13px;cursor:pointer;
  text-align:left;color:#e8edf2;font-size:13px;background:rgba(18,24,32,.92);border:1px solid #2a323c}
.kp-seqitem:hover{border-color:var(--kpx-gold)}
.kp-seqitem__n{font-family:var(--kpx-mono);font-weight:900;color:var(--kpx-gold);min-width:18px}

/* Numeric entry (rate / margin math) */
.kp-numrow{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:14px}
.kp-num{display:flex;align-items:center;background:rgba(5,8,12,.9);border:1px solid #333c47}
.kp-num span{padding:0 4px 0 12px;color:#77818e;font-family:var(--kpx-mono)}
.kp-num input{border:0;background:transparent;color:#fff;padding:13px 12px;width:150px;outline:0;font-family:var(--kpx-mono);font-size:17px}
.kp-num--lg input{width:190px;font-size:21px}
.kp-hintline{font-size:11.5px;color:#77818e;margin-top:8px;font-family:var(--kpx-mono)}

/* Timed decision ring */
.kp-timer{display:flex;align-items:center;gap:10px;margin:10px 0}
.kp-timer__bar{flex:1;height:6px;background:#161d25;overflow:hidden;border:1px solid #262e38}
.kp-timer__bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--kpx-green),var(--kpx-amber) 60%,var(--kpx-red));
  transform-origin:left;animation:kpDrain linear forwards}
@keyframes kpDrain{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.kp-timer__n{font-family:var(--kpx-mono);font-size:15px;color:var(--kpx-amber);font-weight:800;min-width:44px;text-align:right}

/* ---------- COACHING REPORT -------------------------------------------- */
.kp-coach{margin-top:14px;border:1px solid var(--kpx-line-gold);background:linear-gradient(160deg,rgba(24,19,7,.9),rgba(5,8,12,.96))}
.kp-coach__head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  padding:16px 18px;border-bottom:1px solid var(--kpx-line-gold);background:rgba(255,177,27,.05)}
.kp-coach__grade{font-family:var(--kpx-mono);font-size:60px;font-weight:900;line-height:.86;
  background:linear-gradient(180deg,var(--kpx-gold-hi),#e08d00);-webkit-background-clip:text;background-clip:text;color:transparent}
.kp-coach__body{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--kpx-line)}
.kp-coach__sec{background:rgba(5,8,12,.86);padding:15px 17px}
.kp-coach__sec h4{margin:0 0 7px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:900;color:var(--kpx-gold)}
.kp-coach__sec.is-right h4{color:var(--kpx-green)}
.kp-coach__sec.is-wrong h4{color:#ff8f95}
.kp-coach__sec ul{margin:0;padding-left:17px}
.kp-coach__sec li{font-size:13px;line-height:1.55;color:#c3ccd6;margin-bottom:5px}
.kp-coach__sec p{margin:0;font-size:13px;line-height:1.55;color:#c3ccd6}
.kp-coach__sec.is-full{grid-column:1/-1}
.kp-coach__lesson{grid-column:1/-1;background:linear-gradient(90deg,rgba(255,177,27,.12),rgba(5,8,12,.9));padding:17px}
.kp-coach__lesson h4{color:var(--kpx-gold-hi)}
.kp-coach__lesson p{font-size:15px;color:#eef2f6;font-weight:600;line-height:1.5}
.kp-impact{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1px;background:var(--kpx-line);margin-top:9px}
.kp-impact>div{background:rgba(7,10,15,.9);padding:9px 11px}
.kp-impact span{display:block;font-size:8px;letter-spacing:.15em;color:#76818e;font-weight:800}
.kp-impact b{display:block;font-family:var(--kpx-mono);font-size:14px;margin-top:3px}

/* ---------- SPECIALTY IQ BOARD ----------------------------------------- */
.kp-iqboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:12px 0}
.kp-iqcard{position:relative;padding:14px 15px;border:1px solid var(--kpx-line);background:linear-gradient(160deg,rgba(19,26,35,.9),rgba(5,8,12,.95));overflow:hidden}
.kp-iqcard span{font-size:9px;letter-spacing:.17em;color:#7e8895;font-weight:900;text-transform:uppercase}
.kp-iqcard b{display:block;font-family:var(--kpx-mono);font-size:32px;font-weight:900;line-height:1;margin:7px 0 3px;color:#fff}
.kp-iqcard em{font-style:normal;font-size:10px;color:var(--kpx-gold);letter-spacing:.1em;font-weight:800}
.kp-iqcard__bar{height:3px;background:#1a212a;margin-top:10px}
.kp-iqcard__bar i{display:block;height:100%;background:linear-gradient(90deg,var(--kpx-gold-dim),var(--kpx-gold))}
.kp-iqcard__d{position:absolute;right:13px;top:13px;font-family:var(--kpx-mono);font-size:11px;font-weight:800}
.kp-iqcard__d.up{color:var(--kpx-green)}.kp-iqcard__d.down{color:var(--kpx-red)}

.kp-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--kpx-line);border:1px solid var(--kpx-line)}
.kp-metrics>div{background:rgba(6,9,14,.9);padding:12px 13px}
.kp-metrics span{display:block;font-size:8.5px;letter-spacing:.16em;color:#76818e;font-weight:800;text-transform:uppercase}
.kp-metrics b{display:block;font-family:var(--kpx-mono);font-size:19px;margin-top:4px;color:#fff}

/* ---------- DIFFICULTY SELECTOR ---------------------------------------- */
.kp-diff{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.kp-diffbtn{font:inherit;font-size:9.5px;letter-spacing:.14em;font-weight:900;text-transform:uppercase;padding:9px 12px;cursor:pointer;
  background:rgba(10,14,20,.9);border:1px solid #262e38;color:#98a3b0;transition:.15s}
.kp-diffbtn:hover{color:#fff;border-color:#414c59}
.kp-diffbtn.is-active{background:linear-gradient(135deg,var(--kpx-gold-hi),var(--kpx-gold));color:#120c02;border-color:#ffe2a4}
.kp-diffbtn.is-locked{opacity:.4;cursor:not-allowed}

/* ---------- GLOSSARY ---------------------------------------------------- */
.kp-gloss__search{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}
.kp-gloss__search input{flex:1;min-width:220px;padding:14px 16px;background:rgba(5,8,12,.92);border:1px solid #333c47;color:#fff;font-size:15px;outline:0}
.kp-gloss__search input:focus{border-color:var(--kpx-gold)}
.kp-gloss__tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.kp-gtag{font:inherit;font-size:9px;letter-spacing:.13em;font-weight:900;text-transform:uppercase;padding:7px 10px;cursor:pointer;
  background:rgba(10,14,20,.9);border:1px solid #262e38;color:#939ead}
.kp-gtag.is-active{border-color:var(--kpx-gold);color:var(--kpx-gold-hi);background:rgba(34,24,4,.8)}
.kp-gloss__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1px;background:var(--kpx-line);border:1px solid var(--kpx-line)}
.kp-gterm{background:rgba(6,9,14,.92);padding:15px 16px}
.kp-gterm h4{margin:0;font-size:15px;letter-spacing:.02em;color:#fff}
.kp-gterm h4 small{display:inline-block;margin-left:8px;font-size:9px;letter-spacing:.14em;color:var(--kpx-gold);font-weight:900;vertical-align:middle}
.kp-gterm p{margin:6px 0 0;font-size:13px;line-height:1.55;color:#b3bdc8}
.kp-gterm .kp-gterm__ex{margin-top:8px;padding-left:11px;border-left:2px solid var(--kpx-gold-dim);font-size:12px;color:#8e99a6;font-style:italic}
.kp-gloss__count{font-family:var(--kpx-mono);font-size:11px;color:#77818e;margin-bottom:9px}

/* ---------- LESSON (LEARN) --------------------------------------------- */
.kp-lesson{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px}
.kp-lesson__main{display:grid;gap:12px}
.kp-lesson__toc{align-self:start;position:sticky;top:130px;display:grid;gap:4px}
.kp-tocbtn{font:inherit;text-align:left;font-size:12px;padding:10px 12px;cursor:pointer;color:#9aa5b2;
  background:transparent;border:0;border-left:2px solid #232b35}
.kp-tocbtn:hover{color:#fff;background:rgba(255,255,255,.03)}
.kp-tocbtn.is-active{color:#fff;border-left-color:var(--kpx-gold);background:rgba(255,177,27,.06)}
.kp-lesson__sec h3{font-size:22px;margin:0 0 8px;letter-spacing:-.02em}
.kp-lesson__sec p{font-size:14.5px;line-height:1.65;color:#c0cad4;margin:0 0 10px}
.kp-lesson__sec strong{color:var(--kpx-gold-hi)}
.kp-diagram{margin:12px 0;border:1px solid var(--kpx-line);background:rgba(4,6,10,.8);overflow:hidden}
.kp-diagram svg{width:100%;height:auto;display:block}
.kp-keyvals{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:var(--kpx-line);border:1px solid var(--kpx-line);margin:12px 0}
.kp-keyvals>div{background:rgba(6,9,14,.92);padding:12px 14px}
.kp-keyvals span{display:block;font-size:9px;letter-spacing:.15em;color:var(--kpx-gold);font-weight:900}
.kp-keyvals p{margin:5px 0 0;font-size:12.5px;line-height:1.5;color:#b3bdc8}

/* ---------- BROKER DESK ------------------------------------------------- */
.kp-desk{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px}
.kp-desk__inbox{display:grid;gap:7px;align-content:start}
.kp-deskitem{
  display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;text-align:left;cursor:pointer;
  padding:12px 13px;background:linear-gradient(90deg,rgba(17,23,31,.95),rgba(6,9,13,.92));
  border:1px solid #262e38;border-left:3px solid #3b4450;color:#e6ebf1;transition:.15s;
}
.kp-deskitem:hover{transform:translateX(3px);border-color:var(--kpx-gold)}
.kp-deskitem__ic{width:34px;height:34px;display:grid;place-items:center;font-size:16px;background:rgba(10,14,20,.9);border:1px solid var(--kpx-line)}
.kp-deskitem__t b{display:block;font-size:13px}
.kp-deskitem__t span{display:block;font-size:11.5px;color:#8c97a4;margin-top:2px}
.kp-deskitem__age{font-family:var(--kpx-mono);font-size:11px;color:#76818e;text-align:right}
.kp-deskitem--urgent{border-left-color:var(--kpx-red)}
.kp-deskitem--warn{border-left-color:var(--kpx-amber)}
.kp-deskitem--money{border-left-color:var(--kpx-gold)}
.kp-deskitem--ok{border-left-color:var(--kpx-green)}
.kp-deskitem.is-done{opacity:.4;pointer-events:none}
.kp-loadstrip{display:grid;gap:6px;margin-bottom:10px}
.kp-loadrow{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:9px 12px;
  background:rgba(6,9,14,.92);border:1px solid var(--kpx-line);font-size:12px}
.kp-loadrow b{font-family:var(--kpx-mono);color:var(--kpx-gold-hi)}
.kp-loadrow span{color:#939ead}
.kp-loadrow em{font-style:normal;font-family:var(--kpx-mono);font-size:11px;color:#76818e}

/* ---------- CAREER LADDER ---------------------------------------------- */
.kp-ladder{display:grid;gap:6px;margin-top:10px}
.kp-lrung{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 15px;
  background:rgba(6,9,14,.9);border:1px solid #202831;color:#6e7883}
.kp-lrung b{font-size:13px;letter-spacing:.1em;font-weight:900}
.kp-lrung em{font-style:normal;font-family:var(--kpx-mono);font-size:11px}
.kp-lrung__n{font-family:var(--kpx-mono);font-size:11px;width:20px}
.kp-lrung.is-done{color:#9aa5b2;border-color:#2b333d}
.kp-lrung.is-done .kp-lrung__n{color:var(--kpx-green)}
.kp-lrung.is-now{color:#fff;border-color:var(--kpx-gold);background:linear-gradient(90deg,rgba(255,177,27,.12),rgba(6,9,14,.9))}
.kp-lrung.is-now .kp-lrung__n{color:var(--kpx-gold)}
.kp-xpbar{height:5px;background:#161d25;border:1px solid #232b35;margin-top:10px;overflow:hidden}
.kp-xpbar i{display:block;height:100%;background:linear-gradient(90deg,var(--kpx-gold-dim),var(--kpx-gold-hi));transition:width .5s}

/* ---------- DAILY CHALLENGE ------------------------------------------- */
.kp-daily{position:relative;overflow:hidden;padding:0;border:1px solid var(--kpx-line-gold)}
.kp-daily__art{position:absolute;inset:0;opacity:.34;pointer-events:none}
.kp-daily__art svg{width:100%;height:100%;display:block}
.kp-daily__in{position:relative;z-index:1;padding:22px;display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;
  background:linear-gradient(90deg,rgba(4,6,10,.94),rgba(4,6,10,.55))}
.kp-daily__date{font-family:var(--kpx-mono);font-size:11px;color:var(--kpx-gold);letter-spacing:.14em}
.kp-daily__seal{width:82px;height:82px;display:grid;place-items:center;text-align:center;flex:0 0 82px;
  border:2px solid var(--kpx-gold);background:radial-gradient(circle,rgba(255,177,27,.18),transparent 70%);
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.kp-daily__seal b{font-family:var(--kpx-mono);font-size:22px;color:var(--kpx-gold-hi);line-height:1}
.kp-daily__seal span{display:block;font-size:7px;letter-spacing:.14em;color:var(--kpx-gold)}

/* ---------- SPECIALTY GRID (phase 3 catalogue) ------------------------- */
.kp-spec{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:12px}
.kp-speccard{position:relative;overflow:hidden;text-align:left;cursor:pointer;color:#e9eef3;padding:15px;min-height:132px;
  background:linear-gradient(160deg,rgba(19,26,35,.9),rgba(5,8,12,.95));border:1px solid var(--kpx-line);transition:.16s}
.kp-speccard:hover{border-color:var(--kpx-line-gold);transform:translateY(-2px)}
.kp-speccard__g{font-size:26px;line-height:1}
.kp-speccard h4{margin:9px 0 3px;font-size:14px;letter-spacing:.04em}
.kp-speccard p{margin:0;font-size:11.5px;color:#8c97a4;line-height:1.45}
.kp-speccard__iq{position:absolute;right:13px;top:13px;font-family:var(--kpx-mono);font-size:12px;color:var(--kpx-gold-hi)}
.kp-speccard.is-live:after{content:"LIVE";position:absolute;right:0;bottom:0;font-size:8px;letter-spacing:.14em;font-weight:900;
  color:#120c02;background:var(--kpx-gold);padding:3px 8px}
.kp-speccard.is-soon{opacity:.62}
.kp-speccard.is-soon:after{content:"ROADMAP";position:absolute;right:0;bottom:0;font-size:8px;letter-spacing:.14em;font-weight:900;
  color:#8d96a2;background:#1b222b;padding:3px 8px}

/* ---------- EQUIPMENT / PERSONALITY CARDS ------------------------------ */
.kp-eqgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1px;background:var(--kpx-line);border:1px solid var(--kpx-line)}
.kp-eq{background:rgba(6,9,14,.92);padding:15px}
.kp-eq__art{height:78px;margin:-4px 0 9px;opacity:.9}
.kp-eq__art svg{width:100%;height:100%;display:block}
.kp-eq h4{margin:0 0 5px;font-size:14px;color:#fff}
.kp-eq p{margin:0;font-size:12px;line-height:1.5;color:#a8b3bf}
.kp-eq dl{margin:9px 0 0;display:grid;grid-template-columns:auto 1fr;gap:3px 9px;font-size:11px}
.kp-eq dt{color:var(--kpx-gold);font-weight:800;letter-spacing:.06em}
.kp-eq dd{margin:0;color:#939ead}

/* ---------- AUDIO / AMBIENCE DOCK EXTENSION ---------------------------- */
#audioDock .kp-amb{border-color:#3a414a}
#audioDock .kp-amb.on{border-color:var(--kpx-gold);color:var(--kpx-gold-hi);background:#221708}

/* ---------- misc ------------------------------------------------------- */
.kp-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.kp-note{font-size:12px;color:#77818e;line-height:1.5;margin-top:10px}
.kp-memo{display:grid;gap:5px;margin:10px 0;padding:11px 13px;background:rgba(255,177,27,.05);border:1px solid var(--kpx-line-gold)}
.kp-memo span{font-size:9px;letter-spacing:.18em;font-weight:900;color:var(--kpx-gold)}
.kp-memo p{margin:0;font-size:12.5px;color:#c0cad4;font-family:var(--kpx-mono)}
.kp-scroll{max-height:440px;overflow:auto}
.kp-scroll::-webkit-scrollbar{width:8px}
.kp-scroll::-webkit-scrollbar-thumb{background:#2a323c}

@media(max-width:1100px){
  .kp-deck{grid-template-columns:1fr}
  .kp-lesson{grid-template-columns:1fr}
  .kp-lesson__toc{position:static;grid-auto-flow:column;grid-auto-columns:max-content;overflow:auto}
  .kp-desk{grid-template-columns:1fr}
  .kp-coach__body{grid-template-columns:1fr}
}
@media(max-width:680px){
  .kp-env{min-height:340px}.kp-env--tall{min-height:400px}
  .kp-env__body{padding:16px 14px}
  .kp-nameplate__v{font-size:27px}
  .kp-slam{top:78px}.kp-slam__inner{padding:11px 16px;gap:9px}
  .kp-gloss__list{grid-template-columns:1fr}
  .kp-modebar{flex-direction:column;align-items:stretch}
}
@media(prefers-reduced-motion:reduce){
  .kp-alert,.kp-slam__inner,.kp-led--warn,.kp-led--bad{animation:none!important}
}

/* ---------- HOST SIDEBAR: room for the extra nav entry ------------------ */
@media(max-width:1000px){ .sidebar{grid-template-columns:repeat(6,1fr)} }
@media(max-width:650px){ .sidebar{grid-template-columns:repeat(5,1fr)} }
#kpNavBtn.active,#kpNavBtn:hover{box-shadow:inset 3px 0 var(--kpx-gold)}

/* Host integration safety: specialty view belongs to the center column. */
#view-kingpin{width:100%;max-width:none;min-width:0}
#view-kingpin .kp-wrap{width:100%;max-width:none;min-width:0;margin:0}


/* FINAL POLISH — flyer-grade hybrid hero + reliable controls */
.kp-hybridhero{position:relative;min-height:430px;overflow:hidden;border:1px solid var(--kpx-line-gold);margin:0 0 14px;background:#05070a;isolation:isolate}
.kp-hybridhero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;filter:saturate(.95) contrast(1.06) brightness(.72)}
.kp-hybridhero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,8,.94) 0%,rgba(3,5,8,.72) 38%,rgba(3,5,8,.25) 66%,rgba(3,5,8,.58) 100%),linear-gradient(0deg,rgba(3,5,8,.9),transparent 58%)}
.kp-hybridhero__content{position:relative;z-index:2;padding:48px 42px;max-width:850px}
.kp-hybridhero h1{font-size:clamp(38px,5.2vw,78px);line-height:.91;letter-spacing:-.045em;margin:12px 0 14px;color:#fff;text-shadow:0 6px 28px #000;font-weight:950}
.kp-hybridhero h1 span{color:var(--kpx-gold)}
.kp-hybridhero p{font-size:16px;max-width:58ch;line-height:1.55;color:#d1d8df;text-shadow:0 2px 10px #000}
.kp-hybridhero__modes{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.kp-hero-mode{border:1px solid var(--kpx-line-gold);background:rgba(7,10,14,.82);color:#fff;padding:15px 20px;font:900 12px/1 system-ui,sans-serif;letter-spacing:.08em;cursor:pointer;backdrop-filter:blur(8px);min-width:220px;transition:.16s}
.kp-hero-mode:hover{transform:translateY(-2px);border-color:#ffd986;box-shadow:0 10px 28px rgba(0,0,0,.42)}
.kp-hero-mode--general{color:#171006;background:linear-gradient(135deg,#ffe5a9,var(--kpx-gold) 58%,#bc7900)}
.kp-hero-mode--marine{border-color:rgba(79,201,255,.62);box-shadow:inset 0 0 0 1px rgba(79,201,255,.08)}
.kp-actions{position:relative;z-index:20;pointer-events:auto}
.kp-actions .kp-btn{position:relative;z-index:21;pointer-events:auto;touch-action:manipulation}
#view-kingpin{min-width:0;width:100%}
#kpRoot{width:100%;max-width:none;min-width:0}
main.layout>#view-kingpin{grid-column:minmax(0,1fr);min-width:0}
@media(max-width:760px){.kp-hybridhero{min-height:390px}.kp-hybridhero__content{padding:30px 22px}.kp-hybridhero h1{font-size:42px}.kp-hero-mode{width:100%;min-width:0}}

/* ======================================================================
   KINGPIN PREMIUM VISUAL + MOBILE PERFORMANCE PASS
   ====================================================================== */
.kp-fastload{min-height:280px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(255,173,56,.14),transparent 40%),linear-gradient(180deg,#0a1624,#06101b);border:1px solid #26394d;color:#fff}
.kp-fastload span{font-size:40px}.kp-fastload b{font-size:20px;letter-spacing:.15em;color:#ffbd58}.kp-fastload em{font-style:normal;color:#9eb0c2;font-size:12px}
.kp-eq__art--photo{height:170px;overflow:hidden;border-radius:8px;background:#08111c;border:1px solid #28415a;box-shadow:inset 0 0 0 1px rgba(255,190,80,.08)}
.kp-eqphoto{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.06) contrast(1.03);transition:transform .25s ease,filter .25s ease}
.kp-eq:hover .kp-eqphoto{transform:scale(1.025);filter:saturate(1.12) contrast(1.06)}
.kp-eq{background:linear-gradient(180deg,rgba(13,34,55,.97),rgba(5,18,31,.98));border-color:#355571;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.kp-surface,.kp-memo,.kp-alerts,.kp-lesson__sec{backdrop-filter:blur(8px)}
.kp-mobile-intro{margin-top:12px;background:linear-gradient(155deg,rgba(8,24,41,.98),rgba(4,14,25,.98));border:1px solid #294661}
@media(max-width:760px){
  .kp-hybridhero{min-height:280px!important}
  .kp-hybridhero img{opacity:.62!important;filter:saturate(1.02) contrast(1.05)}
  .kp-hybridhero__content{padding:18px!important}
  .kp-hybridhero__content h1{font-size:32px!important;line-height:1.02!important}
  .kp-hybridhero__modes{display:grid!important;grid-template-columns:1fr!important}
  .kp-eqgrid{grid-template-columns:1fr!important}
  .kp-eq__art--photo{height:190px}
  .kp-deckcard__art{max-height:120px;overflow:hidden}
  .kp-modebar{position:relative!important;top:auto!important}
}

/* ======================================================================
   KINGPIN PREMIUM CONSISTENCY PASS — equipment, desk, help, mode visuals
   ====================================================================== */
.kp-eqgrid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px;background:transparent;border:0}
.kp-eq{border:1px solid #355571;border-radius:14px;overflow:hidden;padding:12px;background:linear-gradient(180deg,rgba(13,34,55,.98),rgba(5,18,31,.99));box-shadow:0 14px 36px rgba(0,0,0,.28)}
.kp-eq__art--photo{height:150px;margin:-12px -12px 12px;border:0;border-bottom:1px solid rgba(255,192,76,.20);border-radius:0;background:linear-gradient(180deg,#0b1622,#07111a);box-shadow:none;padding:4px}
.kp-eqphoto{object-fit:contain;object-position:center;background:transparent;filter:saturate(1.05) contrast(1.04)}
.kp-eq:hover .kp-eqphoto{transform:scale(1.012)}
.kp-eq h4{font-size:17px;color:#fff;margin:0 0 6px}.kp-eq p{font-size:12px;line-height:1.48}

.kp-hybridhero{min-height:390px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,190,72,.24);box-shadow:0 28px 80px rgba(0,0,0,.45)}
.kp-hybridhero>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.08) contrast(1.06)}
.kp-hybridhero--general>img{object-position:center 55%}
.kp-hybridhero--marine>img{object-position:center 52%}
.kp-hybridhero__shade{background:linear-gradient(90deg,rgba(2,7,12,.94) 0%,rgba(2,7,12,.72) 42%,rgba(2,7,12,.28) 70%,rgba(2,7,12,.58) 100%)}
.kp-hybridhero__content{max-width:720px}
.kp-hybridhero__content h1{font-size:clamp(38px,5vw,72px);line-height:.95;letter-spacing:-.04em;text-shadow:0 7px 34px #000}
.kp-hybridhero__modes{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}

.kp-helpgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.kp-helpgrid>div{background:linear-gradient(145deg,rgba(16,35,54,.96),rgba(5,15,26,.98));border:1px solid #31506b;border-radius:14px;padding:16px;min-height:150px;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.kp-helpgrid b{color:#ffbd4c;font-size:21px}.kp-helpgrid h4{margin:8px 0 6px;font-size:16px}.kp-helpgrid p{margin:0;color:#aebbc8;font-size:12px;line-height:1.5}
.kp-coachbar{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px 16px;border:1px solid rgba(255,186,70,.32);background:linear-gradient(90deg,rgba(53,35,7,.72),rgba(13,24,36,.92));border-radius:13px;margin:12px 0 16px}
.kp-coachbar b{color:#ffd06e;letter-spacing:.08em}.kp-coachbar span{color:#c8d1da;line-height:1.45}

.kp-desk-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.kp-desk-guide>div{background:rgba(5,14,24,.82);border:1px solid #29425a;border-radius:12px;padding:13px;min-height:125px}.kp-desk-guide b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffb11b;color:#091018;font-size:12px}.kp-desk-guide span{display:block;margin-top:9px;color:#fff;font-weight:900;letter-spacing:.08em;font-size:11px}.kp-desk-guide p{margin:6px 0 0;color:#9fb0bf;font-size:11px;line-height:1.45}
.kp-desk{grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:12px}.kp-desk__inbox{display:grid;gap:8px}.kp-deskitem{border-radius:12px;border:1px solid #304a61;background:linear-gradient(90deg,rgba(14,31,47,.98),rgba(7,18,29,.98));padding:13px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.kp-deskitem--urgent{border-color:rgba(255,88,94,.55);box-shadow:inset 4px 0 #ff585e,0 8px 22px rgba(0,0,0,.18)}
.kp-deskitem--warn{border-color:rgba(255,177,27,.48);box-shadow:inset 4px 0 #ffb11b,0 8px 22px rgba(0,0,0,.18)}
.kp-deskitem--ok{border-color:rgba(57,228,147,.40);box-shadow:inset 4px 0 #39e493,0 8px 22px rgba(0,0,0,.18)}
.kp-priority-legend{display:grid;gap:6px;margin-top:10px}.kp-priority-legend span{display:block;padding:9px 10px;border-radius:9px;background:#0b1825;border:1px solid #263f55;color:#adbac7;font-size:10px;font-weight:800}.kp-priority-legend .is-hot{border-color:#6d3438;color:#ffb3b7}.kp-priority-legend .is-warn{border-color:#665126;color:#ffd17d}.kp-priority-legend .is-calm{border-color:#29534a;color:#a8efd1}

#kpRoot[data-kp-mode="general"] .kp-modebar{box-shadow:inset 0 2px rgba(255,177,27,.28)}
#kpRoot[data-kp-mode="marine"] .kp-modebar{box-shadow:inset 0 2px rgba(77,199,255,.32)}
#kpRoot[data-kp-mode="general"] #kpScreen{background-image:radial-gradient(circle at 86% 4%,rgba(255,177,27,.05),transparent 24%)}
#kpRoot[data-kp-mode="marine"] #kpScreen{background-image:radial-gradient(circle at 86% 4%,rgba(77,199,255,.07),transparent 24%)}

@media(max-width:900px){.kp-helpgrid{grid-template-columns:1fr 1fr}.kp-desk-guide{grid-template-columns:1fr 1fr}.kp-desk{grid-template-columns:1fr}.kp-eqgrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.kp-helpgrid,.kp-desk-guide,.kp-eqgrid{grid-template-columns:1fr}.kp-eq__art--photo{height:145px}.kp-hybridhero{min-height:310px}.kp-hybridhero__content h1{font-size:38px}.kp-coachbar{grid-template-columns:1fr}.kp-deskitem{padding:11px}}

/* ======================================================================
   2026-09-11 TRAINING FOCUS PATCH
   Question-first layout: readable scenario, primary readouts, large answers.
   ====================================================================== */
.kp-question-screen{max-width:1080px;margin:0 auto;padding-bottom:22px}
.kp-qhead{position:relative;overflow:hidden;padding:18px 20px;margin:0 0 10px;border:1px solid var(--kpx-line);background:linear-gradient(135deg,rgba(14,20,28,.98),rgba(6,9,13,.98));box-shadow:0 18px 50px rgba(0,0,0,.22)}
.kp-qhead.is-marine{border-color:rgba(72,201,255,.24);background:linear-gradient(135deg,rgba(8,28,40,.98),rgba(5,10,15,.98))}
.kp-qhead__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.kp-qhead__count{font-family:var(--kpx-mono);font-size:11px;line-height:1.5;color:#a7b1bc;text-align:right;white-space:nowrap}
.kp-qhead__title{font-size:clamp(24px,3.1vw,38px);font-weight:950;line-height:1.03;letter-spacing:-.035em;margin-top:3px;color:#fff}
.kp-qhead__brief{max-width:72ch;color:#b9c4cf;line-height:1.55;font-size:13.5px;margin:10px 0 0}
.kp-marine-strip{display:flex;gap:9px 13px;align-items:center;flex-wrap:wrap;margin:14px -20px -18px;padding:9px 20px;background:rgba(3,9,14,.82);border-top:1px solid rgba(72,201,255,.16);font-family:var(--kpx-mono);font-size:9px;letter-spacing:.08em}
.kp-marine-strip span{color:#718392}.kp-marine-strip b{color:#74dcff;margin-right:8px}
.kp-question-readouts>.kp-hud{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 10px;border-color:rgba(255,177,27,.16);background:rgba(255,177,27,.16)}
.kp-question-readouts .kp-hud__cell{min-height:70px;padding:12px 14px;background:linear-gradient(180deg,rgba(15,20,27,.98),rgba(6,9,13,.98))}
.kp-question-readouts .kp-hud__cell span{font-size:9px}.kp-question-readouts .kp-hud__cell b{font-size:clamp(17px,2vw,23px)}
.kp-prompt--focus{padding:20px;margin:10px 0;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(18,24,32,.98),rgba(7,10,14,.98));box-shadow:0 16px 42px rgba(0,0,0,.2)}
.kp-prompt--focus .kp-prompt__who{margin:0 0 16px}.kp-prompt__identity{min-width:0;flex:1}.kp-prompt__identity b{display:block;font-size:14px}.kp-prompt__identity span{display:block;font-size:10.5px;letter-spacing:.14em;color:#77818e;font-weight:800;margin-top:3px}
.kp-prompt__label,.kp-decision-label{font-size:10px;letter-spacing:.18em;font-weight:950;color:var(--kpx-gold);margin:0 0 8px}
.kp-prompt__q{max-width:none!important;font-size:clamp(22px,2.45vw,34px)!important;line-height:1.38!important;font-weight:680!important;color:#fff;text-shadow:none!important}
.kp-prompt__plainhead{display:flex;justify-content:flex-end;margin:-28px 0 6px}.kp-replay{margin-left:auto;border:1px solid rgba(255,177,27,.28);background:rgba(255,177,27,.07);color:#ffd47b;padding:8px 10px;font-size:10px;font-weight:900;letter-spacing:.08em;cursor:pointer}.kp-replay:hover{border-color:var(--kpx-gold);background:rgba(255,177,27,.12)}
.kp-decision-label{margin:18px 0 8px;font-size:11px}
.kp-question-screen .kp-choices{grid-template-columns:1fr!important;gap:10px;margin-top:0}
.kp-question-screen .kp-choice{min-height:66px;padding:16px 18px;font-size:15px;line-height:1.5;border-radius:10px;background:linear-gradient(180deg,rgba(22,29,38,.98),rgba(8,12,17,.98))}
.kp-question-screen .kp-choice:hover{transform:translateY(-1px)}
.kp-question-screen .kp-choice__key{width:30px;height:30px;font-size:13px;border-radius:6px}
.kp-intel{margin:14px 0 4px;border:1px solid #28313b;background:rgba(8,12,17,.72)}
.kp-intel summary{cursor:pointer;padding:12px 14px;font-size:10px;letter-spacing:.15em;font-weight:900;color:#9da9b5;list-style:none}.kp-intel summary::-webkit-details-marker{display:none}.kp-intel summary:after{content:' +';color:var(--kpx-gold)}.kp-intel[open] summary:after{content:' −'}
.kp-intel .kp-hud{margin:0;border-width:1px 0 0}
@media(max-width:800px){.kp-question-screen{max-width:none}.kp-question-readouts>.kp-hud{grid-template-columns:1fr 1fr}.kp-qhead{padding:15px}.kp-marine-strip{margin:12px -15px -15px;padding:9px 15px}.kp-prompt--focus{padding:16px}.kp-prompt__q{font-size:clamp(20px,5.3vw,28px)!important}.kp-question-screen .kp-choice{font-size:14px;min-height:64px}}
@media(max-width:480px){.kp-question-readouts>.kp-hud{grid-template-columns:1fr 1fr}.kp-qhead__top{gap:10px}.kp-qhead__count{font-size:9px}.kp-marine-strip{display:grid;grid-template-columns:1fr auto}.kp-prompt__avatar{width:40px;height:40px;flex-basis:40px}.kp-replay{padding:8px;font-size:9px}.kp-question-screen .kp-choice{padding:14px}.kp-choice__key{flex:0 0 auto}}

/* 2026-09-11 READABILITY PATCH v2 — scenario-first, less chrome, larger type */
.kp-question-screen{max-width:920px!important;padding:8px 14px 36px!important}
.kp-qhead{padding:12px 16px!important;margin-bottom:12px!important;border-radius:12px!important}
.kp-qhead__title{font-size:clamp(22px,2.5vw,30px)!important;line-height:1.08!important;margin-top:5px!important}
.kp-qhead__count{font-size:10px!important}
.kp-question-readouts>.kp-hud{margin-bottom:12px!important}
.kp-question-readouts .kp-hud__cell{min-height:58px!important;padding:9px 11px!important}
.kp-question-readouts .kp-hud__cell span{font-size:10px!important}
.kp-question-readouts .kp-hud__cell b{font-size:clamp(18px,2.1vw,24px)!important}
.kp-prompt--focus{padding:24px 26px!important;margin:12px 0 16px!important;border:2px solid rgba(255,255,255,.12)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(20,27,36,.995),rgba(8,12,17,.995))!important}
.kp-prompt__who{margin-bottom:18px!important;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.kp-prompt__label{font-size:12px!important;letter-spacing:.16em!important;margin-bottom:9px!important}
.kp-prompt__label--decision{margin-top:22px!important;color:#76dcff!important}
.kp-prompt__scenario{font-size:clamp(26px,3.15vw,38px)!important;line-height:1.28!important;font-weight:850!important;letter-spacing:-.02em;color:#fff!important;max-width:30ch}
.kp-prompt__q{font-size:clamp(20px,2.25vw,27px)!important;line-height:1.35!important;font-weight:760!important;color:#eaf2f8!important}
.kp-decision-label{font-size:13px!important;margin:20px 0 10px!important}
.kp-question-screen .kp-choice{min-height:78px!important;padding:18px 20px!important;font-size:18px!important;line-height:1.42!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important}
.kp-question-screen .kp-choice__key{width:36px!important;height:36px!important;font-size:15px!important;margin-right:12px!important}
.kp-intel{opacity:.88;margin-top:18px!important}
.kp-intel summary{font-size:11px!important;padding:13px 15px!important}
/* The mode strip is useful, but not while answering a question. */
.kp-question-screen .kp-marine-strip{display:none!important}
@media(max-width:800px){
  .kp-question-screen{padding:6px 8px 30px!important}
  .kp-prompt--focus{padding:20px!important}
  .kp-prompt__scenario{font-size:clamp(24px,6.2vw,32px)!important;max-width:none!important}
  .kp-prompt__q{font-size:clamp(19px,4.8vw,25px)!important}
  .kp-question-screen .kp-choice{font-size:17px!important;min-height:74px!important;padding:16px!important}
}
@media(max-width:520px){
  .kp-qhead__title{font-size:21px!important}
  .kp-question-readouts>.kp-hud{grid-template-columns:1fr 1fr!important}
  .kp-prompt--focus{padding:18px 16px!important}
  .kp-prompt__scenario{font-size:24px!important;line-height:1.3!important}
  .kp-prompt__q{font-size:19px!important}
  .kp-question-screen .kp-choice{font-size:16px!important;line-height:1.4!important}
}

/* ========================================================================
   READABILITY PASS v3 — training screens
   Purpose: prioritize legibility over decorative density.
   ======================================================================== */
.kp-train-intro{max-width:1180px;margin:0 auto 28px}
.kp-train-hero{background:#080b10;border:1px solid rgba(255,255,255,.16);border-left:5px solid var(--kpx-gold);padding:28px 30px;margin-bottom:18px}
.kp-train-hero .kp-eyebrow{font-size:13px}
.kp-train-hero h1{font-size:clamp(34px,4.2vw,58px);line-height:1.02;margin:8px 0 16px;letter-spacing:-.025em;color:#fff}
.kp-train-hero>p{font-size:20px;line-height:1.55;color:#eef2f6;max-width:900px;margin:0 0 20px}
.kp-train-stats{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}
.kp-train-stats span{display:flex;align-items:baseline;gap:7px;padding:10px 13px;border:1px solid #39414c;background:#11161d;color:#d9e0e7;font-size:16px}
.kp-train-stats b{font-size:20px;color:var(--kpx-gold-hi)}
.kp-train-main-actions .kp-btn{font-size:14px;padding:15px 20px}
.kp-train-categories{background:#080b10;border:1px solid rgba(255,255,255,.14);padding:24px}
.kp-train-categories h2{font-size:25px;margin:0 0 16px;color:#fff}
.kp-train-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kp-train-card{position:relative;text-align:left;padding:18px 18px 16px;background:#121820;border:1px solid #3a4552;color:#fff;cursor:pointer;min-height:112px}
.kp-train-card:hover{border-color:var(--kpx-gold);background:#171f29}
.kp-train-card strong{display:block;font-size:19px;line-height:1.25;letter-spacing:.02em;color:#fff}
.kp-train-card span{display:block;font-size:15px;line-height:1.45;color:#c5ced8;margin-top:8px}
.kp-train-card em{display:block;font-style:normal;font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--kpx-gold);margin-top:12px}

.kp-question-screen{max-width:1080px;margin:0 auto;padding-bottom:34px}
.kp-qhead{background:#080b10!important;border:1px solid rgba(255,255,255,.16)!important;padding:18px 20px!important;margin-bottom:14px}
.kp-qhead__title{font-size:clamp(28px,3vw,42px)!important;line-height:1.08!important;color:#fff!important}
.kp-qhead .kp-eyebrow,.kp-typekind,.kp-qhead__count{font-size:12px!important}
.kp-question-readouts .kp-hud__cell{min-height:74px;padding:14px 16px;background:#0a0e13}
.kp-question-readouts .kp-hud__cell span{font-size:11px;color:#aeb7c2}
.kp-question-readouts .kp-hud__cell b{font-size:22px;color:#fff}
.kp-prompt--focus{background:#080b10;border:1px solid rgba(255,255,255,.18);border-left:5px solid var(--kpx-gold);padding:22px 24px!important;margin:14px 0}
.kp-prompt__label{font-size:13px!important;letter-spacing:.18em!important;color:var(--kpx-gold)!important;font-weight:900!important;margin:0 0 8px!important}
.kp-prompt__label--decision{margin-top:22px!important}
.kp-prompt__scenario{font-size:clamp(22px,2.3vw,31px)!important;line-height:1.45!important;font-weight:700!important;color:#fff!important;max-width:54ch!important;text-shadow:none!important}
.kp-prompt__q{font-size:clamp(22px,2.2vw,30px)!important;line-height:1.42!important;font-weight:750!important;color:#fff!important;max-width:54ch!important;text-shadow:none!important}
.kp-prompt__who b{font-size:18px!important}.kp-prompt__who span,.kp-prompt__who em{font-size:14px!important;color:#d1d8e0!important}
.kp-replay{font-size:14px!important;padding:10px 14px!important;min-height:42px}
.kp-decision-label{font-size:19px!important;letter-spacing:.08em!important;margin:22px 0 10px!important;color:#fff!important;font-weight:900!important}
.kp-choices{grid-template-columns:1fr!important;gap:11px!important}
.kp-choice{font-size:19px!important;line-height:1.48!important;padding:18px 20px!important;gap:16px!important;background:#11171f!important;border-color:#3c4652!important;color:#fff!important}
.kp-choice__key{width:32px!important;height:32px!important;font-size:15px!important}
.kp-intel summary{font-size:14px!important;padding:13px 0!important}
.kp-feedback,.kp-coach{font-size:17px!important}

@media(max-width:800px){
  .kp-train-hero{padding:22px 18px}.kp-train-hero>p{font-size:18px}
  .kp-train-grid{grid-template-columns:1fr}
  .kp-train-categories{padding:18px 14px}
  .kp-train-card strong{font-size:18px}
  .kp-question-screen{padding:0 4px 30px}
  .kp-prompt--focus{padding:18px 16px!important}
  .kp-prompt__scenario,.kp-prompt__q{font-size:22px!important}
  .kp-choice{font-size:18px!important;padding:16px!important}
}


/* BROKER DESK READABILITY OVERHAUL v4 */
.kp-desk-intro-clean,.kp-desk-board-clean{background:#080b10;border:1px solid #2b3440;padding:28px;max-width:1180px;margin:0 auto;color:#eef3f7}
.kp-desk-intro-clean h2,.kp-desk-board-clean h2{font-size:clamp(32px,4vw,54px);line-height:1.02;margin:8px 0 12px;letter-spacing:-.03em;color:#fff}
.kp-desk-intro-lead,.kp-desk-board-head p{font-size:18px;line-height:1.55;color:#c9d2db;max-width:780px;margin:0}
.kp-desk-intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}
.kp-desk-intro-grid>div{background:#111720;border:1px solid #303a46;padding:20px;min-height:170px}
.kp-desk-intro-grid b{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--kpx-gold);color:#161006;font-size:18px}
.kp-desk-intro-grid h3{font-size:18px;margin:14px 0 7px;color:#fff}
.kp-desk-intro-grid p{font-size:15px;line-height:1.5;color:#aeb8c4;margin:0}
.kp-desk-legend-clean{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px 12px;background:#0d1219;border:1px solid #29323d;padding:14px 16px;margin:6px 0 0}
.kp-desk-legend-clean span,.kp-desk-legend-inline span{font-size:11px;font-weight:900;letter-spacing:.1em;padding:6px 9px;border:1px solid currentColor}
.kp-desk-legend-clean p{font-size:13px;color:#aeb8c4;margin:0}.kp-desk-legend-clean .hot{color:#ff655e}.kp-desk-legend-clean .warn{color:#ffb11b}.kp-desk-legend-clean .calm{color:#7fb8ff}
.kp-desk-intro-actions{margin-top:22px}.kp-desk-intro-actions button{font-size:14px;padding:15px 20px}
.kp-desk-board-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:18px}
.kp-desk-score{display:grid;grid-template-columns:repeat(4,minmax(88px,1fr));gap:8px;min-width:400px}
.kp-desk-score span{background:#111720;border:1px solid #303a46;padding:11px 12px;font:800 10px/1.2 var(--kpx-mono);letter-spacing:.08em;color:#8f9aa7;text-align:center}
.kp-desk-score b{display:block;font-size:24px;color:#fff;margin-top:7px;letter-spacing:0}
.kp-desk-legend-inline{display:flex;gap:8px;margin:4px 0 14px}.kp-desk-legend-inline .is-hot{color:#ff655e}.kp-desk-legend-inline .is-warn{color:#ffb11b}.kp-desk-legend-inline .is-calm{color:#7fb8ff}
.kp-desk__inbox--clean{gap:10px}
.kp-deskitem--clean{grid-template-columns:110px minmax(0,1fr) 125px;gap:16px;padding:18px 18px;background:#10161e;border:1px solid #303a46;border-left-width:5px;min-height:108px;transform:none!important}
.kp-deskitem--clean:hover{background:#161e28;border-color:#d19a32;box-shadow:0 0 0 1px rgba(255,177,27,.18)}
.kp-deskitem__priority{font:900 11px/1 var(--kpx-mono);letter-spacing:.12em}
.kp-deskitem--urgent .kp-deskitem__priority{color:#ff655e}.kp-deskitem--warn .kp-deskitem__priority{color:#ffb11b}.kp-deskitem--ok .kp-deskitem__priority{color:#7fb8ff}
.kp-deskitem__main{display:grid;gap:4px}.kp-deskitem__main b{font-size:19px;line-height:1.2;color:#fff}.kp-deskitem__main strong{font-size:14px;color:#d4dde5}.kp-deskitem__main span{font-size:14px;color:#9eabb8;line-height:1.3}
.kp-deskitem__time{text-align:right;align-self:center}.kp-deskitem__time small{display:block;font:800 9px/1 var(--kpx-mono);letter-spacing:.1em;color:#76818e;margin-bottom:7px}.kp-deskitem__time b{font:900 22px/1 var(--kpx-mono);color:#fff}
.kp-desk-tip{margin-top:14px;padding:13px 15px;background:#111720;border-left:3px solid var(--kpx-gold);color:#bdc7d1;font-size:14px}
@media(max-width:900px){.kp-desk-intro-grid{grid-template-columns:1fr}.kp-desk-legend-clean{grid-template-columns:auto 1fr}.kp-desk-board-head{display:block}.kp-desk-score{min-width:0;margin-top:16px}.kp-deskitem--clean{grid-template-columns:92px 1fr}.kp-deskitem__time{grid-column:1/-1;text-align:left;border-top:1px solid #26303a;padding-top:10px}.kp-deskitem__time small,.kp-deskitem__time b{display:inline-block;margin-right:8px}}
@media(max-width:600px){.kp-desk-intro-clean,.kp-desk-board-clean{padding:18px}.kp-desk-score{grid-template-columns:repeat(2,1fr)}.kp-deskitem--clean{grid-template-columns:1fr}.kp-deskitem__time{grid-column:auto}.kp-deskitem__main b{font-size:17px}}

/* ======================================================================
   KINGPIN HOMEPAGE CARD READABILITY FIX v8
   Fix clipped copy under LEARN / TRAIN / SIMULATE cards
   ====================================================================== */
.kp-deck{align-items:stretch;gap:14px}
.kp-deckcard{
  min-height:290px !important;
  padding:18px 18px 52px !important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.kp-deckcard__art{
  height:110px !important;
  inset:auto 0 0 0;
  opacity:.24 !important;
}
.kp-deckcard__n{
  margin-top:4px;
  margin-bottom:10px;
  font-size:38px !important;
}
.kp-deckcard h3{
  font-size:24px !important;
  margin:0 0 10px !important;
}
.kp-deckcard p{
  font-size:15px !important;
  line-height:1.58 !important;
  max-width:none !important;
  color:#d7dde4 !important;
  padding-right:6px;
}
.kp-deckcard__go{
  right:18px !important;
  bottom:16px !important;
  font-size:11px !important;
}
@media (max-width:1100px){
  .kp-deck{grid-template-columns:1fr !important}
  .kp-deckcard{min-height:240px !important}
}
@media (max-width:760px){
  .kp-deck{grid-template-columns:1fr !important}
  .kp-deckcard{
    min-height:230px !important;
    padding:16px 16px 48px !important;
  }
  .kp-deckcard__art{height:82px !important;opacity:.18 !important}
  .kp-deckcard__n{font-size:32px !important}
  .kp-deckcard h3{font-size:22px !important}
  .kp-deckcard p{font-size:14px !important;line-height:1.52 !important}
}


/* ======================================================================
   KINGPIN FINAL HOMEPAGE POLISH PASS v9
   Premium + readable cards, clearer progression, stronger home screen
   ====================================================================== */
.kp-deck{align-items:stretch;gap:16px}
.kp-deckcard{
  border-radius:18px;
  border:1px solid rgba(255,190,76,.22) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
}
.kp-deckcard--learn{background:linear-gradient(160deg,rgba(18,28,40,.96),rgba(6,10,15,.98))}
.kp-deckcard--train{background:linear-gradient(160deg,rgba(15,32,41,.96),rgba(6,10,15,.98))}
.kp-deckcard--sim{background:linear-gradient(160deg,rgba(23,26,40,.96),rgba(6,10,15,.98))}
.kp-deckcard__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.kp-deckcard__tag{
  font-family:var(--kpx-mono);
  font-size:10px;
  letter-spacing:.14em;
  font-weight:900;
  color:#0f1114;
  background:linear-gradient(135deg,#ffe4a2,#ffbf4c 58%,#d08706);
  border:1px solid rgba(255,244,214,.85);
  padding:6px 10px;
  border-radius:999px;
  white-space:nowrap;
}
.kp-deckcard__micro{
  font-size:11px;
  line-height:1.45;
  color:#ffcf73;
  letter-spacing:.04em;
  text-transform:uppercase;
  margin:0 0 10px;
}
.kp-deckcard p{
  text-shadow:0 1px 0 rgba(0,0,0,.18);
}
.kp-deckcard__go{
  padding:8px 12px;
  border:1px solid rgba(255,190,76,.32);
  border-radius:999px;
  background:rgba(8,12,18,.7);
}
.kp-deckcard:hover .kp-deckcard__tag{box-shadow:0 0 0 4px rgba(255,191,76,.08)}
.kp-flowbar{
  margin:2px 0 14px;
  padding:16px 18px;
  border:1px solid rgba(255,190,76,.22);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(15,19,25,.98),rgba(8,11,16,.98));
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.kp-flowbar__eyebrow{
  font-size:10px;
  letter-spacing:.16em;
  font-weight:900;
  color:#ffbf4c;
  margin-bottom:12px;
}
.kp-flowbar__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kp-flowbar__steps>div{
  border:1px solid rgba(71,82,96,.62);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(17,22,29,.96),rgba(8,11,16,.96));
  padding:14px;
}
.kp-flowbar__steps b{display:block;font-size:14px;color:#fff;letter-spacing:.03em;margin-bottom:6px}
.kp-flowbar__steps span{display:block;font-size:12px;line-height:1.5;color:#c5cdd6}
.kp-daily{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,190,76,.22);
  box-shadow:0 16px 40px rgba(0,0,0,.24);
}
.kp-daily__in{padding-top:18px;padding-bottom:18px}
.kp-daily .kp-h2{font-size:clamp(28px,3.5vw,46px);line-height:1}
.kp-daily .kp-sub{font-size:14px;line-height:1.58;color:#d7dde4}
.kp-pill{background:rgba(8,12,18,.74);border-color:rgba(255,190,76,.18)}
@media (max-width:1100px){
  .kp-flowbar__steps{grid-template-columns:1fr}
}
@media (max-width:760px){
  .kp-deckcard__top{align-items:flex-start;flex-direction:column}
  .kp-deckcard__tag{font-size:9px}
  .kp-deckcard__micro{font-size:10px}
  .kp-flowbar{padding:14px}
  .kp-flowbar__steps>div{padding:12px}
  .kp-daily .kp-h2{font-size:26px}
  .kp-daily .kp-sub{font-size:13px}
}


/* LOAD BOARD LAB v10 */
.kp-labhero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:24px;border:1px solid rgba(255,190,76,.28);border-radius:18px;background:radial-gradient(circle at 80% 20%,rgba(255,183,55,.13),transparent 34%),linear-gradient(145deg,#101721,#070b10);margin-bottom:12px}
.kp-labhero h1{font-size:clamp(36px,5vw,66px);line-height:.95;margin:6px 0 10px}.kp-labhero p{color:#c8d1da;max-width:760px;line-height:1.55;margin:0}
.kp-labbadge{min-width:120px;text-align:center;border:1px solid rgba(255,190,76,.45);border-radius:50%;aspect-ratio:1;display:grid;place-content:center;color:#9fa9b4;font-size:10px;letter-spacing:.15em}.kp-labbadge b{font-size:20px;color:#ffbf4c;margin-top:3px}
.kp-comparegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.kp-comparegrid .kp-surface{min-height:170px}.kp-comparegrid h3{margin:6px 0 8px;font-size:21px}.kp-comparegrid p{margin:0;color:#c5cdd5;line-height:1.58}
.kp-labtools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.kp-labtools>div{border:1px solid #314151;border-radius:12px;padding:12px;background:#0b1118}.kp-labtools span,.kp-labrow span{display:block;font-size:9px;letter-spacing:.1em;color:#83909d}.kp-labtools b{display:block;margin-top:5px;font-size:13px;color:#fff}
.kp-labhead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.kp-labhead h3{margin:5px 0 0}.kp-labhead>span{font-size:9px;color:#ffbf4c;border:1px solid rgba(255,190,76,.28);padding:7px 9px;border-radius:999px}
.kp-labrows{display:grid;gap:8px}.kp-labrow{display:grid;grid-template-columns:minmax(240px,1.5fr) .65fr .9fr .8fr auto;gap:12px;align-items:center;padding:14px;border:1px solid #2d3945;border-radius:13px;background:linear-gradient(180deg,#0d141d,#090e14)}.kp-labrow>div:first-child span{margin-top:5px}.kp-labrow>div:not(:first-child) b{display:block;margin-top:4px;font-size:13px}.kp-labrow .kp-btn{white-space:nowrap}
@media(max-width:1000px){.kp-comparegrid{grid-template-columns:1fr}.kp-labtools{grid-template-columns:repeat(2,1fr)}.kp-labrow{grid-template-columns:1fr 1fr}.kp-labrow>div:first-child{grid-column:1/-1}.kp-labrow .kp-btn{grid-column:1/-1}}
@media(max-width:760px){.kp-labhero{align-items:flex-start}.kp-labbadge{display:none}.kp-labtools{grid-template-columns:1fr}.kp-labrow{grid-template-columns:1fr}.kp-labrow>div:first-child,.kp-labrow .kp-btn{grid-column:auto}}


/* ======================================================================
   KINGPIN LIVE FREIGHT v11
   ====================================================================== */
.kp-livehero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:26px 28px;border:1px solid rgba(255,190,76,.28);border-radius:20px;background:radial-gradient(circle at 80% 10%,rgba(255,178,38,.14),transparent 34%),linear-gradient(145deg,#0c1722,#07101a);box-shadow:0 22px 54px rgba(0,0,0,.34)}
.kp-livehero h1{font-size:clamp(38px,5vw,68px);line-height:.95;margin:6px 0 10px}.kp-livehero p{max-width:760px;color:#c7d0d9;font-size:15px;line-height:1.6;margin:0}.kp-livebadge{border:1px solid rgba(255,190,76,.35);border-radius:16px;padding:16px 20px;text-align:center;color:#9fa9b4;font-size:10px;letter-spacing:.14em}.kp-livebadge b{display:block;color:#ffbf4c;font-size:18px;margin-top:4px}
.kp-live-launch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.kp-liveboard{display:flex;flex-direction:column;gap:5px;text-decoration:none;padding:16px;border:1px solid #35516a;border-radius:15px;background:linear-gradient(150deg,#10263a,#07131f);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.24);transition:.18s}.kp-liveboard:hover{transform:translateY(-2px);border-color:#ffb52f}.kp-liveboard b{font-size:18px}.kp-liveboard span{font-size:12px;color:#aebbc8}.kp-liveboard em{font-style:normal;color:#ffbf4c;font-size:10px;font-weight:900;letter-spacing:.1em;margin-top:8px}
.kp-livegrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:12px}.kp-live-analyzer h3,.kp-live-check h3{font-size:24px;margin:6px 0 14px}.kp-live-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kp-live-form label{display:grid;gap:6px;font-size:9px;font-weight:900;letter-spacing:.12em;color:#8e9aa6}.kp-live-form input,.kp-live-form select{width:100%;padding:12px 13px;border-radius:10px;border:1px solid #364b5e;background:#09121b;color:#fff;outline:none}.kp-live-form input:focus,.kp-live-form select:focus{border-color:#ffb72e;box-shadow:0 0 0 3px rgba(255,183,46,.08)}
.kp-live-result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.kp-live-result>div{background:#09131d;border:1px solid #2b4358;border-radius:12px;padding:12px}.kp-live-result span{display:block;font-size:8px;letter-spacing:.11em;color:#82909e}.kp-live-result b{display:block;font-size:18px;margin-top:5px}.kp-live-result>span{grid-column:1/-1;padding:13px;border:1px dashed #34495d;border-radius:12px;color:#9dabba}.kp-live-result .kp-live-read{grid-column:1/-1;border-color:rgba(255,190,76,.28);background:linear-gradient(90deg,rgba(56,38,8,.45),#09131d)}.kp-live-good{color:#42dc8b!important}.kp-live-bad{color:#ff6767!important}
.kp-live-check ol{margin:0;padding-left:20px}.kp-live-check li{color:#c3ccd5;font-size:13px;line-height:1.5;margin:0 0 9px}.kp-live-check li b{color:#fff}.kp-live-savedhead{display:flex;justify-content:space-between;gap:12px;align-items:center}.kp-live-savedhead h3{margin:5px 0}.kp-live-saved{display:grid;gap:7px;margin-top:12px}.kp-live-savedrow{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(95px,.5fr));gap:10px;align-items:center;padding:12px;border:1px solid #2c4053;border-radius:12px;background:#09131d}.kp-live-savedrow>div:first-child span{display:block;color:#8f9ba7;font-size:11px;margin-top:4px}.kp-live-savedrow>div:not(:first-child) span{display:block;color:#7f8c98;font-size:8px;letter-spacing:.1em}.kp-live-savedrow>div:not(:first-child) b{display:block;margin-top:4px}.kp-live-empty{padding:14px;border:1px dashed #34495d;border-radius:12px;color:#8f9baa}.kp-live-note p{color:#aeb9c4;line-height:1.6;margin-bottom:0}
@media(max-width:1000px){.kp-live-launch{grid-template-columns:1fr}.kp-livegrid{grid-template-columns:1fr}.kp-live-savedrow{grid-template-columns:1fr 1fr}.kp-live-savedrow>div:first-child{grid-column:1/-1}}
@media(max-width:760px){.kp-livehero{grid-template-columns:1fr;padding:20px}.kp-livebadge{justify-self:start}.kp-live-form{grid-template-columns:1fr}.kp-live-result{grid-template-columns:1fr 1fr}.kp-live-savedrow{grid-template-columns:1fr}.kp-live-savedrow>div:first-child{grid-column:auto}.kp-live-savedhead{align-items:flex-start;flex-direction:column}}


/* ======================================================================
   KINGPIN LIVE FREIGHT MARKET QUOTE v12
   ====================================================================== */
.kp-benchmarkbar{display:grid;grid-template-columns:1.15fr repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}
.kp-benchmarkbar>div{padding:12px 13px;border:1px solid #32485c;border-radius:12px;background:linear-gradient(180deg,#0c1721,#081019)}
.kp-benchmarkbar span{display:block;font-size:8px;letter-spacing:.12em;color:#8292a1}.kp-benchmarkbar b{display:block;margin-top:5px;font-size:15px;color:#fff}.kp-benchmarkbar>div:first-child{border-color:rgba(255,190,76,.30);background:linear-gradient(135deg,rgba(63,42,8,.55),#0a131d)}.kp-benchmarkbar>div:first-child b{color:#ffbf4c}
.kp-live-result{grid-template-columns:repeat(4,minmax(0,1fr))}
.kp-live-result .kp-live-read em,.kp-live-result .kp-live-read small{display:block;font-style:normal;font-size:11px;line-height:1.5;color:#aeb8c3;margin-top:6px}.kp-live-result .kp-live-read small{color:#ffcf79}
@media(max-width:1100px){.kp-benchmarkbar{grid-template-columns:repeat(2,1fr)}.kp-benchmarkbar>div:first-child{grid-column:1/-1}}
@media(max-width:760px){.kp-benchmarkbar{grid-template-columns:1fr}.kp-benchmarkbar>div:first-child{grid-column:auto}.kp-live-result{grid-template-columns:1fr 1fr}}


/* ======================================================================
   KINGPIN v14 — FAST QUOTE PASTE + PROMOTION CELEBRATION
   ====================================================================== */
.kp-live-paste{margin:14px 0;border-color:rgba(255,190,76,.30)!important;background:radial-gradient(circle at 86% 0%,rgba(255,187,61,.10),transparent 30%),linear-gradient(145deg,#101923,#081019)!important}
.kp-live-pastehead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}.kp-live-pastehead h2{font-size:clamp(25px,3vw,40px);line-height:1.05;margin:6px 0 8px}.kp-live-pastehead p{margin:0;color:#bac5cf;line-height:1.55;max-width:760px}.kp-live-pastebadge{align-self:start;padding:9px 12px;border:1px solid rgba(255,190,76,.34);border-radius:999px;color:#ffca68;font-size:9px;letter-spacing:.13em;font-weight:900;white-space:nowrap;background:rgba(32,22,5,.42)}
.kp-live-pastetext{display:block;width:100%;min-height:190px;resize:vertical;margin:15px 0 10px;padding:17px 18px;border:1px solid #3c5367;border-radius:14px;background:#07111a;color:#fff;font:500 15px/1.55 Arial,sans-serif;outline:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}.kp-live-pastetext:focus{border-color:#ffb72e;box-shadow:0 0 0 3px rgba(255,183,46,.09)}.kp-live-pastetext::placeholder{color:#687886}
.kp-live-parsestatus{margin-top:10px;padding:12px 14px;border:1px dashed #405469;border-radius:12px;color:#9eabb8;font-size:12px;line-height:1.5}.kp-live-parsestatus b,.kp-live-parsestatus strong{color:#ffca68}.kp-live-parsestatus.is-ready{border-style:solid;border-color:rgba(66,220,139,.38);background:rgba(32,112,72,.08);color:#c9e6d8}.kp-live-parsestatus.is-ready strong{color:#42dc8b}
@media(max-width:760px){.kp-live-pastehead{grid-template-columns:1fr}.kp-live-pastebadge{justify-self:start}.kp-live-pastetext{min-height:230px;font-size:16px}}

.kp-rankup{position:fixed;inset:0;z-index:120000;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 45%,rgba(255,176,32,.20),transparent 30%),rgba(0,0,0,.88);backdrop-filter:blur(8px);animation:kpRankFadeIn .28s ease both}
.kp-rankup.is-out{animation:kpRankFadeOut .45s ease both}.kp-rankup__burst{position:absolute;inset:0;overflow:hidden;pointer-events:none}.kp-rankup__spark{position:absolute;left:50%;top:50%;width:8px;height:28px;border-radius:5px;background:linear-gradient(#ffe6a7,#ff9d13);box-shadow:0 0 18px rgba(255,171,31,.65);transform-origin:50% 260px;animation:kpSpark 1.45s cubic-bezier(.2,.8,.2,1) both}
.kp-rankup__card{position:relative;z-index:2;width:min(620px,94vw);text-align:center;padding:32px 24px 28px;border:1px solid rgba(255,195,77,.55);border-radius:24px;background:radial-gradient(circle at 50% 0%,rgba(255,185,51,.14),transparent 32%),linear-gradient(180deg,#12161c,#07090c);box-shadow:0 34px 110px #000,0 0 60px rgba(255,164,20,.14);animation:kpRankCard .6s cubic-bezier(.16,1,.3,1) both}
.kp-rankup__logo{width:120px;height:120px;object-fit:contain;border-radius:24px;filter:drop-shadow(0 18px 26px #000) drop-shadow(0 0 22px rgba(255,178,34,.35));animation:kpRankLogo 1.15s cubic-bezier(.16,1,.3,1) both}.kp-rankup.is-kingpin .kp-rankup__logo{animation:kpKingpinLogo 1.4s cubic-bezier(.12,1,.25,1) both}
.kp-rankup__eyebrow{margin-top:16px;color:#ffbd4c;font-size:11px;letter-spacing:.22em;font-weight:900}.kp-rankup h2{font-size:clamp(42px,8vw,82px);line-height:.9;margin:8px 0 10px;letter-spacing:-.04em}.kp-rankup p{margin:0 auto;color:#c6ced6;font-size:15px;line-height:1.55;max-width:48ch}.kp-rankup__xp{display:inline-block;margin-top:16px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,190,76,.30);color:#ffcb6d;font-size:10px;letter-spacing:.12em;font-weight:900}.kp-rankup__close{margin-top:18px;border:0;border-radius:999px;padding:12px 20px;background:linear-gradient(180deg,#ffc85a,#ff9c16);color:#111;font-weight:950;letter-spacing:.1em;cursor:pointer}
@keyframes kpRankFadeIn{from{opacity:0}to{opacity:1}}@keyframes kpRankFadeOut{to{opacity:0}}@keyframes kpRankCard{0%{opacity:0;transform:scale(.72) translateY(30px)}70%{opacity:1;transform:scale(1.04)}100%{transform:scale(1)}}@keyframes kpRankLogo{0%{opacity:0;transform:scale(.35) rotate(-160deg)}70%{opacity:1;transform:scale(1.13) rotate(12deg)}100%{transform:scale(1) rotate(0)}}@keyframes kpKingpinLogo{0%{opacity:0;transform:scale(.2) rotate(-540deg)}72%{opacity:1;transform:scale(1.2) rotate(18deg)}100%{transform:scale(1) rotate(0)}}@keyframes kpSpark{0%{opacity:0;transform:rotate(var(--a)) translateY(-20px) scale(.3)}18%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(-330px) scale(.7)}}
@media(prefers-reduced-motion:reduce){.kp-rankup,.kp-rankup__card,.kp-rankup__logo,.kp-rankup__spark{animation:none!important}}


/* ======================================================================
   KINGPIN LIVE FREIGHT SIMPLE PASS v16
   ====================================================================== */
.kp-live-simple{max-width:1050px;margin:16px auto 0;padding:24px}
.kp-live-form--simple{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.kp-live-form--simple label{font-size:10px;letter-spacing:.12em;font-weight:900;color:#ffbf4c}
.kp-live-form--simple input,.kp-live-form--simple select,.kp-live-mile-helper input{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #34475b;border-radius:10px;background:#07111b;color:#fff;font-size:15px;outline:none}
.kp-live-form--simple input:focus,.kp-live-form--simple select:focus,.kp-live-mile-helper input:focus{border-color:#ffbd4c;box-shadow:0 0 0 3px rgba(255,189,76,.08)}
.kp-live-mile-helper{max-width:420px;margin:14px 0 4px}
.kp-live-mile-helper label{font-size:10px;letter-spacing:.12em;font-weight:900;color:#ffbf4c}
.kp-live-mile-helper label span{font-weight:600;color:#8fa0b1;letter-spacing:.03em;margin-left:7px}
.kp-live-result--simple{margin-top:16px}
@media(max-width:760px){.kp-live-form--simple{grid-template-columns:1fr}.kp-live-simple{padding:18px}.kp-live-mile-helper{max-width:none}}


/* ===== KINGPIN TRACK CLEANUP v25 ===== */
.kp-score-explainer{margin:0 0 16px;padding:16px 18px;border:1px solid rgba(255,190,76,.25);border-radius:14px;background:linear-gradient(145deg,rgba(28,22,10,.75),rgba(10,16,24,.94))}
.kp-score-explainer b{display:block;color:#ffd06a;font-size:12px;letter-spacing:.11em;margin-bottom:6px}.kp-score-explainer p{margin:0;color:#d7dde4;font-size:14px;line-height:1.55}.kp-port-eq__art{height:110px;display:grid;place-items:center;font-size:46px;background:radial-gradient(circle at 50% 45%,rgba(61,201,255,.16),transparent 55%),linear-gradient(180deg,#0d2030,#07131d);border-bottom:1px solid rgba(67,196,255,.22);margin:-12px -12px 12px}.kp-port-eq{border-color:rgba(55,175,226,.32)}.kp-port-eq h4{color:#dff6ff}.kp-modebar__tabs .kp-switch-track{white-space:nowrap}.kp-iqcard em{font-style:normal;letter-spacing:.08em;font-size:9px;color:#9eabb7}.kp-iqcard.is-bad em{color:#ff9696}.kp-iqcard.is-ok em{color:#78e5ad}
@media(max-width:760px){.kp-port-eqgrid{grid-template-columns:1fr!important}.kp-score-explainer{padding:14px}.kp-score-explainer p{font-size:13px}.kp-actions .kp-tocbtn{white-space:normal}}


/* ===== MARINE EQUIPMENT PICTURE PASS v27 ===== */
.kp-port-eqgrid{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:12px}
.kp-port-eq{background:linear-gradient(180deg,#0b1824,#09131d);border:1px solid rgba(65,189,235,.28);border-radius:16px;overflow:hidden;box-shadow:0 14px 32px rgba(0,0,0,.22)}
.kp-port-eq__photo{height:168px !important;margin:-12px -12px 12px !important;border-bottom:1px solid rgba(67,196,255,.22);background:linear-gradient(180deg,#0c1722,#08111a)}
.kp-port-eq__photo .kp-eqphoto{object-fit:cover;background:#07111a;filter:saturate(1.06) contrast(1.05)}
.kp-port-eq__label{display:inline-block;margin:0 0 8px;padding:6px 10px;border-radius:999px;background:rgba(46,182,232,.10);border:1px solid rgba(46,182,232,.22);color:#9fe6ff;font-size:10px;font-weight:900;letter-spacing:.12em}
.kp-port-eq h4{margin:2px 0 10px;color:#f4fbff;font-size:18px;line-height:1.15}
.kp-port-eq .kp-memo{background:rgba(8,15,22,.76);border-color:rgba(255,255,255,.06)}
.kp-port-eq .kp-memo span{color:#7cd8ff}
@media(max-width:760px){
  .kp-port-eqgrid{grid-template-columns:1fr !important}
  .kp-port-eq__photo{height:190px !important}
  .kp-port-eq h4{font-size:17px}
}


/* ===== KINGPIN FINAL CLEANUP v28 ===== */
.kp-port-eq__photo{height:190px!important;background:#06111b!important}
.kp-port-eq__photo .kp-eqphoto{width:100%;height:100%;object-fit:cover!important;display:block;filter:none!important}
.kp-port-eq{border-radius:16px;overflow:hidden;border:1px solid rgba(81,190,233,.28);background:linear-gradient(180deg,#0a1823,#08121a);box-shadow:0 14px 30px rgba(0,0,0,.22)}
.kp-port-eq__label{display:inline-block;margin:0 0 7px;padding:5px 9px;border:1px solid rgba(85,204,249,.22);border-radius:999px;background:rgba(49,176,222,.08);color:#9fe6ff;font-size:10px;font-weight:900;letter-spacing:.11em}
.kp-career-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin:16px 0 20px}
.kp-career-summary>div{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:linear-gradient(180deg,#0c1720,#09131b)}
.kp-career-summary span{display:block;color:#91a3b0;font-size:10px;font-weight:900;letter-spacing:.11em;margin-bottom:7px}
.kp-career-summary b{font-size:24px;color:#fff}
.kp-career-clean__rank span{display:block;color:#e8bd60;font-size:10px;font-weight:900;letter-spacing:.14em}
.kp-career-clean__rank h2{margin:5px 0 2px;font-size:38px;color:#fff}
.kp-career-clean__rank p{margin:0;color:#b8c4cc}
@media(max-width:620px){.kp-port-eq__photo{height:205px!important}.kp-career-summary{grid-template-columns:1fr 1fr}.kp-career-clean__rank h2{font-size:31px}}


/* v29 realistic marine equipment photo pass */
.kp-port-eq__photo{background:#08111a !important;height:190px !important;}
.kp-port-eq__photo .kp-eqphoto{object-fit:cover !important;object-position:center center !important;filter:none !important;}
.kp-port-eq__label{background:rgba(17,34,52,.82) !important;}
@media(max-width:760px){.kp-port-eq__photo{height:210px !important}}


/* v30 investor-safe marine equipment cards: no misleading images */
.kp-port-eqgrid--text{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.kp-port-eq--text{padding:18px;background:linear-gradient(180deg,#0b1824,#09131d);border:1px solid rgba(65,189,235,.28);border-radius:16px;box-shadow:0 14px 32px rgba(0,0,0,.20)}
.kp-port-eq__badge{height:92px;display:grid;place-items:center;margin:-18px -18px 14px;background:radial-gradient(circle at 50% 45%,rgba(57,194,243,.16),transparent 58%),linear-gradient(180deg,#0e2131,#07131d);border-bottom:1px solid rgba(67,196,255,.20)}
.kp-port-eq__badge span{display:inline-flex;align-items:center;justify-content:center;min-width:86px;height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(89,207,255,.38);background:rgba(11,31,45,.86);color:#b7ecff;font-size:13px;font-weight:900;letter-spacing:.13em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.kp-port-eq--text h4{font-size:19px;color:#f4fbff;margin:2px 0 12px}
.kp-port-eq--text .kp-memo{background:rgba(7,14,21,.78)}
.kp-port-eq--text .kp-memo span{color:#7cd8ff}
@media(max-width:760px){.kp-port-eqgrid--text{grid-template-columns:1fr!important}.kp-port-eq__badge{height:84px}}


/* v31 investor marine photo cards */
.kp-port-eqgrid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}
.kp-port-eq{padding:0;background:linear-gradient(180deg,#0b1824,#09131d);border:1px solid rgba(65,189,235,.28);border-radius:18px;overflow:hidden;box-shadow:0 16px 34px rgba(0,0,0,.24)}
.kp-port-eq__photo{height:198px;background:#07111a;border-bottom:1px solid rgba(67,196,255,.18);margin:0 !important}
.kp-port-eq__photo .kp-eqphoto{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;filter:saturate(1.02) contrast(1.02)}
.kp-port-eq__inner{padding:16px 16px 18px}
.kp-port-eq__badge--small{height:auto;display:block;margin:0 0 10px;background:none;border-bottom:none}
.kp-port-eq__badge--small span{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(89,207,255,.34);background:rgba(11,31,45,.86);color:#b7ecff;font-size:11px;font-weight:900;letter-spacing:.13em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.kp-port-eq__label{display:inline-block;margin:0 0 8px;padding:6px 10px;border-radius:999px;background:rgba(46,182,232,.10);border:1px solid rgba(46,182,232,.22);color:#9fe6ff;font-size:10px;font-weight:900;letter-spacing:.12em}
.kp-port-eq h4{margin:2px 0 10px;color:#f4fbff;font-size:18px;line-height:1.15}
.kp-port-eq .kp-memo{background:rgba(8,15,22,.78);border-color:rgba(255,255,255,.06)}
.kp-port-eq .kp-memo span{color:#7cd8ff}
@media(max-width:760px){.kp-port-eqgrid{grid-template-columns:1fr!important}.kp-port-eq__photo{height:214px}.kp-port-eq__inner{padding:14px 14px 16px}}


/* ===== KINGPIN PREMIUM UI PASS v32 ===== */
:root{
  --kp-bg0:#04070c;
  --kp-bg1:#09111a;
  --kp-bg2:#101a26;
  --kp-panel:linear-gradient(180deg,rgba(11,18,27,.92),rgba(8,12,18,.96));
  --kp-border:rgba(80,145,206,.18);
  --kp-border-strong:rgba(255,191,76,.28);
  --kp-blue:#45c5ff;
  --kp-blue-soft:rgba(69,197,255,.12);
  --kp-gold:#ffbd4c;
  --kp-gold-soft:rgba(255,189,76,.14);
  --kp-text:#eef4fa;
  --kp-text-soft:#aeb8c4;
}
html,body{background:
  radial-gradient(circle at 8% 0%, rgba(67,151,225,.08), transparent 32%),
  radial-gradient(circle at 92% 8%, rgba(255,188,76,.10), transparent 28%),
  linear-gradient(180deg,var(--kp-bg1),var(--kp-bg0) 70%) !important;
  color:var(--kp-text) !important;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 18%,transparent 82%,rgba(255,255,255,.015));opacity:.7;z-index:0}
body>*{position:relative;z-index:1}
.topbar{position:sticky;top:0;z-index:30;backdrop-filter:blur(10px);background:linear-gradient(180deg,rgba(7,12,18,.88),rgba(7,12,18,.72)) !important;border:1px solid rgba(95,146,199,.16)!important;box-shadow:0 18px 55px rgba(0,0,0,.28)!important;border-radius:24px!important;margin:12px 12px 0;padding:18px 20px!important}
.brand{gap:14px!important}
.brand-logo-img{width:62px!important;height:62px!important;border-radius:18px!important;box-shadow:0 10px 25px rgba(0,0,0,.28),0 0 0 1px rgba(255,189,76,.20)}
.brand b{font-size:17px!important;letter-spacing:.08em}
.brand span{color:#8fa2b6!important;letter-spacing:.18em!important}
#accountName{font-size:12px!important;color:#b6c5d3!important;letter-spacing:.1em;text-transform:uppercase}
#accountChip button,.topbar .secondary,.topbar .primary{min-height:44px}
.topstats{gap:10px!important}
.topstats>div{min-width:112px;background:linear-gradient(180deg,rgba(8,17,28,.92),rgba(9,16,23,.76));border:1px solid rgba(64,154,219,.18);border-radius:18px;padding:12px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.topstats span{color:#8ea0b2!important;font-size:10px!important;letter-spacing:.16em}
.topstats b{font-size:17px!important}
.layout{gap:16px!important;padding:14px 12px 20px!important}
.sidebar.panel,.right .panel,.panel,.module,.quiz,.owner-kpi,.command-kpi,.career-stat,.carrier-stat{background:var(--kp-panel)!important;border:1px solid var(--kp-border)!important;box-shadow:0 18px 44px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.02)!important}
.sidebar.panel{border-radius:24px!important;padding:14px!important;background:linear-gradient(180deg,rgba(11,19,28,.95),rgba(8,12,18,.98))!important}
.sidebar .label{letter-spacing:.16em!important;color:#ffcb70!important}
.navbtn{position:relative;overflow:hidden;border-radius:18px!important;border:1px solid rgba(76,132,183,.12)!important;background:linear-gradient(180deg,rgba(8,16,25,.96),rgba(11,18,27,.82))!important;color:#d5dde6!important;min-height:52px;font-weight:700;letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.navbtn:hover{transform:translateY(-1px);border-color:rgba(255,191,76,.26)!important;background:linear-gradient(180deg,rgba(14,24,35,.98),rgba(10,17,24,.92))!important}
.navbtn.active{background:linear-gradient(90deg,rgba(255,189,76,.18),rgba(31,58,86,.92) 28%,rgba(10,18,27,.96))!important;border-color:rgba(255,191,76,.38)!important;box-shadow:0 10px 28px rgba(0,0,0,.18), inset 3px 0 0 #ffbd4c!important}
.prog{padding:8px 2px!important}
#view-command,#view-academy,#view-carrier,#view-career,#view-owner{display:grid;gap:14px}
.command-hero,.career-hero,.carrier-hero{border-radius:28px!important;border:1px solid rgba(255,190,76,.18)!important;box-shadow:0 28px 80px rgba(0,0,0,.34)!important;background:#06101a!important;overflow:hidden!important}
.command-hero img,.career-hero img,.carrier-hero img{filter:saturate(1.03) contrast(1.04) brightness(.82)!important}
.command-hero__scrim,.career-hero__shade,.carrier-hero__scrim{background:linear-gradient(90deg,rgba(4,7,11,.92),rgba(6,12,18,.72) 44%,rgba(7,14,20,.36) 74%,rgba(8,16,24,.18))!important}
.command-hero__content,.career-hero__copy,.carrier-hero__content{padding:28px 30px!important}
.command-hero__copy h2,.career-hero__copy h2,.carrier-hero__copy h2{font-size:clamp(34px,4vw,52px)!important;line-height:.98;letter-spacing:.01em}
.command-hero__copy p,.career-hero__copy p,.carrier-hero__copy p{font-size:15px!important;line-height:1.65;color:#d3dce6!important;max-width:720px}
.command-hero__rail,.carrier-hero__rail{background:linear-gradient(90deg,rgba(255,189,76,.16),rgba(20,39,60,.62),rgba(69,197,255,.10))!important;border-top:1px solid rgba(255,255,255,.06)!important;letter-spacing:.13em}
.command-iq,.carrier-trust-panel{background:linear-gradient(180deg,rgba(8,18,29,.88),rgba(9,16,25,.72))!important;border:1px solid rgba(72,180,243,.24)!important;box-shadow:0 20px 44px rgba(0,0,0,.20)}
.command-iq__value,.trust-ring{box-shadow:inset 0 0 0 12px rgba(9,16,25,.92),0 0 0 1px rgba(255,191,76,.18),0 20px 45px rgba(0,0,0,.22)!important}
.command-kpis,.carrier-stats,.career-stats,.owner-kpis{gap:12px!important}
.command-kpi,.career-stat,.carrier-stat,.owner-kpi{border-radius:20px!important;padding:16px 18px!important}
.command-kpi span,.career-stat span,.carrier-stat span,.owner-kpi span{color:#90a2b5!important;font-size:10px!important;letter-spacing:.16em;text-transform:uppercase}
.command-kpi b,.career-stat b,.carrier-stat b,.owner-kpi b{font-size:28px!important;line-height:1}
.command-kpi small,.career-stat small,.carrier-stat small,.owner-kpi small{color:#92a0af!important;font-size:12px!important;line-height:1.45}
.command-kpi--gp,.career-level-card,.career-pillar,.career-progress,.career-insight-card,.career-ladder-card,.owner-panel,.carrier-empty__card,.carrier-side-panel{background:linear-gradient(180deg,rgba(12,20,30,.96),rgba(8,13,19,.96))!important;border:1px solid rgba(255,191,76,.16)!important;box-shadow:0 18px 44px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03)!important}
.command-desk-head{padding:4px 4px 0!important;align-items:end!important}
.command-desk-head h3{font-size:28px!important;margin:5px 0 0}
.command-flow{gap:8px!important;flex-wrap:wrap}
.command-flow span{padding:10px 12px!important;border-radius:999px!important;background:rgba(69,197,255,.08)!important;border:1px solid rgba(69,197,255,.14)!important;color:#bdeaff!important;font-size:10px!important;letter-spacing:.16em}
.command-stage,.carrier-stage,.career-overview,.owner-panel,.quiz{border-radius:24px!important;overflow:hidden!important}
.command-empty,.carrier-empty{padding:34px!important}
.command-empty__mark{background:linear-gradient(180deg,rgba(255,189,76,.16),rgba(69,197,255,.08))!important;border:1px solid rgba(255,191,76,.22)!important;box-shadow:0 16px 42px rgba(0,0,0,.22)!important}
.stagehead,.owner-panel-head,.career-progress__head,.owner-head,.carrier-mode-head{align-items:flex-end!important}
.section h2,.owner-head h2{font-size:34px!important}
.academy-intro,.muted{color:#a9b6c2!important}
.modules{gap:14px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.module{position:relative;border-radius:22px!important;padding:22px 20px!important;overflow:hidden;background:linear-gradient(180deg,rgba(10,18,28,.98),rgba(8,12,18,.96))!important}
.module:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(69,197,255,.12),transparent 35%),radial-gradient(circle at bottom left,rgba(255,189,76,.10),transparent 30%);pointer-events:none}
.module b{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(180deg,rgba(255,189,76,.18),rgba(255,189,76,.06));border:1px solid rgba(255,191,76,.24);font-size:18px!important}
.module h3{font-size:24px!important;margin:18px 0 8px}
.module p{color:#ced7e1!important;line-height:1.6;font-size:14px!important;min-height:68px}
.module span{display:inline-flex;margin-top:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(69,197,255,.18);background:rgba(69,197,255,.08);color:#aee6ff!important;font-size:11px!important;letter-spacing:.12em}
.primary,.secondary,.choice,.kp-actions button,.module,.navbtn{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.primary:hover,.secondary:hover,.choice:hover,.module:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(0,0,0,.22)!important}
.primary{background:linear-gradient(180deg,#ffc867,#ffb134)!important;color:#101318!important;border:1px solid rgba(255,236,187,.35)!important;box-shadow:0 12px 28px rgba(255,168,27,.22), inset 0 1px 0 rgba(255,255,255,.25)!important}
.secondary{background:linear-gradient(180deg,rgba(13,24,36,.96),rgba(8,15,23,.98))!important;border:1px solid rgba(73,174,236,.24)!important;color:#eff7ff!important}
.choice{background:linear-gradient(180deg,rgba(10,18,27,.97),rgba(8,12,18,.98))!important;border:1px solid rgba(70,141,197,.18)!important;border-radius:18px!important;color:#edf2f7!important;line-height:1.5}
.choice:hover{border-color:rgba(255,191,76,.34)!important}
.right{gap:12px!important}
.right .panel{border-radius:20px!important;padding:18px!important}
.finance{padding:7px 0!important;border-bottom:1px solid rgba(255,255,255,.04)}
.status{border-radius:14px!important;background:linear-gradient(180deg,rgba(11,20,30,.95),rgba(9,15,22,.98))!important;border:1px solid rgba(69,197,255,.12)!important;color:#d6e0ea!important}
.career-shell,.carrier-shell,.owner-shell{gap:14px!important}
.career-level-card{min-width:300px!important}
.career-level{font-size:44px!important;background:linear-gradient(180deg,#fff8e7,#ffbd4c);-webkit-background-clip:text;background-clip:text;color:transparent}
.career-pillars{gap:12px!important}
.career-pillar b{font-size:30px!important}
.career-progress__meta,.career-note,.career-level-sub,.owner-note{color:#a8b4c0!important}
.rung{background:linear-gradient(180deg,rgba(8,15,23,.96),rgba(10,17,24,.98))!important;border:1px solid rgba(69,197,255,.14)!important}
.rung.active{background:linear-gradient(180deg,rgba(255,189,76,.14),rgba(11,20,30,.98))!important;border-color:rgba(255,191,76,.32)!important}
.owner-table-wrap{border-radius:18px!important;overflow:auto!important;border:1px solid rgba(255,255,255,.06)!important;background:rgba(6,11,16,.35)!important}
.owner-table thead th{position:sticky;top:0;background:#0c131c!important;color:#9db0c3!important}
#ticker,#marketTicker,.market-strip{background:linear-gradient(90deg,rgba(255,189,76,.18),rgba(8,14,22,.95),rgba(69,197,255,.12))!important;border-color:rgba(255,191,76,.18)!important}
.kp-root,.kp-shell,.kp-panel,.kp-stage,.kp-card,.kp-eq,.kp-glossary-card,.kp-topic,.kp-stat,.kp-scorecard,.kp-drill,.kp-qp,.kp-lesson-card{box-shadow:0 18px 44px rgba(0,0,0,.18)!important;border-radius:20px!important}
.kp-shell,.kp-panel,.kp-stage,.kp-card,.kp-eq,.kp-glossary-card,.kp-topic,.kp-stat,.kp-scorecard,.kp-drill,.kp-qp,.kp-lesson-card{background:linear-gradient(180deg,rgba(10,18,28,.96),rgba(7,12,18,.98))!important;border:1px solid rgba(84,152,215,.18)!important}
.kp-stage h1,.kp-stage h2,.kp-stage h3,.kp-card h2,.kp-card h3,.kp-card h4,.kp-eq h4{color:#f4f8fc!important}
.kp-sub,.kp-card p,.kp-stage p,.kp-memo p,.kp-glossary-card p,.kp-topic p{color:#c4d0da!important}
.kp-metric b,.kp-score b,.kp-stat b,.kp-amount{color:#fff!important}
.kp-pill,.kp-chip,.chip,.kp-port-eq__label{background:rgba(69,197,255,.08)!important;border-color:rgba(69,197,255,.18)!important;color:#bdeaff!important}
.kp-tab.is-active,.kp-mode.is-active,.kp-mode-btn.active,.kp-choice.active{background:linear-gradient(180deg,rgba(255,189,76,.20),rgba(10,18,28,.96))!important;border-color:rgba(255,191,76,.34)!important;color:#fff!important}
.kp-tab,.kp-mode,.kp-mode-btn{border-radius:14px!important}
.kp-track-select,.kp-track-grid{gap:18px!important}
.kp-track-card{border-radius:28px!important;border-color:rgba(255,191,76,.22)!important;box-shadow:0 28px 78px rgba(0,0,0,.48)!important}
.kp-track-copy{padding:26px!important}
.kp-track-copy h3{font-size:34px!important;margin:4px 0 10px}
.kp-track-copy p{font-size:15px!important;line-height:1.58}
.kp-track-meta{gap:10px!important}
.kp-track-meta span{padding:8px 10px;border-radius:999px;background:rgba(69,197,255,.09);border:1px solid rgba(69,197,255,.18);color:#c2edff}
.kp-port-eq__photo{height:210px!important}
@media (max-width:1100px){
  .modules{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .topstats>div{min-width:96px}
}
@media (max-width:820px){
  .topbar{margin:8px 8px 0!important;padding:14px!important;border-radius:20px!important}
  .layout{padding:10px 8px 18px!important;gap:12px!important}
  .topstats{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}
  .topstats>div{min-width:0!important}
  .command-hero__content,.career-hero__copy,.carrier-hero__content{padding:24px 18px!important}
  .command-hero__copy h2,.career-hero__copy h2,.carrier-hero__copy h2{font-size:32px!important}
  .command-kpis,.career-stats,.carrier-stats,.owner-kpis{grid-template-columns:1fr 1fr!important}
  .modules{grid-template-columns:1fr!important}
  .sidebar.panel{padding:12px!important}
  .navbtn{min-height:48px!important}
}
@media (max-width:640px){
  .layout{display:block!important}
  .sidebar.panel{margin-bottom:12px!important}
  .right{display:grid!important;grid-template-columns:1fr!important;margin-top:12px!important}
  .command-kpis,.career-stats,.carrier-stats,.owner-kpis{grid-template-columns:1fr 1fr!important}
  .command-desk-head h3,.section h2,.owner-head h2{font-size:26px!important}
  .command-flow span{font-size:9px!important;padding:8px 10px!important}
  .command-empty,.carrier-empty{padding:24px!important}
  .module h3{font-size:22px!important}
  .module p{min-height:auto!important}
  .topstats b{font-size:16px!important}
  .brand-logo-img{width:56px!important;height:56px!important}
}


/* ===== KINGPIN MOBILE INVESTOR FIX v33 ===== */
@media(max-width:650px){
  html,body{overflow-x:hidden!important;max-width:100%!important}
  .topbar{position:relative!important;margin:8px 8px 0!important;padding:14px 14px 16px!important;border-radius:20px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;align-items:center!important}
  .brand{width:auto!important;min-width:0!important;grid-column:1/2!important}
  .brand-logo-img{width:54px!important;height:54px!important;border-radius:16px!important}
  .brand b{font-size:16px!important;white-space:nowrap!important}
  .brand span{font-size:8px!important;letter-spacing:.14em!important;white-space:nowrap!important}
  #accountChip{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0!important}
  #accountName{font-size:11px!important;max-width:58%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #accountChip button{min-height:40px!important;padding:9px 14px!important;border-radius:14px!important;font-size:11px!important;letter-spacing:.04em!important;width:auto!important;min-width:0!important}
  .topstats{grid-column:1/-1!important;width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:2px!important}
  .topstats>div{min-width:0!important;padding:12px 14px!important;border-radius:14px!important}
  .topstats span{font-size:8px!important;letter-spacing:.12em!important}
  .topstats b{font-size:16px!important}

  .layout{display:flex!important;flex-direction:column!important;padding:8px!important;padding-bottom:18px!important;gap:12px!important;max-width:100%!important}
  .sidebar.panel{order:0!important;position:static!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;z-index:auto!important;width:100%!important;margin:0!important;padding:10px!important;border-radius:18px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;background:linear-gradient(180deg,rgba(8,17,27,.98),rgba(6,11,17,.98))!important;box-shadow:0 14px 34px rgba(0,0,0,.24)!important}
  .sidebar .navbtn{min-height:48px!important;padding:9px 7px!important;font-size:10px!important;line-height:1.2!important;text-align:center!important;justify-content:center!important;border-radius:13px!important;white-space:normal!important}
  .sidebar .navbtn[onclick*="backHome"]{display:none!important}
  .sidebar .sep,.sidebar>.label,.sidebar>.prog{display:none!important}
  #adminNavMount{display:contents!important}

  #view-command,#view-academy,#view-carrier,#view-career,#view-owner,#view-kingpin{order:1!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
  .right{order:2!important;position:static!important;margin:0!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}

  .owner-shell,.owner-head,.owner-panel,.owner-kpis{min-width:0!important;max-width:100%!important}
  .owner-head{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;padding:20px 18px!important;border-radius:20px!important;overflow:hidden!important}
  .owner-head>div{width:100%!important;min-width:0!important}
  .owner-head .eyebrow{font-size:12px!important;letter-spacing:.16em!important}
  .owner-head h2{font-size:clamp(30px,10vw,42px)!important;line-height:1.02!important;letter-spacing:-.025em!important;margin:7px 0 12px!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important}
  .owner-head p{font-size:15px!important;line-height:1.55!important;max-width:100%!important;overflow-wrap:anywhere!important;margin:0!important;color:#b9c4cf!important}
  .owner-head .primary{width:auto!important;min-width:0!important;max-width:100%!important;padding:12px 18px!important;font-size:12px!important;border-radius:14px!important}
  .owner-kpis{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .owner-kpi{min-width:0!important;padding:16px!important;border-radius:18px!important}
  .owner-kpi span{font-size:9px!important;letter-spacing:.12em!important;overflow-wrap:anywhere!important}
  .owner-kpi b{font-size:30px!important}
  .owner-panel{padding:14px!important;border-radius:18px!important}
  .owner-panel-head{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important}

  .command-hero,.career-hero,.carrier-hero{border-radius:20px!important}
  .command-hero__content,.career-hero__copy,.carrier-hero__content{padding:22px 18px!important}
  .command-hero__copy h2,.career-hero__copy h2,.carrier-hero__copy h2{font-size:30px!important;max-width:100%!important;overflow-wrap:anywhere!important}
  .command-kpis,.career-stats,.carrier-stats,.owner-kpis{grid-template-columns:1fr 1fr!important}
  .command-kpi b,.career-stat b,.carrier-stat b,.owner-kpi b{font-size:24px!important}

  .ticker,.market-ticker,.kp-marketpulse{max-width:100%!important;overflow:hidden!important}
  .market-ticker__viewport{overflow:hidden!important}

  .kp-root,.kp-shell,.kp-stage,.kp-card,.kp-eq,.kp-glossary-card,.kp-topic,.kp-stat,.kp-scorecard,.kp-drill,.kp-qp,.kp-lesson-card{max-width:100%!important;min-width:0!important}
  .kp-port-eq__photo{height:205px!important}
}

@media(max-width:390px){
  .sidebar.panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .owner-kpis,.command-kpis,.career-stats,.carrier-stats{grid-template-columns:1fr 1fr!important}
  .brand b{font-size:15px!important}
  .brand span{font-size:7px!important}
}


/* KINGPIN v36 REAL-WORLD VISUAL PASS — loaded last */
.board-map{height:168px!important;border-radius:16px!important;background:linear-gradient(90deg,rgba(3,10,18,.86),rgba(3,10,18,.40)),url('/assets/kingpin-hybrid-hero.webp') center 58%/cover no-repeat!important;border:1px solid rgba(78,165,224,.34)!important;box-shadow:0 18px 46px rgba(0,0,0,.34)!important}
.board-map:before{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;background-size:44px 44px!important}
.board-photo-label{position:absolute;left:18px;top:16px;z-index:2;display:grid;gap:4px;padding:9px 12px;border-radius:10px;background:rgba(3,10,18,.72);border:1px solid rgba(255,190,76,.26);backdrop-filter:blur(8px)}
.board-photo-label b{font-size:10px;letter-spacing:.16em;color:#ffc45a}.board-photo-label span{font-size:13px;color:#eef6ff;font-weight:800}
.board-map .lane{height:4px!important;top:67%!important;box-shadow:0 0 18px #42c9ff,0 0 28px rgba(255,173,55,.18)!important}.board-map .p1{top:65%!important}.board-map .p2{top:57%!important}.board-map .moving-rig{top:59%!important;font-size:16px!important;color:#71e5ff!important;text-shadow:0 0 10px #42c9ff!important}
.carrier{grid-template-columns:148px 1fr auto!important;min-height:112px!important;padding:0!important;overflow:hidden!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(10,28,45,.97),rgba(5,16,27,.98))!important;border-color:rgba(64,124,169,.38)!important}
.carrier-thumb{height:112px!important;width:148px!important;border:0!important;border-right:1px solid rgba(75,136,179,.26)!important;background-size:cover!important;background-position:center!important;filter:saturate(1.06) contrast(1.04)!important}.carrier-thumb:after{display:none!important}
.carrier>div:nth-child(2){padding:14px 4px 14px 8px}.carrier>div:last-child{padding:12px 14px 12px 4px}.carrier b{font-size:16px;letter-spacing:.01em}.carrier-meta{font-size:11px!important;line-height:1.45!important;color:#a8b8c6!important}.carrier-rate{font-size:24px!important}.carrier .secondary{border-radius:9px!important;margin-top:8px!important;background:linear-gradient(180deg,#fbc354,#d99516)!important;color:#171006!important;border:1px solid #ffd77f!important;box-shadow:0 6px 18px rgba(238,161,28,.18)!important}
body.kp-active-marine .kp-lesson__toc{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body.kp-active-marine .kp-lesson__toc .kp-tocbtn{min-height:96px!important;border-radius:14px!important;padding:14px 16px!important;text-align:left!important;display:flex!important;align-items:flex-end!important;font-size:12px!important;line-height:1.25!important;color:#f4fbff!important;border:1px solid rgba(75,181,225,.34)!important;box-shadow:0 12px 28px rgba(0,0,0,.22)!important;background-color:#091522!important;background-size:cover!important;background-position:center!important;position:relative!important;overflow:hidden!important;text-shadow:0 2px 8px #000!important}
body.kp-active-marine .kp-lesson__toc .kp-tocbtn:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,9,15,.12),rgba(3,9,15,.90));z-index:-1}
body.kp-active-marine .kp-lesson__toc .kp-tocbtn:nth-child(1){background-image:url('/assets/mode-marine.webp')!important}
body.kp-active-marine .kp-lesson__toc .kp-tocbtn:nth-child(2){background-image:url('/assets/marine-real/dray-daycab.webp')!important}
body.kp-active-marine .kp-lesson__toc .kp-tocbtn:nth-child(3){background-image:url('/assets/marine-real/container.webp')!important}
body.kp-active-marine .kp-lesson__toc .kp-tocbtn:nth-child(4){background-image:url('/assets/marine-real/chassis.webp')!important}
body.kp-active-marine .kp-lesson__toc .kp-tocbtn.is-active{border-color:#62d6ff!important;box-shadow:0 0 0 1px rgba(98,214,255,.22),0 16px 34px rgba(0,0,0,.28)!important}
.kp-track-card{min-height:360px!important}.kp-track-card img{filter:saturate(1.08) contrast(1.06) brightness(.92)!important}
@media(max-width:760px){.carrier{grid-template-columns:112px 1fr!important}.carrier>div:last-child{grid-column:1/-1;padding:0 12px 12px!important;display:flex;align-items:center;justify-content:space-between;gap:8px}.carrier-thumb{width:112px!important;height:102px!important}.board-map{height:150px!important}body.kp-active-marine .kp-lesson__toc{grid-template-columns:1fr!important}.kp-track-card{min-height:320px!important}}