/* Blurt Bits — grungy hand-inked look, built for phones first. */
:root{
  --paper:#F4F0E6; --paper-2:#EDE7D8; --rule:#E2DCCE; --ink:#2B2621; --ink-2:#5A524A;
  --red:#B5463E; --red-d:#8F332C; --blue:#4F6FA8; --blue-d:#3A5689; --pink:#D6839E; --yellow:#FFD640;
  --grey:#9A9A92; --green:#3E8E5A; --wrong:#B5463E; --card:#FFFDF7;
  --r:14px 18px 12px 20px; --shadow:4px 4px 0 var(--ink);
  --hand:"Patrick Hand","Comic Sans MS",cursive; --body:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 var(--body);
  background-image:repeating-linear-gradient(transparent 0 39px,var(--rule) 39px 41px);}
img{max-width:100%;height:auto}
a{color:var(--red-d);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--ink)}
h1,h2,h3,.hand{font-family:var(--hand);font-weight:400;line-height:1.15;letter-spacing:.2px;color:var(--ink)}
h1{font-size:clamp(34px,6vw,54px);margin:.2em 0 .3em}
h2{font-size:clamp(26px,4vw,34px);margin:1.6em 0 .5em}
h3{font-size:24px;margin:1em 0 .4em}
p{margin:0 0 1em}
.wrap{max-width:1140px;margin:0 auto;padding:0 18px}
.wrap--read{max-width:760px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip:focus{position:fixed!important;width:auto;height:auto;clip:auto;top:8px;left:8px;background:#fff;padding:8px 12px;z-index:99}
.bb-lead{font-size:20px;color:var(--ink-2)}
.bb-small{font-size:14px;color:var(--ink-2)}
.bb-note{background:#fff8d9;border:2px dashed var(--ink);padding:10px 14px;border-radius:var(--r)}

/* Header */
.site-header{background:var(--paper);border-bottom:3px solid var(--ink);position:sticky;top:0;z-index:20}
.site-header__inner{display:flex;align-items:center;gap:16px;min-height:64px}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink)}
.logo__mark{font-size:26px}
.logo__text{font-family:var(--hand);font-size:32px;line-height:1}
.nav-toggle{margin-left:auto;background:none;border:2px solid var(--ink);border-radius:var(--r);font:inherit;padding:4px 12px;cursor:pointer}
.site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:3px solid var(--ink);padding:12px 18px 18px;flex-direction:column;gap:10px}
.site-nav.is-open{display:flex}
.bb-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.bb-menu a,.site-nav__account{color:var(--ink);text-decoration:none;font-weight:600}
.bb-menu a:hover{text-decoration:underline}
@media(min-width:960px){
  .nav-toggle{display:none}
  .site-nav{display:flex;position:static;flex-direction:row;align-items:center;margin-left:auto;padding:0;border:0;background:none}
  .bb-menu{flex-direction:row;gap:18px}
}

/* Buttons & pills */
.bb-btn{display:inline-block;font:600 16px/1.2 var(--body);text-decoration:none;color:var(--ink);background:var(--card);border:2.5px solid var(--ink);
  border-radius:var(--r);padding:11px 18px;box-shadow:var(--shadow);cursor:pointer;transition:transform .08s,box-shadow .08s;margin:4px 6px 4px 0}
