:root{
  --navy:#061525;--navy2:#0a2948;--navy3:#10395e;--gold:#f5c451;--gold2:#ffe08a;
  --cream:#f8f4ea;--white:#f8fbff;--muted:#a7bbcf;--line:#27557f;
  --red:#ff6f68;--green:#45d68a;--blue:#55a7ff;--ink:#14243a;
}
#hbg-app{box-sizing:border-box;max-width:760px;margin:0 auto;min-height:100vh;padding:12px;border-radius:28px;
  background:radial-gradient(circle at 50% 0,#154770 0,#092640 35%,#041321 78%);
  color:var(--white);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;position:relative;overflow:hidden}
#hbg-app *{box-sizing:border-box}
.hbg-shell{position:relative;z-index:2}
.hbg-topbar{display:flex;justify-content:space-between;align-items:center;padding:9px 6px 12px}
.hbg-brand{font-family:Georgia,serif;letter-spacing:.16em;font-size:13px}.hbg-brand span{color:var(--gold)}
.hbg-tools{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}
.hbg-tools button{width:34px;height:34px;border-radius:50%;border:1px solid #32618d;background:#071d33;color:#fff;cursor:pointer;font-size:15px}
.hbg-tools button.off{opacity:.45}
.hbg-screen{display:none;animation:hbgIn .32s ease both}.hbg-screen.active{display:block}
@keyframes hbgIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.hbg-panel{background:linear-gradient(180deg,rgba(9,34,59,.96),rgba(4,18,32,.97));border:1px solid rgba(96,157,211,.36);
  border-radius:25px;padding:26px;box-shadow:0 22px 60px rgba(0,0,0,.27)}
.hbg-panel h1,.hbg-panel h2,.hbg-panel h3{font-family:Georgia,'Times New Roman',serif}
.hbg-panel h1{font-size:clamp(43px,10vw,72px);line-height:.98;margin:.22em 0}
.hbg-panel h2{font-size:clamp(32px,7.2vw,50px);line-height:1.03;margin:.25em 0}.hbg-panel h2 span,.hbg-panel h1 span{color:var(--gold2)}
.hbg-panel h3{font-size:25px}.hbg-panel p{font-size:17px;line-height:1.5;color:var(--muted)}
.hbg-lead{font-size:19px!important;color:#e5eef8!important}
.hbg-mini,.hbg-source{font-size:12px!important;line-height:1.45!important}.hbg-source{color:#829ab1!important}
.hbg-hidden{display:none!important}
.hbg-kicker,.hbg-round-label,.hbg-badge{display:inline-block;border:1px solid #356892;border-radius:999px;padding:8px 12px;
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#dceaf6;font-weight:800}
.hbg-btn{width:100%;border:0;border-radius:999px;padding:17px 20px;font-size:16px;font-weight:900;letter-spacing:.03em;cursor:pointer;
  background:linear-gradient(180deg,#ffe58d,#e8b744);color:#071728;box-shadow:0 8px 28px rgba(245,196,81,.22);transition:.18s}
.hbg-btn:hover{transform:translateY(-2px)}.hbg-btn:active{transform:scale(.985)}
.hbg-btn-outline{background:transparent;color:#7c5b10;border:1px solid #d2a22e;box-shadow:none;margin-top:10px}
.hbg-hero{text-align:center;padding-top:42px}.hbg-pulse-heart{font-size:68px;color:var(--gold);filter:drop-shadow(0 0 25px rgba(245,196,81,.38));animation:hbgHeart 1.1s infinite}
@keyframes hbgHeart{0%,30%,100%{transform:scale(1)}12%{transform:scale(1.16)}20%{transform:scale(.97)}}
.hbg-starting-kit{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0}
.hbg-starting-kit div{background:#071e35;border:1px solid #2b557a;border-radius:16px;padding:12px}
.hbg-starting-kit b{display:block;color:var(--gold2);font-size:20px}.hbg-starting-kit small{display:block;color:#99aec2;margin-top:3px}
.hbg-wallet{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 0 10px}
.hbg-wallet div{background:#061b30;border:1px solid #244a70;border-radius:13px;padding:9px;text-align:center}
.hbg-wallet small{display:block;font-size:9px;color:#8ea7be}.hbg-wallet b{display:block;font-size:13px;color:#fff;margin-top:4px}
.hbg-daniel-wrap{position:relative;margin:15px 0}.hbg-daniel-wrap img{width:100%;display:block;border-radius:21px;max-height:350px;object-fit:cover;object-position:center 28%}
.hbg-daniel-tags{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:6px;flex-wrap:wrap}
.hbg-daniel-tags span{background:rgba(3,18,33,.86);border:1px solid rgba(255,221,126,.55);border-radius:999px;padding:7px 10px;font-size:11px}
.hbg-plan-cards,.hbg-action-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hbg-plan-cards button,.hbg-action-cards button{min-height:128px;border:1px solid #35658e;border-radius:20px;background:#07213b;color:#fff;padding:15px;cursor:pointer;transition:.22s}
.hbg-plan-cards button:hover,.hbg-action-cards button:hover,.hbg-plan-cards button.selected,.hbg-action-cards button.selected{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 0 28px rgba(245,196,81,.16)}
.hbg-plan-cards i{font-style:normal;font-size:30px;display:block}.hbg-plan-cards b,.hbg-action-cards b{display:block;color:var(--gold2);font-size:17px}
.hbg-plan-cards small,.hbg-action-cards small{display:block;color:#9db2c6;margin-top:8px}.hbg-plan-cards .danger b,.hbg-action-cards .danger b{color:#ff9c94}
.hbg-warning-orb{width:86px;height:86px;border-radius:50%;margin:8px auto 16px;display:flex;align-items:center;justify-content:center;
  font-family:Georgia,serif;font-size:55px;color:#071728;background:var(--gold);box-shadow:0 0 40px rgba(245,196,81,.28);animation:hbgFloat 2s ease-in-out infinite}
@keyframes hbgFloat{50%{transform:translateY(-8px)}}
.hbg-safety-note{margin-top:16px;padding:12px;border-radius:14px;background:#0b2b47;border:1px solid #315d83;color:#b8cadb;font-size:12px}
.hbg-bill-total{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#061a2f;border:1px solid #2d567b;border-radius:16px;margin:18px 0;font-size:12px;letter-spacing:.08em}
.hbg-bill-total b{font-family:Georgia,serif;font-size:28px;color:var(--gold2);letter-spacing:0}
.hbg-flip-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;perspective:900px}
.hbg-flip{min-height:130px;border:0;background:transparent;position:relative;cursor:pointer;transform-style:preserve-3d;transition:transform .6s;padding:0}
.hbg-flip .front,.hbg-flip .back{position:absolute;inset:0;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;border:1px solid #315c84}
.hbg-flip .front{background:linear-gradient(160deg,#0b3155,#061b31);font-weight:900;color:#f7fbff}.hbg-flip .front small{color:var(--gold2);margin-top:8px}
.hbg-flip .back{background:linear-gradient(160deg,#755916,#d8a82f);color:#061525;transform:rotateY(180deg)}.hbg-flip .back strong{font-family:Georgia,serif;font-size:27px}
.hbg-flip.flipped{transform:rotateY(180deg)}
.hbg-boss-lock{text-align:center;margin-top:16px}.hbg-boss-alert{display:inline-block;background:#7d2529;color:#ffd7d3;border:1px solid #ff8178;border-radius:9px;padding:8px 13px;font-weight:900;letter-spacing:.12em;animation:hbgFlash .8s infinite}
@keyframes hbgFlash{50%{opacity:.55}}
.hbg-boss{text-align:center;position:relative;overflow:hidden}.hbg-boss:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle,rgba(255,74,66,.14),transparent 50%);animation:hbgSpin 8s linear infinite;pointer-events:none}
@keyframes hbgSpin{to{transform:rotate(360deg)}}.hbg-boss-heart{font-size:74px;color:#ff776e;filter:drop-shadow(0 0 28px rgba(255,96,88,.35));animation:hbgHeart .8s infinite}
.hbg-slam-number{font-family:Georgia,serif;font-size:clamp(52px,13vw,86px);color:#ff948a;font-weight:800;margin:12px 0;animation:hbgSlam .55s cubic-bezier(.2,1.5,.4,1)}
@keyframes hbgSlam{from{transform:scale(2.4) rotate(-3deg);opacity:0}to{transform:none;opacity:1}}
.hbg-plan-hit{display:grid;grid-template-columns:1fr auto;gap:10px;text-align:left;background:#061b30;border:1px solid #2b5276;border-radius:17px;padding:15px;margin:17px 0}
.hbg-plan-hit span{color:#92a9bf}.hbg-plan-hit b,.hbg-plan-hit strong{color:#fff}.hbg-plan-hit strong{color:var(--gold2)}
.hbg-calendar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.hbg-calendar div{padding:22px;border-radius:18px;background:#071f38;border:1px solid #2c567e;text-align:center;font-weight:800}
.hbg-calendar strong{display:block;color:#ff958c;font-size:23px;margin-top:9px}
.hbg-recovery-card{text-align:center;padding:20px;border-radius:18px;background:#0b2b47;border:1px solid #36678f}.hbg-recovery-card small{display:block;color:#9eb6ca}.hbg-recovery-card strong{display:block;font-family:Georgia,serif;color:var(--gold2);font-size:42px;margin-top:5px}
.hbg-pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.hbg-pay-grid button{min-height:145px;border:1px solid #37668f;border-radius:18px;background:#07213b;color:#fff;cursor:pointer;transition:.2s}
.hbg-pay-grid button:hover{transform:translateY(-3px);border-color:var(--gold)}.hbg-pay-grid button.used{opacity:.45;transform:scale(.97)}.hbg-pay-grid span{display:block;font-size:30px}.hbg-pay-grid b{display:block;margin:7px 0;color:#dceafa}.hbg-pay-grid strong{color:var(--gold2)}
.hbg-remaining{text-align:center;padding:18px;border-radius:17px;background:#06182b;border:1px solid #315777}.hbg-remaining span{display:block;font-size:11px;color:#90a8bf;letter-spacing:.13em}.hbg-remaining b{font-family:Georgia,serif;font-size:40px;color:#ff9b92}
.hbg-result-panel{text-align:center}.hbg-result-icon{font-size:58px}.hbg-score-ring{width:150px;height:150px;border-radius:50%;border:10px solid var(--gold);margin:16px auto;display:flex;align-items:center;justify-content:center;background:#061a2f;box-shadow:0 0 36px rgba(245,196,81,.2)}
.hbg-score-ring b{font-family:Georgia,serif;font-size:54px}.hbg-score-ring small{align-self:flex-end;margin-bottom:34px;color:#93aabd}
.hbg-result-assets{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}.hbg-result-assets div{padding:13px;border-radius:14px;background:#071d34;border:1px solid #2a5275}.hbg-result-assets small{display:block;color:#91a9bf}.hbg-result-assets b{display:block;margin-top:5px;font-size:19px;color:#fff}
.hbg-bill-stamp{display:inline-block;border:3px solid #ff766e;color:#ff9189;padding:8px 12px;font-weight:900;letter-spacing:.12em;transform:rotate(-4deg);border-radius:8px}
.hbg-versus{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.hbg-versus div{padding:16px;border-radius:16px;background:#071e36;border:1px solid #2b5275}.hbg-versus small{color:#90a7bd}.hbg-versus b{display:block;font-size:24px;margin-top:6px;color:var(--gold2)}.hbg-versus .danger{border-color:#8b4141}.hbg-versus .danger b{color:#ff9188}
.hbg-no-cover-drain{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.hbg-no-cover-drain span{text-decoration:line-through;background:#351c22;border:1px solid #743b3e;padding:8px 10px;border-radius:999px;color:#ffbbb5}
.hbg-gap-big{text-align:center;margin:18px 0;color:#a9bed1}.hbg-gap-big strong{display:block;font-family:Georgia,serif;font-size:44px;color:#ff9289}
.hbg-light .hbg-panel{background:linear-gradient(180deg,#f9fbfd,#edf2f6);color:var(--ink)}.hbg-light .hbg-panel p{color:#58697b}.hbg-light .hbg-round-label{color:#254c6d;border-color:#9eb7ca}
.hbg-light label{display:block;font-weight:800;margin:19px 0 8px}.hbg-light select,.hbg-form input,.hbg-form select{width:100%;padding:14px;border:1px solid #bdcbd7;border-radius:13px;background:#fff;font-size:16px}
.hbg-personal-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hbg-personal-options button{padding:14px;border-radius:14px;border:1px solid #becbd6;background:#fff;color:#19344d;font-weight:700;cursor:pointer}.hbg-personal-options button.selected{border-color:#b98b1d;box-shadow:0 0 0 2px rgba(185,139,29,.12);background:#fff8e6}
.hbg-personal-result{margin-top:22px;padding-top:20px;border-top:1px solid #cfd9e2}.hbg-badge{background:#123552;color:#ffe18a}
.hbg-save-block{margin-top:18px}.hbg-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hbg-ref-challenge{margin-top:23px;padding:16px;border:1px solid #cad6df;background:#fff;border-radius:18px}.hbg-ref-head{display:flex;justify-content:space-between;gap:12px}.hbg-ref-head h3{margin:0}.hbg-ref-head p{margin:4px 0!important;font-size:14px!important}
.hbg-ref-counter{min-width:70px;text-align:center;background:#0b2947;color:#fff;border-radius:15px;padding:7px}.hbg-ref-counter b{display:block;color:var(--gold2);font-size:27px}
.hbg-ref-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;margin:10px 0;padding:11px;background:#f4f7fa;border:1px solid #d5dfe8;border-radius:13px}.hbg-ref-num{width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0b2947;color:#fff;font-size:12px;font-weight:800}
.hbg-ref-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hbg-ref-fields input{width:100%;padding:10px;border:1px solid #c7d3de;border-radius:9px}.hbg-remove{border:0;background:#ffe5e2;color:#8e3029;border-radius:8px;width:31px;height:31px;cursor:pointer}
.hbg-consent{display:flex!important;gap:8px;align-items:flex-start;font-size:13px!important;font-weight:400!important}.hbg-consent input{margin-top:3px}
.hbg-success,.hbg-error{padding:12px;border-radius:12px;margin-top:10px}.hbg-success{background:#ddf5e7;color:#17643d}.hbg-error{background:#ffe4e1;color:#912e27}
.hbg-footer{text-align:center;color:#7b91a6;font-size:11px;line-height:1.45;padding:13px 6px}
.hbg-coin-pop{position:fixed;z-index:9999;font-size:18px;pointer-events:none;animation:hbgCoin .8s ease-out forwards}
@keyframes hbgCoin{to{transform:translateY(-90px) rotate(240deg);opacity:0}}
.hbg-confetti{position:absolute;top:-20px;width:8px;height:18px;background:var(--gold);animation:hbgConfetti 1.5s ease-in forwards}
@keyframes hbgConfetti{to{top:110%;transform:rotate(540deg);opacity:.05}}
.hbg-shake{animation:hbgShake .36s linear 2}@keyframes hbgShake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}
@media(max-width:650px){
  #hbg-app{padding:7px;border-radius:0}.hbg-panel{padding:19px;border-radius:20px}
  .hbg-plan-cards,.hbg-action-cards,.hbg-pay-grid{grid-template-columns:1fr}
  .hbg-plan-cards button,.hbg-action-cards button{min-height:90px}
  .hbg-wallet{grid-template-columns:1fr 1fr}.hbg-wallet b{font-size:12px}
  .hbg-result-assets,.hbg-form,.hbg-ref-fields{grid-template-columns:1fr}
  .hbg-flip-grid{gap:8px}.hbg-flip{min-height:115px}.hbg-versus{grid-template-columns:1fr 1fr}
}


/* === V4 additions === */
.hbg-choice-step{margin-top:22px}
.hbg-choice-step h3{margin-bottom:10px}
.hbg-ci-options{grid-template-columns:1fr 1fr}
.hbg-protection-summary{margin-top:18px;padding:16px;border-radius:18px;background:#061b30;border:1px solid #3e6d97}
.hbg-protection-summary>small{display:block;color:#8fa9c0;font-weight:800;letter-spacing:.12em;margin-bottom:8px}
.hbg-protection-summary>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.hbg-protection-summary>div b{color:var(--gold2)}
.hbg-feedback{margin-top:15px;padding:15px;border-radius:15px;background:#0b2d4a;border:1px solid #37658c;font-weight:800;text-align:center}
.hbg-medical-total{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 16px;border:1px solid #315b82;border-radius:16px;background:#061b30;margin:15px 0}
.hbg-medical-total span{color:#9db3c7}.hbg-medical-total b{font-family:Georgia,serif;font-size:26px;color:var(--gold2)}
.hbg-ci-screen{text-align:center}
.hbg-ci-spinner{width:170px;height:170px;border-radius:50%;margin:14px auto 22px;display:flex;align-items:center;justify-content:center;border:10px solid #183d60;border-top-color:var(--gold);font-weight:900;letter-spacing:.08em;animation:hbgClaimSpin 1.1s linear infinite}
@keyframes hbgClaimSpin{to{transform:rotate(360deg)}}
.hbg-ci-approved{display:inline-block;padding:9px 13px;border-radius:10px;background:#123f2c;border:1px solid #4ddb8f;color:#aef2ce;font-weight:900;letter-spacing:.08em}
.hbg-ci-none{display:inline-block;padding:9px 13px;border-radius:10px;background:#4b2426;border:1px solid #ff847b;color:#ffd0cc;font-weight:900;letter-spacing:.07em}
.hbg-ci-payout{font-family:Georgia,serif;font-size:clamp(50px,12vw,82px);font-weight:800;color:#7df2ae;text-shadow:0 0 22px rgba(69,214,138,.25);margin:12px 0;animation:hbgSlam .55s cubic-bezier(.2,1.5,.4,1)}
.hbg-ci-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}
.hbg-ci-uses span{padding:11px;border-radius:13px;background:#071f38;border:1px solid #315979;font-size:12px;color:#dce9f5}
.hbg-lesson-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}
.hbg-lesson-split div{padding:16px;border-radius:16px;background:#071f38;border:1px solid #315979}
.hbg-lesson-split span{display:block;color:#dbe9f6}.hbg-lesson-split b{display:block;color:var(--gold2);margin-top:5px}
.hbg-pay-grid-four{grid-template-columns:repeat(2,1fr)}
.hbg-pay-grid button small{display:block;color:#8ea7bd;margin-top:5px}
.hbg-protection-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}
.hbg-protection-breakdown div{padding:13px;border-radius:14px;background:#071d34;border:1px solid #2a5275}
.hbg-protection-breakdown small{display:block;color:#91a9bf}.hbg-protection-breakdown b{display:block;margin-top:5px;font-size:18px}
.hbg-versus .wide{grid-column:1/-1}
.hbg-three-lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}
.hbg-three-lessons div{padding:15px 10px;border-radius:15px;background:#071f38;border:1px solid #315979;text-align:center}
.hbg-three-lessons span{font-size:26px;display:block}.hbg-three-lessons b{display:block;color:var(--gold2);margin:6px 0}.hbg-three-lessons small{color:#9bb0c4}
.hbg-bottom-line{font-family:Georgia,serif;font-size:28px;color:#fff;text-align:center;margin:18px 0}
@media(max-width:650px){
  .hbg-ci-options,.hbg-pay-grid-four,.hbg-ci-uses,.hbg-three-lessons{grid-template-columns:1fr}
  .hbg-lesson-split{grid-template-columns:1fr}
}


/* =========================================================
   V5 CONTRAST & READABILITY PASS
   ========================================================= */

/* Stronger system colors */
#hbg-app{
  --v5-text:#FFFFFF;
  --v5-muted:#D5E2EE;
  --v5-gold:#FFD968;
  --v5-gold-dark:#5A3F00;
  --v5-blue:#9FD0FF;
  --v5-red:#FF9A92;
  --v5-green:#8AF0B5;
  --v5-light-bg:#F7F9FC;
  --v5-light-text:#10263D;
  --v5-light-muted:#455B70;
  --v5-light-border:#8FA4B7;
}

/* Dark screens: never use low-contrast grey for important copy */
#hbg-app .hbg-panel,
#hbg-app .hbg-panel h1,
#hbg-app .hbg-panel h2,
#hbg-app .hbg-panel h3,
#hbg-app .hbg-panel strong,
#hbg-app .hbg-panel b{
  color:var(--v5-text);
}

#hbg-app .hbg-panel h1 span,
#hbg-app .hbg-panel h2 span,
#hbg-app .hbg-panel .hbg-slam-number,
#hbg-app .hbg-panel .hbg-ci-payout,
#hbg-app .hbg-panel .hbg-gap-big strong,
#hbg-app .hbg-panel .hbg-medical-total b,
#hbg-app .hbg-panel .hbg-recovery-card strong,
#hbg-app .hbg-panel .hbg-bill-total b{
  color:var(--v5-gold);
}

#hbg-app .hbg-panel p,
#hbg-app .hbg-lead,
#hbg-app .hbg-mini,
#hbg-app .hbg-source,
#hbg-app .hbg-panel small,
#hbg-app .hbg-plan-cards small,
#hbg-app .hbg-action-cards small,
#hbg-app .hbg-protection-summary>small,
#hbg-app .hbg-wallet small{
  color:var(--v5-muted);
}

/* Important muted content gets brighter */
#hbg-app .hbg-lead{
  color:#F3F8FC !important;
}
#hbg-app .hbg-mini{
  color:#C8D7E5 !important;
}
#hbg-app .hbg-source{
  color:#B9CBDA !important;
}

/* Cards and selected choices */
#hbg-app .hbg-plan-cards button,
#hbg-app .hbg-action-cards button,
#hbg-app .hbg-pay-grid button,
#hbg-app .hbg-flip .front{
  color:#FFFFFF;
  background:#08233E;
  border-color:#4A7397;
}
#hbg-app .hbg-plan-cards button b,
#hbg-app .hbg-action-cards button b,
#hbg-app .hbg-pay-grid button b{
  color:#FFFFFF;
}
#hbg-app .hbg-plan-cards button.selected,
#hbg-app .hbg-action-cards button.selected{
  background:#173B5B;
  border:2px solid var(--v5-gold);
}
#hbg-app .hbg-plan-cards button.selected b,
#hbg-app .hbg-action-cards button.selected b{
  color:var(--v5-gold);
}

/* Danger states */
#hbg-app .danger,
#hbg-app .hbg-plan-cards .danger b,
#hbg-app .hbg-action-cards .danger b,
#hbg-app .hbg-gap-big strong{
  color:var(--v5-red);
}

/* Primary buttons: dark text on gold */
#hbg-app .hbg-btn{
  background:#FFD968;
  color:#10263D !important;
  border:2px solid #FFD968;
  text-shadow:none;
}
#hbg-app .hbg-btn:hover,
#hbg-app .hbg-btn:focus-visible{
  background:#FFE79B;
  color:#081A2B !important;
}

/* Outline buttons on dark sections */
#hbg-app .hbg-btn-outline{
  background:#0A2948;
  color:#FFFFFF !important;
  border:2px solid #FFD968;
}

/* Labels/pills */
#hbg-app .hbg-kicker,
#hbg-app .hbg-round-label,
#hbg-app .hbg-badge{
  color:#FFFFFF;
  border-color:#6E95B7;
  background:#0B2945;
}

/* Wallet values */
#hbg-app .hbg-wallet div{
  background:#071D33;
  border-color:#4F7090;
}
#hbg-app .hbg-wallet b{
  color:#FFFFFF;
}

/* Critical illness success */
#hbg-app .hbg-ci-approved{
  color:#E9FFF2;
  background:#12412F;
  border-color:#8AF0B5;
}
#hbg-app .hbg-ci-payout{
  color:var(--v5-green);
}
#hbg-app .hbg-ci-none{
  color:#FFF0EE;
  background:#57292A;
  border-color:#FF9A92;
}

/* No-cover damage screen */
#hbg-app .hbg-bill-stamp{
  color:#FFF1EF;
  border-color:#FF9A92;
}
#hbg-app .hbg-no-cover-drain span{
  color:#FFE1DE;
  background:#4A2529;
  border-color:#B65A5A;
}

/* =========================================================
   LIGHT "YOUR TURN" SECTION
   ========================================================= */
#hbg-app .hbg-light .hbg-panel{
  background:var(--v5-light-bg);
  color:var(--v5-light-text);
  border-color:#B4C2CE;
}

#hbg-app .hbg-light .hbg-panel h1,
#hbg-app .hbg-light .hbg-panel h2,
#hbg-app .hbg-light .hbg-panel h3,
#hbg-app .hbg-light .hbg-panel b,
#hbg-app .hbg-light .hbg-panel strong,
#hbg-app .hbg-light .hbg-panel label{
  color:var(--v5-light-text) !important;
}

#hbg-app .hbg-light .hbg-panel h1 span,
#hbg-app .hbg-light .hbg-panel h2 span{
  color:#7A5600 !important;
}

#hbg-app .hbg-light .hbg-panel p,
#hbg-app .hbg-light .hbg-panel small,
#hbg-app .hbg-light .hbg-mini{
  color:var(--v5-light-muted) !important;
}

#hbg-app .hbg-light .hbg-round-label{
  color:#17364F !important;
  background:#E8EEF4;
  border-color:#7C97AE;
}

/* Personal choice buttons */
#hbg-app .hbg-personal-options button{
  color:#17364F;
  background:#FFFFFF;
  border:2px solid #92A7B9;
}
#hbg-app .hbg-personal-options button.selected{
  color:#10263D;
  background:#FFF2C7;
  border:3px solid #8A6500;
  box-shadow:none;
}

/* Inputs/selects */
#hbg-app .hbg-light select,
#hbg-app .hbg-form input,
#hbg-app .hbg-form select{
  color:#10263D;
  background:#FFFFFF;
  border:2px solid #91A7BA;
}
#hbg-app .hbg-form input::placeholder{
  color:#5E7183;
  opacity:1;
}

/* Personal result badge */
#hbg-app .hbg-light .hbg-badge{
  color:#FFFFFF !important;
  background:#123B5D;
  border-color:#123B5D;
}

/* Referral panel */
#hbg-app .hbg-ref-challenge{
  background:#FFFFFF;
  border:2px solid #A9BAC8;
}
#hbg-app .hbg-ref-challenge h3,
#hbg-app .hbg-ref-challenge p,
#hbg-app .hbg-ref-challenge label{
  color:#10263D !important;
}
#hbg-app .hbg-ref-counter{
  background:#123B5D;
  color:#FFFFFF;
}
#hbg-app .hbg-ref-counter b{
  color:#FFE28A !important;
}
#hbg-app .hbg-ref-row{
  background:#EEF3F7;
  border-color:#AAB9C6;
}
#hbg-app .hbg-ref-num{
  background:#123B5D;
  color:#FFFFFF;
}
#hbg-app .hbg-ref-fields input{
  color:#10263D;
  background:#FFFFFF;
  border:2px solid #9BAEBD;
}

/* Outline button inside light sections */
#hbg-app .hbg-light .hbg-btn-outline{
  background:#FFFFFF;
  color:#17364F !important;
  border:2px solid #7A5600;
}

/* Consent */
#hbg-app .hbg-consent{
  color:#243A4D !important;
}

/* Messages */
#hbg-app .hbg-success{
  color:#0C4B2D !important;
  background:#DFF7E8;
  border:1px solid #56B67D;
}
#hbg-app .hbg-error{
  color:#7D211D !important;
  background:#FFE5E2;
  border:1px solid #D86860;
}

/* Focus / keyboard accessibility */
#hbg-app button:focus-visible,
#hbg-app input:focus-visible,
#hbg-app select:focus-visible{
  outline:4px solid #6DC0FF;
  outline-offset:3px;
}

/* Keep disabled controls readable */
#hbg-app button:disabled{
  opacity:.65;
  cursor:not-allowed;
}

/* Small screens: keep text readable */
@media(max-width:650px){
  #hbg-app .hbg-panel p{font-size:16px}
  #hbg-app .hbg-panel h2{line-height:1.08}
  #hbg-app .hbg-round-label{font-size:10px}
}


/* =========================================================
   V6 LIFE-SIMULATION GAMEPLAY
   ========================================================= */
#hbg-app .hbg-dashboard{
  display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px;
}
#hbg-app .hbg-dashboard>div{
  background:#071D33;border:1px solid #55728C;border-radius:12px;padding:9px;text-align:center;
}
#hbg-app .hbg-dashboard small{display:block;color:#D7E5F0;font-size:9px}
#hbg-app .hbg-dashboard b{display:block;color:#FFFFFF;font-size:13px;margin-top:4px}
#hbg-app .hbg-status{
  display:flex;justify-content:space-between;align-items:center;border-radius:999px;padding:8px 13px;margin:0 0 10px;background:#123C2C;border:1px solid #56B77D;
}
#hbg-app .hbg-status span{font-size:10px;letter-spacing:.11em;color:#DFF8E9}
#hbg-app .hbg-status b{color:#FFFFFF}
#hbg-app .hbg-status.warning{background:#4A3818;border-color:#D8A33F}
#hbg-app .hbg-status.danger{background:#4B2529;border-color:#D36B67}

#hbg-app .hbg-decision-stack{display:grid;gap:11px}
#hbg-app .hbg-decision-stack button{
  text-align:left;padding:17px;border-radius:17px;border:2px solid #4F7090;background:#08233E;color:#FFFFFF;cursor:pointer;transition:.18s
}
#hbg-app .hbg-decision-stack button:hover,#hbg-app .hbg-decision-stack button.selected{
  border-color:#FFD968;background:#173B5B;transform:translateY(-2px)
}
#hbg-app .hbg-decision-stack b{display:block;color:#FFFFFF;font-size:16px}
#hbg-app .hbg-decision-stack small{display:block;color:#D5E2EE;margin-top:5px}
#hbg-app .hbg-advisor-card{
  border-left:5px solid #FFD968;background:#09253F;border-radius:0 17px 17px 0;padding:16px;margin:18px 0
}
#hbg-app .hbg-advisor-card p{color:#F8FBFF!important;margin:0;font-style:italic}
#hbg-app .hbg-plan-cards strong{display:block;margin-top:8px;color:#FFD968;font-size:20px}
#hbg-app .hbg-life-start{text-align:center;padding-top:45px;padding-bottom:45px}
#hbg-app .hbg-life-ring{
  width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;
  border:10px solid #FFD968;font-family:Georgia,serif;font-size:28px;font-weight:800;color:#FFFFFF;
  animation:hbgLifePulse 1.15s ease-in-out infinite;
}
@keyframes hbgLifePulse{50%{transform:scale(1.06);box-shadow:0 0 35px rgba(255,217,104,.22)}}
#hbg-app .hbg-month{font-size:12px;letter-spacing:.15em;color:#D3E1ED;font-weight:800}
#hbg-app .hbg-month span{color:#FFD968;font-size:20px}
#hbg-app .hbg-event-type{display:inline-block;margin-top:10px;padding:7px 11px;border-radius:999px;background:#123B5D;color:#FFFFFF;font-size:11px;letter-spacing:.1em;font-weight:800}
#hbg-app .hbg-event-type.good{background:#17492F}
#hbg-app .hbg-event-type.bad{background:#57292A}
#hbg-app .hbg-event-icon{font-size:70px;text-align:center;margin:18px 0;animation:hbgFloat 2s ease-in-out infinite}
#hbg-app .hbg-event-options{display:grid;gap:10px;margin-top:20px}
#hbg-app .hbg-event-options button{
  padding:15px;border-radius:15px;border:2px solid #54748F;background:#08233E;color:#FFFFFF;text-align:left;cursor:pointer
}
#hbg-app .hbg-event-options button b{display:block;color:#FFFFFF}
#hbg-app .hbg-event-options button small{display:block;color:#D4E2ED;margin-top:4px}
#hbg-app .hbg-event-feedback{
  margin-top:15px;padding:16px;border-radius:15px;background:#0B2D4A;border:1px solid #4D7392;color:#FFFFFF;font-weight:800
}
#hbg-app .hbg-heart-event{text-align:center}
#hbg-app .hbg-big-total{
  margin:18px 0;padding:18px;border-radius:17px;background:#4A2529;border:2px solid #C96862;text-align:center;color:#FFF0EE
}
#hbg-app .hbg-big-total strong{display:block;font-family:Georgia,serif;font-size:40px;color:#FFD968;margin-top:4px}
#hbg-app .hbg-timeline{display:grid;gap:9px;margin:18px 0}
#hbg-app .hbg-timeline-item{
  display:grid;grid-template-columns:95px 1fr;gap:8px 13px;align-items:center;padding:14px;border-radius:15px;background:#071F38;border:1px solid #4A6882
}
#hbg-app .hbg-timeline-item span{grid-row:1/3;color:#FFD968;font-weight:900;font-size:12px;letter-spacing:.08em}
#hbg-app .hbg-timeline-item b{color:#FFFFFF}
#hbg-app .hbg-timeline-item small{color:#D0DEE9}
#hbg-app .hbg-timeline-item.active{border-color:#FFD968;background:#133653}
#hbg-app .hbg-timeline-item.passed{opacity:.6}
#hbg-app .hbg-pay-grid-four{grid-template-columns:repeat(2,1fr)}
#hbg-app .hbg-pay-grid-four button small{display:block;color:#D0DEE9;margin-top:4px}
#hbg-app .hbg-result-panel{text-align:center}
@media(max-width:650px){
  #hbg-app .hbg-dashboard{grid-template-columns:repeat(2,1fr)}
  #hbg-app .hbg-pay-grid-four{grid-template-columns:1fr}
  #hbg-app .hbg-timeline-item{grid-template-columns:75px 1fr}
}


/* V6.1 Daniel screen cleanup */
#hbg-app .hbg-daniel-wrap{
  margin:16px 0 18px;
  overflow:hidden;
  border-radius:20px;
}
#hbg-app .hbg-daniel-wrap img{
  width:100%;
  height:auto;
  max-height:none;
  display:block;
  object-fit:contain;
  object-position:center;
  border-radius:20px;
}
#hbg-app .hbg-daniel-tags{
  display:none !important;
}


/* V6.2 CI recovery runway */
#hbg-app .hbg-ci-runway-card{
  margin:18px 0 4px;
  padding:18px;
  border-radius:18px;
  background:#0A2742;
  border:2px solid #5B82A3;
  text-align:left;
}
#hbg-app .hbg-runway-kicker{
  font-size:10px;
  letter-spacing:.13em;
  font-weight:900;
  color:#FFD968;
  margin-bottom:7px;
}
#hbg-app .hbg-ci-runway-card h3{
  color:#FFFFFF!important;
  margin:0 0 14px;
}
#hbg-app .hbg-runway-cash{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px;
  border-radius:14px;
  background:#123C2C;
  border:1px solid #56B77D;
  margin-bottom:12px;
}
#hbg-app .hbg-runway-cash span{
  color:#E8F8EF;
  font-weight:700;
}
#hbg-app .hbg-runway-cash strong{
  color:#A7F2C5!important;
  font-family:Georgia,serif;
  font-size:28px;
}
#hbg-app .hbg-runway-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
#hbg-app .hbg-runway-grid>div{
  padding:14px;
  border-radius:14px;
  background:#071D33;
  border:1px solid #4E7392;
}
#hbg-app .hbg-runway-grid small{
  color:#D5E2EE!important;
  display:block;
}
#hbg-app .hbg-runway-grid b{
  color:#FFD968!important;
  display:block;
  font-size:22px;
  margin:5px 0 3px;
}
#hbg-app .hbg-runway-grid span{
  color:#B9CBDA;
  font-size:12px;
}
#hbg-app .hbg-runway-bar{
  height:12px;
  border-radius:999px;
  background:#06182A;
  border:1px solid #446885;
  overflow:hidden;
  margin:14px 0 10px;
}
#hbg-app .hbg-runway-bar>div{
  height:100%;
  width:0;
  background:linear-gradient(90deg,#45D68A,#FFD968);
  transition:width .8s ease;
}
@media(max-width:650px){
  #hbg-app .hbg-runway-grid{grid-template-columns:1fr}
  #hbg-app .hbg-runway-cash{align-items:flex-start;flex-direction:column}
}


