.bb-shell{--ink:#2b1b25;--red:#d52a2a;--yellow:#ffc929;--blue:#0b4c8c;--cream:#fff8df;--paper:#fffdf4;--green:#178a58;max-width:1180px;margin:24px auto 50px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:linear-gradient(135deg,#fff8df 0%,#fff2c5 55%,#ffe69a 100%);border:4px solid #2b1b25;border-radius:28px;overflow:hidden;box-shadow:0 18px 45px rgba(43,27,37,.18);position:relative}
.bb-shell *{box-sizing:border-box}.bb-top-ribbon{background:repeating-linear-gradient(-45deg,#113f77 0,#113f77 18px,#0b4c8c 18px,#0b4c8c 36px);color:white;text-align:center;padding:14px 18px 18px;border-bottom:5px solid #f6b91c;text-shadow:0 2px 0 #152238}.bb-top-ribbon span{display:block;font-size:12px;letter-spacing:2px;font-weight:900;color:#ffe667}.bb-top-ribbon strong{display:block;font-size:clamp(34px,6vw,72px);line-height:.95;letter-spacing:-2px;color:#ffd62d;-webkit-text-stroke:2px #86200d;text-shadow:0 5px 0 #86200d,0 8px 0 rgba(0,0,0,.2)}.bb-top-ribbon em{display:block;font-style:normal;font-weight:900;font-size:12px;letter-spacing:.8px;margin-top:9px}.bb-save-state{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;padding:9px 14px;font-size:13px;background:#fff;border-bottom:1px solid rgba(43,27,37,.16)}.bb-save-state strong{font-weight:900}.bb-save-state .bb-dot{width:9px;height:9px;border-radius:50%;background:#777}.bb-save-state.is-signed .bb-dot{background:#16a05d;box-shadow:0 0 0 3px #dff7ea}.bb-save-state.is-guest .bb-dot{background:#c78012;box-shadow:0 0 0 3px #fff0cf}.bb-screen{display:none;padding:34px}.bb-screen.is-active{display:block}.bb-start{display:none;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:30px;align-items:center}.bb-start.is-active{display:grid}.bb-kicker{font-size:13px;letter-spacing:2px;font-weight:900;color:#8b1f1f;margin:0 0 6px}.bb-start h1{font-size:clamp(48px,8vw,94px);line-height:.82;margin:5px 0 18px;letter-spacing:-5px;color:#f0362f;text-shadow:0 4px 0 #7b1919}.bb-start h1 span{color:#ffcf25}.bb-lead{font-size:20px;line-height:1.4;font-weight:700;max-width:720px}.bb-rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.bb-rule-grid div{background:#fff;border:3px solid #2b1b25;border-radius:16px;padding:12px 8px;text-align:center;box-shadow:0 5px 0 #2b1b25}.bb-rule-grid b{display:block;font-size:30px;color:#d42d2d}.bb-rule-grid span{font-size:11px;font-weight:900;text-transform:uppercase}.bb-pack-area{margin:24px 0}.bb-pack-area h2{font-size:17px;margin:0 0 10px}.bb-pack-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bb-pack{appearance:none;background:#fff;border:3px solid #cdbb81;border-radius:15px;padding:13px;text-align:left;cursor:pointer;color:var(--ink);transition:.15s}.bb-shell .bb-pack:hover,.bb-shell .bb-pack:focus-visible{transform:translateY(-2px);border-color:#0b4c8c;background:#fff!important;color:var(--ink)!important}.bb-shell .bb-pack:hover strong,.bb-shell .bb-pack:hover span,.bb-shell .bb-pack:hover small,.bb-shell .bb-pack:focus-visible strong,.bb-shell .bb-pack:focus-visible span,.bb-shell .bb-pack:focus-visible small{color:inherit!important}.bb-shell .bb-pack.is-selected:hover,.bb-shell .bb-pack.is-selected:focus-visible{background:#f8fcff!important;color:var(--ink)!important}.bb-pack.is-selected{border-color:#0b4c8c;box-shadow:0 0 0 3px #cce4ff;background:#f8fcff}.bb-pack strong,.bb-pack span,.bb-pack small{display:block}.bb-pack strong{font-size:16px}.bb-pack span{font-weight:900;color:#b32626;font-size:12px;margin-top:3px}.bb-pack small{font-size:11px;line-height:1.3;margin-top:4px}.bb-primary,.bb-secondary{border:0;border-radius:16px;padding:15px 23px;font-weight:1000;font-size:17px;cursor:pointer;box-shadow:0 6px 0 #702018;transition:.1s}.bb-primary{background:#f34232;color:#fff}.bb-shell .bb-primary:hover,.bb-shell .bb-primary:focus-visible,.bb-parent-shell .bb-primary:hover,.bb-parent-shell .bb-primary:focus-visible{transform:none!important;background:#f34232!important;color:#fff!important;box-shadow:0 6px 0 #702018!important;filter:brightness(1.05)}.bb-primary:active{transform:translateY(4px);box-shadow:0 2px 0 #702018}.bb-start-btn,.bb-shell .bb-start-btn:hover,.bb-shell .bb-start-btn:focus-visible,.bb-shell .bb-start-btn:active,.bb-parent-shell .bb-start-btn:hover,.bb-parent-shell .bb-start-btn:focus-visible{box-shadow:none!important;transform:none!important}.bb-start-btn{margin-bottom:10px}.bb-best{font-size:13px;margin:6px 0 0 2px}.bb-secondary{background:#fff;color:#31242b;border:2px solid #31242b;box-shadow:0 5px 0 #31242b}.bb-sandwich-demo{background:radial-gradient(circle at center,#fff 0,#fff8df 70%);border:3px solid #d3b95f;border-radius:24px;padding:15px;text-align:center;min-height:520px;display:flex;flex-direction:column;justify-content:center}.bb-demo-stack{height:340px;position:relative}.bb-demo-stack img{position:absolute;left:50%;width:82%;max-height:180px;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 7px 5px rgba(0,0,0,.17))}.bb-demo-stack img[data-demo-piece="1"]{bottom:10px;z-index:1}.bb-demo-stack img[data-demo-piece="2"]{bottom:63px;z-index:2}.bb-demo-stack img[data-demo-piece="3"]{bottom:112px;z-index:3}.bb-demo-stack img[data-demo-piece="4"]{bottom:155px;z-index:4}.bb-demo-stack img[data-demo-piece="5"]{bottom:195px;z-index:5}.bb-sandwich-demo ol{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;list-style:none;padding:0;margin:8px 0 0}.bb-sandwich-demo li{font-size:10px;font-weight:900;background:#143f72;color:#fff;padding:6px 8px;border-radius:99px}.bb-hud{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:18px}.bb-hud-box{background:#fff;border:3px solid #2d2025;border-radius:16px;text-align:center;padding:9px;box-shadow:0 5px 0 #2d2025}.bb-hud-box span{display:block;font-size:10px;letter-spacing:1px;font-weight:900}.bb-hud-box strong{font-size:27px;color:#0b4c8c}.bb-hud-box i{font-style:normal}.bb-timer strong{color:#128b5a}.bb-timer.is-danger{animation:bbPulse .65s infinite}.bb-timer.is-danger strong{color:#d42d2d}.bb-game-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:22px}.bb-card{background:#fff;border:4px solid #2b1b25;border-radius:25px;padding:26px;min-height:470px;display:flex;flex-direction:column;box-shadow:0 11px 0 #2b1b25;position:relative;overflow:hidden}.bb-card:before{content:"?";position:absolute;right:-15px;top:-45px;font-size:190px;font-weight:1000;color:rgba(255,206,38,.18);transform:rotate(10deg)}.bb-card-kicker{font-size:11px;font-weight:900;letter-spacing:1.5px;color:#8b1f1f;margin:0 0 18px;position:relative}.bb-question{font-size:clamp(25px,4vw,42px);font-weight:1000;line-height:1.14;flex:1;display:flex;align-items:center;position:relative;max-width:850px}.bb-answer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.bb-answer{border:0;border-radius:18px;padding:18px 12px;font-size:21px;font-weight:1000;color:white;cursor:pointer;box-shadow:0 6px 0 rgba(0,0,0,.28)}.bb-truth{background:#168a57}.bb-baloney{background:#d02b2b}.bb-answer:hover{transform:translateY(-2px)}.bb-answer:disabled{opacity:.55;cursor:not-allowed;transform:none}.bb-reveal{position:relative;border-top:2px dashed #d6c69d;margin-top:20px;padding-top:18px}.bb-verdict{font-size:22px;font-weight:1000;color:#0b4c8c}.bb-reveal p{font-size:15px;line-height:1.5;margin:8px 0 15px}.bb-next{background:#143f72;color:#fff;border:0;border-radius:12px;padding:11px 16px;font-weight:900;cursor:pointer}.bb-card.is-correct{border-color:#168a57;box-shadow:0 11px 0 #116841}.bb-card.is-wrong{border-color:#c92424;box-shadow:0 11px 0 #7d1717}.bb-stack-zone{background:#fff3c9;border:3px solid #bb9220;border-radius:22px;padding:15px;text-align:center}.bb-stack-zone h2{font-size:17px;margin:3px 0 3px}.bb-stack-warning{font-size:11px;font-weight:900;color:#9b2727;margin:0}.bb-live-stack{height:355px;position:relative;margin:8px auto 0;max-width:340px}.bb-live-stack img{position:absolute;left:50%;width:88%;max-height:185px;object-fit:contain;transform:translateX(-50%) translateY(-6px) scale(.94);opacity:.12;filter:grayscale(1) drop-shadow(0 6px 4px rgba(0,0,0,.12));transition:.35s cubic-bezier(.2,.8,.2,1)}.bb-live-stack img[data-piece="1"]{bottom:8px;z-index:1}.bb-live-stack img[data-piece="2"]{bottom:60px;z-index:2}.bb-live-stack img[data-piece="3"]{bottom:107px;z-index:3}.bb-live-stack img[data-piece="4"]{bottom:150px;z-index:4}.bb-live-stack img[data-piece="5"]{bottom:194px;z-index:5}.bb-live-stack img.is-earned{opacity:1;filter:drop-shadow(0 7px 5px rgba(0,0,0,.18));transform:translateX(-50%) translateY(0) scale(1)}.bb-live-stack img.is-new{animation:bbDrop .55s ease-out}.bb-piece-labels{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.bb-piece-labels span{font-size:9px;font-weight:900;border-radius:99px;padding:5px 7px;background:#e5dcc3;color:#8e8265}.bb-piece-labels span.is-earned{background:#143f72;color:#fff}.bb-results{padding:45px}.bb-result-card{max-width:820px;margin:auto;background:#fff;border:4px solid #2b1b25;border-radius:28px;padding:32px;text-align:center;box-shadow:0 12px 0 #2b1b25}.bb-result-card h2{font-size:clamp(34px,6vw,64px);line-height:1;margin:8px 0 12px;color:#d42d2d}.bb-result-message{font-size:17px;font-weight:700}.bb-score-total{background:linear-gradient(135deg,#0b4c8c,#163766);color:#fff;border-radius:20px;padding:16px;margin:20px 0}.bb-score-total span{display:block;font-size:11px;letter-spacing:2px;font-weight:900;color:#ffe15a}.bb-score-total strong{display:block;font-size:64px;line-height:1}.bb-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bb-result-grid div{border:2px solid #e3d9bd;border-radius:14px;padding:11px}.bb-result-grid span{font-size:10px;font-weight:900;display:block;text-transform:uppercase}.bb-result-grid strong{font-size:21px}.bb-save-result{margin:16px 0;padding:10px;border-radius:12px;background:#f5f1e7;font-weight:700;font-size:13px}.bb-save-result.is-saved{background:#e5f7ec;color:#16623d}.bb-save-result.is-error{background:#fff0eb;color:#8e2719}.bb-result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}@keyframes bbDrop{0%{transform:translateX(-50%) translateY(-110px) scale(1.08);opacity:.15}65%{transform:translateX(-50%) translateY(8px) scale(1.02)}100%{transform:translateX(-50%) translateY(0) scale(1)}}@keyframes bbPulse{50%{transform:scale(1.035)}}
@media(max-width:820px){.bb-shell{margin:10px;border-width:3px;border-radius:20px}.bb-screen{padding:20px}.bb-start.is-active,.bb-game-grid{grid-template-columns:1fr}.bb-sandwich-demo{min-height:390px}.bb-demo-stack{height:250px}.bb-demo-stack img{max-height:135px}.bb-demo-stack img[data-demo-piece="1"]{bottom:5px}.bb-demo-stack img[data-demo-piece="2"]{bottom:45px}.bb-demo-stack img[data-demo-piece="3"]{bottom:82px}.bb-demo-stack img[data-demo-piece="4"]{bottom:116px}.bb-demo-stack img[data-demo-piece="5"]{bottom:148px}.bb-rule-grid{grid-template-columns:repeat(2,1fr)}.bb-pack-list{grid-template-columns:1fr}.bb-hud{gap:6px}.bb-hud-box strong{font-size:21px}.bb-hud-box span{font-size:8px}.bb-card{min-height:430px;padding:20px}.bb-question{font-size:29px}.bb-stack-zone{order:-1}.bb-live-stack{height:245px;max-width:300px}.bb-live-stack img{max-height:130px}.bb-live-stack img[data-piece="1"]{bottom:4px}.bb-live-stack img[data-piece="2"]{bottom:40px}.bb-live-stack img[data-piece="3"]{bottom:73px}.bb-live-stack img[data-piece="4"]{bottom:103px}.bb-live-stack img[data-piece="5"]{bottom:134px}.bb-result-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.bb-top-ribbon strong{-webkit-text-stroke:1px #86200d;text-shadow:0 3px 0 #86200d}.bb-top-ribbon em{font-size:9px}.bb-start h1{letter-spacing:-3px}.bb-answer-buttons{grid-template-columns:1fr}.bb-answer{padding:15px}.bb-results{padding:18px}.bb-result-card{padding:20px}.bb-score-total strong{font-size:52px}}
@media(prefers-reduced-motion:reduce){.bb-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.bb-grownup-pack-link{margin:10px 0 0;font-size:12px;font-weight:800}.bb-grownup-pack-link a{color:#143f72;text-decoration:underline}.bb-seo-copy{padding:22px 34px 28px;background:rgba(255,255,255,.72);border-top:1px solid rgba(43,27,37,.12);text-align:center}.bb-seo-copy h2{font-size:20px;margin:0 0 7px}.bb-seo-copy p{max-width:860px;margin:0 auto 10px;line-height:1.55;font-size:14px}.bb-seo-copy nav{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;font-size:13px;font-weight:800}.bb-seo-copy nav a{color:#143f72}.bb-seo-copy nav span{color:#aa8f43}
.bb-parent-body{margin:0;background:#f8efd5;color:#2b1b25;font-family:Arial,Helvetica,sans-serif}.bb-parent-page{padding:36px 18px}.bb-parent-shell{max-width:920px;margin:0 auto;background:#fffdf4;border:4px solid #2b1b25;border-radius:26px;padding:30px;box-shadow:0 14px 35px rgba(43,27,37,.16)}.bb-parent-shell h1{font-size:clamp(34px,6vw,58px);line-height:1;margin:4px 0 14px;color:#d52a2a}.bb-parent-shell p{line-height:1.55}.bb-parent-notice{margin:15px 0;padding:12px 14px;border-radius:12px;background:#e5f7ec;color:#16623d;font-weight:900}.bb-parent-profile-grid{display:grid;gap:10px;margin:22px 0}.bb-parent-profile{display:flex;justify-content:space-between;align-items:center;gap:18px;border:2px solid #d8c89b;background:#fff;border-radius:15px;padding:14px 16px}.bb-parent-profile strong,.bb-parent-profile small{display:block}.bb-parent-profile small{margin-top:3px;color:#795c3b}.bb-switch-copy{font-weight:900;white-space:nowrap}.bb-switch-copy input{transform:scale(1.25);margin-right:7px}.bb-parent-shell .bb-primary{border:0;border-radius:16px;padding:15px 23px;font-weight:1000;font-size:16px;cursor:pointer;background:#f34232;color:#fff;box-shadow:0 6px 0 #702018}.bb-parent-return{display:inline-block;margin-left:14px;font-weight:900;color:#143f72}.bb-parent-footnote{font-size:12px;color:#665b52;margin-top:24px;border-top:1px solid #ddd1ad;padding-top:14px}
@media(max-width:620px){.bb-parent-profile{align-items:flex-start;flex-direction:column}.bb-switch-copy{white-space:normal}.bb-parent-return{display:block;margin:18px 0 0}.bb-seo-copy{padding:20px}.bb-seo-copy nav span{display:none}}

.bb-shell button:focus-visible,.bb-parent-shell button:focus-visible,.bb-shell a:focus-visible,.bb-parent-shell a:focus-visible{outline:3px solid #0b4c8c;outline-offset:3px}.bb-shell .bb-secondary:hover,.bb-shell .bb-secondary:focus-visible{background:#fff!important;color:#31242b!important;box-shadow:0 5px 0 #31242b!important}.bb-shell .bb-answer:hover,.bb-shell .bb-answer:focus-visible{color:#fff!important;box-shadow:0 6px 0 rgba(0,0,0,.28)!important}.bb-shell .bb-truth:hover,.bb-shell .bb-truth:focus-visible{background:#168a57!important}.bb-shell .bb-baloney:hover,.bb-shell .bb-baloney:focus-visible{background:#d02b2b!important}.bb-shell .bb-next:hover,.bb-shell .bb-next:focus-visible{background:#143f72!important;color:#fff!important}.bb-shell .bb-pack.is-selected span{color:#b32626!important}.bb-shell .bb-pack.is-selected strong,.bb-shell .bb-pack.is-selected small{color:var(--ink)!important}

.bb-friend-challenge{border:2px dashed #d6a820;background:#fff8d5;border-radius:15px;padding:11px 14px;color:#3b2a23}.bb-friend-challenge strong{display:block;color:#a32222;font-size:12px;letter-spacing:1.2px}.bb-friend-challenge span{display:block;margin-top:3px;font-size:13px;line-height:1.4;font-weight:800}.bb-friend-challenge-start{max-width:650px;margin:14px 0 0}.bb-friend-challenge-results{max-width:650px;margin:16px auto 2px}.bb-shell .bb-friend-challenge *{color:inherit}.bb-shell .bb-friend-challenge strong{color:#a32222}

/* v0.1.4 mobile gameplay cockpit */
.bb-mobile-playbar{display:none}
@media(max-width:820px){
  .bb-screen.bb-game{padding:10px 10px 14px}
  .bb-game .bb-hud,.bb-game .bb-stack-zone{display:none!important}
  .bb-mobile-playbar{display:grid;grid-template-columns:minmax(0,1fr) 124px;gap:8px;align-items:stretch;margin:0 0 9px;padding:8px;background:linear-gradient(135deg,#143f72,#0b4c8c);border:3px solid #2b1b25;border-radius:18px;box-shadow:0 4px 0 #2b1b25;position:sticky;top:6px;z-index:30}
  .bb-mobile-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .bb-mobile-stat{min-width:0;background:#fffdf4;border:2px solid #2b1b25;border-radius:10px;padding:5px 6px;text-align:center;line-height:1.05}
  .bb-mobile-stat span{display:block;font-size:8px;font-weight:1000;letter-spacing:.7px;color:#665452;margin-bottom:2px}
  .bb-mobile-stat strong{display:block;font-size:18px;color:#0b4c8c;white-space:nowrap}
  .bb-mobile-stat i{font-style:normal}
  .bb-mobile-timer strong{color:#178a58}
  .bb-mobile-timer.is-danger{animation:bbPulse .65s infinite}
  .bb-mobile-timer.is-danger strong{color:#d42d2d}
  .bb-mobile-sandwich{background:#fff3c9;border:2px solid #d3b95f;border-radius:12px;padding:3px 4px 4px;min-width:0;text-align:center;overflow:hidden}
  .bb-mobile-stack{height:82px;position:relative;margin:0 auto;width:112px;max-width:100%}
  .bb-mobile-stack img{position:absolute;left:50%;width:96%;max-height:45px;object-fit:contain;transform:translateX(-50%) translateY(-2px) scale(.96);opacity:.14;filter:grayscale(1);transition:.25s cubic-bezier(.2,.8,.2,1)}
  .bb-mobile-stack img[data-mobile-piece="1"]{bottom:0;z-index:1}
  .bb-mobile-stack img[data-mobile-piece="2"]{bottom:12px;z-index:2}
  .bb-mobile-stack img[data-mobile-piece="3"]{bottom:23px;z-index:3}
  .bb-mobile-stack img[data-mobile-piece="4"]{bottom:34px;z-index:4}
  .bb-mobile-stack img[data-mobile-piece="5"]{bottom:44px;z-index:5}
  .bb-mobile-stack img.is-earned{opacity:1;filter:none;transform:translateX(-50%) translateY(0) scale(1)}
  .bb-mobile-stack img.is-new{animation:bbMobileDrop .4s ease-out}
  .bb-mobile-sandwich-label{display:block;font-size:7px;font-weight:1000;letter-spacing:.6px;color:#7b5d17;white-space:nowrap}
  .bb-game-grid{display:block}
  .bb-card{min-height:0;padding:14px 14px 13px;border-width:3px;border-radius:18px;box-shadow:0 5px 0 #2b1b25}
  .bb-card.is-correct{box-shadow:0 5px 0 #116841}
  .bb-card.is-wrong{box-shadow:0 5px 0 #7d1717}
  .bb-card:before{right:-8px;top:-25px;font-size:118px}
  .bb-card-kicker{font-size:9px;letter-spacing:1px;margin:0 0 8px}
  .bb-question{font-size:clamp(21px,6.2vw,28px);line-height:1.12;min-height:132px;align-items:center}
  .bb-answer-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
  .bb-answer{padding:14px 8px;font-size:17px;border-radius:14px;box-shadow:0 4px 0 rgba(0,0,0,.24)}
  .bb-reveal{margin-top:10px;padding-top:10px}
  .bb-verdict{font-size:18px;line-height:1.12}
  .bb-reveal p{font-size:13px;line-height:1.35;margin:5px 0 9px;max-height:108px;overflow:auto;-webkit-overflow-scrolling:touch}
  .bb-next{width:100%;padding:12px 10px;font-size:15px}
}
@media(max-width:430px){
  .bb-mobile-playbar{grid-template-columns:minmax(0,1fr) 112px;padding:7px;gap:6px;border-radius:15px}
  .bb-mobile-stack{width:100px;height:76px}
  .bb-mobile-stat strong{font-size:17px}
  .bb-question{min-height:118px}
  .bb-answer{font-size:16px;padding:13px 6px}
}
@keyframes bbMobileDrop{0%{transform:translateX(-50%) translateY(-40px) scale(1.06);opacity:.15}70%{transform:translateX(-50%) translateY(3px) scale(1.02)}100%{transform:translateX(-50%) translateY(0) scale(1)}}

/* v0.1.5: recoverable connection state. Keeps a temporary network hiccup from freezing gameplay. */
.bb-connection-box{position:absolute;inset:14px;z-index:30;background:rgba(255,253,244,.97);border:4px solid #d42d2d;border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;box-shadow:0 10px 0 rgba(43,27,37,.18)}
.bb-connection-box[hidden]{display:none!important}.bb-connection-box strong{font-size:22px;color:#a32222;letter-spacing:.5px}.bb-connection-box span{max-width:420px;font-size:15px;font-weight:800;line-height:1.4}.bb-recover-btn{border:0;border-radius:14px;background:#143f72;color:#fff;padding:12px 18px;font-weight:1000;font-size:15px;cursor:pointer}.bb-recover-btn:hover,.bb-recover-btn:focus-visible{background:#143f72!important;color:#fff!important}.bb-recover-btn:disabled{opacity:.65;cursor:wait}
@media(max-width:820px){.bb-connection-box{inset:8px;padding:16px}.bb-connection-box strong{font-size:18px}.bb-connection-box span{font-size:13px}.bb-recover-btn{font-size:14px;padding:11px 16px}}

/* v0.1.6: winning result shows exactly how much of the sandwich was built. */
.bb-result-sandwich{margin:14px auto 18px;max-width:330px;padding:11px 12px 8px;background:#fff8df;border:2px solid #d3b95f;border-radius:16px;text-align:center}
.bb-result-sandwich[hidden]{display:none!important}.bb-result-sandwich>strong{display:block;font-size:11px;letter-spacing:1.2px;color:#8b1f1f}.bb-result-sandwich>span{display:block;font-size:11px;font-weight:1000;color:#665452;margin-top:3px}
.bb-result-stack{height:142px;position:relative;max-width:245px;margin:2px auto 0;overflow:hidden}
.bb-result-stack img{position:absolute;left:50%;width:86%;max-height:78px;object-fit:contain;transform:translateX(-50%);opacity:.10;filter:grayscale(1);transition:.2s}
.bb-result-stack img[data-result-piece="1"]{bottom:4px;z-index:1}.bb-result-stack img[data-result-piece="2"]{bottom:26px;z-index:2}.bb-result-stack img[data-result-piece="3"]{bottom:47px;z-index:3}.bb-result-stack img[data-result-piece="4"]{bottom:66px;z-index:4}.bb-result-stack img[data-result-piece="5"]{bottom:84px;z-index:5}
.bb-result-stack img.is-built{opacity:1;filter:none}
@media(max-width:480px){.bb-result-sandwich{max-width:270px;margin:12px auto 15px;padding:9px 10px 7px}.bb-result-stack{height:116px;max-width:205px}.bb-result-stack img{max-height:64px}.bb-result-stack img[data-result-piece="1"]{bottom:3px}.bb-result-stack img[data-result-piece="2"]{bottom:20px}.bb-result-stack img[data-result-piece="3"]{bottom:37px}.bb-result-stack img[data-result-piece="4"]{bottom:52px}.bb-result-stack img[data-result-piece="5"]{bottom:67px}}

/* ============================================================
   v0.1.8 — OFFICIAL BRAINY BOT ACADEMY GRAPHIC UI SKIN
   Uses the locked Brainy Bot Academy background and exact locked
   Fibby's Baloney Blitz!? logo. No generated logo reinterpretation.
   ============================================================ */
.bb-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Prevent WordPress/Kadence page surfaces from covering the game-world art. */
body.tbac-baloney-blitz-page{background:#18130f!important}
body.tbac-baloney-blitz-page:before{content:"";position:fixed;inset:0;z-index:-2;background:url('../img/ui/brainy-bot-academy-bg.png') center center/cover no-repeat fixed}
body.tbac-baloney-blitz-page:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,12,9,.06),rgba(15,12,9,.18));pointer-events:none}
body.tbac-baloney-blitz-page #page,
body.tbac-baloney-blitz-page .site,
body.tbac-baloney-blitz-page .site-content,
body.tbac-baloney-blitz-page .content-bg,
body.tbac-baloney-blitz-page .content-area,
body.tbac-baloney-blitz-page .site-main,
body.tbac-baloney-blitz-page article,
body.tbac-baloney-blitz-page .entry,
body.tbac-baloney-blitz-page .entry-content,
body.tbac-baloney-blitz-page .entry-content-wrap,
body.tbac-baloney-blitz-page .content-container,
body.tbac-baloney-blitz-page .site-container{background:transparent!important;box-shadow:none!important}
body.tbac-baloney-blitz-page .entry-header,
body.tbac-baloney-blitz-page .page-header{display:none!important}
body.tbac-baloney-blitz-page .entry-content-wrap{padding-top:10px!important}

.bb-page-stage{max-width:1320px;margin:18px auto 48px;padding:20px;border-radius:34px;background:rgba(15,24,31,.52);border:1px solid rgba(255,218,123,.25);box-shadow:0 26px 70px rgba(0,0,0,.34);backdrop-filter:blur(2px)}

.bb-page-stage .bb-shell{--ink:#24190f;--red:#c94627;--yellow:#f7c948;--blue:#173d5d;--cream:#f9efd7;--paper:#fbf0d4;--green:#607f31;max-width:1180px;margin:0 auto;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:linear-gradient(180deg,#1b3345 0,#102739 100%);border:5px solid #8b5b2e;border-radius:28px;overflow:hidden;box-shadow:0 0 0 3px #d49a49,0 0 0 7px #1b1a17,0 20px 50px rgba(0,0,0,.42);position:relative}
.bb-page-stage .bb-shell:before,.bb-page-stage .bb-shell:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f7d280,#a56a25 48%,#4d2e13 75%);box-shadow:0 1px 2px rgba(0,0,0,.55);z-index:20;pointer-events:none}
.bb-page-stage .bb-shell:before{left:9px;top:9px}.bb-page-stage .bb-shell:after{right:9px;top:9px}

/* Brand header */
.bb-top-ribbon{background:linear-gradient(180deg,#183b58 0%,#10283c 100%);color:#fff;text-align:center;padding:12px 18px 15px;border-bottom:4px solid #b67931;text-shadow:none;position:relative;overflow:visible}
.bb-top-ribbon:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0,rgba(255,255,255,.015) 3px,rgba(0,0,0,.018) 3px,rgba(0,0,0,.018) 6px);pointer-events:none}
.bb-top-ribbon strong{display:none!important}
.bb-academy-tag{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;position:relative;z-index:2;margin-bottom:2px}
.bb-academy-tag span{display:inline-block!important;color:#f7cb63!important;font-size:12px!important;letter-spacing:2.4px!important;font-weight:1000!important;margin:0!important}
.bb-academy-tag b{font-size:10px;letter-spacing:1.4px;color:#dcecf6;background:#0c2030;border:1px solid #6e91aa;border-radius:999px;padding:4px 9px}
.bb-official-logo{display:block;width:min(100%,620px);height:auto;margin:0 auto;position:relative;z-index:2;filter:drop-shadow(0 6px 0 rgba(0,0,0,.28)) drop-shadow(0 12px 14px rgba(0,0,0,.26))}
.bb-top-ribbon em{display:block;font-style:normal;font-weight:900;font-size:11px;letter-spacing:.75px;margin-top:3px;color:#f7e8bd;position:relative;z-index:2}

/* Save status becomes an in-world status rail. */
.bb-save-state{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;padding:8px 14px;font-size:12px;background:linear-gradient(180deg,#e5d6b6,#c9b084);border-top:1px solid #f4e3bd;border-bottom:3px solid #72451e;color:#382718}
.bb-save-state strong{font-weight:1000}.bb-save-state .bb-dot{width:9px;height:9px;border-radius:50%;background:#777;border:1px solid #33220f}.bb-save-state.is-signed .bb-dot{background:#5ea842;box-shadow:0 0 0 3px rgba(94,168,66,.18)}.bb-save-state.is-guest .bb-dot{background:#d89a2b;box-shadow:0 0 0 3px rgba(216,154,43,.18)}

/* General screen surfaces */
.bb-screen{display:none;padding:28px}.bb-screen.is-active{display:block}
.bb-start{display:none;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:22px;align-items:stretch;background:linear-gradient(180deg,#17364d,#122b3e)}
.bb-start.is-active{display:grid}
.bb-start-copy{background:linear-gradient(180deg,#f8eed5,#ead7ac);border:4px solid #744a25;border-radius:20px;padding:24px;box-shadow:inset 0 0 0 3px #c99854,0 8px 0 #1a1713,0 15px 28px rgba(0,0,0,.22);position:relative}
.bb-start-copy:before,.bb-start-copy:after,.bb-card:after,.bb-stack-zone:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe19b,#a86a27 50%,#4b2c12 78%);box-shadow:0 1px 2px rgba(0,0,0,.5)}
.bb-start-copy:before{left:10px;top:10px}.bb-start-copy:after{right:10px;top:10px}
.bb-kicker{font-size:12px;letter-spacing:1.7px;font-weight:1000;color:#18517b;margin:0 0 9px;text-transform:uppercase}
.bb-professor-plaque{display:inline-flex;flex-direction:column;gap:2px;background:linear-gradient(#243c4d,#102736);border:2px solid #b87b34;border-radius:11px;padding:8px 12px;margin:0 0 14px;color:#fff;box-shadow:inset 0 0 0 1px #e0aa55}
.bb-professor-plaque strong{font-size:12px;letter-spacing:.8px;color:#ffd76e}.bb-professor-plaque span{font-size:11px;font-weight:800;color:#edf6fa}
.bb-lead{font-size:18px;line-height:1.45;font-weight:750;max-width:740px;margin-top:4px}

/* Rule gauges */
.bb-rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:19px 0}
.bb-rule-grid div{background:linear-gradient(180deg,#173a54,#0f283a);border:2px solid #9f6d31;border-radius:13px;padding:11px 7px;text-align:center;box-shadow:inset 0 0 0 1px #d4a458,0 4px 0 #38230f}
.bb-rule-grid b{display:block;font-size:28px;color:#ffd15f;text-shadow:0 2px 0 #6f4017}.bb-rule-grid span{font-size:9px;font-weight:1000;text-transform:uppercase;color:#f3ead6;letter-spacing:.45px}

/* Pack selector: academy lesson cartridges */
.bb-pack-area{margin:20px 0 17px}.bb-pack-area h2{font-size:16px;margin:0 0 9px;color:#25465c;text-transform:uppercase;letter-spacing:.8px}
.bb-pack-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.bb-pack{appearance:none;background:linear-gradient(180deg,#193c55,#10293b);border:3px solid #805426;border-radius:14px;padding:12px;text-align:left;cursor:pointer;color:#fff;transition:.15s;box-shadow:inset 0 0 0 1px #bd8742,0 4px 0 #33200f}
.bb-shell .bb-pack:hover,.bb-shell .bb-pack:focus-visible{transform:translateY(-1px);border-color:#edbe60;background:linear-gradient(180deg,#214b68,#17374d)!important;color:#fff!important;box-shadow:inset 0 0 0 1px #ffd77d,0 4px 0 #33200f!important}
.bb-shell .bb-pack:hover strong,.bb-shell .bb-pack:hover span,.bb-shell .bb-pack:hover small,.bb-shell .bb-pack:focus-visible strong,.bb-shell .bb-pack:focus-visible span,.bb-shell .bb-pack:focus-visible small{color:inherit!important}
.bb-pack.is-selected{border-color:#f1c463;box-shadow:inset 0 0 0 2px #f2cd79,0 0 0 3px #3f6e8b,0 4px 0 #33200f;background:linear-gradient(180deg,#28526d,#173a52)}
.bb-pack strong,.bb-pack span,.bb-pack small{display:block}.bb-pack strong{font-size:15px;color:#fff!important}.bb-pack span{font-weight:1000;color:#ffd262!important;font-size:11px;margin-top:3px}.bb-pack small{font-size:10px;line-height:1.35;margin-top:4px;color:#e9edf0!important}
.bb-grownup-pack-link{margin:10px 0 0;font-size:11px;font-weight:900}.bb-grownup-pack-link a{color:#174c72;text-decoration:underline}

/* Buttons */
.bb-primary,.bb-secondary{border-radius:13px;padding:14px 22px;font-weight:1000;font-size:16px;cursor:pointer;transition:.1s}
.bb-primary{border:3px solid #6d3b18;background:linear-gradient(180deg,#d85b35,#b73820);color:#fff;box-shadow:inset 0 0 0 2px #ed8d5c,0 5px 0 #5a2b13}
.bb-shell .bb-primary:hover,.bb-shell .bb-primary:focus-visible{transform:translateY(-1px)!important;background:linear-gradient(180deg,#e66c43,#c44528)!important;color:#fff!important;box-shadow:inset 0 0 0 2px #f19a6d,0 5px 0 #5a2b13!important;filter:none!important}
.bb-primary:active{transform:translateY(3px)!important;box-shadow:inset 0 0 0 2px #f19a6d,0 2px 0 #5a2b13!important}
.bb-start-btn,.bb-shell .bb-start-btn:hover,.bb-shell .bb-start-btn:focus-visible,.bb-shell .bb-start-btn:active{box-shadow:inset 0 0 0 2px #f19a6d!important}.bb-start-btn{margin-bottom:10px}
.bb-best{font-size:12px;margin:6px 0 0 2px;font-weight:900;color:#4f3b27}.bb-secondary{background:linear-gradient(180deg,#eee2c7,#d3bb8f);color:#31242b;border:3px solid #60401f;box-shadow:inset 0 0 0 1px #fff1c7,0 4px 0 #3d2714}

/* Start sandwich survival panel */
.bb-sandwich-demo{background:linear-gradient(180deg,#173b54,#0e2839);border:4px solid #8d5b28;border-radius:20px;padding:15px;text-align:center;min-height:500px;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 0 0 2px #c8954b,0 8px 0 #16130f,0 15px 28px rgba(0,0,0,.24);position:relative}
.bb-sandwich-demo:before{content:"SANDWICH SURVIVAL METER";display:block;color:#ffd267;font-size:13px;letter-spacing:1px;font-weight:1000;margin-bottom:4px}
.bb-demo-stack{height:330px;position:relative}.bb-demo-stack img{position:absolute;left:50%;width:82%;max-height:175px;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 7px 5px rgba(0,0,0,.25))}.bb-demo-stack img[data-demo-piece="1"]{bottom:10px;z-index:1}.bb-demo-stack img[data-demo-piece="2"]{bottom:62px;z-index:2}.bb-demo-stack img[data-demo-piece="3"]{bottom:109px;z-index:3}.bb-demo-stack img[data-demo-piece="4"]{bottom:151px;z-index:4}.bb-demo-stack img[data-demo-piece="5"]{bottom:190px;z-index:5}.bb-sandwich-demo ol{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;list-style:none;padding:0;margin:8px 0 0}.bb-sandwich-demo li{font-size:9px;font-weight:1000;background:#d8b268;color:#2c1d11;padding:6px 8px;border-radius:99px;border:1px solid #573718}

/* Active play */
.bb-game{background:linear-gradient(180deg,#17364d,#10283a)}
.bb-hud{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:15px}
.bb-hud-box{background:linear-gradient(180deg,#173d58,#102b3e);border:3px solid #8e5e2d;border-radius:13px;text-align:center;padding:8px;box-shadow:inset 0 0 0 1px #cf9b4e,0 4px 0 #17130f}
.bb-hud-box span{display:block;font-size:9px;letter-spacing:1px;font-weight:1000;color:#f4dfac}.bb-hud-box strong{font-size:25px;color:#ffd05e}.bb-hud-box i{font-style:normal}.bb-timer strong{color:#7fc36a}.bb-timer.is-danger strong{color:#ff6b50}
.bb-game-grid{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(300px,.52fr);gap:18px}
.bb-card{background:linear-gradient(180deg,#fcf2d9,#ead7ae);border:4px solid #815327;border-radius:20px;padding:24px;min-height:448px;display:flex;flex-direction:column;box-shadow:inset 0 0 0 3px #cda05a,0 8px 0 #17130f;position:relative;overflow:hidden}
.bb-card:before{content:"?";position:absolute;right:-12px;top:-40px;font-size:170px;font-weight:1000;color:rgba(98,76,38,.08);transform:rotate(10deg)}
.bb-card:after{right:10px;top:10px}
.bb-card-kicker{font-size:10px;font-weight:1000;letter-spacing:1.5px;color:#8a402d;margin:0 0 16px;position:relative}
.bb-question{font-size:clamp(25px,3.6vw,40px);font-weight:1000;line-height:1.16;flex:1;display:flex;align-items:center;position:relative;max-width:850px;color:#20384d;text-shadow:0 1px 0 #fff5dc}
.bb-answer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.bb-answer{border-radius:15px;padding:17px 11px;font-size:20px;font-weight:1000;color:white;cursor:pointer;border:3px solid #3d2a16;box-shadow:inset 0 0 0 2px rgba(255,255,255,.22),0 5px 0 #39230f}.bb-truth{background:linear-gradient(180deg,#789941,#557329)}.bb-baloney{background:linear-gradient(180deg,#d85a35,#ad3822)}.bb-shell .bb-truth:hover,.bb-shell .bb-truth:focus-visible{background:linear-gradient(180deg,#87aa4c,#607f31)!important}.bb-shell .bb-baloney:hover,.bb-shell .bb-baloney:focus-visible{background:linear-gradient(180deg,#e56a43,#bd4329)!important}.bb-answer:hover{transform:translateY(-1px)}.bb-answer:disabled{opacity:.55;cursor:not-allowed;transform:none}.bb-reveal{position:relative;border-top:2px dashed #a88651;margin-top:17px;padding-top:15px}.bb-verdict{font-size:21px;font-weight:1000;color:#164c71}.bb-reveal p{font-size:14px;line-height:1.5;margin:7px 0 13px}.bb-next{background:linear-gradient(180deg,#244c66,#17364d);color:#fff;border:3px solid #6b4724;border-radius:11px;padding:10px 15px;font-weight:1000;cursor:pointer;box-shadow:inset 0 0 0 1px #a77a42}.bb-card.is-correct{border-color:#607f31;box-shadow:inset 0 0 0 3px #95b565,0 8px 0 #273a1c}.bb-card.is-wrong{border-color:#b7462a;box-shadow:inset 0 0 0 3px #e27a58,0 8px 0 #552014}

/* Sandwich side panel */
.bb-stack-zone{background:linear-gradient(180deg,#173b54,#10293a);border:4px solid #8c5d2c;border-radius:19px;padding:14px;text-align:center;box-shadow:inset 0 0 0 2px #c69549,0 8px 0 #17130f;position:relative}.bb-stack-zone:after{right:9px;top:9px}.bb-stack-zone h2{font-size:15px;margin:3px 0;color:#ffd16a;letter-spacing:.8px}.bb-stack-warning{font-size:10px;font-weight:1000;color:#f4dfac;margin:0}.bb-live-stack{height:338px;position:relative;margin:6px auto 0;max-width:320px}.bb-live-stack img{position:absolute;left:50%;width:88%;max-height:178px;object-fit:contain;transform:translateX(-50%) translateY(-6px) scale(.94);opacity:.1;filter:grayscale(1) sepia(.3);transition:.35s cubic-bezier(.2,.8,.2,1)}.bb-live-stack img[data-piece="1"]{bottom:8px;z-index:1}.bb-live-stack img[data-piece="2"]{bottom:58px;z-index:2}.bb-live-stack img[data-piece="3"]{bottom:104px;z-index:3}.bb-live-stack img[data-piece="4"]{bottom:146px;z-index:4}.bb-live-stack img[data-piece="5"]{bottom:186px;z-index:5}.bb-live-stack img.is-earned{opacity:1;filter:drop-shadow(0 7px 5px rgba(0,0,0,.24));transform:translateX(-50%) translateY(0) scale(1)}.bb-piece-labels{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.bb-piece-labels span{font-size:8px;font-weight:1000;border-radius:99px;padding:5px 7px;background:#6f5b42;color:#cbbd9e;border:1px solid #3d2b1b}.bb-piece-labels span.is-earned{background:#d7ae5d;color:#23170e}

/* Results */
.bb-results{padding:36px;background:linear-gradient(180deg,#17364d,#10283a)}
.bb-result-card{max-width:820px;margin:auto;background:linear-gradient(180deg,#fbf1d8,#e8d3a7);border:4px solid #815327;border-radius:22px;padding:28px;text-align:center;box-shadow:inset 0 0 0 3px #cda05a,0 9px 0 #17130f}.bb-result-card h2{font-size:clamp(32px,5.6vw,58px);line-height:1;margin:7px 0 11px;color:#b64029;text-shadow:0 2px 0 #fff0c9}.bb-result-message{font-size:16px;font-weight:750}.bb-score-total{background:linear-gradient(180deg,#173d58,#102b3e);color:#fff;border:3px solid #8e5e2d;border-radius:16px;padding:14px;margin:17px 0;box-shadow:inset 0 0 0 1px #cf9b4e}.bb-score-total span{display:block;font-size:10px;letter-spacing:2px;font-weight:1000;color:#f5cf6d}.bb-score-total strong{display:block;font-size:58px;line-height:1;color:#fff}.bb-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.bb-result-grid div{border:2px solid #a47b45;border-radius:12px;padding:10px;background:rgba(255,248,227,.72)}.bb-result-grid span{font-size:9px;font-weight:1000;display:block;text-transform:uppercase;color:#6b4f2d}.bb-result-grid strong{font-size:20px;color:#173d58}.bb-save-result{margin:14px 0;padding:9px;border-radius:11px;background:#e7ddc6;font-weight:800;font-size:12px}
.bb-friend-challenge{border:2px dashed #9c6a2f;background:#f5e5b9;border-radius:13px;padding:10px 13px;color:#3b2a23}.bb-friend-challenge strong{display:block;color:#a43e28;font-size:11px;letter-spacing:1.1px}.bb-friend-challenge span{display:block;margin-top:3px;font-size:12px;line-height:1.4;font-weight:800}

/* SEO copy styled like an Academy note, but remains crawlable. */
.bb-seo-copy{padding:20px 30px 24px;background:linear-gradient(180deg,#d8c294,#bca16c);border-top:3px solid #744a25;text-align:center;color:#352413}.bb-seo-copy h2{font-size:19px;margin:0 0 6px;color:#173d58}.bb-seo-copy p{max-width:860px;margin:0 auto 9px;line-height:1.5;font-size:13px}.bb-seo-copy nav{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;font-size:12px;font-weight:900}.bb-seo-copy nav a{color:#173d58}.bb-seo-copy nav span{color:#765321}

/* Tablet: deliberately preserve a visible sandwich panel instead of switching to phone layout. */
@media (min-width:821px) and (max-width:1100px){
  .bb-page-stage{padding:14px;margin:14px auto 38px}
  .bb-screen{padding:20px}
  .bb-start{grid-template-columns:minmax(0,1.08fr) minmax(265px,.92fr);gap:15px}
  .bb-start-copy{padding:18px}.bb-lead{font-size:16px}.bb-rule-grid b{font-size:23px}.bb-rule-grid span{font-size:8px}
  .bb-sandwich-demo{min-height:430px}.bb-demo-stack{height:275px}.bb-demo-stack img{max-height:145px}.bb-demo-stack img[data-demo-piece="2"]{bottom:51px}.bb-demo-stack img[data-demo-piece="3"]{bottom:89px}.bb-demo-stack img[data-demo-piece="4"]{bottom:124px}.bb-demo-stack img[data-demo-piece="5"]{bottom:156px}
  .bb-game-grid{grid-template-columns:minmax(0,1.42fr) minmax(255px,.58fr);gap:13px}.bb-card{padding:19px;min-height:410px}.bb-question{font-size:clamp(24px,3.4vw,34px)}.bb-stack-zone{padding:11px}.bb-live-stack{height:285px;max-width:275px}.bb-live-stack img{max-height:150px}.bb-live-stack img[data-piece="2"]{bottom:49px}.bb-live-stack img[data-piece="3"]{bottom:88px}.bb-live-stack img[data-piece="4"]{bottom:123px}.bb-live-stack img[data-piece="5"]{bottom:157px}
}

/* Phone cockpit: all vital play information remains in view. */
@media(max-width:820px){
  body.tbac-baloney-blitz-page:before{background-position:center top;background-attachment:scroll}
  .bb-page-stage{padding:8px;margin:10px auto 28px;border-radius:18px;background:rgba(14,25,33,.62)}
  .bb-page-stage .bb-shell{border-width:3px;border-radius:18px;box-shadow:0 0 0 2px #d49a49,0 0 0 5px #1b1a17,0 12px 30px rgba(0,0,0,.38)}
  .bb-top-ribbon{padding:8px 8px 9px}.bb-academy-tag{gap:6px}.bb-academy-tag span{font-size:9px!important;letter-spacing:1.4px!important}.bb-academy-tag b{font-size:8px;padding:3px 6px}.bb-official-logo{width:min(100%,360px);filter:drop-shadow(0 4px 0 rgba(0,0,0,.22))}.bb-top-ribbon em{font-size:8px;line-height:1.3;margin-top:2px}.bb-save-state{padding:6px 9px;font-size:10px}
  .bb-screen{padding:13px}.bb-start.is-active{grid-template-columns:1fr}.bb-start-copy{padding:16px;border-width:3px}.bb-kicker{font-size:10px}.bb-professor-plaque{padding:7px 9px}.bb-professor-plaque strong{font-size:10px}.bb-professor-plaque span{font-size:9px}.bb-lead{font-size:15px}.bb-rule-grid{grid-template-columns:repeat(2,1fr)}.bb-pack-list{grid-template-columns:1fr}.bb-sandwich-demo{min-height:355px;border-width:3px}.bb-demo-stack{height:225px}.bb-demo-stack img{max-height:120px}.bb-demo-stack img[data-demo-piece="1"]{bottom:4px}.bb-demo-stack img[data-demo-piece="2"]{bottom:39px}.bb-demo-stack img[data-demo-piece="3"]{bottom:72px}.bb-demo-stack img[data-demo-piece="4"]{bottom:102px}.bb-demo-stack img[data-demo-piece="5"]{bottom:130px}

  .bb-screen.bb-game{padding:8px 8px 12px}.bb-game .bb-hud,.bb-game .bb-stack-zone{display:none!important}.bb-mobile-playbar{display:grid;grid-template-columns:minmax(0,1fr) 122px;gap:7px;align-items:stretch;margin:0 0 8px;padding:7px;background:linear-gradient(180deg,#173b54,#10293a);border:3px solid #8c5d2c;border-radius:15px;box-shadow:inset 0 0 0 1px #c69549,0 4px 0 #17130f;position:sticky;top:5px;z-index:30}.bb-mobile-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px}.bb-mobile-stat{min-width:0;background:linear-gradient(180deg,#f7ecd2,#e4cf9f);border:2px solid #6f4723;border-radius:9px;padding:4px 5px;text-align:center;line-height:1.05}.bb-mobile-stat span{display:block;font-size:7px;font-weight:1000;letter-spacing:.7px;color:#655038;margin-bottom:2px}.bb-mobile-stat strong{display:block;font-size:17px;color:#173d58;white-space:nowrap}.bb-mobile-stat i{font-style:normal}.bb-mobile-timer strong{color:#5e8c42}.bb-mobile-timer.is-danger strong{color:#c7432b}.bb-mobile-sandwich{background:#0f293a;border:2px solid #9a6a31;border-radius:10px;padding:3px 4px 4px;min-width:0;text-align:center;overflow:hidden}.bb-mobile-stack{height:80px;position:relative;margin:0 auto;width:110px;max-width:100%}.bb-mobile-stack img{position:absolute;left:50%;width:96%;max-height:44px;object-fit:contain;transform:translateX(-50%) translateY(-2px) scale(.96);opacity:.12;filter:grayscale(1);transition:.25s cubic-bezier(.2,.8,.2,1)}.bb-mobile-stack img[data-mobile-piece="1"]{bottom:0;z-index:1}.bb-mobile-stack img[data-mobile-piece="2"]{bottom:12px;z-index:2}.bb-mobile-stack img[data-mobile-piece="3"]{bottom:23px;z-index:3}.bb-mobile-stack img[data-mobile-piece="4"]{bottom:34px;z-index:4}.bb-mobile-stack img[data-mobile-piece="5"]{bottom:44px;z-index:5}.bb-mobile-stack img.is-earned{opacity:1;filter:none;transform:translateX(-50%) translateY(0) scale(1)}.bb-mobile-sandwich-label{display:block;font-size:7px;font-weight:1000;letter-spacing:.5px;color:#f3cf74;white-space:nowrap}.bb-game-grid{display:block}.bb-card{min-height:0;padding:13px;border-width:3px;border-radius:15px;box-shadow:inset 0 0 0 2px #cda05a,0 5px 0 #17130f}.bb-card:before{right:-7px;top:-22px;font-size:110px}.bb-card-kicker{font-size:8px;letter-spacing:1px;margin:0 0 7px}.bb-question{font-size:clamp(21px,6vw,27px);line-height:1.12;min-height:125px;align-items:center}.bb-answer-buttons{grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.bb-answer{padding:13px 7px;font-size:16px;border-width:2px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 4px 0 #39230f}.bb-reveal{margin-top:9px;padding-top:9px}.bb-verdict{font-size:17px;line-height:1.12}.bb-reveal p{font-size:12px;line-height:1.35;margin:5px 0 8px;max-height:105px;overflow:auto;-webkit-overflow-scrolling:touch}.bb-next{width:100%;padding:11px 9px;font-size:14px}.bb-results{padding:16px}.bb-result-card{padding:18px;border-width:3px}.bb-result-grid{grid-template-columns:repeat(2,1fr)}.bb-seo-copy{padding:17px 16px}.bb-seo-copy nav span{display:none}
}
@media(max-width:430px){.bb-mobile-playbar{grid-template-columns:minmax(0,1fr) 108px}.bb-mobile-stack{width:96px;height:74px}.bb-mobile-stat strong{font-size:16px}.bb-question{min-height:112px}.bb-answer{font-size:15px;padding:12px 5px}.bb-official-logo{width:min(100%,310px)}}

/* ============================================================
   v0.1.9 — TRUE GAME-PAGE TAKEOVER
   The plugin now supplies its own page template for Baloney Blitz.
   The normal site header/footer stay intact, while Kadence/WordPress
   page title, sidebar, boxed content width, page padding and content
   background presets are bypassed for this game page only.
   ============================================================ */
body.tbac-baloney-blitz-page .bb-game-page-main{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.tbac-baloney-blitz-page #primary.bb-game-page-main{
  width:100%!important;
  max-width:none!important;
  flex:0 0 100%!important;
}
body.tbac-baloney-blitz-page #page,
body.tbac-baloney-blitz-page #wrapper,
body.tbac-baloney-blitz-page #inner-wrap,
body.tbac-baloney-blitz-page .site,
body.tbac-baloney-blitz-page .site-container,
body.tbac-baloney-blitz-page .site-content,
body.tbac-baloney-blitz-page .content-bg{
  background:transparent!important;
  box-shadow:none!important;
}
/* Fallback protection if a theme/plugin forces its own content shell anyway. */
body.tbac-baloney-blitz-page .content-area,
body.tbac-baloney-blitz-page .content-container,
body.tbac-baloney-blitz-page .site-main,
body.tbac-baloney-blitz-page article.page,
body.tbac-baloney-blitz-page article.type-page,
body.tbac-baloney-blitz-page .entry-content,
body.tbac-baloney-blitz-page .entry-content-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.tbac-baloney-blitz-page .entry-header,
body.tbac-baloney-blitz-page .entry-hero,
body.tbac-baloney-blitz-page .entry-hero-container-inner,
body.tbac-baloney-blitz-page .page-header,
body.tbac-baloney-blitz-page #secondary,
body.tbac-baloney-blitz-page .primary-sidebar{
  display:none!important;
}
/* Let the Academy artwork own the game canvas edge-to-edge below the global header. */
body.tbac-baloney-blitz-page .bb-page-stage{
  width:min(1320px,calc(100% - 28px));
}
@media(max-width:820px){
  body.tbac-baloney-blitz-page .bb-page-stage{width:calc(100% - 12px)}
}

/* ============================================================
   v0.1.11 — BETA ACCESS + READABILITY / INTERACTION QA PASS
   Hardens text contrast against Kadence/theme button overrides and
   explicitly defines normal, hover, focus, active and selected states.
   ============================================================ */

/* Never allow the site theme to recolor text inside the game surfaces. */
.bb-page-stage .bb-shell,
.bb-page-stage .bb-start-copy,
.bb-page-stage .bb-card,
.bb-page-stage .bb-result-card,
.bb-page-stage .bb-result-sandwich{
  color:#24190f!important;
}
.bb-page-stage .bb-start-copy p,
.bb-page-stage .bb-start-copy .bb-lead,
.bb-page-stage .bb-card .bb-reveal p,
.bb-page-stage .bb-result-card .bb-result-message,
.bb-page-stage .bb-result-card .bb-save-result,
.bb-page-stage .bb-result-sandwich span{
  color:#24190f!important;
}
.bb-page-stage .bb-kicker{color:#164c71!important}
.bb-page-stage .bb-pack-area h2{color:#173d58!important}
.bb-page-stage .bb-best,
.bb-page-stage .bb-best strong{color:#3b2a1b!important}
.bb-page-stage .bb-question{color:#17364d!important}
.bb-page-stage .bb-card-kicker{color:#783723!important}
.bb-page-stage .bb-verdict{color:#123f63!important}

/* Beta pack notice: deliberately high contrast and kid-readable. */
.bb-beta-pack-note{
  margin:10px 0 0!important;
  padding:9px 11px!important;
  border:2px solid #8c5b22!important;
  border-radius:11px!important;
  background:#fff0b8!important;
  color:#3a2714!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:850!important;
  box-shadow:inset 0 0 0 1px #fff8db!important;
}
.bb-beta-pack-note strong{color:#8a2e1e!important;letter-spacing:.5px!important}

/* Question-pack cartridges: all states explicitly protected from theme overrides. */
.bb-page-stage .bb-shell button.bb-pack,
.bb-page-stage .bb-shell button.bb-pack:visited{
  background:linear-gradient(180deg,#193c55,#10293b)!important;
  color:#fff!important;
  border-color:#805426!important;
}
.bb-page-stage .bb-shell button.bb-pack strong{color:#fff!important}
.bb-page-stage .bb-shell button.bb-pack span{color:#ffd76a!important}
.bb-page-stage .bb-shell button.bb-pack small{color:#f5f7f8!important}
.bb-page-stage .bb-shell button.bb-pack:hover,
.bb-page-stage .bb-shell button.bb-pack:focus-visible{
  background:linear-gradient(180deg,#214b68,#17374d)!important;
  color:#fff!important;
  border-color:#f0c56d!important;
}
.bb-page-stage .bb-shell button.bb-pack:hover strong,
.bb-page-stage .bb-shell button.bb-pack:focus-visible strong{color:#fff!important}
.bb-page-stage .bb-shell button.bb-pack:hover span,
.bb-page-stage .bb-shell button.bb-pack:focus-visible span{color:#ffe493!important}
.bb-page-stage .bb-shell button.bb-pack:hover small,
.bb-page-stage .bb-shell button.bb-pack:focus-visible small{color:#fff!important}
.bb-page-stage .bb-shell button.bb-pack.is-selected,
.bb-page-stage .bb-shell button.bb-pack.is-selected:hover,
.bb-page-stage .bb-shell button.bb-pack.is-selected:focus-visible{
  background:linear-gradient(180deg,#28526d,#173a52)!important;
  color:#fff!important;
  border-color:#f3ce7c!important;
}
/* Fixes the legacy selector that made selected-pack copy dark on a dark background. */
.bb-page-stage .bb-shell button.bb-pack.is-selected strong{color:#fff!important}
.bb-page-stage .bb-shell button.bb-pack.is-selected span{color:#ffe07d!important}
.bb-page-stage .bb-shell button.bb-pack.is-selected small{color:#f5f7f8!important}

/* Primary CTA: white text in every state. Start button remains shadow-free. */
.bb-page-stage .bb-shell .bb-primary,
.bb-page-stage .bb-shell .bb-primary:visited{
  background:linear-gradient(180deg,#d85b35,#b73820)!important;
  color:#fff!important;
  border-color:#6d3b18!important;
}
.bb-page-stage .bb-shell .bb-primary:hover,
.bb-page-stage .bb-shell .bb-primary:focus-visible{
  background:linear-gradient(180deg,#e66c43,#c44528)!important;
  color:#fff!important;
}
.bb-page-stage .bb-shell .bb-primary:active{
  background:linear-gradient(180deg,#c94e2e,#a8321d)!important;
  color:#fff!important;
}
.bb-page-stage .bb-shell .bb-start-btn,
.bb-page-stage .bb-shell .bb-start-btn:hover,
.bb-page-stage .bb-shell .bb-start-btn:focus-visible,
.bb-page-stage .bb-shell .bb-start-btn:active{
  box-shadow:inset 0 0 0 2px #f19a6d!important;
}

/* Secondary results/navigation button: dark text in every state. */
.bb-page-stage .bb-shell .bb-secondary,
.bb-page-stage .bb-shell .bb-secondary:visited{
  background:linear-gradient(180deg,#f5e9cf,#d7bf93)!important;
  color:#24190f!important;
  border-color:#60401f!important;
}
.bb-page-stage .bb-shell .bb-secondary:hover,
.bb-page-stage .bb-shell .bb-secondary:focus-visible{
  background:linear-gradient(180deg,#fff4d9,#e5cfa3)!important;
  color:#24190f!important;
  border-color:#765027!important;
}
.bb-page-stage .bb-shell .bb-secondary:active{
  background:#d7bf93!important;
  color:#24190f!important;
}

/* Gameplay answer buttons: guaranteed white labels in normal/hover/focus/active. */
.bb-page-stage .bb-shell .bb-answer,
.bb-page-stage .bb-shell .bb-answer:visited{color:#fff!important}
.bb-page-stage .bb-shell .bb-truth{background:linear-gradient(180deg,#789941,#557329)!important;color:#fff!important}
.bb-page-stage .bb-shell .bb-truth:hover,
.bb-page-stage .bb-shell .bb-truth:focus-visible{background:linear-gradient(180deg,#87aa4c,#607f31)!important;color:#fff!important}
.bb-page-stage .bb-shell .bb-truth:active{background:#4d6926!important;color:#fff!important}
.bb-page-stage .bb-shell .bb-baloney{background:linear-gradient(180deg,#d85a35,#ad3822)!important;color:#fff!important}
.bb-page-stage .bb-shell .bb-baloney:hover,
.bb-page-stage .bb-shell .bb-baloney:focus-visible{background:linear-gradient(180deg,#e56a43,#bd4329)!important;color:#fff!important}
.bb-page-stage .bb-shell .bb-baloney:active{background:#9e311e!important;color:#fff!important}

/* Next/recovery buttons remain white-on-navy through all interaction states. */
.bb-page-stage .bb-shell .bb-next,
.bb-page-stage .bb-shell .bb-next:visited,
.bb-page-stage .bb-shell .bb-recover-btn,
.bb-page-stage .bb-shell .bb-recover-btn:visited{
  background:linear-gradient(180deg,#244c66,#17364d)!important;
  color:#fff!important;
}
.bb-page-stage .bb-shell .bb-next:hover,
.bb-page-stage .bb-shell .bb-next:focus-visible,
.bb-page-stage .bb-shell .bb-recover-btn:hover,
.bb-page-stage .bb-shell .bb-recover-btn:focus-visible{
  background:linear-gradient(180deg,#2d5c79,#1d415c)!important;
  color:#fff!important;
}
.bb-page-stage .bb-shell .bb-next:active,
.bb-page-stage .bb-shell .bb-recover-btn:active{background:#122f45!important;color:#fff!important}

/* High-score/result copy stays readable on parchment surfaces. */
.bb-page-stage .bb-friend-challenge,
.bb-page-stage .bb-friend-challenge span{color:#332215!important}
.bb-page-stage .bb-friend-challenge strong{color:#8f301f!important}
.bb-page-stage .bb-result-grid span{color:#5c4024!important}
.bb-page-stage .bb-result-grid strong{color:#123f63!important}
.bb-page-stage .bb-save-result.is-saved{background:#e2f3e7!important;color:#145c38!important}
.bb-page-stage .bb-save-result.is-error{background:#ffebe3!important;color:#7a2016!important}

/* Footer/SEO links: no pale-on-pale or theme hover inversions. */
.bb-page-stage .bb-seo-copy,
.bb-page-stage .bb-seo-copy p{color:#2d2014!important}
.bb-page-stage .bb-seo-copy h2{color:#123f63!important}
.bb-page-stage .bb-seo-copy nav a,
.bb-page-stage .bb-seo-copy nav a:visited{color:#123f63!important;text-decoration:underline!important;text-decoration-thickness:1.5px!important}
.bb-page-stage .bb-seo-copy nav a:hover,
.bb-page-stage .bb-seo-copy nav a:focus-visible{color:#6f251b!important;background:#fff0be!important;border-radius:4px!important;text-decoration:none!important}
.bb-grownup-pack-link a,
.bb-grownup-pack-link a:visited{color:#123f63!important}
.bb-grownup-pack-link a:hover,
.bb-grownup-pack-link a:focus-visible{color:#6f251b!important;background:#fff0be!important}

/* Focus treatment must be visible on both dark and light surfaces. */
.bb-page-stage .bb-shell button:focus-visible,
.bb-page-stage .bb-shell a:focus-visible{
  outline:4px solid #ffe36e!important;
  outline-offset:3px!important;
}
.bb-page-stage .bb-start-copy button:focus-visible,
.bb-page-stage .bb-result-card button:focus-visible,
.bb-page-stage .bb-start-copy a:focus-visible,
.bb-page-stage .bb-result-card a:focus-visible{
  outline-color:#0d4d7a!important;
}

/* Grown-up controls remain readable while beta override is active. */
.bb-parent-shell,.bb-parent-shell p,.bb-parent-shell label{color:#2b1b25!important}
.bb-parent-shell .bb-parent-notice{background:#e5f7ec!important;color:#165c3b!important}
.bb-parent-shell .bb-primary,
.bb-parent-shell .bb-primary:hover,
.bb-parent-shell .bb-primary:focus-visible{background:#c9442c!important;color:#fff!important}
.bb-parent-shell .bb-parent-return,
.bb-parent-shell .bb-parent-return:visited{color:#123f63!important}
.bb-parent-shell .bb-parent-return:hover,
.bb-parent-shell .bb-parent-return:focus-visible{color:#7a2016!important;background:#fff0be!important}

/* ============================================================
   v0.1.12 — PREMIUM GAME CARD / AUTO-DEAL / REVIEW UPDATE
   ============================================================ */

/* Remove the remaining Kadence/WordPress white site header only on this game page.
   The Terri Bull Adventure Club global black header remains provided by the site. */
body.tbac-baloney-blitz-page #masthead,
body.tbac-baloney-blitz-page .site-header-wrap,
body.tbac-baloney-blitz-page header.site-header,
body.tbac-baloney-blitz-page .kadence-sticky-header,
body.tbac-baloney-blitz-page .site-main-header-wrap,
body.tbac-baloney-blitz-page .site-bottom-header-wrap{
  display:none!important;
}
body.tbac-baloney-blitz-page .bb-game-page-main{margin-top:0!important;padding-top:10px!important}

/* The question is now a premium physical-style game card instead of a web panel. */
.bb-card-shell{position:relative;min-height:500px;perspective:1500px;isolation:isolate}
.bb-flip-card{position:relative;width:100%;min-height:500px;transform-style:preserve-3d}
.bb-card-inner{position:relative;width:100%;min-height:500px;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.75,.18,1)}
.bb-flip-card.is-flipped .bb-card-inner{transform:rotateY(180deg)}
.bb-flip-card.is-resetting .bb-card-inner{transition:none!important}
.bb-flip-card.is-dealing{animation:bbDealCard .4s cubic-bezier(.2,.8,.2,1)}
.bb-card-face{
  position:absolute;inset:0;display:flex;flex-direction:column;min-height:500px;padding:28px 30px 24px;
  border:5px solid #4b2d14;border-radius:25px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;
  box-shadow:inset 0 0 0 3px #c58a35,inset 0 0 0 7px #123b55,0 12px 0 #2a190d,0 18px 34px rgba(0,0,0,.22);
}
.bb-card-face:before{content:"";position:absolute;inset:12px;border:2px solid rgba(124,77,29,.34);border-radius:15px;pointer-events:none}
.bb-card-front{background:linear-gradient(145deg,#fff8e3 0%,#f3dfb6 55%,#ead0a0 100%);color:#1e2931}
.bb-card-front:after{content:"?";position:absolute;right:20px;top:52px;font-size:190px;line-height:1;font-weight:1000;color:rgba(182,116,38,.085);transform:rotate(9deg);pointer-events:none}
.bb-card-back{transform:rotateY(180deg);align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 36%,#fff8df 0%,#f2d59d 66%,#d9ad67 100%);color:#23180f}
.bb-card-back:after{content:"";position:absolute;inset:25px;background:repeating-linear-gradient(45deg,rgba(20,63,89,.035) 0 6px,transparent 6px 15px);border-radius:12px;pointer-events:none}
.bb-card-topline{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 4px 13px;border-bottom:2px dashed #ad793c;color:#6d2f20;font-size:11px;font-weight:1000;letter-spacing:1.25px;text-transform:uppercase}
.bb-card-topline b{font-size:10px;color:#153d57;white-space:nowrap}.bb-card-topline i{font-style:normal}
.bb-card-prompt{position:relative;z-index:2;align-self:center;margin:18px 0 6px;padding:7px 17px;border:2px solid #805020;border-radius:99px;background:#173c55;color:#ffe38a;font-size:12px;font-weight:1000;letter-spacing:1.6px;box-shadow:inset 0 0 0 2px #305a72}
.bb-card-front .bb-question{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;text-align:center;min-height:215px;max-width:900px;margin:0 auto;padding:12px 10px;font-size:clamp(29px,3.4vw,45px);line-height:1.13;font-weight:1000;color:#19384d!important;text-wrap:balance}
.bb-card-front .bb-answer-buttons{position:relative;z-index:3;grid-template-columns:1fr 1fr;gap:16px;margin:10px 0 8px}
.bb-card-front .bb-answer{display:flex;align-items:center;justify-content:center;gap:10px;min-height:74px;border:3px solid rgba(61,38,17,.7)!important;border-radius:18px!important;font-size:22px!important;letter-spacing:.4px!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25),0 6px 0 #39220f!important;transition:transform .1s,filter .1s!important}
.bb-card-front .bb-answer:hover,.bb-card-front .bb-answer:focus-visible{transform:translateY(-2px)!important;filter:brightness(1.07)!important}
.bb-card-front .bb-answer:active{transform:translateY(3px)!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.2),0 2px 0 #39220f!important}
.bb-card-front .bb-answer-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.66);font-size:25px;line-height:1}
.bb-card-footnote{position:relative;z-index:2;margin-top:7px;text-align:center;color:#6b4a28;font-size:11px;font-weight:900;letter-spacing:.25px}
.bb-reveal-stamp{position:relative;z-index:2;display:inline-block;margin-bottom:20px;padding:10px 20px;border:4px double #543315;border-radius:10px;background:#153d57;color:#ffe788;font-size:clamp(24px,4vw,42px);font-weight:1000;letter-spacing:1px;transform:rotate(-1.2deg);box-shadow:0 5px 0 #3e2715}
.bb-flip-card.is-correct .bb-reveal-stamp{background:#4f772b;color:#fff5b8}
.bb-flip-card.is-wrong .bb-reveal-stamp{background:#a63b27;color:#fff4d5}
.bb-correct-answer{position:relative;z-index:2;font-size:15px;font-weight:1000;letter-spacing:1px;color:#52381f}
.bb-correct-answer strong{display:block;margin-top:7px;font-size:clamp(30px,5vw,54px);line-height:1;font-weight:1000;text-shadow:0 2px 0 rgba(255,255,255,.7)}
.bb-correct-answer strong.is-truthful{color:#4f772b}.bb-correct-answer strong.is-baloney{color:#b33c28}
.bb-card-explanation{position:relative;z-index:2;max-width:760px;margin:18px auto 14px!important;font-size:clamp(15px,1.8vw,19px)!important;line-height:1.48!important;font-weight:800!important;color:#2f2418!important;text-wrap:balance}
.bb-auto-deal{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-top:9px;padding:8px 13px;border-radius:99px;background:rgba(23,60,85,.1);color:#163d57;font-size:11px;font-weight:1000;letter-spacing:.5px;text-transform:uppercase}
.bb-deal-dots{display:flex;gap:4px}.bb-deal-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#b2792f;animation:bbDealDot .9s infinite}.bb-deal-dots i:nth-child(2){animation-delay:.15s}.bb-deal-dots i:nth-child(3){animation-delay:.3s}

/* Premium sandwich meter. The files themselves were de-matted and their baked white/gray exterior shadows removed. */
.bb-sandwich-demo,.bb-stack-zone,.bb-mobile-sandwich,.bb-result-sandwich{overflow:hidden}
.bb-demo-stack,.bb-live-stack{position:relative;height:370px;max-width:360px;margin:0 auto}
.bb-demo-stack img,.bb-live-stack img{position:absolute!important;left:50%!important;object-fit:contain!important;transform:translateX(-50%)!important;max-height:none!important;filter:none!important;background:transparent!important;border:0!important;box-shadow:none!important}
.bb-demo-stack img[data-demo-piece="1"],.bb-live-stack img[data-piece="1"]{width:96%!important;top:224px!important;bottom:auto!important;z-index:1}
.bb-demo-stack img[data-demo-piece="2"],.bb-live-stack img[data-piece="2"]{width:90%!important;top:183px!important;bottom:auto!important;z-index:2}
.bb-demo-stack img[data-demo-piece="3"],.bb-live-stack img[data-piece="3"]{width:87%!important;top:145px!important;bottom:auto!important;z-index:3}
.bb-demo-stack img[data-demo-piece="4"],.bb-live-stack img[data-piece="4"]{width:82%!important;top:106px!important;bottom:auto!important;z-index:4}
.bb-demo-stack img[data-demo-piece="5"],.bb-live-stack img[data-piece="5"]{width:94%!important;top:8px!important;bottom:auto!important;z-index:5}
.bb-live-stack img{opacity:.09!important;filter:grayscale(1)!important;transition:opacity .25s,transform .32s cubic-bezier(.2,.8,.2,1)!important}
.bb-live-stack img.is-earned{opacity:1;filter:none!important;transform:translateX(-50%)}
.bb-live-stack img.is-new{animation:bbPremiumPiece .5s cubic-bezier(.2,.85,.2,1)}
.bb-demo-stack img{opacity:1!important}
.bb-stack-zone{background:linear-gradient(180deg,#143d57,#102e43)!important;border:3px solid #c48a39!important;box-shadow:inset 0 0 0 2px #2c5871,0 8px 0 #2d1b0e!important}
.bb-stack-zone h2{color:#ffe38a!important;letter-spacing:.7px!important}.bb-stack-warning{color:#fff1d4!important}
.bb-piece-labels span{background:#dfad55!important;color:#2b1b0e!important;border:1px solid #5d3a18!important}.bb-piece-labels span.is-earned{background:#fff0ae!important;color:#5a2a1e!important}

/* Review answers becomes the untimed learning area after the fast arcade round. */
.bb-result-actions{display:flex!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:18px!important}
.bb-review-open[hidden]{display:none!important}
.bb-review-panel{margin-top:24px;border:4px solid #4a2c14;border-radius:20px;background:linear-gradient(145deg,#fff8e4,#efd7a8);box-shadow:inset 0 0 0 3px #c18a3f,0 9px 0 #2c1b0f;overflow:hidden;text-align:left}
.bb-review-panel[hidden]{display:none!important}
.bb-review-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;background:linear-gradient(180deg,#173f59,#102f45);color:#fff;border-bottom:3px solid #c69143}
.bb-review-header span{display:block;color:#ffe47e;font-size:10px;font-weight:1000;letter-spacing:1.8px}.bb-review-header strong{display:block;margin-top:2px;font-size:16px;letter-spacing:.4px}
.bb-review-close{width:40px;height:40px;padding:0!important;border:2px solid #f0c66d!important;border-radius:50%!important;background:#9d3524!important;color:#fff!important;font-size:28px!important;line-height:1!important;cursor:pointer}
.bb-review-close:hover,.bb-review-close:focus-visible{background:#bd462f!important;color:#fff!important}
.bb-review-card{padding:20px 22px 18px}
.bb-review-number{font-size:10px;font-weight:1000;letter-spacing:1.5px;color:#7a3e25}.bb-review-number strong{font-size:14px;color:#173f59}
.bb-review-question{margin:10px 0 16px;font-size:clamp(21px,2.6vw,30px);line-height:1.2;font-weight:1000;color:#19384d}
.bb-review-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.bb-review-answers>div{padding:11px 12px;border:2px solid #b58a50;border-radius:12px;background:#fff9e9}.bb-review-answers span{display:block;font-size:9px;font-weight:1000;letter-spacing:1px;color:#73543a}.bb-review-answers strong{display:block;margin-top:3px;font-size:18px;color:#1f3440}.bb-review-answers .is-wrong{border-color:#b64d37;background:#fff0e8}.bb-review-answers .is-wrong strong{color:#9d3122}.bb-review-answers .is-correct{border-color:#6c8d3d;background:#eff7df}.bb-review-answers .is-correct strong{color:#496a29}.bb-review-answers .is-correct-answer.is-truthful strong{color:#496a29}.bb-review-answers .is-correct-answer.is-baloney strong{color:#9d3122}
.bb-review-explanation{padding:14px 15px;border-left:5px solid #c48a39;background:#f4e4c3;color:#302319;font-size:14px;line-height:1.48;font-weight:750}
.bb-review-jump{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding:0 18px 14px}.bb-review-dot{width:34px;height:34px;padding:0!important;border:2px solid #64431f!important;border-radius:50%!important;color:#fff!important;font-size:12px!important;font-weight:1000!important;cursor:pointer}.bb-review-dot.is-correct{background:#62863a!important}.bb-review-dot.is-wrong{background:#b2422d!important}.bb-review-dot.is-current{outline:4px solid #173f59!important;outline-offset:2px!important}
.bb-review-nav{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 16px 17px;border-top:1px dashed #a8793a}.bb-review-nav>span{min-width:76px;text-align:center;color:#173f59;font-size:11px;font-weight:1000;letter-spacing:1px}.bb-review-nav button:disabled{opacity:.45!important;cursor:not-allowed!important}

/* Readability: every interactive state explicitly owns its text color. */
.bb-card-front .bb-truth,.bb-card-front .bb-truth:hover,.bb-card-front .bb-truth:focus-visible,.bb-card-front .bb-truth:active{color:#fff!important;background:linear-gradient(180deg,#789b43,#4f712a)!important}
.bb-card-front .bb-baloney,.bb-card-front .bb-baloney:hover,.bb-card-front .bb-baloney:focus-visible,.bb-card-front .bb-baloney:active{color:#fff!important;background:linear-gradient(180deg,#d85b38,#a93321)!important}
.bb-result-actions .bb-primary,.bb-result-actions .bb-primary:hover,.bb-result-actions .bb-primary:focus-visible,.bb-result-actions .bb-primary:active{color:#fff!important}
.bb-result-actions .bb-secondary,.bb-result-actions .bb-secondary:hover,.bb-result-actions .bb-secondary:focus-visible,.bb-result-actions .bb-secondary:active{color:#24190f!important}

/* Tablet: large card on left, sandwich remains visible on right. */
@media (min-width:821px) and (max-width:1100px){
  .bb-card-shell,.bb-flip-card,.bb-card-inner,.bb-card-face{min-height:450px}
  .bb-card-face{padding:22px 22px 19px}
  .bb-card-front .bb-question{min-height:190px;font-size:clamp(26px,3.6vw,37px)}
  .bb-card-front .bb-answer{min-height:66px;font-size:19px!important}
  .bb-demo-stack,.bb-live-stack{height:330px;max-width:315px}
  .bb-demo-stack img[data-demo-piece="1"],.bb-live-stack img[data-piece="1"]{top:204px!important}
  .bb-demo-stack img[data-demo-piece="2"],.bb-live-stack img[data-piece="2"]{top:167px!important}
  .bb-demo-stack img[data-demo-piece="3"],.bb-live-stack img[data-piece="3"]{top:132px!important}
  .bb-demo-stack img[data-demo-piece="4"],.bb-live-stack img[data-piece="4"]{top:97px!important}
  .bb-demo-stack img[data-demo-piece="5"],.bb-live-stack img[data-piece="5"]{top:8px!important}
}

/* Phone: compact HUD stays visible; card front/back fill the remaining gameplay area. */
@media(max-width:820px){
  .bb-card-shell,.bb-flip-card,.bb-card-inner,.bb-card-face{min-height:375px}
  .bb-card-face{padding:16px 14px 14px;border-width:3px;border-radius:18px;box-shadow:inset 0 0 0 2px #c58a35,inset 0 0 0 5px #123b55,0 5px 0 #2a190d}
  .bb-card-topline{font-size:8px;letter-spacing:.7px;padding-bottom:7px}.bb-card-topline b{font-size:8px}
  .bb-card-prompt{margin:10px 0 2px;padding:5px 11px;font-size:9px;letter-spacing:1px}
  .bb-card-front .bb-question{min-height:150px;padding:7px 5px;font-size:clamp(21px,6vw,28px);line-height:1.12}
  .bb-card-front .bb-answer-buttons{gap:8px;margin:7px 0 4px}.bb-card-front .bb-answer{min-height:54px;padding:9px 5px!important;font-size:16px!important;border-radius:12px!important;box-shadow:0 3px 0 #39220f!important}.bb-card-front .bb-answer-mark{width:29px;height:29px;font-size:19px}
  .bb-card-footnote{font-size:8.5px;margin-top:5px}
  .bb-reveal-stamp{margin-bottom:12px;padding:7px 11px;border-width:3px;font-size:clamp(20px,7vw,30px)}
  .bb-correct-answer{font-size:11px}.bb-correct-answer strong{font-size:clamp(27px,9vw,38px)}
  .bb-card-explanation{font-size:13px!important;line-height:1.35!important;margin:11px auto 10px!important;max-height:112px;overflow:auto;-webkit-overflow-scrolling:touch}
  .bb-auto-deal{font-size:8.5px;padding:6px 9px;margin-top:3px}
  .bb-mobile-stack{height:82px!important;width:112px!important;position:relative!important}
  .bb-mobile-stack img{position:absolute!important;left:50%!important;object-fit:contain!important;max-height:none!important;bottom:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:translateX(-50%)!important;filter:grayscale(1)!important;opacity:.1!important}
  .bb-mobile-stack img[data-mobile-piece="1"]{width:98%!important;top:51px!important;z-index:1}
  .bb-mobile-stack img[data-mobile-piece="2"]{width:92%!important;top:41px!important;z-index:2}
  .bb-mobile-stack img[data-mobile-piece="3"]{width:88%!important;top:32px!important;z-index:3}
  .bb-mobile-stack img[data-mobile-piece="4"]{width:83%!important;top:23px!important;z-index:4}
  .bb-mobile-stack img[data-mobile-piece="5"]{width:95%!important;top:1px!important;z-index:5}
  .bb-mobile-stack img.is-earned{opacity:1;filter:none!important}
  .bb-review-answers{grid-template-columns:1fr}.bb-review-card{padding:16px 14px}.bb-review-question{font-size:20px}.bb-review-nav{gap:7px}.bb-review-nav .bb-secondary{padding:10px 11px!important;font-size:12px!important}
}
@media(max-width:430px){
  .bb-card-shell,.bb-flip-card,.bb-card-inner,.bb-card-face{min-height:355px}
  .bb-card-face{padding:13px 11px 12px}.bb-card-front .bb-question{min-height:138px;font-size:clamp(20px,6.3vw,26px)}
  .bb-card-front .bb-answer{font-size:15px!important}.bb-card-front .bb-answer-mark{display:none}
}

/* Results sandwich uses the same corrected art/order. */
.bb-result-stack{height:160px!important;max-width:250px!important;position:relative!important}
.bb-result-stack img{position:absolute!important;left:50%!important;object-fit:contain!important;max-height:none!important;bottom:auto!important;transform:translateX(-50%)!important;filter:grayscale(1)!important;opacity:.08!important;background:transparent!important;border:0!important;box-shadow:none!important}
.bb-result-stack img[data-result-piece="1"]{width:96%!important;top:98px!important;z-index:1}
.bb-result-stack img[data-result-piece="2"]{width:90%!important;top:79px!important;z-index:2}
.bb-result-stack img[data-result-piece="3"]{width:87%!important;top:62px!important;z-index:3}
.bb-result-stack img[data-result-piece="4"]{width:82%!important;top:45px!important;z-index:4}
.bb-result-stack img[data-result-piece="5"]{width:94%!important;top:2px!important;z-index:5}
.bb-result-stack img.is-built{opacity:1!important;filter:none!important}

@keyframes bbDealCard{0%{opacity:.35;transform:translateY(-18px) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes bbDealDot{0%,80%,100%{opacity:.28;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@keyframes bbPremiumPiece{0%{transform:translateX(-50%) translateY(-38px) scale(1.06);opacity:.15}70%{transform:translateX(-50%) translateY(4px) scale(1.02);opacity:1}100%{transform:translateX(-50%) translateY(0) scale(1);opacity:1}}

/* ============================================================
   v0.1.13 — PREMIUM CARD REBUILD / HARD CONTRAST / SANDWICH FIX
   This section intentionally uses high-specificity !important rules
   so cached/theme styles cannot make the active game unreadable.
   ============================================================ */

/* Gameplay hierarchy: the card is the hero, the sandwich is a clear meter. */
.bb-page-stage .bb-screen.bb-game{
  background:linear-gradient(180deg,rgba(8,34,51,.98),rgba(10,42,60,.98))!important;
}
.bb-page-stage .bb-game-grid{
  grid-template-columns:minmax(0,1.62fr) minmax(275px,.48fr)!important;
  gap:20px!important;
  align-items:stretch!important;
}
.bb-page-stage .bb-question-zone{min-width:0!important;display:flex!important;align-items:stretch!important}
.bb-page-stage .bb-card-shell{
  width:100%!important;
  max-width:860px!important;
  min-height:520px!important;
  margin:0 auto!important;
  perspective:1800px!important;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.34))!important;
}
.bb-page-stage .bb-flip-card,
.bb-page-stage .bb-card-inner{min-height:520px!important}
.bb-page-stage .bb-card-inner{transition:transform .66s cubic-bezier(.2,.72,.16,1)!important}

/* A real card silhouette with a dark Academy frame, brass edge and rivets. */
.bb-page-stage .bb-card-face{
  min-height:520px!important;
  padding:20px 22px 18px!important;
  border:7px solid #d59a3e!important;
  border-radius:30px!important;
  color:#ffffff!important;
  background-color:#0f3851!important;
  background-image:
    radial-gradient(circle at 19px 19px,#ffe7a0 0 3px,#8a5823 4px 6px,transparent 7px),
    radial-gradient(circle at calc(100% - 19px) 19px,#ffe7a0 0 3px,#8a5823 4px 6px,transparent 7px),
    radial-gradient(circle at 19px calc(100% - 19px),#ffe7a0 0 3px,#8a5823 4px 6px,transparent 7px),
    radial-gradient(circle at calc(100% - 19px) calc(100% - 19px),#ffe7a0 0 3px,#8a5823 4px 6px,transparent 7px),
    repeating-linear-gradient(135deg,rgba(255,255,255,.028) 0 2px,transparent 2px 7px),
    linear-gradient(145deg,#164d6c 0%,#0d354d 48%,#09283c 100%)!important;
  box-shadow:
    inset 0 0 0 3px #6f461c,
    inset 0 0 0 6px #f1c36a,
    inset 0 0 0 10px #153d55,
    0 10px 0 #442812,
    0 18px 35px rgba(0,0,0,.35)!important;
  overflow:hidden!important;
}
.bb-page-stage .bb-card-face:before{
  content:""!important;
  position:absolute!important;
  inset:14px!important;
  border:2px solid rgba(255,224,145,.5)!important;
  border-radius:17px!important;
  pointer-events:none!important;
  z-index:0!important;
}
.bb-page-stage .bb-card-front:after,
.bb-page-stage .bb-card-back:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:0!important;
  opacity:.33!important;
  background:
    radial-gradient(circle at 82% 40%,rgba(255,217,107,.16) 0 2px,transparent 3px),
    radial-gradient(circle at 16% 68%,rgba(255,217,107,.11) 0 2px,transparent 3px)!important;
  background-size:44px 44px!important;
}
.bb-page-stage .bb-card-front{color:#fff!important}
.bb-page-stage .bb-card-back{
  color:#fff!important;
  background-color:#123c55!important;
  background-image:
    radial-gradient(circle at 19px 19px,#ffe7a0 0 3px,#8a5823 4px 6px,transparent 7px),
    radial-gradient(circle at calc(100% - 19px) 19px,#ffe7a0 0 3px,#8a5823 4px 6px,transparent 7px),
    radial-gradient(circle at 19px calc(100% - 19px),#ffe7a0 0 3px,#8a5823 4px 6px,transparent 7px),
    radial-gradient(circle at calc(100% - 19px) calc(100% - 19px),#ffe7a0 0 3px,#8a5823 4px 6px,transparent 7px),
    repeating-linear-gradient(45deg,rgba(255,218,105,.04) 0 7px,transparent 7px 17px),
    radial-gradient(circle at 50% 38%,#1b5876 0%,#103d58 52%,#08283c 100%)!important;
}

/* Branded top rail. */
.bb-page-stage .bb-card-brandbar{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  min-height:76px!important;
  margin:0 0 9px!important;
  padding:8px 12px 9px!important;
  border:2px solid #e0ad50!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#0a2c42,#071f30)!important;
  box-shadow:inset 0 0 0 2px #24536c,0 4px 0 #402713!important;
}
.bb-page-stage .bb-card-mini-logo{
  display:block!important;
  width:112px!important;
  max-height:68px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.45))!important;
}
.bb-page-stage .bb-card-brandcopy{min-width:0!important;text-align:left!important}
.bb-page-stage .bb-card-brandcopy span{
  display:block!important;
  color:#fff3c8!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:1000!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
  white-space:normal!important;
}
.bb-page-stage .bb-card-brandcopy b{
  display:block!important;
  margin-top:4px!important;
  color:#f6c95d!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:1000!important;
  letter-spacing:1.7px!important;
}
.bb-page-stage .bb-card-counter{
  min-width:74px!important;
  padding:7px 9px!important;
  border:2px solid #a46a27!important;
  border-radius:11px!important;
  background:#f5dfad!important;
  color:#132f42!important;
  text-align:center!important;
  box-shadow:inset 0 0 0 2px #fff2c8!important;
}
.bb-page-stage .bb-card-counter small{display:block!important;font-size:8px!important;letter-spacing:1.2px!important;font-weight:1000!important;color:#6c431c!important}
.bb-page-stage .bb-card-counter strong{display:block!important;font-size:19px!important;line-height:1!important;font-weight:1000!important;color:#123b55!important}
.bb-page-stage .bb-card-counter i{font-style:normal!important;color:inherit!important}

.bb-page-stage .bb-card-prompt{
  position:relative!important;
  z-index:3!important;
  align-self:center!important;
  margin:8px 0 8px!important;
  padding:6px 16px!important;
  border:2px solid #efc45f!important;
  border-radius:999px!important;
  background:#b13d29!important;
  color:#fff7dd!important;
  box-shadow:0 3px 0 #5d2418,inset 0 0 0 2px rgba(255,255,255,.14)!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:1.7px!important;
  text-transform:uppercase!important;
}

/* Hard-contrast question panel. No theme may recolor the statement. */
.bb-page-stage .bb-question-frame{
  position:relative!important;
  z-index:3!important;
  flex:1!important;
  display:flex!important;
  min-height:205px!important;
  margin:0 2px 8px!important;
  padding:14px 18px!important;
  border:4px solid #d5a14a!important;
  border-radius:18px!important;
  background:#fff7df!important;
  box-shadow:inset 0 0 0 3px #f2dca9,0 7px 0 #4a2b14,0 10px 22px rgba(0,0,0,.18)!important;
}
.bb-page-stage .bb-card-front .bb-question-frame .bb-question,
.bb-page-stage .bb-card-front .bb-question,
.bb-page-stage .bb-question-frame [data-bb-question]{
  position:relative!important;
  z-index:4!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:#102f45!important;
  -webkit-text-fill-color:#102f45!important;
  background:transparent!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(30px,3.25vw,46px)!important;
  line-height:1.11!important;
  font-weight:900!important;
  letter-spacing:-.5px!important;
  text-wrap:balance!important;
}

/* Answer buttons live on the card and remain legible in every state. */
.bb-page-stage .bb-card-front .bb-answer-buttons{
  position:relative!important;
  z-index:4!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  margin:11px 2px 7px!important;
}
.bb-page-stage .bb-card-front button.bb-answer{
  min-height:67px!important;
  padding:12px 14px!important;
  border:3px solid #f3ca73!important;
  border-radius:16px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:21px!important;
  font-weight:1000!important;
  line-height:1!important;
  text-shadow:0 2px 0 rgba(0,0,0,.35)!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.16),0 5px 0 #3c2414!important;
}
.bb-page-stage .bb-card-front button.bb-truth,
.bb-page-stage .bb-card-front button.bb-truth:hover,
.bb-page-stage .bb-card-front button.bb-truth:focus-visible,
.bb-page-stage .bb-card-front button.bb-truth:active{background:linear-gradient(180deg,#6f9b39,#416c22)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.bb-page-stage .bb-card-front button.bb-baloney,
.bb-page-stage .bb-card-front button.bb-baloney:hover,
.bb-page-stage .bb-card-front button.bb-baloney:focus-visible,
.bb-page-stage .bb-card-front button.bb-baloney:active{background:linear-gradient(180deg,#d75536,#9e2d20)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.bb-page-stage .bb-card-front .bb-answer-mark{background:rgba(0,0,0,.13)!important;border-color:#fff!important;color:#fff!important}
.bb-page-stage .bb-card-footnote{
  position:relative!important;
  z-index:3!important;
  margin-top:4px!important;
  color:#ffe6a0!important;
  -webkit-text-fill-color:#ffe6a0!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:1000!important;
  letter-spacing:1.15px!important;
  text-align:center!important;
  text-shadow:0 1px 0 #000!important;
}

/* Branded answer side: same physical card, distinctly different composition. */
.bb-page-stage .bb-card-back-brand{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  width:100%!important;
  margin:0 0 7px!important;
}
.bb-page-stage .bb-card-back-logo{width:126px!important;max-height:72px!important;object-fit:contain!important;filter:drop-shadow(0 3px 0 rgba(0,0,0,.35))!important}
.bb-page-stage .bb-card-back-brand span{color:#ffe08a!important;-webkit-text-fill-color:#ffe08a!important;font-size:9px!important;font-weight:1000!important;letter-spacing:1.5px!important;text-transform:uppercase!important}
.bb-page-stage .bb-reveal-stamp{
  position:relative!important;
  z-index:4!important;
  margin:4px auto 13px!important;
  padding:9px 18px!important;
  border:3px solid #ffe095!important;
  border-radius:12px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:clamp(25px,3.3vw,39px)!important;
  line-height:1!important;
  font-weight:1000!important;
  text-shadow:0 2px 0 rgba(0,0,0,.32)!important;
  box-shadow:0 4px 0 #432714!important;
}
.bb-page-stage .bb-flip-card.is-correct .bb-reveal-stamp{background:#55852b!important}
.bb-page-stage .bb-flip-card.is-wrong .bb-reveal-stamp{background:#b6402b!important}
.bb-page-stage .bb-reveal-panel{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  max-width:740px!important;
  margin:0 auto!important;
  padding:15px 20px!important;
  border:4px solid #d5a14a!important;
  border-radius:18px!important;
  background:#fff7df!important;
  color:#162b3a!important;
  box-shadow:inset 0 0 0 3px #f2dca9,0 6px 0 #4a2b14!important;
}
.bb-page-stage .bb-reveal-panel .bb-correct-answer{
  color:#60431f!important;
  -webkit-text-fill-color:#60431f!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:1.2px!important;
}
.bb-page-stage .bb-reveal-panel .bb-correct-answer strong{
  margin-top:5px!important;
  font-size:clamp(29px,4.2vw,48px)!important;
  text-shadow:none!important;
}
.bb-page-stage .bb-reveal-panel .bb-correct-answer strong.is-truthful{color:#426f24!important;-webkit-text-fill-color:#426f24!important}
.bb-page-stage .bb-reveal-panel .bb-correct-answer strong.is-baloney{color:#a83225!important;-webkit-text-fill-color:#a83225!important}
.bb-page-stage .bb-reveal-panel .bb-card-explanation{
  max-width:700px!important;
  margin:12px auto 2px!important;
  color:#1c2c38!important;
  -webkit-text-fill-color:#1c2c38!important;
  opacity:1!important;
  text-shadow:none!important;
  font-size:clamp(15px,1.55vw,18px)!important;
  line-height:1.42!important;
  font-weight:750!important;
}
.bb-page-stage .bb-auto-deal{
  position:relative!important;
  z-index:3!important;
  margin-top:13px!important;
  background:#082638!important;
  border:1px solid #c58c35!important;
  color:#ffe39a!important;
  -webkit-text-fill-color:#ffe39a!important;
}

/* Sandwich meter: earned pieces MUST be full-color and fully opaque. */
.bb-page-stage .bb-stack-zone{
  min-width:0!important;
  padding:13px!important;
  background:linear-gradient(180deg,#153f59,#0b2b40)!important;
  border:4px solid #d59a3e!important;
  border-radius:22px!important;
  box-shadow:inset 0 0 0 3px #6f461c,inset 0 0 0 6px #1c4a63,0 8px 0 #412612!important;
}
.bb-page-stage .bb-stack-heading{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;margin:0 1px 8px!important;text-align:left!important}
.bb-page-stage .bb-stack-heading h2{margin:1px 0 3px!important;color:#ffe090!important;-webkit-text-fill-color:#ffe090!important;font-size:15px!important;line-height:1.1!important;font-weight:1000!important;letter-spacing:.7px!important}
.bb-page-stage .bb-stack-heading .bb-stack-warning{margin:0!important;color:#fff4d6!important;-webkit-text-fill-color:#fff4d6!important;font-size:10px!important;line-height:1.2!important;font-weight:850!important}
.bb-page-stage .bb-sandwich-progress{
  flex:0 0 auto!important;
  min-width:64px!important;
  padding:6px 7px!important;
  border:2px solid #d49b3f!important;
  border-radius:10px!important;
  background:#f7e5b8!important;
  text-align:center!important;
  box-shadow:inset 0 0 0 2px #fff7df!important;
}
.bb-page-stage .bb-sandwich-progress strong{display:block!important;color:#143b54!important;-webkit-text-fill-color:#143b54!important;font-size:18px!important;line-height:1!important;font-weight:1000!important}
.bb-page-stage .bb-sandwich-progress span{display:block!important;margin-top:2px!important;color:#6f431d!important;-webkit-text-fill-color:#6f431d!important;font-size:6.5px!important;font-weight:1000!important;letter-spacing:.8px!important}
.bb-page-stage .bb-stack-tray{
  padding:8px 4px 4px!important;
  border:3px solid #b47b31!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.95),rgba(255,241,202,.94) 62%,rgba(222,192,132,.94) 100%)!important;
  box-shadow:inset 0 0 0 3px #fff6d6,inset 0 -16px 30px rgba(99,61,18,.08)!important;
}
.bb-page-stage .bb-live-stack{height:348px!important;max-width:330px!important;margin:0 auto!important;position:relative!important}
.bb-page-stage .bb-live-stack img{
  opacity:.13!important;
  filter:grayscale(.9) saturate(.35) contrast(.85)!important;
  transition:opacity .22s ease,filter .22s ease,transform .32s cubic-bezier(.2,.8,.2,1)!important;
  will-change:transform,opacity!important;
}
.bb-page-stage .bb-live-stack img.is-earned{
  opacity:1!important;
  filter:drop-shadow(0 6px 5px rgba(77,47,15,.22))!important;
  transform:translateX(-50%) translateY(0) scale(1)!important;
}
.bb-page-stage .bb-live-stack img.is-new{animation:bbPremiumPiece .5s cubic-bezier(.2,.85,.2,1)!important}
.bb-page-stage .bb-live-stack img[data-piece="1"]{width:96%!important;top:211px!important}
.bb-page-stage .bb-live-stack img[data-piece="2"]{width:90%!important;top:174px!important}
.bb-page-stage .bb-live-stack img[data-piece="3"]{width:87%!important;top:139px!important}
.bb-page-stage .bb-live-stack img[data-piece="4"]{width:82%!important;top:103px!important}
.bb-page-stage .bb-live-stack img[data-piece="5"]{width:94%!important;top:10px!important}
.bb-page-stage .bb-piece-labels{margin-top:9px!important;gap:4px!important}
.bb-page-stage .bb-piece-labels span{background:#d09a45!important;color:#2d1c0e!important;-webkit-text-fill-color:#2d1c0e!important;border:1px solid #775021!important;font-size:8px!important;padding:4px 6px!important}
.bb-page-stage .bb-piece-labels span.is-earned{background:#fff0b5!important;color:#713321!important;-webkit-text-fill-color:#713321!important;box-shadow:0 0 0 2px #5e852f!important}

/* The desktop HUD stays readable but visually secondary to the card. */
.bb-page-stage .bb-hud{gap:10px!important;margin-bottom:14px!important}
.bb-page-stage .bb-hud-box{background:linear-gradient(180deg,#f8e9c7,#dcc08c)!important;border:3px solid #8e5b27!important;border-radius:13px!important;box-shadow:inset 0 0 0 2px #fff5d9,0 4px 0 #3d2513!important}
.bb-page-stage .bb-hud-box span{color:#6d4b26!important;-webkit-text-fill-color:#6d4b26!important}
.bb-page-stage .bb-hud-box strong,.bb-page-stage .bb-hud-box strong i{color:#123d59!important;-webkit-text-fill-color:#123d59!important}
.bb-page-stage .bb-hud-box.bb-timer strong{color:#39712d!important;-webkit-text-fill-color:#39712d!important}
.bb-page-stage .bb-hud-box.bb-timer.is-danger strong{color:#b13227!important;-webkit-text-fill-color:#b13227!important}

/* Mobile: keep the same card language, not a shrunken generic web panel. */
@media(max-width:820px){
  .bb-page-stage .bb-card-shell,
  .bb-page-stage .bb-flip-card,
  .bb-page-stage .bb-card-inner,
  .bb-page-stage .bb-card-face{min-height:390px!important}
  .bb-page-stage .bb-card-face{padding:12px 12px 11px!important;border-width:5px!important;border-radius:22px!important;box-shadow:inset 0 0 0 2px #6f461c,inset 0 0 0 5px #f1c36a,inset 0 0 0 8px #153d55,0 6px 0 #442812!important}
  .bb-page-stage .bb-card-face:before{inset:10px!important;border-radius:12px!important}
  .bb-page-stage .bb-card-brandbar{grid-template-columns:76px minmax(0,1fr) 58px!important;gap:7px!important;min-height:55px!important;margin-bottom:6px!important;padding:5px 7px!important;border-radius:11px!important}
  .bb-page-stage .bb-card-mini-logo{width:72px!important;max-height:50px!important}
  .bb-page-stage .bb-card-brandcopy span{font-size:8px!important;letter-spacing:.6px!important}.bb-page-stage .bb-card-brandcopy b{font-size:6px!important;letter-spacing:1px!important;margin-top:2px!important}
  .bb-page-stage .bb-card-counter{min-width:54px!important;padding:5px!important}.bb-page-stage .bb-card-counter small{font-size:6px!important}.bb-page-stage .bb-card-counter strong{font-size:14px!important}
  .bb-page-stage .bb-card-prompt{margin:6px 0!important;padding:4px 10px!important;font-size:8px!important;letter-spacing:1.2px!important}
  .bb-page-stage .bb-question-frame{min-height:150px!important;margin:0 0 5px!important;padding:8px 9px!important;border-width:3px!important;border-radius:13px!important;box-shadow:inset 0 0 0 2px #f2dca9,0 4px 0 #4a2b14!important}
  .bb-page-stage .bb-card-front .bb-question-frame .bb-question,.bb-page-stage .bb-card-front .bb-question{font-size:clamp(22px,6.2vw,29px)!important;line-height:1.1!important;letter-spacing:-.25px!important;padding:0 4px!important}
  .bb-page-stage .bb-card-front .bb-answer-buttons{gap:7px!important;margin:8px 0 5px!important}
  .bb-page-stage .bb-card-front button.bb-answer{min-height:53px!important;padding:8px 6px!important;border-width:2px!important;border-radius:12px!important;font-size:15px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 3px 0 #3c2414!important}
  .bb-page-stage .bb-card-front .bb-answer-mark{width:27px!important;height:27px!important;font-size:18px!important}
  .bb-page-stage .bb-card-footnote{font-size:6.8px!important;letter-spacing:.65px!important;margin-top:2px!important}
  .bb-page-stage .bb-card-back-brand{gap:7px!important;margin-bottom:4px!important}.bb-page-stage .bb-card-back-logo{width:84px!important;max-height:48px!important}.bb-page-stage .bb-card-back-brand span{font-size:6px!important;letter-spacing:.8px!important}
  .bb-page-stage .bb-reveal-stamp{margin:2px auto 8px!important;padding:6px 10px!important;font-size:clamp(21px,6.7vw,30px)!important;border-width:2px!important}
  .bb-page-stage .bb-reveal-panel{padding:10px 10px!important;border-width:3px!important;border-radius:13px!important;box-shadow:inset 0 0 0 2px #f2dca9,0 4px 0 #4a2b14!important}
  .bb-page-stage .bb-reveal-panel .bb-correct-answer{font-size:8px!important}.bb-page-stage .bb-reveal-panel .bb-correct-answer strong{font-size:clamp(25px,8vw,34px)!important}
  .bb-page-stage .bb-reveal-panel .bb-card-explanation{font-size:12.5px!important;line-height:1.34!important;margin:8px auto 0!important;max-height:102px!important;overflow:auto!important}
  .bb-page-stage .bb-auto-deal{font-size:7px!important;margin-top:8px!important;padding:5px 8px!important}

  /* Fix the same specificity bug on the compact sandwich. */
  .bb-page-stage .bb-mobile-stack img{opacity:.13!important;filter:grayscale(.9) saturate(.35)!important}
  .bb-page-stage .bb-mobile-stack img.is-earned{opacity:1!important;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))!important;transform:translateX(-50%)!important}
}

@media(max-width:430px){
  .bb-page-stage .bb-card-shell,.bb-page-stage .bb-flip-card,.bb-page-stage .bb-card-inner,.bb-page-stage .bb-card-face{min-height:370px!important}
  .bb-page-stage .bb-card-brandbar{grid-template-columns:64px minmax(0,1fr) 52px!important}.bb-page-stage .bb-card-mini-logo{width:60px!important}.bb-page-stage .bb-card-brandcopy b{display:none!important}
  .bb-page-stage .bb-question-frame{min-height:142px!important}.bb-page-stage .bb-card-front .bb-question-frame .bb-question,.bb-page-stage .bb-card-front .bb-question{font-size:clamp(21px,6.5vw,27px)!important}
  .bb-page-stage .bb-card-front .bb-answer-mark{display:none!important}
}

/* Winning/results sandwich uses the same full-opacity correction. */
.bb-page-stage .bb-result-stack img.is-built{opacity:1!important;filter:drop-shadow(0 4px 4px rgba(0,0,0,.18))!important}

/* v0.1.14 — final sandwich art correction.
   Fixes remaining ingredient clipping and removes the visible white/gray halo around the sandwich graphics.
   These overrides intentionally come last so they beat every earlier stack layout rule. */
.bb-sandwich-demo,
.bb-stack-zone,
.bb-mobile-sandwich,
.bb-result-sandwich,
.bb-stack-tray{
  overflow:visible!important;
}

.bb-page-stage .bb-live-stack,
.bb-demo-stack,
.bb-live-stack{
  height:388px!important;
  max-width:348px!important;
  padding:6px 0 10px!important;
  overflow:visible!important;
}

.bb-demo-stack img,
.bb-live-stack img,
.bb-page-stage .bb-live-stack img,
.bb-mobile-stack img,
.bb-result-stack img{
  background:transparent!important;
  mix-blend-mode:normal!important;
}

.bb-demo-stack img[data-demo-piece="1"],
.bb-live-stack img[data-piece="1"],
.bb-page-stage .bb-live-stack img[data-piece="1"]{width:90%!important;top:221px!important}
.bb-demo-stack img[data-demo-piece="2"],
.bb-live-stack img[data-piece="2"],
.bb-page-stage .bb-live-stack img[data-piece="2"]{width:83%!important;top:186px!important}
.bb-demo-stack img[data-demo-piece="3"],
.bb-live-stack img[data-piece="3"],
.bb-page-stage .bb-live-stack img[data-piece="3"]{width:81%!important;top:151px!important}
.bb-demo-stack img[data-demo-piece="4"],
.bb-live-stack img[data-piece="4"],
.bb-page-stage .bb-live-stack img[data-piece="4"]{width:76%!important;top:114px!important}
.bb-demo-stack img[data-demo-piece="5"],
.bb-live-stack img[data-piece="5"],
.bb-page-stage .bb-live-stack img[data-piece="5"]{width:88%!important;top:18px!important}

.bb-mobile-stack{height:92px!important;width:122px!important;overflow:visible!important}
.bb-mobile-stack img[data-mobile-piece="1"]{width:92%!important;top:55px!important}
.bb-mobile-stack img[data-mobile-piece="2"]{width:86%!important;top:45px!important}
.bb-mobile-stack img[data-mobile-piece="3"]{width:83%!important;top:35px!important}
.bb-mobile-stack img[data-mobile-piece="4"]{width:78%!important;top:25px!important}
.bb-mobile-stack img[data-mobile-piece="5"]{width:90%!important;top:2px!important}

.bb-result-stack{height:172px!important;max-width:258px!important;overflow:visible!important}
.bb-result-stack img[data-result-piece="1"]{width:91%!important;top:103px!important}
.bb-result-stack img[data-result-piece="2"]{width:84%!important;top:84px!important}
.bb-result-stack img[data-result-piece="3"]{width:81%!important;top:67px!important}
.bb-result-stack img[data-result-piece="4"]{width:77%!important;top:49px!important}
.bb-result-stack img[data-result-piece="5"]{width:89%!important;top:5px!important}

@media (min-width:821px) and (max-width:1100px){
  .bb-demo-stack,
  .bb-live-stack,
  .bb-page-stage .bb-live-stack{height:360px!important;max-width:320px!important}
  .bb-demo-stack img[data-demo-piece="1"],
  .bb-live-stack img[data-piece="1"],
  .bb-page-stage .bb-live-stack img[data-piece="1"]{top:205px!important}
  .bb-demo-stack img[data-demo-piece="2"],
  .bb-live-stack img[data-piece="2"],
  .bb-page-stage .bb-live-stack img[data-piece="2"]{top:172px!important}
  .bb-demo-stack img[data-demo-piece="3"],
  .bb-live-stack img[data-piece="3"],
  .bb-page-stage .bb-live-stack img[data-piece="3"]{top:139px!important}
  .bb-demo-stack img[data-demo-piece="4"],
  .bb-live-stack img[data-piece="4"],
  .bb-page-stage .bb-live-stack img[data-piece="4"]{top:103px!important}
  .bb-demo-stack img[data-demo-piece="5"],
  .bb-live-stack img[data-piece="5"],
  .bb-page-stage .bb-live-stack img[data-piece="5"]{top:15px!important}
}

@media(max-width:820px){
  .bb-mobile-stack{height:94px!important;width:126px!important}
}

@media(max-width:430px){
  .bb-mobile-stack{height:88px!important;width:116px!important}
}

/* v0.1.15 — start screen sandwich preview.
   The first page should always show the entire sandwich under the Sandwich Survival Meter.
   Use a dedicated full-sandwich preview on the start screen to avoid any stack rendering failure there. */
.bb-sandwich-demo{
  justify-content:flex-start!important;
  align-items:center!important;
  padding:18px 16px 16px!important;
}
.bb-demo-preview-wrap{
  width:100%!important;
  min-height:420px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 4px 12px!important;
}
.bb-full-sandwich-preview{
  display:block!important;
  width:min(100%,300px)!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 8px rgba(62,38,14,.22))!important;
  background:transparent!important;
}
.bb-sandwich-demo ol{margin-top:4px!important}

@media (min-width:821px) and (max-width:1100px){
  .bb-demo-preview-wrap{min-height:360px!important}
  .bb-full-sandwich-preview{width:min(100%,265px)!important}
}

@media(max-width:820px){
  .bb-demo-preview-wrap{min-height:300px!important}
  .bb-full-sandwich-preview{width:min(100%,240px)!important}
}


/* v0.1.16 — gameplay sandwich graphics rebuilt.
   The live meter now uses precomposed stage images instead of stacking independent ingredient files.
   This guarantees the correct order, proportions, and appearance at 0/5 through 5/5. */
.bb-live-stack,.bb-mobile-stack,.bb-result-stack{overflow:visible!important;position:relative!important}
.bb-live-stage-image,.bb-mobile-stage-image,.bb-result-stage-image{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.bb-live-stage-image{bottom:0!important;width:94%!important;height:auto!important;filter:drop-shadow(0 6px 6px rgba(77,47,15,.22))!important}
.bb-live-stage-image.is-new{animation:bbPremiumPiece .45s cubic-bezier(.2,.85,.2,1)!important}
.bb-mobile-stage-image{bottom:0!important;width:100%!important;height:auto!important;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))!important}
.bb-mobile-stage-image.is-new{animation:bbPremiumPiece .45s cubic-bezier(.2,.85,.2,1)!important}
.bb-result-stage-image{bottom:0!important;width:94%!important;height:auto!important;filter:drop-shadow(0 4px 4px rgba(0,0,0,.18))!important}

/* Older per-piece positioning rules should no longer affect the gameplay meter. */
.bb-live-stack img[data-piece],.bb-mobile-stack img[data-mobile-piece],.bb-result-stack img[data-result-piece]{display:none!important}

/* ================================================================
   v0.1.18 — ACTUAL SANDWICH ART REPLACEMENT
   New precomposed stage files all share the same 700x900 canvas.
   These final rules deliberately override the old per-piece imagery.
   ================================================================ */
.bb-page-stage .bb-live-stack,
.bb-page-stage .bb-mobile-stack,
.bb-page-stage .bb-result-stack{
  overflow:hidden!important;
}
.bb-page-stage .bb-live-stack{
  height:390px!important;
  max-width:340px!important;
  width:100%!important;
}
.bb-page-stage .bb-live-stack img.bb-live-stage-image{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  opacity:1!important;
  filter:drop-shadow(0 6px 5px rgba(77,47,15,.20))!important;
  transform:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.bb-page-stage .bb-live-stack img.bb-live-stage-image.is-new{
  animation:bbStagePop .38s ease-out!important;
}

.bb-page-stage .bb-mobile-stack{
  height:90px!important;
  width:120px!important;
}
.bb-page-stage .bb-mobile-stack img.bb-mobile-stage-image{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  opacity:1!important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))!important;
  transform:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.bb-page-stage .bb-result-stack{
  height:185px!important;
  max-width:270px!important;
  width:100%!important;
}
.bb-page-stage .bb-result-stack img.bb-result-stage-image{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  opacity:1!important;
  filter:drop-shadow(0 4px 4px rgba(0,0,0,.18))!important;
  transform:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Start screen full sandwich is likewise the corrected v017 composite. */
.bb-page-stage .bb-full-sandwich-preview{
  width:min(100%,305px)!important;
  max-height:440px!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:drop-shadow(0 9px 7px rgba(62,38,14,.20))!important;
}

@keyframes bbStagePop{
  0%{opacity:.35;transform:translateY(-14px) scale(1.025)}
  70%{opacity:1;transform:translateY(3px) scale(1.005)}
  100%{opacity:1;transform:none}
}

@media(max-width:820px){
  .bb-page-stage .bb-mobile-stack{height:92px!important;width:124px!important}
}
@media(max-width:430px){
  .bb-page-stage .bb-mobile-stack{height:84px!important;width:112px!important}
}


/* v0.1.18 — AUTHORITATIVE SANDWICH RESTORATION
   Restores the original pre-skin sandwich geometry from the earlier working build.
   The source ingredient PNGs are full and uncropped, their exterior white/gray matte halo has been removed,
   and every gameplay state is precomposed on an identical fixed canvas. */
.bb-page-stage .bb-live-stack,
.bb-page-stage .bb-mobile-stack,
.bb-page-stage .bb-result-stack,
.bb-page-stage .bb-demo-preview-wrap{
  overflow:visible!important;
}
.bb-page-stage .bb-live-stack img.bb-live-stage-image,
.bb-page-stage .bb-mobile-stack img.bb-mobile-stage-image,
.bb-page-stage .bb-result-stack img.bb-result-stage-image,
.bb-page-stage img.bb-full-sandwich-preview{
  opacity:1!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.bb-page-stage .bb-live-stack img.bb-live-stage-image{
  filter:drop-shadow(0 6px 5px rgba(18,29,36,.28))!important;
}
.bb-page-stage .bb-mobile-stack img.bb-mobile-stage-image{
  filter:drop-shadow(0 2px 2px rgba(18,29,36,.24))!important;
}
.bb-page-stage .bb-result-stack img.bb-result-stage-image{
  filter:drop-shadow(0 4px 4px rgba(18,29,36,.24))!important;
}
.bb-page-stage img.bb-full-sandwich-preview{
  filter:drop-shadow(0 8px 7px rgba(18,29,36,.25))!important;
}
/* The fixed stage canvases already contain the correct vertical spacing. Do not reposition their internal pieces in CSS. */
.bb-page-stage .bb-live-stack img.bb-live-stage-image,
.bb-page-stage .bb-mobile-stack img.bb-mobile-stage-image,
.bb-page-stage .bb-result-stack img.bb-result-stage-image{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
}

/* ============================================================
   v0.1.20 — PREMIUM HOW TO PLAY MODAL
   Start-screen instruction button + commercial branded overlay.
   ============================================================ */
.bb-sandwich-demo .bb-instructions-button{
  width:min(100%,310px)!important;
  margin:16px auto 4px!important;
  padding:9px 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  border:3px solid #7b4b18!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#ffd875 0%,#e7aa43 58%,#c88425 100%)!important;
  color:#2b1a0d!important;
  -webkit-text-fill-color:#2b1a0d!important;
  box-shadow:inset 0 0 0 2px #fff0b5,0 5px 0 #4b2b11,0 8px 14px rgba(0,0,0,.18)!important;
  cursor:pointer!important;
  text-align:left!important;
  font-family:Arial,Helvetica,sans-serif!important;
  transition:transform .12s ease,filter .12s ease!important;
}
.bb-sandwich-demo .bb-instructions-button:hover,
.bb-sandwich-demo .bb-instructions-button:focus-visible{
  background:linear-gradient(180deg,#ffe18e 0%,#efb653 58%,#cf8c2d 100%)!important;
  color:#2b1a0d!important;
  -webkit-text-fill-color:#2b1a0d!important;
  filter:brightness(1.03)!important;
  transform:translateY(-1px)!important;
}
.bb-sandwich-demo .bb-instructions-button:active{transform:translateY(3px)!important;box-shadow:inset 0 0 0 2px #fff0b5,0 2px 0 #4b2b11!important}
.bb-instructions-button-icon{
  flex:0 0 34px!important;width:34px!important;height:34px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;background:#173e57!important;color:#ffd66c!important;
  -webkit-text-fill-color:#ffd66c!important;border:2px solid #6a3c13!important;box-shadow:inset 0 0 0 2px #2d637d!important;
  font-size:23px!important;line-height:1!important;font-weight:1000!important;
}
.bb-instructions-button-copy{display:block!important;line-height:1.05!important}
.bb-instructions-button-copy strong{display:block!important;font-size:14px!important;letter-spacing:1.25px!important;color:#2b1a0d!important;-webkit-text-fill-color:#2b1a0d!important}
.bb-instructions-button-copy small{display:block!important;margin-top:3px!important;font-size:8.5px!important;letter-spacing:.45px!important;text-transform:uppercase!important;color:#68401f!important;-webkit-text-fill-color:#68401f!important;font-weight:900!important}

html.bb-instructions-open,body.bb-instructions-open{overflow:hidden!important}
.bb-instructions-modal[hidden]{display:none!important}
.bb-instructions-modal{
  position:fixed!important;inset:0!important;z-index:2147483000!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:22px!important;font-family:Arial,Helvetica,sans-serif!important;
}
.bb-instructions-backdrop{position:absolute!important;inset:0!important;background:rgba(5,17,27,.82)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}
.bb-instructions-dialog{
  position:relative!important;z-index:2!important;width:min(900px,100%)!important;max-height:min(92vh,900px)!important;overflow:auto!important;
  border:6px solid #3d2611!important;border-radius:28px!important;
  background:#f7e3b2!important;color:#2f2117!important;-webkit-text-fill-color:initial!important;
  box-shadow:inset 0 0 0 3px #d79d43,inset 0 0 0 7px #173e57,0 22px 70px rgba(0,0,0,.55)!important;
  outline:none!important;
}
.bb-instructions-dialog:before,.bb-instructions-dialog:after{content:""!important;position:absolute!important;top:16px!important;width:15px!important;height:15px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#ffe08a,#bd7723 55%,#6a3c12 100%)!important;box-shadow:0 2px 4px rgba(0,0,0,.35)!important;z-index:4!important}
.bb-instructions-dialog:before{left:17px!important}.bb-instructions-dialog:after{right:17px!important}
.bb-instructions-close{
  position:absolute!important;right:18px!important;top:18px!important;z-index:8!important;width:42px!important;height:42px!important;
  display:grid!important;place-items:center!important;padding:0!important;border:3px solid #f3c565!important;border-radius:50%!important;
  background:#a93b28!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 4px 0 #542115!important;
  font-size:27px!important;font-weight:1000!important;line-height:1!important;cursor:pointer!important;
}
.bb-instructions-close:hover,.bb-instructions-close:focus-visible{background:#c54b34!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.bb-instructions-header{
  position:relative!important;text-align:center!important;padding:21px 64px 19px!important;
  background:linear-gradient(180deg,#174a68 0%,#10374f 58%,#0b2b40 100%)!important;
  border-bottom:4px solid #c58934!important;overflow:hidden!important;
}
.bb-instructions-header:before{content:"? ! ?"!important;position:absolute!important;inset:auto -10px -25px auto!important;color:rgba(255,214,99,.08)!important;-webkit-text-fill-color:rgba(255,214,99,.08)!important;font-size:110px!important;font-weight:1000!important;letter-spacing:-8px!important;transform:rotate(-7deg)!important}
.bb-instructions-academy-tag{position:relative!important;z-index:2!important;color:#ffd96f!important;-webkit-text-fill-color:#ffd96f!important;font-size:9px!important;font-weight:1000!important;letter-spacing:2px!important}
.bb-instructions-logo{position:relative!important;z-index:2!important;display:block!important;width:min(330px,70%)!important;max-height:145px!important;object-fit:contain!important;margin:4px auto 1px!important;filter:drop-shadow(0 6px 5px rgba(0,0,0,.25))!important}
.bb-instructions-title-plate{position:relative!important;z-index:2!important;display:inline-block!important;margin-top:-3px!important;padding:5px 25px 7px!important;border:2px solid #e1ad52!important;border-radius:12px!important;background:rgba(7,35,52,.88)!important;box-shadow:inset 0 0 0 2px rgba(255,226,145,.12)!important}
.bb-instructions-title-plate span{display:block!important;color:#f0c86b!important;-webkit-text-fill-color:#f0c86b!important;font-size:7.5px!important;font-weight:1000!important;letter-spacing:2px!important}
.bb-instructions-title-plate h2{margin:1px 0 0!important;color:#fff1bd!important;-webkit-text-fill-color:#fff1bd!important;font-size:clamp(25px,4vw,39px)!important;line-height:1!important;letter-spacing:1.5px!important;font-weight:1000!important}
.bb-instructions-body{padding:22px 25px 18px!important;background:linear-gradient(180deg,#fff5d6,#efd29a)!important}
.bb-instructions-mission{margin:0 auto 18px!important;max-width:790px!important;padding:12px 16px!important;border:3px solid #a76727!important;border-radius:14px!important;background:#fff7df!important;color:#3c2919!important;-webkit-text-fill-color:#3c2919!important;font-size:14px!important;line-height:1.4!important;font-weight:800!important;text-align:center!important;box-shadow:inset 0 0 0 2px #f1d28e!important}
.bb-instructions-mission strong{color:#9f3427!important;-webkit-text-fill-color:#9f3427!important;letter-spacing:.7px!important}
.bb-instruction-steps{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
.bb-instruction-steps article{min-height:100px!important;display:flex!important;align-items:flex-start!important;gap:11px!important;padding:13px!important;border:3px solid #76502b!important;border-radius:15px!important;background:linear-gradient(145deg,#fff8e6,#ecd09c)!important;box-shadow:inset 0 0 0 2px #fff0c6,0 4px 0 #553319!important}
.bb-instruction-steps article>b{flex:0 0 39px!important;width:39px!important;height:39px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#173f59!important;border:3px solid #d9a447!important;color:#ffdf7e!important;-webkit-text-fill-color:#ffdf7e!important;font-size:21px!important;line-height:1!important;font-weight:1000!important}
.bb-instruction-steps article div{min-width:0!important}.bb-instruction-steps article strong{display:block!important;margin:1px 0 5px!important;color:#173f59!important;-webkit-text-fill-color:#173f59!important;font-size:12px!important;line-height:1.15!important;letter-spacing:.65px!important;font-weight:1000!important}
.bb-instruction-steps article span{display:block!important;color:#493322!important;-webkit-text-fill-color:#493322!important;font-size:11.5px!important;line-height:1.35!important;font-weight:750!important}.bb-instruction-steps article em{font-style:normal!important;color:#9e3526!important;-webkit-text-fill-color:#9e3526!important;font-weight:1000!important}
.bb-instructions-lab{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:14px!important}
.bb-instructions-score,.bb-instructions-review{padding:13px 15px!important;border-radius:14px!important;border:3px solid #173e57!important;background:linear-gradient(180deg,#194b68,#10364e)!important;box-shadow:inset 0 0 0 2px #2e637d,0 4px 0 #432815!important}
.bb-instructions-minihead{display:block!important;margin-bottom:4px!important;color:#f0c963!important;-webkit-text-fill-color:#f0c963!important;font-size:7.5px!important;font-weight:1000!important;letter-spacing:1.5px!important}
.bb-instructions-score>strong,.bb-instructions-review>strong{display:block!important;color:#fff2bd!important;-webkit-text-fill-color:#fff2bd!important;font-size:12px!important;line-height:1.15!important;letter-spacing:.5px!important}
.bb-instructions-score p,.bb-instructions-review p{margin:7px 0 0!important;color:#f7ebd1!important;-webkit-text-fill-color:#f7ebd1!important;font-size:10.5px!important;line-height:1.38!important;font-weight:700!important}.bb-instructions-score p b{color:#ffda72!important;-webkit-text-fill-color:#ffda72!important}
.bb-instructions-tip{display:flex!important;align-items:center!important;gap:10px!important;margin-top:14px!important;padding:10px 13px!important;border:2px dashed #a46229!important;border-radius:13px!important;background:#f4dfac!important}
.bb-instructions-tip>span{flex:0 0 30px!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#d89a37!important;color:#fff3c3!important;-webkit-text-fill-color:#fff3c3!important;font-size:18px!important}
.bb-instructions-tip p{margin:0!important;color:#4a301e!important;-webkit-text-fill-color:#4a301e!important;font-size:10.5px!important;line-height:1.35!important;font-weight:750!important}.bb-instructions-tip strong{color:#8f3225!important;-webkit-text-fill-color:#8f3225!important}
.bb-instructions-footer{padding:13px 20px 17px!important;text-align:center!important;background:#123c56!important;border-top:3px solid #c58a36!important}
.bb-instructions-ready{min-width:min(100%,330px)!important;padding:12px 22px!important;border:3px solid #622817!important;border-radius:14px!important;background:linear-gradient(180deg,#dc6042,#ad3a28)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18),0 5px 0 #552013!important;font-size:13px!important;font-weight:1000!important;letter-spacing:.8px!important;cursor:pointer!important}
.bb-instructions-ready:hover,.bb-instructions-ready:focus-visible{background:linear-gradient(180deg,#ed7050,#bd4632)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

@media(max-width:700px){
  .bb-instructions-modal{padding:10px!important;align-items:flex-start!important;overflow:auto!important}
  .bb-instructions-dialog{max-height:none!important;margin:8px auto!important;border-width:4px!important;border-radius:20px!important}
  .bb-instructions-header{padding:18px 48px 14px!important}.bb-instructions-close{right:12px!important;top:12px!important;width:37px!important;height:37px!important;font-size:23px!important}
  .bb-instructions-logo{width:min(260px,78%)!important;max-height:110px!important}.bb-instructions-title-plate h2{font-size:27px!important}
  .bb-instructions-body{padding:15px 13px 14px!important}.bb-instructions-mission{font-size:12px!important;padding:10px 11px!important}
  .bb-instruction-steps,.bb-instructions-lab{grid-template-columns:1fr!important;gap:9px!important}.bb-instruction-steps article{min-height:0!important;padding:11px!important}.bb-instruction-steps article>b{flex-basis:34px!important;width:34px!important;height:34px!important;font-size:18px!important}
  .bb-instructions-footer{padding:11px 12px 14px!important}.bb-instructions-ready{width:100%!important}
}

/* v0.1.22 — HOW TO PLAY MODAL VIEWPORT / SCROLL FIX
   The modal is moved to <body> in JS so it cannot be clipped by .bb-shell or theme containers. */
html.bb-instructions-open,
body.bb-instructions-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}

body > .bb-instructions-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483646!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:14px!important;
  overflow:hidden!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
body > .bb-instructions-modal[hidden]{display:none!important}

body > .bb-instructions-modal .bb-instructions-backdrop{
  position:absolute!important;
  inset:0!important;
}

body > .bb-instructions-modal .bb-instructions-dialog{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  width:min(900px,calc(100vw - 28px))!important;
  height:auto!important;
  max-height:calc(100vh - 28px)!important;
  max-height:calc(100dvh - 28px)!important;
  margin:0!important;
  overflow:hidden!important;
}

/* Keep the branded top and action bar visible. Only the rules area scrolls. */
body > .bb-instructions-modal .bb-instructions-header,
body > .bb-instructions-modal .bb-instructions-footer{
  flex:0 0 auto!important;
}
body > .bb-instructions-modal .bb-instructions-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable!important;
}

/* The close control must remain reachable even while the body is scrolled. */
body > .bb-instructions-modal .bb-instructions-close{
  position:absolute!important;
  z-index:20!important;
}

@media (max-height:760px) and (min-width:701px){
  body > .bb-instructions-modal{padding:8px!important}
  body > .bb-instructions-modal .bb-instructions-dialog{max-height:calc(100vh - 16px)!important;max-height:calc(100dvh - 16px)!important}
  body > .bb-instructions-modal .bb-instructions-header{padding:12px 58px 10px!important}
  body > .bb-instructions-modal .bb-instructions-logo{width:min(235px,58%)!important;max-height:82px!important;margin:1px auto 0!important}
  body > .bb-instructions-modal .bb-instructions-title-plate{padding:4px 20px 6px!important}
  body > .bb-instructions-modal .bb-instructions-title-plate h2{font-size:28px!important}
}

@media(max-width:700px){
  body > .bb-instructions-modal{
    align-items:center!important;
    padding:8px!important;
    overflow:hidden!important;
  }
  body > .bb-instructions-modal .bb-instructions-dialog{
    width:calc(100vw - 16px)!important;
    max-height:calc(100vh - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    margin:0!important;
  }
  body > .bb-instructions-modal .bb-instructions-header{padding:13px 45px 10px!important}
  body > .bb-instructions-modal .bb-instructions-logo{width:min(220px,72%)!important;max-height:84px!important}
  body > .bb-instructions-modal .bb-instructions-body{padding:13px 11px 12px!important}
}

/* v0.1.23 premium homepage re-layout */
.bb-page-stage .bb-start-copy{
  display:flex!important;
  flex-direction:column!important;
}
.bb-page-stage .bb-start-challenge-hero{
  order:1!important;
  margin:14px 0 18px!important;
  padding:14px 16px!important;
  border:3px solid #9c6a2f!important;
  box-shadow:inset 0 0 0 1px #ffe7a4,0 4px 0 rgba(80,46,15,.18)!important;
}
.bb-page-stage .bb-best-hero{
  margin:9px 0 0!important;
  font-size:13px!important;
  font-weight:1000!important;
  letter-spacing:.6px!important;
  color:#173d58!important;
}
.bb-page-stage .bb-best-hero strong{
  color:#a33a22!important;
  -webkit-text-fill-color:#a33a22!important;
  font-size:20px!important;
}
.bb-page-stage .bb-pack-area{
  order:2!important;
  margin:0 0 14px!important;
}
.bb-page-stage .bb-pack-heading-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 10px!important;
  flex-wrap:wrap!important;
}
.bb-page-stage .bb-pack-shop-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  border:2px solid #7d4f1f!important;
  background:linear-gradient(180deg,#f5d989,#d6a451)!important;
  box-shadow:inset 0 0 0 1px #fff1be,0 4px 0 #5a3716!important;
  color:#2e1d0f!important;
  -webkit-text-fill-color:#2e1d0f!important;
  text-decoration:none!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:.8px!important;
  text-transform:uppercase!important;
}
.bb-page-stage .bb-pack-shop-btn:hover,
.bb-page-stage .bb-pack-shop-btn:focus-visible{
  filter:brightness(1.04)!important;
  transform:translateY(-1px)!important;
}
.bb-page-stage .bb-pack-shop-btn:active{transform:translateY(2px)!important;box-shadow:inset 0 0 0 1px #fff1be,0 2px 0 #5a3716!important}
.bb-page-stage .bb-start-cta-panel{
  order:3!important;
  margin:2px 0 18px!important;
  padding:16px 16px 12px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#173a54,#102838)!important;
  border:3px solid #8d5b28!important;
  box-shadow:inset 0 0 0 2px #c8954b,0 6px 0 #16130f!important;
  text-align:center!important;
}
.bb-page-stage .bb-start-cta-panel .bb-start-btn{
  display:block!important;
  width:100%!important;
  min-height:58px!important;
  margin:0 0 10px!important;
  font-size:24px!important;
  letter-spacing:1px!important;
}
.bb-page-stage .bb-start-selected-pack{
  margin:0!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:1px!important;
  color:#ffe7a0!important;
  -webkit-text-fill-color:#ffe7a0!important;
  text-transform:uppercase!important;
}
.bb-page-stage .bb-start-selected-pack strong{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
.bb-page-stage .bb-rule-grid-compact{
  order:4!important;
  margin:0!important;
}
.bb-page-stage .bb-rule-grid-compact div{min-height:78px!important}
.bb-page-stage .bb-sandwich-demo{justify-content:flex-start!important}
.bb-page-stage .bb-sandwich-demo .bb-instructions-button{margin-top:12px!important}

@media(max-width:980px){
  .bb-page-stage .bb-pack-heading-row{align-items:flex-start!important}
}
@media(max-width:820px){
  .bb-page-stage .bb-start-cta-panel .bb-start-btn{font-size:21px!important;min-height:54px!important}
  .bb-page-stage .bb-start-cta-panel{padding:14px 14px 11px!important}
}
@media(max-width:560px){
  .bb-page-stage .bb-pack-heading-row{display:block!important}
  .bb-page-stage .bb-pack-shop-btn{width:100%!important;margin-top:8px!important}
  .bb-page-stage .bb-best-hero strong{font-size:18px!important}
  .bb-page-stage .bb-rule-grid-compact{grid-template-columns:repeat(2,1fr)!important}
}

/* v0.1.24 — mobile/tablet mirrored card-back fix.
   Some mobile/WebKit renderers need explicit prefixed 3D transforms on every layer.
   Keep the physical flip, but guarantee that the revealed answer face is front-facing. */
.bb-page-stage .bb-card-shell{
  -webkit-perspective:1800px!important;
  perspective:1800px!important;
}
.bb-page-stage .bb-flip-card,
.bb-page-stage .bb-card-inner{
  -webkit-transform-style:preserve-3d!important;
  transform-style:preserve-3d!important;
}
.bb-page-stage .bb-card-inner{
  -webkit-transform:rotateY(0deg)!important;
  transform:rotateY(0deg)!important;
  -webkit-transform-origin:50% 50%!important;
  transform-origin:50% 50%!important;
}
.bb-page-stage .bb-flip-card.is-flipped .bb-card-inner{
  -webkit-transform:rotateY(180deg)!important;
  transform:rotateY(180deg)!important;
}
.bb-page-stage .bb-card-face{
  -webkit-backface-visibility:hidden!important;
  backface-visibility:hidden!important;
  -webkit-transform-style:preserve-3d!important;
  transform-style:preserve-3d!important;
}
.bb-page-stage .bb-card-front{
  -webkit-transform:rotateY(0deg) translateZ(.1px)!important;
  transform:rotateY(0deg) translateZ(.1px)!important;
}
.bb-page-stage .bb-card-back{
  -webkit-transform:rotateY(180deg) translateZ(.1px)!important;
  transform:rotateY(180deg) translateZ(.1px)!important;
}

@media(max-width:820px){
  .bb-page-stage .bb-card-shell{
    -webkit-perspective:1400px!important;
    perspective:1400px!important;
  }
  .bb-page-stage .bb-card-inner,
  .bb-page-stage .bb-card-face{
    -webkit-transform-style:preserve-3d!important;
    transform-style:preserve-3d!important;
  }
  .bb-page-stage .bb-card-face{
    -webkit-backface-visibility:hidden!important;
    backface-visibility:hidden!important;
  }
  .bb-page-stage .bb-card-front{
    -webkit-transform:rotateY(0deg) translateZ(1px)!important;
    transform:rotateY(0deg) translateZ(1px)!important;
  }
  .bb-page-stage .bb-card-back{
    -webkit-transform:rotateY(180deg) translateZ(1px)!important;
    transform:rotateY(180deg) translateZ(1px)!important;
  }
  .bb-page-stage .bb-flip-card.is-flipped .bb-card-inner{
    -webkit-transform:rotateY(180deg)!important;
    transform:rotateY(180deg)!important;
  }
}

/* v0.1.25: three-pack premium selector */
@media (min-width:1120px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .bb-page-stage .bb-pack{min-height:128px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
}
@media (min-width:821px) and (max-width:1119px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* v0.1.26: four-pack premium selector */
@media (min-width:821px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bb-page-stage .bb-pack{min-height:118px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
}
@media (max-width:820px){
  .bb-page-stage .bb-pack-list{grid-template-columns:1fr!important}
}

/* v0.1.27: five-pack premium selector */
@media (min-width:1120px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .bb-page-stage .bb-pack{min-height:128px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
}
@media (min-width:821px) and (max-width:1119px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:820px){
  .bb-page-stage .bb-pack-list{grid-template-columns:1fr!important}
}

/* v0.1.29: six-pack premium selector */
@media (min-width:1120px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .bb-page-stage .bb-pack{min-height:128px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
}
@media (min-width:821px) and (max-width:1119px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:820px){
  .bb-page-stage .bb-pack-list{grid-template-columns:1fr!important}
}

/* v0.1.30: seven-pack premium selector */
@media (min-width:1120px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .bb-page-stage .bb-pack{min-height:128px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
}
@media (min-width:821px) and (max-width:1119px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:820px){
  .bb-page-stage .bb-pack-list{grid-template-columns:1fr!important}
}

/* v0.1.31: eight-pack premium selector */
@media (min-width:1120px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .bb-page-stage .bb-pack{min-height:132px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
}
@media (min-width:821px) and (max-width:1119px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:820px){
  .bb-page-stage .bb-pack-list{grid-template-columns:1fr!important}
}


/* v0.1.32: nine-pack premium selector */
@media (min-width:1120px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .bb-page-stage .bb-pack{min-height:132px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
}
@media (min-width:821px) and (max-width:1119px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:820px){
  .bb-page-stage .bb-pack-list{grid-template-columns:1fr!important}
}


/* v0.1.33: ten-pack premium selector */
@media (min-width:1120px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .bb-page-stage .bb-pack{min-height:148px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
}
@media (min-width:821px) and (max-width:1119px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:820px){
  .bb-page-stage .bb-pack-list{grid-template-columns:1fr!important}
}

/* v0.1.34: eleven-pack premium selector */
@media (min-width:1120px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .bb-page-stage .bb-pack{min-height:148px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
}
@media (min-width:821px) and (max-width:1119px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:820px){
  .bb-page-stage .bb-pack-list{grid-template-columns:1fr!important}
}

/* v0.1.35 admin Question Manager test mode */
.bb-admin-preview-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff3cd;border:2px solid #d49b00;color:#493800;border-radius:12px;padding:10px 14px;margin:0 auto 14px;max-width:1180px;font:700 13px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 3px 10px rgba(0,0,0,.08)}
.bb-admin-preview-banner a{display:inline-block;background:#173d52;color:#fff!important;text-decoration:none;padding:8px 12px;border-radius:8px;white-space:nowrap}
@media(max-width:700px){.bb-admin-preview-banner{flex-direction:column;align-items:flex-start}.bb-admin-preview-banner a{width:100%;text-align:center}}

/* v0.1.36: twelve-pack selector; four columns form a clean 4 x 3 grid on wide screens. */

/* v0.1.39: fourteen-pack selector. Keep four columns on wide screens and
   center the single final card when the total lands at 4n+1. */
@media (min-width:1120px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .bb-page-stage .bb-pack:nth-last-child(1):nth-child(4n+1){grid-column:2 / span 2}
}
@media (min-width:821px) and (max-width:1119px){
  .bb-page-stage .bb-pack-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bb-page-stage .bb-pack:nth-last-child(1):nth-child(odd){grid-column:1 / span 2}
}
@media (max-width:820px){
  .bb-page-stage .bb-pack-list{grid-template-columns:1fr!important}
  .bb-page-stage .bb-pack:nth-last-child(1):nth-child(odd){grid-column:auto}
}

/* ============================================================
   v0.1.38 — UNIVERSAL QUESTION STATEMENT AUTO-FIT / SAFE PADDING
   The statement panel remains a fixed premium card surface while JS
   measures each statement and reduces type only when necessary.
   These guards ensure no statement can visibly bleed past the cream box.
   ============================================================ */
.bb-page-stage .bb-question-frame{
  min-width:0!important;
  overflow:hidden!important;
  padding:16px 20px!important;
}
.bb-page-stage .bb-card-front .bb-question-frame .bb-question,
.bb-page-stage .bb-card-front .bb-question,
.bb-page-stage .bb-question-frame [data-bb-question]{
  min-width:0!important;
  max-width:100%!important;
  max-height:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding:4px 10px!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  hyphens:none!important;
}
.bb-page-stage .bb-question-frame.is-bb-tight .bb-question{
  text-wrap:pretty!important;
}
@media(max-width:820px){
  .bb-page-stage .bb-question-frame{padding:10px 12px!important}
  .bb-page-stage .bb-card-front .bb-question-frame .bb-question,
  .bb-page-stage .bb-card-front .bb-question{padding:3px 6px!important}
}
@media(max-width:430px){
  .bb-page-stage .bb-question-frame{padding:9px 10px!important}
  .bb-page-stage .bb-card-front .bb-question-frame .bb-question,
  .bb-page-stage .bb-card-front .bb-question{padding:2px 5px!important}
}

/* ============================================================
   v0.1.41 — ACTIVE GAME EXIT / CANCEL FLOW
   Keeps a visible exit control available during play and uses a
   body-level confirmation dialog so theme containers cannot clip it.
   ============================================================ */
.bb-page-stage .bb-hud{
  grid-template-columns:1fr 1fr 1fr auto!important;
  align-items:stretch!important;
}
.bb-page-stage .bb-exit-game{
  appearance:none;
  border:3px solid #7d2d22;
  border-radius:13px;
  background:linear-gradient(180deg,#fff1e7,#e9c7ae);
  color:#7d241b!important;
  -webkit-text-fill-color:#7d241b!important;
  padding:8px 14px;
  min-width:112px;
  font:1000 11px/1.1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.7px;
  cursor:pointer;
  box-shadow:inset 0 0 0 2px #fff8ee,0 4px 0 #4a2119;
  text-transform:uppercase;
}
.bb-page-stage .bb-exit-game:hover,
.bb-page-stage .bb-exit-game:focus-visible{
  background:linear-gradient(180deg,#fff7f1,#efceb7)!important;
  color:#661b15!important;
  -webkit-text-fill-color:#661b15!important;
  transform:none!important;
  outline:3px solid rgba(202,72,48,.22);
  outline-offset:2px;
}
.bb-page-stage .bb-exit-game:active{transform:translateY(2px)!important;box-shadow:inset 0 0 0 2px #fff8ee,0 2px 0 #4a2119!important}
.bb-page-stage .bb-exit-game:disabled{opacity:.55;cursor:wait}
.bb-page-stage .bb-exit-mobile{display:none}

.bb-exit-modal[hidden]{display:none!important}
body > .bb-exit-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483646!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body > .bb-exit-modal .bb-exit-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(5,12,18,.94)!important;
  -webkit-backdrop-filter:blur(9px) saturate(.55);
  backdrop-filter:blur(9px) saturate(.55);
}
body > .bb-exit-modal .bb-exit-dialog{
  position:relative!important;
  z-index:1!important;
  width:min(520px,calc(100vw - 28px))!important;
  background:linear-gradient(180deg,#fff8e8,#f0d8ae)!important;
  border:4px solid #8e5b27!important;
  border-radius:22px!important;
  box-shadow:inset 0 0 0 2px #fff7da,0 14px 40px rgba(0,0,0,.42)!important;
  padding:28px 26px 24px!important;
  text-align:center!important;
  color:#173d58!important;
  outline:none!important;
}
body > .bb-exit-modal .bb-exit-mark{
  width:54px;height:54px;margin:0 auto 10px;border-radius:50%;
  display:grid;place-items:center;background:#b73b2d;color:#fff;
  border:3px solid #7b241a;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25),0 4px 0 #4f1c16;
  font-size:38px;font-weight:900;line-height:1;
}
body > .bb-exit-modal h2{
  margin:8px 0 8px!important;
  color:#173d58!important;
  font-size:clamp(28px,6vw,42px)!important;
  line-height:1!important;
  letter-spacing:-.8px!important;
}
body > .bb-exit-modal p{
  margin:0 auto 20px!important;
  max-width:410px!important;
  color:#4e4336!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:700!important;
}
body > .bb-exit-modal .bb-exit-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
body > .bb-exit-modal .bb-exit-actions button{
  appearance:none;border-radius:13px;padding:13px 18px;min-width:170px;
  font:1000 13px/1.1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.5px;cursor:pointer;text-transform:uppercase;
}
body > .bb-exit-modal .bb-exit-keep{
  background:#173d58;color:#fff;border:3px solid #0e2a3c;box-shadow:0 4px 0 #091d29;
}
body > .bb-exit-modal .bb-exit-confirm{
  background:#c84432;color:#fff;border:3px solid #84281d;box-shadow:0 4px 0 #5c1d16;
}
body > .bb-exit-modal .bb-exit-actions button:hover,
body > .bb-exit-modal .bb-exit-actions button:focus-visible{filter:brightness(1.06);outline:3px solid rgba(255,204,75,.5);outline-offset:2px}
body > .bb-exit-modal .bb-exit-actions button:disabled{opacity:.55;cursor:wait}
html.bb-exit-open,body.bb-exit-open{overflow:hidden!important}

@media(max-width:820px){
  .bb-page-stage .bb-hud{grid-template-columns:1fr 1fr 1fr!important}
  .bb-page-stage .bb-exit-desktop{display:none!important}
  .bb-page-stage .bb-mobile-playbar{grid-template-columns:minmax(0,1fr) 122px!important}
  .bb-page-stage .bb-exit-mobile{
    display:block!important;
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    padding:7px 10px!important;
    border-radius:9px!important;
    font-size:10px!important;
    box-shadow:inset 0 0 0 1px #fff8ee,0 3px 0 #4a2119!important;
  }
}
@media(max-width:480px){
  body > .bb-exit-modal{padding:10px!important}
  body > .bb-exit-modal .bb-exit-dialog{padding:22px 14px 18px!important;border-radius:18px!important}
  body > .bb-exit-modal .bb-exit-actions{display:grid;grid-template-columns:1fr;width:100%}
  body > .bb-exit-modal .bb-exit-actions button{width:100%;min-width:0}
}

/* v0.1.42: version-specific asset registration fix. Exit Game styles are now guaranteed to ship with the matching v0.1.42 JS. */