.bb-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink);color:var(--ink)}
.bb-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.bb-btn--red{background:var(--red);color:#fff}.bb-btn--red:hover{color:#fff}
.bb-btn--blue{background:var(--blue);color:#fff}.bb-btn--blue:hover{color:#fff}
.bb-btn--big{font-size:19px;padding:14px 24px}
.bb-btn--sm{padding:7px 12px;font-size:15px;box-shadow:3px 3px 0 var(--ink)}
.bb-btn:disabled{opacity:.6;cursor:default}
.bb-link{font-weight:600}
.bb-pill,.bb-tag{display:inline-block;font:600 13px/1 var(--body);text-transform:uppercase;letter-spacing:.6px;background:var(--yellow);color:var(--ink);
  border:2px solid var(--ink);border-radius:999px;padding:6px 11px;text-decoration:none}
.bb-tag{background:var(--paper-2)}

/* Hero */
.hero{padding:28px 0 10px;overflow:hidden}
.hero__inner{display:grid;gap:14px;align-items:end}
.hero__title{font-size:clamp(40px,8vw,72px)}
.hero__title span{color:var(--red)}
.hero__sub{font-size:19px;color:var(--ink-2);max-width:560px}
.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.hero__stat{font-size:15px;color:var(--ink-2);font-weight:600}
.hero__cast{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:0;min-height:300px}
.hero__cast .bb-char{height:300px;width:auto}
.hero__apple{height:230px!important;margin-left:-10px}
.hero__bubble{position:absolute;top:0;right:4%;background:#fff;border:2.5px solid var(--ink);border-radius:20px 24px 18px 22px;padding:10px 14px;font-family:var(--hand);font-size:22px;box-shadow:var(--shadow);max-width:220px}
@media(min-width:900px){.hero__inner{grid-template-columns:1.15fr .85fr}.hero__cast{min-height:420px}.hero__cast .bb-char{height:420px}.hero__apple{height:320px!important}}

/* Sections & grids */
.section{padding:22px 18px}
.section__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.section__head h2{margin:.8em 0 .4em}
.section--split{display:grid;gap:24px;align-items:center}
.section__art{display:flex;justify-content:center;align-items:flex-end}
.section__art .bb-char{height:260px;width:auto}
@media(min-width:900px){.section--split{grid-template-columns:1.2fr .8fr}}
.bb-steps{padding-left:22px}.bb-steps li{margin-bottom:8px}
.bb-grid{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:640px){.bb-grid--3,.bb-grid--4,.bb-grid--packs,.bb-grid--subjects,.bb-grid--myths,.bb-grid--cast{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.bb-grid--3,.bb-grid--packs,.bb-grid--myths,.bb-grid--cast{grid-template-columns:repeat(3,1fr)}.bb-grid--4,.bb-grid--subjects{grid-template-columns:repeat(4,1fr)}}

/* Cards */
.bb-card{display:flex;flex-direction:column;gap:8px;background:var(--card);border:2.5px solid var(--ink);border-radius:var(--r);padding:16px;
  box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .1s,box-shadow .1s}
a.bb-card:hover{transform:translate(-2px,-2px) rotate(-.3deg);box-shadow:6px 6px 0 var(--ink);color:var(--ink)}
.bb-card__q,.bb-card__title{font-family:var(--hand);font-size:25px;line-height:1.15}
.bb-card__sub{color:var(--ink-2);font-size:15px}
.bb-card__cta{margin-top:auto;font-weight:700;color:var(--red-d)}
.bb-card__meta{font-size:14px;color:var(--ink-2);font-weight:600}
.bb-card .bb-tag{align-self:flex-start}
.bb-card--subject{background:var(--paper-2)}
.bb-card--myth .bb-myth{font-size:14px;text-transform:uppercase;font-weight:700;color:var(--red)}
.bb-card--cast{text-align:center;align-items:center}
.bb-card--cast img{height:260px;width:auto}
.bb-card--pack .bb-btn{align-self:flex-start;margin-top:auto}

/* Question page */
.bb-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:18px 0 0;font-size:14px}
.bb-crumbs li+li::before{content:"›";margin-right:6px;color:var(--ink-2)}
.bb-crumbs a{color:var(--ink-2)}
.question__head h1{margin-top:.3em}
.question__myth{background:#fff;border-left:5px solid var(--red);padding:10px 14px;border-radius:0 12px 12px 0}
.question__myth span{font-weight:700}
.question__spoiler,.question__transcript,details{margin:14px 0;border:2px dashed var(--ink-2);border-radius:var(--r);padding:10px 14px;background:rgba(255,255,255,.5)}
summary{cursor:pointer;font-weight:700}
.entry h2{font-size:30px}
.entry p{font-size:18px}
.question__next{margin-top:30px}

/* Players & options */
.bb-player,.bb-daily,.bb-quiz__stage{background:var(--card);border:3px solid var(--ink);border-radius:20px 26px 18px 24px;padding:18px;box-shadow:6px 6px 0 var(--ink);margin:18px 0}
.bb-options{display:grid;gap:10px;margin:12px 0}
.bb-option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:600 18px/1.3 var(--body);color:var(--ink);background:#fff;border:2.5px solid var(--ink);
  border-radius:var(--r);padding:12px 14px;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .08s}
.bb-option:hover:not(:disabled){transform:translate(-1px,-1px);background:#fffbe6}
.bb-option__letter{flex:0 0 36px;height:36px;display:grid;place-items:center;font-family:var(--hand);font-size:24px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow)}
.bb-option.is-correct{background:#e3f4e8;border-color:var(--green)}
.bb-option.is-correct .bb-option__letter{background:var(--green);color:#fff}
.bb-option.is-wrong{background:#f8e1de;text-decoration:line-through;text-decoration-color:var(--wrong)}
.bb-option:disabled{cursor:default}
.bb-verdict{font-family:var(--hand);font-size:28px;margin:.3em 0}
.bb-verdict.is-right{color:var(--green)}.bb-verdict.is-wrong{color:var(--wrong)}
.bb-apple-line{background:#fbe9e7;border-radius:12px;padding:8px 12px;font-weight:600}
.bb-short{font-size:18px}
.bb-stats-bars{margin:12px 0}
.bb-statbar{display:grid;grid-template-columns:24px 1fr 46px;gap:8px;align-items:center;margin:4px 0;font-weight:700}
.bb-statbar i{display:block;height:14px;background:var(--grey);border:2px solid var(--ink);border-radius:8px;min-width:4px}
.bb-statbar.is-correct i{background:var(--green)}
.bb-stats-bars small{color:var(--ink-2)}

/* Daily game */
.bb-daily__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bb-progress{display:flex;gap:6px}
.bb-progress i{width:16px;height:16px;border:2px solid var(--ink);border-radius:50%;background:#fff}
.bb-progress i.ok{background:var(--green)}.bb-progress i.no{background:var(--wrong)}.bb-progress i.now{background:var(--yellow)}
.bb-daily__count{font-weight:700}
.bb-daily__subject{text-transform:uppercase;font-size:13px;letter-spacing:.8px;font-weight:700;color:var(--ink-2);margin:14px 0 0}
.bb-daily__q{margin:.2em 0 .4em;font-size:clamp(28px,5vw,38px)}
.bb-daily__loading{font-family:var(--hand);font-size:24px;padding:30px 0;text-align:center}
.bb-result{text-align:center}
.bb-scoreline{display:flex;justify-content:center;align-items:center;gap:20px;margin:10px 0}
.bb-big{display:block;font-family:var(--hand);font-size:64px;line-height:1}
.bb-vs{font-family:var(--hand);font-size:28px;color:var(--ink-2)}
.bb-streak{font-size:20px}.bb-streak--warn{font-size:16px;background:#fff3cd;border-radius:12px;padding:8px 12px}
.bb-grid-share{display:inline-block;text-align:left;background:var(--paper);border:2px dashed var(--ink);border-radius:12px;padding:10px 14px;font:16px/1.4 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap}
.bb-review{text-align:left}.bb-review li{margin:8px 0}.bb-review li.no a{color:var(--wrong)}
.bb-after{margin-top:10px}
.bb-how ol{padding-left:22px}

/* Offers, sign-ups, sponsor, ads */
.bb-offer{position:relative;border:3px solid var(--ink);border-radius:20px 26px 18px 24px;padding:20px;margin:26px 0;box-shadow:6px 6px 0 var(--ink);background:#fff6d6}
.bb-offer--club{background:#e3eaf6}
.bb-offer--bundle{background:#fde4ea}
.bb-offer__kicker{text-transform:uppercase;font-size:13px;letter-spacing:.8px;font-weight:800;margin:0;color:var(--ink-2)}
.bb-offer__title{font-family:var(--hand);font-size:32px;line-height:1.1;margin:.15em 0 .3em}
.bb-offer__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.bb-offer__small{font-size:14px;margin:.6em 0 0}
.bb-signup{background:#fff;border:3px solid var(--ink);border-radius:20px 26px 18px 24px;padding:20px;margin:26px 0;box-shadow:6px 6px 0 var(--red)}
.bb-signup__title{font-family:var(--hand);font-size:30px;line-height:1.1;margin:0 0 .2em}
.bb-signup__sub{color:var(--ink-2)}
.bb-signup__row{display:flex;flex-wrap:wrap;gap:8px}
.bb-signup input[type=email],.bb-league-form input,.bb-namepick select{flex:1 1 220px;font:17px var(--body);padding:12px 14px;border:2.5px solid var(--ink);border-radius:var(--r);background:#fffef9;min-width:0}
.bb-signup .bb-btn{margin:0}
.bb-signup__check,.bb-toggle{display:flex;gap:8px;align-items:center;font-size:15px;margin-top:10px}
.bb-signup__msg{margin:.6em 0 0;font-weight:700}.bb-signup__msg.is-ok{color:var(--green)}.bb-signup__msg.is-err{color:var(--wrong)}
.bb-signup.is-done .bb-signup__row,.bb-signup.is-done .bb-signup__check{display:none}
.bb-sponsor{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;margin:14px 0;padding:8px 12px;border:2px dashed var(--grey);border-radius:12px}
.bb-sponsor__label,.bb-ad__label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--ink-2);font-weight:700}
.bb-ad{margin:24px 0;padding:10px;border:2px dashed var(--grey);border-radius:12px;min-height:120px}
.bb-deeper{border:2.5px solid var(--ink);border-radius:var(--r);padding:14px 18px;margin:24px 0;background:var(--paper-2)}
.bb-deeper__title{font-family:var(--hand);font-size:26px;margin:0}
.bb-deeper ul{margin:.4em 0;padding-left:20px}
.bb-deeper__note{font-size:12px;color:var(--ink-2);margin:0}
.bb-tip{text-align:center;font-weight:600;margin:20px 0}
.bb-ticks{list-style:none;padding:0}
.bb-ticks li{padding-left:30px;position:relative;margin:8px 0}
.bb-ticks li::before{content:"✓";position:absolute;left:0;top:-2px;font-family:var(--hand);font-size:24px;color:var(--green)}

/* Sources, share, video */
.bb-sources{font-size:15px;margin-top:30px}
.bb-sources h2{font-size:24px}
.bb-checked{color:var(--ink-2)}
.bb-share{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:24px 0;font-weight:600}
.bb-share a,.bb-share button,.bb-copy{font:600 14px var(--body);padding:6px 12px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);text-decoration:none;cursor:pointer}
.bb-video{position:relative;aspect-ratio:9/16;max-width:360px;margin:18px auto;border:3px solid var(--ink);border-radius:20px;background:#2b2621 center/cover;box-shadow:var(--shadow);overflow:hidden;display:grid;place-items:center;cursor:pointer}
.bb-video__play{width:76px;height:76px;border-radius:50%;border:3px solid var(--ink);background:var(--red);color:#fff;font-size:30px;cursor:pointer}
.bb-video__label{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}
.bb-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Lists & tables */
.bb-qlist{padding-left:26px}
.bb-qlist li{margin:0 0 14px;padding-bottom:12px;border-bottom:2px dotted var(--rule)}
.bb-qlist__q{display:block;font-weight:600;font-size:18px}
.bb-qlist__a{display:block;color:var(--green);font-weight:700}
.bb-qlist__a::before{content:"Answer: ";color:var(--ink-2);font-weight:600}
.bb-qlist__n{display:block;font-size:15px;color:var(--ink-2)}
body.bb-hide-a .bb-qlist__a,body.bb-hide-a .bb-qlist__n{display:none}
.bb-table{width:100%;border-collapse:collapse;background:var(--card);border:2.5px solid var(--ink)}
.bb-table th,.bb-table td{padding:10px 12px;border-bottom:2px solid var(--rule);text-align:left}
.bb-table tr.is-me{background:#fff6d6;font-weight:700}
.bb-archive{list-style:none;padding:0;columns:2 220px}
.bb-archive li{margin:6px 0}.bb-archive .is-locked{color:var(--ink-2)}
.bb-breakdown li{margin:10px 0}.bb-breakdown li.no b{color:var(--wrong)}

/* Account */
.bb-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:10px 0 20px}
.bb-stats div{background:var(--card);border:2.5px solid var(--ink);border-radius:var(--r);padding:12px;text-align:center;font-weight:600;box-shadow:3px 3px 0 var(--ink)}
.bb-stat{display:block;font-family:var(--hand);font-size:44px;line-height:1}
@media(min-width:700px){.bb-stats{grid-template-columns:repeat(4,1fr)}}
.bb-namepick{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bb-two{display:grid;gap:16px}@media(min-width:760px){.bb-two{grid-template-columns:1fr 1fr}}
.bb-league-form{display:flex;flex-direction:column;gap:8px;background:var(--card);border:2.5px solid var(--ink);border-radius:var(--r);padding:16px;box-shadow:var(--shadow)}
.bb-league-form h2{margin:0}
.bb-downloads li{margin:8px 0}

/* Page heads */
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px}
.page-head__char{height:170px;width:auto;flex:0 0 auto}
@media(max-width:600px){.page-head__char{height:110px}}
.pack-page__top{display:grid;gap:20px;align-items:center}
@media(min-width:760px){.pack-page__top{grid-template-columns:1.3fr .7fr}}
.pack-page__img img{max-height:340px;width:auto}
.notfound{text-align:center;padding:30px 18px}
.notfound__char{height:260px;width:auto}
.pager{margin:24px 0}
.pager .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.pager .page-numbers{padding:6px 12px;border:2px solid var(--ink);border-radius:10px;text-decoration:none;color:var(--ink);background:#fff}
.pager .current{background:var(--yellow)}
.section-title{margin-top:1.4em}
.search-form{display:flex;gap:8px;margin:12px 0 20px}
.search-form input[type=search]{flex:1;font:17px var(--body);padding:10px 12px;border:2.5px solid var(--ink);border-radius:var(--r)}
.search-form .search-submit{font:600 16px var(--body);border:2.5px solid var(--ink);border-radius:var(--r);background:var(--yellow);padding:0 16px}

/* Footer */
.site-footer{margin-top:50px;border-top:3px solid var(--ink);background:var(--paper-2);padding:30px 0 90px}
.site-footer__cta{display:grid;gap:12px;align-items:end}
.site-footer__char{height:200px;width:auto;justify-self:center;display:none}
@media(min-width:760px){.site-footer__char{display:block}}
.site-footer__title{font-family:var(--hand);font-size:30px;margin:0}
@media(min-width:760px){.site-footer__cta{grid-template-columns:160px 1fr}}
.site-footer__cols{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}
@media(min-width:760px){.site-footer__cols{grid-template-columns:repeat(4,1fr)}}
.site-footer__cols ul{list-style:none;padding:0;margin:0}
.site-footer__cols li{margin:4px 0}
.site-footer__cols a{color:var(--ink)}
.site-footer__head{font-family:var(--hand);font-size:24px;margin:0 0 4px}
.site-footer__fine{font-size:14px;color:var(--ink-2);margin-top:24px}
.site-footer__fine a{color:var(--ink-2)}

/* Sticky CTA */
.bb-sticky{position:fixed;left:10px;right:10px;bottom:10px;z-index:30;display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:16px;padding:10px 12px 10px 16px;
  box-shadow:0 6px 18px rgba(0,0,0,.25);transform:translateY(140%);transition:transform .35s}
.bb-sticky.is-in{transform:none}
.bb-sticky span{flex:1;font-weight:600;font-size:15px}
.bb-sticky .bb-btn{margin:0;box-shadow:none;border-color:#fff}
.bb-sticky__close{background:none;border:0;color:#fff;font-size:24px;cursor:pointer;padding:0 4px}
@media(min-width:760px){.bb-sticky{left:auto;max-width:460px}}

/* Print (question lists) */
@media print{
  body{background:#fff;font-size:12pt}
  .site-header,.site-footer,.bb-sticky,.no-print,.bb-crumbs,.bb-sponsor,.bb-offer,.bb-signup,.bb-share,.bb-ad{display:none!important}
  .bb-qlist li{break-inside:avoid}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.bb-breakdown,.bb-review{text-align:left}

/* ===== Conversion layer (1.2.0) ===== */
/* Hero: question 1 playable on arrival */
.hero__play{background:var(--card);border:3px solid var(--ink);border-radius:20px 26px 18px 24px;box-shadow:6px 6px 0 var(--ink);padding:16px;margin:6px 0 12px;max-width:560px}
.hero__qlabel{margin:0 0 4px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--red-d)}
.hero__q{font-family:var(--hand);font-size:28px;line-height:1.15;margin:0 0 12px}
.bb-options--hero{display:grid;gap:8px}
.bb-options--hero .bb-option{font-size:17px;padding:10px 12px}
.bb-option.is-picked{background:#fffbe6;transform:translate(-1px,-1px)}
.bb-countdown{white-space:nowrap}

/* Sign-up band */
.bb-band{display:flex;align-items:flex-end;gap:16px;background:#fff6d6;border:3px solid var(--ink);border-radius:20px 26px 18px 24px;box-shadow:6px 6px 0 var(--ink);padding:18px 18px 0}
.bb-band .bb-signup{flex:1;margin:0 0 18px;border:0;box-shadow:none;background:transparent;padding:0}
.bb-band__char{height:170px;width:auto;flex:none;display:none}
@media(min-width:760px){.bb-band__char{display:block}}

/* Popup (desktop modal, mobile bottom sheet) */
.bb-pop{position:fixed;inset:0;z-index:60;background:rgba(43,38,33,.55);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .25s}
.bb-pop.is-in{opacity:1}
.bb-pop__card{position:relative;background:var(--paper);border:3px solid var(--ink);border-radius:22px 28px 20px 26px;box-shadow:8px 8px 0 var(--ink);padding:26px 22px 18px;max-width:480px;width:100%;transform:translateY(16px);transition:transform .25s}
.bb-pop.is-in .bb-pop__card{transform:none}
.bb-pop__char{position:absolute;left:22px;top:-104px;height:118px;width:auto;pointer-events:none}
.bb-pop__kicker{margin:0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--red-d)}
.bb-pop__title{font-size:32px;margin:4px 0 8px}
.bb-pop .bb-signup{border:0;box-shadow:none;background:transparent;padding:0;margin:0}
.bb-pop .bb-signup__title{display:none}
.bb-pop__x{position:absolute;top:8px;right:10px;background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:var(--ink);z-index:2}
.bb-pop__no{display:block;margin:10px auto 0;background:none;border:0;color:var(--ink-2);text-decoration:underline;font:14px var(--body);cursor:pointer}
@media(max-width:640px){
  .bb-pop{align-items:flex-end;padding:0}
  .bb-pop__card{border-radius:22px 22px 0 0;border-bottom:0;box-shadow:none;max-width:none;padding:22px 16px 16px;transform:translateY(100%)}
  .bb-pop__char{height:92px;top:-82px;left:16px}
  .bb-pop__title{font-size:26px}
}

/* Scroll slide-in */
.bb-slide{position:fixed;z-index:40;left:10px;right:10px;bottom:10px;background:var(--paper);border:3px solid var(--ink);border-radius:18px 22px 16px 20px;box-shadow:6px 6px 0 var(--ink);padding:14px 14px 10px;transform:translateY(130%);transition:transform .35s}
.bb-slide.is-in{transform:none}
.bb-slide .bb-signup{border:0;box-shadow:none;background:transparent;padding:0;margin:0}
.bb-slide .bb-signup__title{font-size:22px;margin-right:30px}
.bb-slide .bb-signup__check{display:none}
@media(min-width:760px){.bb-slide{left:auto;right:16px;bottom:16px;max-width:400px}}

/* Seasonal banner */
.bb-season{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:#fff;padding:7px 40px 7px 14px;position:relative;font-weight:600;font-size:15px;text-align:center}
.bb-season a{color:#fff;text-decoration:none}
.bb-season a:hover b{color:var(--yellow)}
.bb-season__x{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;font-size:22px;cursor:pointer}

/* Refer a friend */
.bb-invite{border:3px solid var(--ink);border-radius:20px 26px 18px 24px;padding:20px;margin:26px 0;box-shadow:6px 6px 0 var(--ink);background:#e9f3ea}
.bb-invite__bar{display:flex;gap:6px;margin:8px 0 2px}
.bb-invite__bar i{flex:1;height:12px;border:2px solid var(--ink);border-radius:8px;background:#fff}
.bb-invite__bar i.on{background:var(--green)}
.bb-invite__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}

/* Testimonials */
.bb-quotes{display:grid;gap:14px;margin:26px 0}
@media(min-width:760px){.bb-quotes{grid-template-columns:repeat(3,1fr)}}
.bb-quote{margin:0;background:var(--card);border:2.5px solid var(--ink);border-radius:var(--r);padding:16px;box-shadow:var(--shadow)}
.bb-quote blockquote{margin:0 0 8px;font-family:var(--hand);font-size:21px;line-height:1.25}
.bb-quote figcaption{font-size:14px;color:var(--ink-2);font-weight:600}

/* Install as app */
.bb-install{margin:12px 0 0}
@media print{.bb-pop,.bb-slide,.bb-season,.bb-invite{display:none!important}}
.bb-pop[hidden],.bb-slide[hidden],.bb-install[hidden],.bb-install [hidden]{display:none!important}

/* ===== Offers (1.3.0) ===== */
.bb-previews{display:grid;gap:12px;margin:22px 0}
@media(min-width:700px){.bb-previews{grid-template-columns:repeat(3,1fr)}}
.bb-previews img{width:100%;height:auto;border:2.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow);background:#fff}
.bb-offer s{color:var(--ink-2);font-weight:400}
.bb-offer--upsell{background:#e9f3ea}
.bb-offer--gift{background:#e7edf7}
.bb-plans{display:grid;gap:14px;margin:18px 0 6px}
@media(min-width:640px){.bb-plans{grid-template-columns:1fr 1fr}}
.bb-plan{border:3px solid var(--ink);border-radius:20px 26px 18px 24px;padding:18px;background:var(--card);box-shadow:5px 5px 0 var(--ink)}
.bb-plan--best{background:#fff6d6}
.bb-plan__name{margin:0;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:14px;color:var(--red-d)}
.bb-plan__price{font-family:var(--hand);font-size:44px;margin:4px 0 12px;line-height:1}
.bb-plan__price span{font-size:20px;color:var(--ink-2)}
.bb-cert{background:#fff6d6;border:2px dashed var(--ink);border-radius:var(--r);padding:10px 14px}
.bb-embed-code{width:100%;font:13px/1.4 ui-monospace,Menlo,Consolas,monospace;border:2px solid var(--ink);border-radius:10px;padding:10px;background:#fff}