/* =========================================================
   V7 DYNAMIC CHARACTER + 100-SCENARIO ENGINE
   ========================================================= */
#hbg-app .hbg-avatar-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
#hbg-app .hbg-avatar-choice{padding:8px;border:3px solid #98ADBE;border-radius:18px;background:#FFF;color:#10263D;cursor:pointer}
#hbg-app .hbg-avatar-choice.selected{border-color:#8A6500;background:#FFF5D7}
#hbg-app .hbg-avatar-choice img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 28%;border-radius:12px;display:block}
#hbg-app .hbg-avatar-choice b{display:block;color:#10263D!important;margin:8px 0 2px}
#hbg-app .hbg-light input{width:100%;padding:14px;border:2px solid #91A7BA;border-radius:13px;background:#FFF;color:#10263D;font-size:16px}
#hbg-app .hbg-dynamic-summary{display:grid;grid-template-columns:1fr auto;gap:8px 14px;margin:16px 0;padding:14px;border-radius:15px;background:#EAF0F5;border:1px solid #A6B7C5}
#hbg-app .hbg-dynamic-summary span{color:#455B70}
#hbg-app .hbg-dynamic-summary b{color:#10263D!important}
#hbg-app .hbg-income-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}
#hbg-app .hbg-income-type-grid button{padding:14px;border-radius:14px;border:2px solid #9CAEBE;background:#FFF;color:#17364F;text-align:left;cursor:pointer}
#hbg-app .hbg-income-type-grid button.selected{border-color:#8A6500;background:#FFF2C7}
#hbg-app .hbg-income-type-grid b{display:block;color:#10263D!important}
#hbg-app .hbg-income-type-grid small{display:block;color:#4D6174!important;margin-top:4px}
#hbg-app .hbg-character-strip{display:flex;align-items:center;gap:13px;margin:14px 0;padding:11px;border-radius:16px;background:#071F38;border:1px solid #4A6B87}
#hbg-app .hbg-character-strip img{width:74px;height:74px;border-radius:50%;object-fit:cover}
#hbg-app .hbg-character-strip b{display:block;color:#FFF!important;font-size:20px}
#hbg-app .hbg-character-strip small{color:#D1DFEA!important}
#hbg-app .hbg-event-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:8px 0 10px;font-size:10px;font-weight:900;letter-spacing:.1em;color:#CFE0ED}
#hbg-app .hbg-medical-breakdown{display:grid;gap:9px;margin:16px 0}
#hbg-app .hbg-medical-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:14px;border-radius:14px;background:#071F38;border:1px solid #4B6D88}
#hbg-app .hbg-medical-breakdown span{color:#D7E4EE}
#hbg-app .hbg-medical-breakdown b{color:#FFD968!important}
#hbg-app .hbg-recovery-dynamic{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}
#hbg-app .hbg-recovery-dynamic>div{padding:14px;border-radius:14px;background:#071F38;border:1px solid #4A6D89;text-align:center}
#hbg-app .hbg-recovery-dynamic small{display:block;color:#D2E0EA!important}
#hbg-app .hbg-recovery-dynamic b{display:block;color:#FFD968!important;font-size:22px;margin-top:5px}
@media(max-width:650px){
 #hbg-app .hbg-income-type-grid,#hbg-app .hbg-recovery-dynamic{grid-template-columns:1fr}
 #hbg-app .hbg-avatar-grid{grid-template-columns:1fr 1fr}
}


/* =========================================================
   V8 PHOTOREALISTIC AVATARS + INCOME-TYPE BRANCHING
   ========================================================= */
#hbg-app .hbg-avatar-choice img{
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center 28%;
  background:#0B2742;
}
#hbg-app .hbg-character-strip img{
  object-fit:cover;
  object-position:center 28%;
}
#hbg-app #story-income-type{
  display:block;
  margin-top:2px;
  color:#BFD0DE!important;
}
#hbg-app #business-plan-note{
  margin-top:14px;
}


/* =========================================================
   V8.1 SETUP BACK NAV + ANIMATED GAME ENTRY
   ========================================================= */
#hbg-app .hbg-back{
  min-width:auto;
  width:auto;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid #5E7E99;
  background:#0B2947;
  color:#FFFFFF;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  cursor:pointer;
}
#hbg-app .hbg-back:hover,
#hbg-app .hbg-back:focus-visible{
  border-color:#FFD968;
  color:#FFD968;
}
#hbg-app .hbg-transition-stage{
  text-align:center;
  padding:22px 0 14px;
}
#hbg-app .hbg-transition-heart{
  font-size:72px;
  color:#FF7E77;
  margin-bottom:12px;
  animation:hbgTransitionBeat .85s infinite;
  filter:drop-shadow(0 0 18px rgba(255,126,119,.25));
}
#hbg-app .hbg-transition-line{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:800;
  letter-spacing:.08em;
  color:#FFFFFF;
  opacity:0;
  transform:translateY(12px);
}
#hbg-app .hbg-transition-line-big{
  font-size:clamp(36px,8vw,58px);
  line-height:1;
  color:#FFD968;
  margin-top:8px;
}
#hbg-app .hbg-transition-countdown{
  margin:18px auto 8px;
  width:78px;
  height:78px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:5px solid #FFD968;
  color:#FFFFFF;
  font-family:Georgia,serif;
  font-size:38px;
  font-weight:800;
  opacity:0;
}
#hbg-app .hbg-transition-stage.playing #transition-line-1{
  animation:hbgFadeRise .55s ease forwards .15s;
}
#hbg-app .hbg-transition-stage.playing #transition-line-2{
  animation:hbgFadeRise .7s ease forwards .65s;
}
#hbg-app .hbg-transition-stage.playing .hbg-transition-countdown{
  animation:hbgFadeRise .45s ease forwards 1.2s;
}
@keyframes hbgTransitionBeat{
  0%,35%,100%{transform:scale(1)}
  14%{transform:scale(1.15)}
  24%{transform:scale(.97)}
}
@keyframes hbgFadeRise{
  to{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  #hbg-app .hbg-transition-heart{animation:none}
  #hbg-app .hbg-transition-line,
  #hbg-app .hbg-transition-countdown{opacity:1;transform:none;animation:none!important}
}


/* =========================================================
   V8.2 RECOVERY MODEL + FINANCIAL STATUS CLARITY
   ========================================================= */
#hbg-app .hbg-recovery-phases{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:17px 0;
}
#hbg-app .hbg-recovery-phases>div{
  padding:16px;
  border-radius:16px;
  background:#071F38;
  border:1px solid #527491;
}
#hbg-app .hbg-recovery-phases span{
  display:block;
  color:#D4E2EC;
  font-size:10px;
  letter-spacing:.09em;
  font-weight:900;
}
#hbg-app .hbg-recovery-phases b{
  display:block;
  color:#FFD968!important;
  font-size:26px;
  margin:6px 0;
}
#hbg-app .hbg-recovery-phases small{
  display:block;
  color:#D1DEE9!important;
  line-height:1.4;
}
#hbg-app .hbg-recovery-year{
  display:grid;
  gap:8px;
  margin:14px 0 18px;
}
#hbg-app .hbg-recovery-year>div{
  display:grid;
  grid-template-columns:100px 1fr;
  gap:12px;
  padding:12px 14px;
  border-left:4px solid #FFD968;
  background:#08233D;
  border-radius:0 13px 13px 0;
}
#hbg-app .hbg-recovery-year span{
  color:#FFD968;
  font-size:11px;
  font-weight:900;
}
#hbg-app .hbg-recovery-year b{
  color:#FFFFFF!important;
}
#hbg-app .hbg-status.strong{
  background:#103F2B;
  border-color:#64D996;
}
#hbg-app .hbg-status.strong b{
  color:#C8F7DB!important;
}
@media(max-width:650px){
  #hbg-app .hbg-recovery-phases{grid-template-columns:1fr}
  #hbg-app .hbg-recovery-year>div{grid-template-columns:1fr}
}


/* V8.3 public-facing copy polish */
#hbg-app .hbg-event-meta{
  color:#D7E5F0;
}
#hbg-app .hbg-event-meta span:last-child{
  color:#FFD968;
}


/* =========================================================
   V8.5 WINNER CONFETTI
   ========================================================= */
#hbg-app [data-screen="17"]{
  position:relative;
  overflow:hidden;
}
#hbg-app .hbg-confetti{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  z-index:4;
}
#hbg-app .hbg-confetti-piece{
  position:absolute;
  top:-24px;
  width:9px;
  height:16px;
  border-radius:2px;
  opacity:.95;
  animation:hbgConfettiFall var(--fall,2.8s) linear forwards;
  transform:rotate(var(--rot,0deg));
}
@keyframes hbgConfettiFall{
  0%{
    transform:translate3d(0,-20px,0) rotate(var(--rot,0deg));
    opacity:1;
  }
  80%{opacity:1}
  100%{
    transform:translate3d(var(--drift,0px),680px,0) rotate(calc(var(--rot,0deg) + 720deg));
    opacity:0;
  }
}
@media(prefers-reduced-motion:reduce){
  #hbg-app .hbg-confetti-piece{display:none!important}
}