/* =================================================================
   THE BIRTH ROLL: game UI styles (public/css/birth-roll-ui.css)
   Loaded right after the base styles inside birth-roll.html, so these
   rules win ties. Everything is scoped to body.br-v2.
   Main states on <body>: br-title (title screen), br-play (playing a
   chapter or reading the story), br-focus (a chapter is open),
   br-storyview (the storybook ending), stage-<id> (current chapter).
   ================================================================= */
  /* ================= V2: ONE LOOK + ONE SCENE AT A TIME ================= */
  /* ================= V2 / B2: welcome, client card, drawer ================= */
  body.br-v2 .br-game-layout{display:block;max-width:860px;margin:0 auto}
  body.br-v2 .br-side-wrap{display:none !important}
  body.br-v2.br-focus .br-hero, body.br-v2.br-focus .br-back-row{display:none}
  body.br-v2 .br-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

  /* Welcome */
  body.br-v2 .br-hero{padding-top:18px;padding-bottom:18px}
  body.br-v2 .br-welcome-card{background:#fff;border:1.5px solid #F3D2E0;border-radius:26px;padding:26px 30px 22px;box-shadow:0 18px 44px rgba(122,31,75,0.10)}
  body.br-v2 #stage-welcome .br-stage-head{margin-bottom:12px}
  body.br-v2 #stage-welcome .br-stage-head h2{font-size:26px}
  body.br-v2 .br-welcome-facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0}
  body.br-v2 .br-welcome-facts li{display:inline-flex;align-items:center;gap:6px;background:var(--br-blush);color:var(--br-plum);font:700 13px "DM Sans",sans-serif;padding:6px 12px;border-radius:999px}
  body.br-v2 .br-welcome-facts .ico{width:15px;height:15px}
  body.br-v2 .br-welcome-label{font:800 12px "DM Sans",sans-serif;letter-spacing:0.14em;text-transform:uppercase;color:var(--br-wine);margin:0 0 8px}
  body.br-v2 #stage-welcome .diff-grid{gap:10px;margin:0 0 6px}
  body.br-v2 #stage-welcome .diff-card{padding:12px 14px 12px 18px;border-radius:16px}
  body.br-v2 #stage-welcome .diff-card h4{font-family:"Bricolage Grotesque",sans-serif;font-size:17px;margin-bottom:2px}
  body.br-v2 #stage-welcome .diff-card p{font-size:13px;line-height:1.45}
  body.br-v2 #stage-welcome .loss-toggle{margin:10px 0 0;padding:12px 16px}
  body.br-v2 .br-welcome-go{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px 0 8px}
  body.br-v2 .br-welcome-go .btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--br-plum);color:#fff;border:none;padding:14px 28px;border-radius:999px;font:800 16px "DM Sans",sans-serif;cursor:pointer;box-shadow:0 10px 24px rgba(122,31,75,0.25);transition:transform .15s}
  body.br-v2 .br-welcome-go .btn-primary:hover{transform:translateY(-1px)}
  body.br-v2 .br-welcome-go .ico{width:18px;height:18px}
  body.br-v2 .br-welcome-tally{text-align:center;margin:6px auto 0;max-width:560px;font:500 13.5px/1.5 "DM Sans",sans-serif;color:var(--br-soft)}
  body.br-v2 .br-welcome-tally strong{color:var(--br-plum)}
  body.br-v2 .br-btn-main{display:inline-flex;align-items:center;gap:8px;background:var(--br-plum);color:#fff;border:none;padding:11px 22px;border-radius:999px;font:800 15px "DM Sans",sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(122,31,75,0.22)}
  body.br-v2 .br-btn-ghost{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--br-plum);border:1.5px solid #F3D2E0;padding:10px 20px;border-radius:999px;font:700 14.5px "DM Sans",sans-serif;cursor:pointer}
  body.br-v2 .br-btn-ghost:hover{border-color:var(--br-wine)}
  body.br-v2 .br-btn-ghost .ico{width:16px;height:16px}

  /* Resume card */
  body.br-v2 .br-resume{display:flex;gap:18px;align-items:center;background:linear-gradient(135deg,#FCE7EF 0%,#FFF7EE 100%);border:2px solid var(--br-pink);border-radius:26px;padding:20px 24px;margin:0 0 18px;box-shadow:0 12px 30px rgba(228,69,135,0.16)}
  body.br-v2 .br-resume-eyebrow{margin:0 0 2px;font:800 12px "DM Sans",sans-serif;letter-spacing:0.14em;text-transform:uppercase;color:var(--br-wine)}
  body.br-v2 .br-resume h3{margin:0 0 4px;font:700 22px/1.2 "Bricolage Grotesque",sans-serif;color:var(--br-plum)}
  body.br-v2 .br-resume p{margin:0 0 12px;font:400 15px/1.5 "DM Sans",sans-serif;color:var(--br-ink)}
  body.br-v2 .br-resume-actions{display:flex;gap:10px;flex-wrap:wrap}
  body.br-v2 .br-resume-av{flex:none}
  body.br-v2 .br-resume-av .br-av{width:84px;height:84px}

  /* Avatar */
  body.br-v2 .br-av{position:relative;width:64px;height:64px;border-radius:50%;background:var(--br-blush);border:3px solid #fff;box-shadow:0 0 0 2px var(--br-pink),0 6px 16px rgba(122,31,75,0.18);overflow:hidden;display:grid;place-items:center;font:800 22px "Bricolage Grotesque",sans-serif;color:var(--br-plum)}
  body.br-v2 .br-av img{width:100%;height:100%;object-fit:cover;display:block}

  /* Client card */
  body.br-v2 .br-client-card{display:flex;align-items:center;gap:16px;background:#fff;border:1.5px solid #F3D2E0;border-radius:22px;padding:14px 18px;margin:0 0 16px;box-shadow:0 8px 22px rgba(122,31,75,0.08)}
  body.br-v2 .br-client-card[hidden]{display:none}
  body.br-v2 .cc-av-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;flex:none}
  body.br-v2 .cc-main{flex:1;min-width:0}
  body.br-v2 .cc-eyebrow{font:800 11px "DM Sans",sans-serif;letter-spacing:0.14em;text-transform:uppercase;color:var(--br-wine);margin:0}
  body.br-v2 .cc-name{font:700 22px/1.15 "Bricolage Grotesque",sans-serif;color:var(--br-plum);margin:1px 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.br-v2 .cc-chips{display:flex;flex-wrap:wrap;gap:6px}
  body.br-v2 .cc-chip{background:var(--br-blush);color:var(--br-plum);font:700 12px "DM Sans",sans-serif;padding:4px 10px;border-radius:999px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  body.br-v2 .cc-chip.is-empty{background:#F6F1F3;color:#9A8C93;font-weight:600}
  body.br-v2 .cc-look{background:none;border:none;padding:0;margin-top:6px;font:700 12px "DM Sans",sans-serif;color:var(--br-wine);text-decoration:underline;cursor:pointer}
  body.br-v2 .cc-story{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--br-cream);border:1.5px solid #F3D2E0;border-radius:16px;padding:10px 14px;cursor:pointer;color:var(--br-plum);font:800 13px "DM Sans",sans-serif}
  body.br-v2 .cc-story:hover{border-color:var(--br-wine)}
  body.br-v2 .cc-story small{font:600 11.5px "DM Sans",sans-serif;color:var(--br-soft)}
  body.br-v2 .cc-story .ico{width:18px;height:18px}

  /* Stepper tools */
  body.br-v2 .br-step-tools{display:flex;gap:6px;margin-left:8px;padding-left:10px;border-left:1px solid #F3D2E0;flex:none}
  body.br-v2 .br-tool-btn{position:relative;display:inline-flex;align-items:center;gap:6px;background:var(--br-blush);color:var(--br-plum);border:none;border-radius:999px;padding:7px 12px;font:800 12.5px "DM Sans",sans-serif;cursor:pointer;white-space:nowrap}
  body.br-v2 .br-tool-btn:hover{background:#F9D3E2}
  body.br-v2 .br-tool-btn .ico{width:16px;height:16px}
  body.br-v2 .br-tool-btn .bt-count{background:var(--br-pink);color:#fff;border-radius:999px;font-size:10.5px;padding:1px 6px;margin-left:2px}
  body.br-v2 .br-tool-btn[hidden]{display:none}

  /* Drawer */
  body.br-v2 .br-drawer-scrim{position:fixed;inset:0;background:rgba(27,42,71,0.35);z-index:1000;opacity:0;transition:opacity .25s}
  body.br-v2 .br-drawer-scrim.is-open{opacity:1}
  body.br-v2 .br-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:var(--br-cream);z-index:1001;display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(27,42,71,0.20);transform:translateX(100%);transition:transform .28s cubic-bezier(0.22,1,0.36,1)}
  body.br-v2 .br-drawer.is-open{transform:none}
  body.br-v2 .br-drawer[hidden], body.br-v2 .br-drawer-scrim[hidden]{display:none}
  body.br-v2 .br-drawer-head{display:flex;align-items:center;gap:10px;padding:16px 16px 12px;border-bottom:1px solid #F3D2E0;background:#fff}
  body.br-v2 .br-drawer-tabs{flex:1;display:flex;gap:6px;background:var(--br-blush);border-radius:999px;padding:4px}
  body.br-v2 .br-dtab{flex:1;display:inline-flex;justify-content:center;align-items:center;gap:6px;border:none;background:none;border-radius:999px;padding:8px 10px;font:800 13px "DM Sans",sans-serif;color:var(--br-wine);cursor:pointer}
  body.br-v2 .br-dtab .ico{width:15px;height:15px}
  body.br-v2 .br-dtab[aria-selected="true"]{background:#fff;color:var(--br-plum);box-shadow:0 2px 8px rgba(122,31,75,0.12)}
  body.br-v2 .br-drawer-close{flex:none;width:38px;height:38px;border-radius:50%;border:1.5px solid #F3D2E0;background:#fff;color:var(--br-plum);display:grid;place-items:center;cursor:pointer}
  body.br-v2 .br-drawer-close .ico{width:18px;height:18px}
  body.br-v2 .br-drawer-body{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}
  body.br-v2 .br-drawer .br-story-side, body.br-v2 .br-drawer .br-resources-side{position:static;max-height:none;margin:0 0 14px;border-radius:20px}
  body.br-v2 .br-brain{background:#fff;border:1.5px solid #F3D2E0;border-radius:20px;padding:16px 18px;margin:0 0 14px}
  body.br-v2 .br-brain-eyebrow{margin:0 0 10px;font:800 12px "DM Sans",sans-serif;letter-spacing:0.14em;text-transform:uppercase;color:var(--br-wine)}
  body.br-v2 .br-brain ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
  body.br-v2 .br-brain li{display:flex;gap:10px;align-items:flex-start;font:400 14px/1.45 "DM Sans",sans-serif;color:var(--br-ink)}
  body.br-v2 .br-brain li b{flex:none;width:26px;height:26px;border-radius:50%;background:var(--br-pink);color:#fff;display:grid;place-items:center;font:800 13px "DM Sans",sans-serif}
  body.br-v2 .br-brain li strong{color:var(--br-plum)}
  body.br-v2 .br-brain-note{margin:12px 0 0;font:500 13px/1.45 "DM Sans",sans-serif;color:var(--br-soft)}
  body.br-v2.br-drawer-open{overflow:hidden}

  body.br-v2 .br-hero .hero-meta{display:none}
  body.br-v2 .br-hero h1 em{font-style:normal}
  body.br-v2 .br-drawer .br-story-side{background:#fff;border:1.5px solid #F3D2E0}
  body.br-v2 .br-drawer .br-story-side .ss-title{font-family:"Bricolage Grotesque",sans-serif;font-style:normal}
  body.br-v2 .br-drawer .ss-empty{font-style:normal;font-family:"DM Sans",sans-serif}
  @media (max-width:700px){
    body.br-v2 .br-hero p{display:none}
    body.br-v2 #stage-welcome .diff-grid{grid-template-columns:repeat(3,1fr);gap:6px}
    body.br-v2 #stage-welcome .diff-card{padding:10px 8px 10px 12px;border-left-width:4px}
    body.br-v2 #stage-welcome .diff-card h4{font-size:15px}
    body.br-v2 #stage-welcome .diff-card p{font-size:11.5px}
    body.br-v2 .br-welcome-facts li{font-size:12px;padding:5px 10px}
    body.br-v2 .br-hero{padding:16px 20px}
    body.br-v2 .br-welcome-card{padding:20px 18px 18px;border-radius:22px}
    body.br-v2 #stage-welcome .br-stage-head h2{font-size:22px}
    body.br-v2 .br-resume{padding:16px;gap:12px;align-items:flex-start}
    body.br-v2 .br-resume-av .br-av{width:56px;height:56px}
    body.br-v2 .br-client-card{gap:12px;padding:12px 14px}
    body.br-v2 .br-av{width:52px;height:52px}
    body.br-v2 .cc-name{font-size:19px}
    body.br-v2 .cc-story{display:none}
    body.br-v2 .br-step-tools{margin-left:4px;padding-left:6px;gap:4px}
    body.br-v2 .br-tool-btn{padding:7px 9px}
    body.br-v2 .br-tool-btn .bt-label{display:none}
    body.br-v2 .br-drawer{top:auto;left:0;width:100vw;height:86vh;border-radius:24px 24px 0 0;transform:translateY(100%);box-shadow:0 -20px 50px rgba(27,42,71,0.20)}
    body.br-v2 .br-drawer-head{border-radius:24px 24px 0 0}
  }
  @media (prefers-reduced-motion: reduce){
    body.br-v2 .br-drawer, body.br-v2 .br-drawer-scrim{transition:none}
  }

  /* ================= V2 / B3: scene art, loss note ================= */
  body.br-v2 .br-wrap{font-family:"DM Sans",system-ui,sans-serif}
  body.br-v2 [data-roll-host] > [hidden]{display:none !important}
  body.br-v2 [data-roll-host] > .has-art{display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:26px;align-items:start}
  body.br-v2 [data-roll-host] > .has-art > :not(.br-art){grid-column:2}
  body.br-v2 .br-art{grid-column:1;grid-row:1 / span 30;align-self:start;position:sticky;top:150px;height:250px;border-radius:20px;background:linear-gradient(160deg,#FCE7EF 0%,#FFF7EE 100%);display:grid;place-items:center;overflow:hidden}
  body.br-v2 .br-art img{width:100%;height:100%;object-fit:contain;padding:10px;display:block}
  body.br-v2 .br-art.is-panel{background:radial-gradient(circle at 30% 25%,#FCE7EF 0%,#F6D6E3 55%,#EBC3D5 100%)}
  body.br-v2 .br-art.is-panel .ico{width:54px;height:54px;color:#fff;stroke-width:1.5;filter:drop-shadow(0 4px 10px rgba(122,31,75,0.25))}
  body.br-v2 .br-art.is-loss{background:radial-gradient(circle at 30% 25%,#F3EEF5 0%,#E2D9E8 60%,#D3C7DD 100%)}
  body.br-v2 .br-loss-note{display:flex;gap:16px;align-items:flex-start;background:#F7F3F9;border:1.5px solid #DCD0E4;border-radius:22px;padding:20px 22px;margin:0 0 22px}
  body.br-v2 .br-loss-note .ln-icon{flex:none;width:44px;height:44px;border-radius:50%;background:#E2D9E8;display:grid;place-items:center;color:#6B4E7F}
  body.br-v2 .br-loss-note .ln-icon .ico{width:22px;height:22px}
  body.br-v2 .br-loss-note .ln-eyebrow{margin:0 0 2px;font:800 12px "DM Sans",sans-serif;letter-spacing:0.14em;text-transform:uppercase;color:#6B4E7F}
  body.br-v2 .br-loss-note h3{margin:0 0 6px;font:700 20px/1.25 "Bricolage Grotesque",sans-serif;color:#3E2A4F}
  body.br-v2 .br-loss-note p{margin:0 0 10px;font:400 15px/1.55 "DM Sans",sans-serif;color:var(--br-ink)}
  body.br-v2 .br-loss-note .ln-list{margin:0;padding-left:18px;font:400 14.5px/1.55 "DM Sans",sans-serif;color:var(--br-ink)}
  body.br-v2 .br-loss-note .ln-list li{margin:0 0 6px}
  body.br-v2 .br-loss-note a, body.br-v2 .br-support a{color:var(--br-wine);font-weight:700}
  body.br-v2 .br-support{background:#fff;border:1.5px solid #F3D2E0;border-radius:20px;padding:16px 18px;margin:0 0 14px}
  body.br-v2 .br-support p{margin:0 0 8px;font:400 14px/1.5 "DM Sans",sans-serif;color:var(--br-ink)}
  body.br-v2 .br-support .bs-eyebrow{font:800 12px "DM Sans",sans-serif;letter-spacing:0.14em;text-transform:uppercase;color:var(--br-wine);margin-bottom:10px}
  @media (max-width:700px){
    body.br-v2 [data-roll-host] > .has-art{display:block}
    body.br-v2 .br-art{position:static;height:130px;margin:0 0 14px;border-radius:16px}
    body.br-v2 .br-art img{padding:6px}
    body.br-v2 .br-art.is-panel .ico{width:40px;height:40px}
    body.br-v2 .br-loss-note{padding:16px;gap:12px}
    body.br-v2 .br-loss-note .ln-icon{width:36px;height:36px}
  }
  /* ================= V2 / C1: roll moment, celebration, chapter cards ================= */
  body.br-v2 #resumeBanner[style*="block"]{display:flex !important}
  body.br-v2 .br-art:not(.is-panel){background:#fff;border:1.5px solid #F3D2E0}
  body.br-v2 .br-chapter-art:has(img){background:#fff}
  @keyframes brHop{0%{translate:0 0}14%{translate:0 -42px}30%{translate:0 0}42%{translate:0 -18px}54%{translate:0 0}64%{translate:0 -6px}72%,100%{translate:0 0}}
  body.br-v2 .dice-cube.rolling{animation:brHop 1.5s cubic-bezier(0.33,0,0.4,1)}
  body.br-v2 .dice-scene{position:relative}
  body.br-v2 .dice-scene::after{content:"";position:absolute;left:50%;bottom:-10px;width:70%;height:14px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(122,31,75,0.22) 0%,rgba(122,31,75,0) 70%);pointer-events:none}
  @keyframes brShadow{0%{opacity:1;scale:1}14%{opacity:.45;scale:.7}30%{opacity:1;scale:1}42%{opacity:.7;scale:.85}54%,100%{opacity:1;scale:1}}
  body.br-v2 .dice-scene:has(.rolling)::after{animation:brShadow 1.5s cubic-bezier(0.33,0,0.4,1)}
  @keyframes brFlipIn{from{opacity:0;transform:perspective(900px) rotateX(-65deg)}to{opacity:1;transform:none}}
  @keyframes brNumPop{0%{scale:.3;opacity:0}60%{scale:1.25;opacity:1}100%{scale:1}}
  body.br-v2 .br-roll-result{animation:brFlipIn .6s cubic-bezier(0.2,1.2,0.4,1) both;transform-origin:top center;border-radius:16px;border-left-width:5px}
  body.br-v2 .br-roll-result .r-num{animation:brNumPop .5s .2s both;border-radius:8px}

  /* Celebration */
  body.br-v2 .br-burst{position:fixed;width:0;height:0;pointer-events:none;z-index:1200}
  body.br-v2 .br-burst i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:3px;background:var(--c);animation:brBurst .9s cubic-bezier(0.15,0.8,0.3,1) forwards;transform:rotate(var(--r))}
  @keyframes brBurst{0%{translate:0 0;opacity:1;scale:1}100%{translate:var(--x) var(--y);opacity:0;scale:.6}}
  body.br-v2 .br-cheer{position:fixed;z-index:1201;pointer-events:none;transform:translate(-50%,-50%);background:var(--br-sage);color:#fff;font:800 14px "DM Sans",sans-serif;padding:7px 14px;border-radius:999px;box-shadow:0 8px 20px rgba(92,133,52,0.35);animation:brCheer 1.4s ease forwards;white-space:nowrap}
  @keyframes brCheer{0%{opacity:0;translate:0 10px;scale:.8}15%{opacity:1;translate:0 -6px;scale:1.05}25%{scale:1}75%{opacity:1;translate:0 -22px}100%{opacity:0;translate:0 -34px}}

  /* Chapter cards */
  body.br-v2 .br-chapter{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;pointer-events:none;background:rgba(255,247,238,0.82);backdrop-filter:blur(3px);animation:brChapterBg 1.9s ease forwards}
  body.br-v2 .br-chapter-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:#fff;border:2px solid #F3D2E0;border-radius:30px;padding:26px 40px 30px;box-shadow:0 30px 70px rgba(122,31,75,0.22);animation:brChapterCard 1.9s cubic-bezier(0.2,1,0.3,1) forwards;max-width:min(420px,86vw)}
  body.br-v2 .br-chapter-art{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#FCE7EF 0%,#F6D6E3 60%,#EBC3D5 100%);display:grid;place-items:center;overflow:hidden;border:4px solid #fff;box-shadow:0 0 0 3px var(--br-pink)}
  body.br-v2 .br-chapter-art img{width:100%;height:100%;object-fit:contain;padding:8px}
  body.br-v2 .br-chapter-art.is-loss{background:radial-gradient(circle at 30% 25%,#F3EEF5 0%,#E2D9E8 60%,#D3C7DD 100%);box-shadow:0 0 0 3px #B9A6C8}
  body.br-v2 .br-chapter-art .ico{width:56px;height:56px;color:#fff}
  body.br-v2 .br-chapter-eyebrow{font:800 13px "DM Sans",sans-serif;letter-spacing:0.2em;text-transform:uppercase;color:var(--br-wine);margin:6px 0 0}
  body.br-v2 .br-chapter-title{font:700 32px/1.1 "Bricolage Grotesque",sans-serif;color:var(--br-plum);margin:0}
  @keyframes brChapterBg{0%{opacity:0}12%{opacity:1}78%{opacity:1}100%{opacity:0;visibility:hidden}}
  @keyframes brChapterCard{0%{opacity:0;transform:translateY(24px) scale(.92)}14%{opacity:1;transform:none}78%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-14px) scale(.98)}}
  @media (max-width:700px){
    body.br-v2 .br-chapter-art{width:120px;height:120px}
    body.br-v2 .br-chapter-title{font-size:26px}
    body.br-v2 .br-resume-body{min-width:0}
  }
  @media (prefers-reduced-motion: reduce){
    body.br-v2 .dice-cube.rolling, body.br-v2 .dice-scene:has(.rolling)::after, body.br-v2 .br-roll-result, body.br-v2 .br-roll-result .r-num{animation:none}
  }
  /* ================= V2 / C2: storybook ending ================= */
  body.br-v2 #stage-story{max-width:820px;margin:0 auto}
  body.br-v2 .story-banner.sb-cover{display:flex;align-items:center;gap:26px;padding:30px 34px;border-radius:30px;background:linear-gradient(135deg,#B12E69 0%,#7A1F4B 100%);box-shadow:0 22px 50px rgba(122,31,75,0.30);position:relative;overflow:hidden}
  body.br-v2 .sb-cover::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,0.07)}
  body.br-v2 .sb-cover .br-av{width:120px;height:120px;flex:none;box-shadow:0 0 0 4px #F3B5CF,0 12px 30px rgba(0,0,0,0.25)}
  body.br-v2 .sb-cover .e{color:#F9C9DC !important;letter-spacing:0.2em}
  body.br-v2 .sb-cover h2{font:700 34px/1.08 "Bricolage Grotesque",sans-serif !important;color:#fff !important;margin:4px 0 10px !important}
  body.br-v2 .sb-cover h2 em{font-style:normal !important;color:#F9C9DC !important;font-weight:700 !important}
  body.br-v2 .sb-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
  body.br-v2 .sb-chips span{background:rgba(255,255,255,0.16);color:#fff;font:700 12.5px "DM Sans",sans-serif;padding:5px 11px;border-radius:999px}
  body.br-v2 .sb-nav{display:flex;flex-wrap:wrap;gap:8px}
  body.br-v2 .sb-nav a{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--br-plum);text-decoration:none;font:800 13px "DM Sans",sans-serif;padding:8px 14px;border-radius:999px}
  body.br-v2 .sb-nav a:hover{background:#FCE7EF}
  body.br-v2 .sb-nav .ico{width:15px;height:15px}

  body.br-v2 .narrative-card.sb-book{background:#fff;border:1.5px solid #F3D2E0;border-radius:28px;padding:28px 30px;box-shadow:0 14px 36px rgba(122,31,75,0.08)}
  body.br-v2 .sb-book > .e{color:var(--br-wine);font-family:"DM Sans",sans-serif}
  body.br-v2 .sb-ch{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:start;padding:18px 0;border-top:1px dashed #F3D2E0}
  body.br-v2 .sb-ch:first-of-type{border-top:none;padding-top:6px}
  body.br-v2 .sb-ch{row-gap:0}
  body.br-v2 .sb-ch > .sb-ch-art{grid-row:1 / span 2}
  body.br-v2 .sb-ch > p{grid-column:2}
  body.br-v2.br-storyview .br-client-card, body.br-v2.br-storyview .br-hero, body.br-v2.br-storyview .br-back-row{display:none}
  body.br-v2 .sb-ch-art{width:96px;height:96px;border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 0 0 2px #F3D2E0;overflow:hidden;display:grid;place-items:center}
  body.br-v2 .sb-ch-art img{width:100%;height:100%;object-fit:cover;object-position:top}
  body.br-v2 .sb-ch-art.is-scene img{object-fit:contain;padding:6px}
  body.br-v2 .sb-ch-art.is-panel{background:radial-gradient(circle at 30% 25%,#FCE7EF 0%,#F6D6E3 60%,#EBC3D5 100%)}
  body.br-v2 .sb-ch-art.is-loss{background:radial-gradient(circle at 30% 25%,#F3EEF5 0%,#E2D9E8 60%,#D3C7DD 100%);box-shadow:0 0 0 2px #DCD0E4}
  body.br-v2 .sb-ch-art .ico{width:34px;height:34px;color:#fff}
  body.br-v2 .sb-ch-label{margin:4px 0 4px;font:800 12px "DM Sans",sans-serif;letter-spacing:0.16em;text-transform:uppercase;color:var(--br-wine)}
  body.br-v2 .sb-ch-title{margin:0 0 6px;font:700 21px/1.2 "Bricolage Grotesque",sans-serif;color:var(--br-plum)}
  body.br-v2 .narrative-card.sb-book p{font-family:"DM Sans",sans-serif !important;font-size:16.5px !important;line-height:1.7 !important;margin:0 !important}

  body.br-v2 .scorecard{background:#fff;border:1.5px solid #F3D2E0;border-radius:28px;padding:26px 30px;box-shadow:0 14px 36px rgba(122,31,75,0.08)}
  body.br-v2 .sc-hero{display:flex;align-items:center;gap:22px;margin:0 0 18px}
  body.br-v2 .sc-ring{flex:none;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--br-sage) calc(var(--p) * 1%),#F1E8EC 0)}
  body.br-v2 .sc-ring span{width:84px;height:84px;border-radius:50%;background:#fff;display:grid;place-items:center;font:800 26px "Bricolage Grotesque",sans-serif;color:var(--br-plum)}
  body.br-v2 .sc-hero h3{margin:0 0 4px;font:700 22px/1.2 "Bricolage Grotesque",sans-serif;color:var(--br-plum)}
  body.br-v2 .sc-hero p{margin:0;font:400 15px/1.5 "DM Sans",sans-serif;color:var(--br-soft)}
  body.br-v2 .sc-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 6px}
  body.br-v2 .sc-tile{border-radius:16px;padding:12px;text-align:center;background:#F7F2F4}
  body.br-v2 .sc-tile b{display:block;font:800 24px "Bricolage Grotesque",sans-serif}
  body.br-v2 .sc-tile small{font:700 11.5px "DM Sans",sans-serif;color:var(--br-soft)}
  body.br-v2 .sc-tile.q-best b{color:#4A7A3F}.sc-tile.q-good b{color:#6F8A3A}
  body.br-v2 .sc-tile.q-poor b{color:#9A7A12}.sc-tile.q-worst b{color:#A04545}
  body.br-v2 .sc-legend{display:none}
  body.br-v2 .sc-fine{font-style:normal}

  body.br-v2 .story-section{border:1.5px solid #F3D2E0;border-radius:24px;padding:22px 26px}
  body.br-v2 .story-section h3{font-family:"Bricolage Grotesque",sans-serif;color:var(--br-plum);border-bottom-color:#F3D2E0}
  body.br-v2 .story-section h3 .sb-chn{font:800 12px "DM Sans",sans-serif;letter-spacing:0.14em;text-transform:uppercase;color:var(--br-wine);margin-right:6px}
  body.br-v2 .sr-choice{border-radius:16px;padding:14px 16px;margin:12px 0;border:1.5px solid #E6E0E3;border-left-width:5px;background:#FBF9FA}
  body.br-v2 .sr-choice.q-best{border-left-color:#5B8E4E;background:#F5F9F2}
  body.br-v2 .sr-choice.q-good{border-left-color:#8FA854;background:#F8FAF1}
  body.br-v2 .sr-choice.q-poor{border-left-color:#D4AB2D;background:#FDF9EC}
  body.br-v2 .sr-choice.q-worst{border-left-color:#A04545;background:#FBF1F1}
  body.br-v2 .sr-choice .r-lbl{color:var(--br-plum) !important}
  body.br-v2 .sr-quote{display:block;margin-top:6px;font:600 15px/1.55 "DM Sans",sans-serif;color:var(--br-plum)}
  body.br-v2 .sr-fb{margin-top:6px !important;font-size:14px !important;color:var(--br-soft) !important}
  body.br-v2 .reflection-box{border-radius:24px;border-left:none;background:linear-gradient(135deg,#FFF7EE 0%,#FCEFD9 100%);border:1.5px solid #F0DFA4}
  body.br-v2 .reflection-box h3{font-family:"Bricolage Grotesque",sans-serif}
  body.br-v2 .sa-btn{border-radius:20px}
  @media (max-width:700px){
    body.br-v2 .story-banner.sb-cover{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 20px}
    body.br-v2 .sb-cover .br-av{width:88px;height:88px}
    body.br-v2 .sb-cover h2{font-size:27px !important}
    body.br-v2 .narrative-card.sb-book, body.br-v2 .scorecard{padding:20px 18px}
    body.br-v2 .sb-ch{grid-template-columns:60px minmax(0,1fr);column-gap:14px;align-items:center}
    body.br-v2 .sb-ch > .sb-ch-art{grid-row:1}
    body.br-v2 .narrative-card.sb-book .sb-ch > p{grid-column:1 / -1;margin-top:10px !important}
    body.br-v2 .sb-ch-art{width:60px;height:60px}
    body.br-v2 .sc-hero{gap:14px}
    body.br-v2 .sc-ring{width:88px;height:88px}
    body.br-v2 .sc-ring span{width:66px;height:66px;font-size:20px}
    body.br-v2 .sc-tiles{grid-template-columns:repeat(2,1fr)}
  }
  @media print{
    body.br-v2 .sb-nav{display:none}
    body.br-v2 .story-banner.sb-cover{box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
    body.br-v2 .sb-ch, body.br-v2 .sr-choice, body.br-v2 .sc-hero{break-inside:avoid}
    body.br-v2 .sc-ring{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  }
  /* ================= V2 / C3: Maddy as coach ================= */
  body.br-v2 .br-mentor-av{width:52px;height:52px;border-radius:50%;overflow:hidden;flex:none;background:#fff;border:2.5px solid #fff;box-shadow:0 0 0 2px var(--br-pink),0 4px 12px rgba(122,31,75,0.15)}
  body.br-v2 .br-mentor-av img{width:100%;height:100%;object-fit:cover;display:block}
  body.br-v2 .d-feedback.has-mentor{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:14px;align-items:start}
  body.br-v2 .d-feedback.has-mentor > .br-mentor-av{grid-row:1 / span 20}
  body.br-v2 .d-feedback.has-mentor > :not(.br-mentor-av){grid-column:2}
  body.br-v2 .d-feedback .mentor-name{display:block;font:800 13px "DM Sans",sans-serif;color:var(--br-plum);margin:2px 0 2px}
  body.br-v2 .d-feedback.q-best .br-mentor-av{box-shadow:0 0 0 2px #5B8E4E,0 4px 12px rgba(92,133,52,0.2)}
  body.br-v2 .d-feedback.q-poor .br-mentor-av{box-shadow:0 0 0 2px #D4AB2D,0 4px 12px rgba(212,171,45,0.2)}
  body.br-v2 .d-feedback.q-worst .br-mentor-av{box-shadow:0 0 0 2px #A04545,0 4px 12px rgba(160,69,69,0.2)}
  body.br-v2 .br-mentor-intro{display:flex;align-items:center;gap:14px;background:var(--br-cream);border:1.5px solid #F3D2E0;border-radius:18px;padding:12px 16px;margin:0 0 18px}
  body.br-v2 .br-mentor-intro p{margin:0;font:400 14px/1.45 "DM Sans",sans-serif;color:var(--br-ink)}
  body.br-v2 .br-mentor-intro strong{color:var(--br-plum)}
  body.br-v2 .sc-mentor{display:flex;align-items:center;gap:12px;margin:16px 0 4px}
  body.br-v2 .sc-mentor b{font:800 15px "DM Sans",sans-serif;color:var(--br-plum)}
  @media (max-width:700px){
    body.br-v2 .br-mentor-av{width:42px;height:42px}
    body.br-v2 .d-feedback.has-mentor{grid-template-columns:42px minmax(0,1fr);column-gap:10px}
    body.br-v2 .br-mentor-intro{padding:10px 12px}
  }
  /* ================= V2 / D1: trust meter and client reactions ================= */
  body.br-v2 .cc-trust{display:flex;align-items:center;gap:8px;margin-top:8px;max-width:340px}
  body.br-v2 .cc-trust .ico{width:16px;height:16px;color:var(--br-pink);flex:none}
  body.br-v2 .cc-trust-bar{flex:1;height:8px;border-radius:999px;background:#F6E9EF;overflow:hidden}
  body.br-v2 .cc-trust-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#F0729F,#E44587);transition:width .6s cubic-bezier(0.2,1,0.3,1)}
  body.br-v2 .cc-trust.t-deep .cc-trust-bar i{background:linear-gradient(90deg,#8FA854,#5C8534)}
  body.br-v2 .cc-trust.t-guarded .cc-trust-bar i{background:linear-gradient(90deg,#D4AB2D,#C08A1E)}
  body.br-v2 .cc-trust-lbl{flex:none;font:800 12px "DM Sans",sans-serif;color:var(--br-plum);white-space:nowrap}
  body.br-v2 .cc-trust.is-bump .cc-trust-lbl{animation:brNumPop .5s both}
  body.br-v2 .br-react{display:flex;align-items:center;gap:10px;margin:14px 0 -4px;padding:10px 12px;background:#fff;border:1.5px solid #F3D2E0;border-radius:16px}
  body.br-v2 .br-react .br-av{width:38px;height:38px;border-width:2px;box-shadow:0 0 0 1.5px var(--br-pink);font-size:15px}
  body.br-v2 .br-react p{flex:1;margin:0 !important;font:500 14px/1.45 "DM Sans",sans-serif !important;color:var(--br-ink) !important}
  body.br-v2 .br-react .tr-delta{flex:none;font:800 12px "DM Sans",sans-serif;padding:4px 9px;border-radius:999px;background:#EEF5E8;color:#4A7A3F;animation:brNumPop .5s .15s both}
  body.br-v2 .br-react .tr-delta.is-down{background:#FBEDED;color:#A04545}
  body.br-v2 .d-feedback.has-mentor > .br-react{grid-column:1 / -1}
  body.br-v2 .sc-trust{display:flex;align-items:center;gap:16px;margin:18px 0 6px;padding:14px 16px;border-radius:18px;background:var(--br-cream);border:1.5px solid #F3D2E0}
  body.br-v2 .sc-trust svg{flex:none;width:170px;height:54px}
  body.br-v2 .sc-trust b{display:block;font:800 16px "Bricolage Grotesque",sans-serif;color:var(--br-plum)}
  body.br-v2 .sc-trust p{margin:2px 0 0;font:400 14px/1.45 "DM Sans",sans-serif;color:var(--br-ink)}
  @media (max-width:700px){
    body.br-v2 .sc-trust{flex-direction:column;align-items:flex-start}
    body.br-v2 .sc-trust svg{width:100%}
  }
  body.br-v2 .br-trust-badge{display:flex;width:max-content;max-width:100%;align-items:center;gap:6px;margin:0 0 8px;padding:5px 11px;border-radius:999px;background:#FBF1E0;color:#8A5A10;font:800 12px "DM Sans",sans-serif}
  body.br-v2 .br-trust-badge.is-bonus{background:#EEF5E8;color:#4A7A3F}
  body.br-v2 .br-trust-badge .ico{width:14px;height:14px}
  /* ================= V3 visual pass / V1: play screen and HUD ================= */
  body.br-v2.br-play > .color-strip, body.br-v2.br-play > nav.nav, body.br-v2.br-play > footer.footer,
  body.br-v2.br-play .br-hero, body.br-v2.br-play .br-back-row{display:none !important}
  body.br-v2.br-play{background:radial-gradient(1400px 700px at 0% -10%,#FCE7EF 0%,#FFF7EE 55%) fixed}
  body.br-v2.br-play .br-page-wrap{padding-top:0}
  body.br-v2 .br-hud{display:none}
  body.br-v2.br-play .br-hud{display:block;position:sticky;top:0;z-index:60;margin:0 0 18px;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #F3D2E0}
  body.br-v2 .hud-in{position:relative;max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:10px 20px}
  body.br-v2 .hud-x{flex:none;width:38px;height:38px;border-radius:50%;border:1.5px solid #F3D2E0;background:#fff;color:var(--br-plum);display:grid;place-items:center;cursor:pointer}
  body.br-v2 .hud-x .ico{width:18px;height:18px}
  body.br-v2 .hud-chap{display:flex;align-items:center;gap:8px;background:none;border:0;padding:4px 8px 4px 4px;border-radius:14px;cursor:pointer;text-align:left;min-width:0}
  body.br-v2 .hud-chap:hover{background:#FCE7EF}
  body.br-v2 .hud-chap span{display:flex;flex-direction:column;line-height:1.15;min-width:0}
  body.br-v2 .hud-chap small{font:700 12px "DM Sans",sans-serif;color:var(--br-wine)}
  body.br-v2 .hud-chap b{font:700 17px "Bricolage Grotesque",sans-serif;color:var(--br-plum);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.br-v2 .hud-chap .ico{width:16px;height:16px;color:var(--br-wine);flex:none}
  body.br-v2 .hud-grow{flex:1}
  body.br-v2 .hud-ring{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--br-pink) calc(var(--p) * 1%),#F3E3EA 0)}
  body.br-v2 .hud-ring span{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;font:800 10.5px "DM Sans",sans-serif;color:var(--br-plum)}
  body.br-v2 .hud-trust{flex:none;position:relative;display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #F3D2E0;border-radius:999px;padding:5px 12px 5px 5px}
  body.br-v2 .hud-trust .ht-heart{width:30px;height:30px;border-radius:50%;background:#FCE7EF;color:var(--br-pink);display:grid;place-items:center}
  body.br-v2 .hud-trust .ht-heart .ico{width:16px;height:16px}
  body.br-v2 .hud-trust .ht-bar{width:74px;height:7px;border-radius:9px;background:#F3E3EA;overflow:hidden}
  body.br-v2 .hud-trust .ht-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#F0729F,#E44587);transition:width .7s cubic-bezier(0.2,1,0.3,1)}
  body.br-v2 .hud-trust.t-deep .ht-bar i{background:linear-gradient(90deg,#8FA854,#5C8534)}
  body.br-v2 .hud-trust.t-guarded .ht-bar i{background:linear-gradient(90deg,#E2C15A,#C08A1E)}
  body.br-v2 .hud-trust small{font:800 12px "DM Sans",sans-serif;color:var(--br-plum);white-space:nowrap}
  body.br-v2 .hud-trust .ht-float{position:absolute;right:8px;top:-8px;font:800 13px "DM Sans",sans-serif;opacity:0;pointer-events:none}
  body.br-v2 .hud-trust .ht-float.go{animation:brHudFloat 1.3s ease forwards}
  @keyframes brHudFloat{0%{opacity:0;transform:translateY(8px)}20%{opacity:1}100%{opacity:0;transform:translateY(-24px)}}
  body.br-v2 .hud-btn{flex:none;display:inline-flex;align-items:center;gap:6px;background:#FCE7EF;border:0;color:var(--br-plum);border-radius:999px;padding:9px 14px;font:800 13px "DM Sans",sans-serif;cursor:pointer}
  body.br-v2 .hud-btn:hover{background:#F9D3E2}
  body.br-v2 .hud-btn .ico{width:16px;height:16px}
  /* Chapter menu (holds the journey path) */
  body.br-v2 .hud-menu{position:absolute;top:calc(100% + 8px);left:70px;width:280px;background:#fff;border:1.5px solid #F3D2E0;border-radius:22px;box-shadow:0 20px 50px rgba(122,31,75,0.18);padding:10px;display:none}
  body.br-v2 .hud-menu.is-open{display:block}
  body.br-v2 .hud-menu .br-stepper{position:static !important;display:flex !important;flex-direction:column;align-items:stretch;gap:2px;margin:0 !important;padding:0 !important;border:0 !important;box-shadow:none !important;background:none !important;border-radius:0 !important}
  body.br-v2 .hud-menu .br-step{flex:none !important;justify-content:flex-start !important;padding:8px 10px !important;border-radius:14px !important}
  body.br-v2 .hud-menu .br-step:hover{background:#FCE7EF !important}
  body.br-v2 .hud-menu .br-step + .br-step::before{display:none}
  body.br-v2 .hud-menu .br-step .step-l{display:block !important;font-size:14px !important}
  body.br-v2 .hud-menu .br-step[data-step="welcome"], body.br-v2 .hud-menu .br-step-tools{display:none !important}
  body.br-v2 .hud-menu .br-step[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
  body.br-v2 .hud-menu-note{margin:6px 10px 4px;font:500 12.5px/1.4 "DM Sans",sans-serif;color:var(--br-soft)}
  /* Client card is quieter in play: the HUD owns trust and the story button */
  body.br-v2.br-play .br-client-card .cc-story, body.br-v2.br-play .br-client-card .cc-trust{display:none}
  body.br-v2.br-play .br-client-card{padding:10px 14px;box-shadow:none;margin-bottom:12px}
  /* Continue bar stays at the bottom on every screen size */
  body.br-v2.br-play .br-pager{position:sticky;bottom:0;z-index:20;margin:14px 0 0;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:#FFF7EE;box-shadow:0 0 0 100vmax #FFF7EE,0 -1px 0 100vmax #F3D2E0;clip-path:inset(-1px -100vmax 0 -100vmax)}
  @media (max-width:700px){
    body.br-v2 .hud-in{gap:8px;padding:8px 12px}
    body.br-v2 .hud-chap small{display:none}
    body.br-v2 .hud-chap b{font-size:15px;max-width:110px}
    body.br-v2 .hud-trust{padding:4px}
    body.br-v2 .hud-trust .ht-bar, body.br-v2 .hud-trust small{display:none}
    body.br-v2 .hud-btn{padding:9px 10px}
    body.br-v2 .hud-btn .lbl{display:none}
    body.br-v2 .hud-ring{width:36px;height:36px}
    body.br-v2 .hud-ring span{width:27px;height:27px}
    body.br-v2 .hud-menu{left:8px;width:min(300px,calc(100vw - 32px))}
  }
  /* ================= V3 visual pass / V2: scene layout ================= */
  body.br-v2.br-play .br-stage > .br-stage-head{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
  body.br-v2.br-play:not(.stage-create) .br-client-card{display:none}
  body.br-v2.br-play .br-game-layout{max-width:1140px}
  body.br-v2.br-play [data-roll-host] > .br-roll-card, body.br-v2.br-play [data-roll-host] > .br-decision-card{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;border-radius:0 !important;margin:0 0 6px !important}
  body.br-v2.br-play [data-roll-host] > .has-art{grid-template-columns:minmax(0,46%) minmax(0,1fr);column-gap:44px}
  body.br-v2.br-play .br-art{position:sticky;top:88px;height:clamp(380px,calc(100vh - 220px),620px);border:0 !important;border-radius:32px;background:radial-gradient(circle at 40% 35%,#fff 0%,#FDF0F5 55%,#F7DDE8 100%) !important;box-shadow:inset 0 0 0 1px rgba(243,210,224,0.6)}
  body.br-v2.br-play .br-art img{padding:0;max-width:86%;max-height:86%;width:auto;height:auto;margin:auto;mix-blend-mode:multiply}
  body.br-v2.br-play .br-art.is-panel{background:radial-gradient(circle at 30% 25%,#FCE7EF 0%,#F6D6E3 60%,#EBC3D5 100%) !important}
  body.br-v2.br-play .br-art.is-loss{background:radial-gradient(circle at 30% 25%,#F3EEF5 0%,#E2D9E8 60%,#D3C7DD 100%) !important}
  body.br-v2.br-play .br-art.is-panel .ico{width:72px;height:72px}
  body.br-v2 .br-art .art-who{position:absolute;left:16px;bottom:16px;right:16px;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 32px);background:rgba(255,255,255,0.94);border-radius:999px;padding:6px 16px 6px 6px;box-shadow:0 8px 20px rgba(122,31,75,0.12)}
  body.br-v2 .br-art .art-who .br-av{width:40px;height:40px;border-width:2px;box-shadow:0 0 0 1.5px var(--br-pink);font-size:15px;flex:none}
  body.br-v2 .br-art .art-who img{mix-blend-mode:normal !important;max-width:none !important;max-height:none !important;width:100% !important;height:100% !important}
  body.br-v2 .br-art .art-who > div{min-width:0}
  body.br-v2 .br-art .art-who b{display:block;font:800 15px "DM Sans",sans-serif;color:var(--br-plum)}
  body.br-v2 .br-art .art-who small{display:block;font:700 12px "DM Sans",sans-serif;color:var(--br-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* Type */
  body.br-v2.br-play .d-eyebrow, body.br-v2.br-play .roll-label{display:inline-flex !important;align-items:center;gap:6px;width:max-content;background:#FBF1E0;color:#8A5A10 !important;border-radius:999px;padding:5px 12px;margin:6px 0 12px;font:800 13px "DM Sans",sans-serif !important;letter-spacing:0 !important;text-transform:none !important}
  body.br-v2.br-play .roll-label{background:#FCE7EF;color:var(--br-plum) !important}
  body.br-v2.br-play .d-eyebrow .ico{width:14px;height:14px}
  body.br-v2.br-play .br-decision-card h4, body.br-v2.br-play .br-roll-card.is-moment h4, body.br-v2.br-play .roll-title{font:800 32px/1.1 "Bricolage Grotesque",sans-serif !important;color:var(--br-plum) !important;letter-spacing:-0.02em !important;margin:0 0 10px !important}
  body.br-v2.br-play .d-scene, body.br-v2.br-play .roll-hint{font:400 18px/1.6 "DM Sans",sans-serif !important;color:var(--br-ink) !important;margin:0 0 18px !important}
  body.br-v2.br-play .d-question{font:800 16px "DM Sans",sans-serif !important;color:var(--br-wine) !important;margin:0 0 12px !important}
  /* Answers: bold short choice, muted detail */
  body.br-v2.br-play .d-options, body.br-v2.br-play .decision-options{gap:10px !important}
  body.br-v2.br-play .d-option, body.br-v2.br-play .decision-option{background:#fff !important;border:2px solid #EFE3E8 !important;border-radius:20px !important;padding:14px 16px !important;gap:14px !important;font:400 14.5px/1.45 "DM Sans",sans-serif !important;color:var(--br-soft) !important;transition:transform .2s, border-color .2s, opacity .3s !important;box-shadow:none !important}
  body.br-v2.br-play .d-option strong, body.br-v2.br-play .decision-option strong{display:block;font:700 16.5px/1.35 "DM Sans",sans-serif;color:var(--br-ink);margin-bottom:3px}
  body.br-v2.br-play .d-option:not(:disabled):hover, body.br-v2.br-play .decision-option:not(:disabled):hover{border-color:var(--br-pink) !important;transform:translateX(3px) !important;background:#fff !important}
  body.br-v2.br-play .d-option .dn, body.br-v2.br-play .decision-option::before{width:30px !important;height:30px !important;border-radius:10px !important;background:#FCE7EF !important;color:var(--br-plum) !important;font:800 14px "DM Sans",sans-serif !important}
  body.br-v2.br-play .decision-option.is-dimmed, body.br-v2.br-play .d-option[style*="opacity: 0.5"]{opacity:.28 !important}
  body.br-v2.br-play .decision-option.is-chosen.quality-best, body.br-v2.br-play .br-decision-card:has(.d-feedback.q-best) .d-option[style*="opacity: 1"]{border-color:#5C8534 !important;background:#F5F9F2 !important}
  body.br-v2.br-play .decision-option.is-chosen.quality-good, body.br-v2.br-play .br-decision-card:has(.d-feedback.q-good) .d-option[style*="opacity: 1"]{border-color:#8FA854 !important;background:#F8FAF1 !important}
  body.br-v2.br-play .decision-option.is-chosen.quality-poor, body.br-v2.br-play .br-decision-card:has(.d-feedback.q-poor) .d-option[style*="opacity: 1"]{border-color:#D4AB2D !important;background:#FDF9EC !important}
  body.br-v2.br-play .decision-option.is-chosen.quality-worst, body.br-v2.br-play .br-decision-card:has(.d-feedback.q-worst) .d-option[style*="opacity: 1"]{border-color:#A04545 !important;background:#FBF1F1 !important}
  body.br-v2.br-play .decision-option.is-chosen.quality-best::before, body.br-v2.br-play .br-decision-card:has(.d-feedback.q-best) .d-option[style*="opacity: 1"] .dn{background:#5C8534 !important;color:#fff !important}
  body.br-v2.br-play .decision-option.is-chosen.quality-good::before, body.br-v2.br-play .br-decision-card:has(.d-feedback.q-good) .d-option[style*="opacity: 1"] .dn{background:#8FA854 !important;color:#fff !important}
  body.br-v2.br-play .decision-option.is-chosen.quality-poor::before, body.br-v2.br-play .br-decision-card:has(.d-feedback.q-poor) .d-option[style*="opacity: 1"] .dn{background:#D4AB2D !important;color:#fff !important}
  body.br-v2.br-play .decision-option.is-chosen.quality-worst::before, body.br-v2.br-play .br-decision-card:has(.d-feedback.q-worst) .d-option[style*="opacity: 1"] .dn{background:#A04545 !important;color:#fff !important}
  /* Verdict card */
  @keyframes brVerdictIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
  body.br-v2.br-play .d-feedback{--vq:#8FA854;background:#fff !important;border:0 !important;border-top:5px solid var(--vq) !important;border-radius:24px !important;box-shadow:0 18px 44px rgba(27,42,71,0.14) !important;padding:18px 22px 20px !important;margin-top:16px !important;animation:brVerdictIn .5s cubic-bezier(0.2,1,0.3,1) both}
  body.br-v2.br-play .d-feedback.q-best{--vq:#5C8534}
  body.br-v2.br-play .d-feedback.q-poor{--vq:#D4AB2D}
  body.br-v2.br-play .d-feedback.q-worst{--vq:#A04545}
  body.br-v2.br-play .d-feedback.has-mentor{grid-template-columns:64px minmax(0,1fr) !important;column-gap:16px !important}
  body.br-v2.br-play .d-feedback .br-mentor-av{width:64px;height:64px;box-shadow:0 0 0 3px var(--vq) !important}
  body.br-v2.br-play .d-feedback .fb-label{display:inline-flex !important;width:max-content;background:var(--vq);color:#fff !important;border-radius:999px;padding:4px 12px;margin:2px 0 8px;font:800 13px "DM Sans",sans-serif !important;letter-spacing:0 !important;text-transform:none !important}
  body.br-v2.br-play .d-feedback .fb-label .ico{width:14px;height:14px;color:#fff}
  body.br-v2.br-play .d-feedback .mentor-name{display:none}
  body.br-v2.br-play .d-feedback > p{font:400 16px/1.55 "DM Sans",sans-serif !important;color:var(--br-ink) !important}
  body.br-v2.br-play .d-feedback > p:first-of-type::before{content:"Maddy: ";font-weight:800;color:var(--br-plum)}
  body.br-v2.br-play .d-feedback .br-react{grid-column:2;margin:10px 0 0;padding:0;background:none;border:0;gap:8px}
  body.br-v2.br-play .d-feedback .br-react .br-av{width:26px;height:26px}
  body.br-v2.br-play .d-feedback .br-react p{font:500 14.5px/1.45 "DM Sans",sans-serif !important;color:var(--br-soft) !important}
  /* Dice tray */
  body.br-v2.br-play .br-roll-card:not(.mode-pick) .roll-mode-body{grid-template-columns:1fr !important;gap:16px}
  body.br-v2.br-play .dice-stage{box-sizing:border-box;width:100%;min-height:250px;justify-content:center;gap:16px;padding:28px 20px 22px;border-radius:32px;background:radial-gradient(circle at 50% 38%,#9A3566 0%,#7A1F4B 60%,#5E1638 100%);border:9px solid #F7DDE8;box-shadow:inset 0 10px 30px rgba(0,0,0,0.35),inset 0 -6px 20px rgba(255,255,255,0.08),0 18px 44px rgba(122,31,75,0.25);cursor:pointer;margin:6px 0 4px}
  body.br-v2.br-play .dice-face{border:0 !important;background:linear-gradient(145deg,#fff 0%,#FBEFF4 100%) !important;box-shadow:inset 0 -4px 0 #EBCFDB}
  body.br-v2.br-play .dice-face .pip{background:radial-gradient(circle at 35% 35%,#B12E69 0%,#5E1638 100%) !important}
  body.br-v2.br-play .dice-scene::after{background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 70%) !important}
  body.br-v2.br-play .roll-btn{background:#fff !important;color:var(--br-plum) !important;font:800 15px "DM Sans",sans-serif !important;letter-spacing:0 !important;text-transform:none !important;padding:12px 26px !important;box-shadow:0 8px 20px rgba(0,0,0,0.25) !important}
  body.br-v2.br-play .dice-helper{color:#F9C9DC !important;font:700 13px "DM Sans",sans-serif !important;letter-spacing:0 !important;text-transform:none !important}
  body.br-v2.br-play .mode-toggle{transform:scale(.92);transform-origin:right top}
  body.br-v2.br-play .br-roll-result{background:#fff !important;border-left:6px solid var(--br-pink) !important;border-radius:24px !important;box-shadow:0 14px 34px rgba(122,31,75,0.12);padding:18px 20px !important}
  body.br-v2.br-play .br-roll-result p{font:400 16.5px/1.55 "DM Sans",sans-serif !important}
  body.br-v2.br-play .br-roll-result .r-tag{font:800 13px "DM Sans",sans-serif !important;letter-spacing:0 !important;text-transform:none !important}
  @media (max-width:700px){
    body.br-v2.br-play [data-roll-host] > .has-art{display:block}
    body.br-v2.br-play .br-art{position:relative;top:auto;height:250px;border-radius:26px;margin:0 0 16px}
    body.br-v2.br-play .br-decision-card h4, body.br-v2.br-play .br-roll-card.is-moment h4, body.br-v2.br-play .roll-title{font-size:25px !important}
    body.br-v2.br-play .d-scene, body.br-v2.br-play .roll-hint{font-size:16.5px !important}
    body.br-v2.br-play .d-feedback.has-mentor{grid-template-columns:48px minmax(0,1fr) !important;column-gap:12px !important;padding:16px !important}
    body.br-v2.br-play .d-feedback .br-mentor-av{width:48px;height:48px}
    body.br-v2.br-play .dice-stage{min-height:210px;border-width:7px}
    body.br-v2.br-play .br-roll-card.mode-roll > .br-art{height:170px}
  }
  /* ================= V3 visual pass / V3: title screen ================= */
  body.br-v2.br-title .br-hero, body.br-v2.br-title .br-back-row, body.br-v2.br-title .br-welcome-card, body.br-v2.br-title #resumeBanner{display:none !important}
  body.br-v2.br-title{background:radial-gradient(1000px 560px at 50% 0%,#F9D3E2 0%,#FFF7EE 62%) fixed}
  body.br-v2 .br-title-screen{display:none}
  body.br-v2.br-title .br-title-screen{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:34px 16px 46px;min-height:calc(100vh - 140px);justify-content:center}
  body.br-v2 .ts-collage{position:relative;width:min(540px,92%);height:240px;margin-bottom:4px}
  body.br-v2 .ts-collage img{position:absolute;width:156px;height:198px;object-fit:contain;background:#fff;border-radius:26px;border:5px solid #fff;box-shadow:0 18px 40px rgba(122,31,75,0.22);animation:brCardIn .7s cubic-bezier(0.2,1.2,0.4,1) both}
  body.br-v2 .ts-collage img:nth-child(1){left:0;top:34px;transform:rotate(-8deg);animation-delay:.05s}
  body.br-v2 .ts-collage img:nth-child(2){left:23%;top:0;transform:rotate(-2deg);z-index:2;animation-delay:.15s}
  body.br-v2 .ts-collage img:nth-child(3){right:23%;top:10px;transform:rotate(4deg);z-index:3;animation-delay:.25s}
  body.br-v2 .ts-collage img:nth-child(4){right:0;top:40px;transform:rotate(9deg);animation-delay:.35s}
  @keyframes brCardIn{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
  body.br-v2 .ts-eyebrow{margin:0;font:800 13px "DM Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--br-wine)}
  body.br-v2 .ts-title{margin:0;font:800 clamp(44px,8vw,72px)/0.98 "Bricolage Grotesque",sans-serif;color:var(--br-plum);letter-spacing:-0.035em}
  body.br-v2 .ts-tag{margin:0;max-width:470px;font:400 18px/1.5 "DM Sans",sans-serif;color:var(--br-soft)}
  body.br-v2 .ts-play{background:var(--br-plum);color:#fff;border:0;border-radius:999px;padding:18px 54px;font:800 20px "DM Sans",sans-serif;cursor:pointer;box-shadow:0 14px 30px rgba(122,31,75,0.32);transition:transform .15s;margin-top:6px}
  body.br-v2 .ts-play:hover{transform:translateY(-2px)}
  body.br-v2 .ts-play.is-secondary{background:#fff;color:var(--br-plum);border:2px solid #F3D2E0;box-shadow:none;padding:13px 34px;font-size:16px}
  body.br-v2 .ts-cont{display:inline-flex;align-items:center;gap:12px;background:var(--br-plum);color:#fff;border:0;border-radius:999px;padding:8px 26px 8px 8px;font:800 17px "DM Sans",sans-serif;cursor:pointer;box-shadow:0 14px 30px rgba(122,31,75,0.32);text-align:left}
  body.br-v2 .ts-cont .br-av{width:48px;height:48px;border-width:2px;box-shadow:none}
  body.br-v2 .ts-cont small{display:block;font:600 13px "DM Sans",sans-serif;opacity:.85}
  body.br-v2 .ts-links{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;margin-top:4px}
  body.br-v2 .ts-link{background:none;border:0;color:var(--br-wine);font:700 14.5px "DM Sans",sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px}
  body.br-v2 .ts-coach{display:flex;align-items:center;gap:10px;margin-top:8px;font:500 14px/1.4 "DM Sans",sans-serif;color:var(--br-soft);max-width:420px;text-align:left}
  body.br-v2 .ts-coach .br-mentor-av{width:40px;height:40px}
  /* Settings sheet */
  body.br-v2 .ts-sheet{position:fixed;inset:0;z-index:1050;background:rgba(27,42,71,0.38);display:none;align-items:flex-end;justify-content:center}
  body.br-v2 .ts-sheet.is-open{display:flex}
  body.br-v2 .ts-sheet-in{background:#fff;width:min(620px,100%);max-height:88vh;overflow:auto;border-radius:28px 28px 0 0;padding:24px 22px calc(24px + env(safe-area-inset-bottom));animation:brSheetUp .35s cubic-bezier(0.2,1,0.3,1)}
  @keyframes brSheetUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
  body.br-v2 .ts-sheet h3{margin:0 0 14px;font:800 24px "Bricolage Grotesque",sans-serif;color:var(--br-plum)}
  body.br-v2 .ts-sheet .diff-grid{margin:0 0 6px}
  body.br-v2 .ts-sheet .ts-done{margin-top:16px;width:100%;background:var(--br-plum);color:#fff;border:0;border-radius:999px;padding:15px;font:800 16px "DM Sans",sans-serif;cursor:pointer}
  @media (min-width:701px){ body.br-v2 .ts-sheet{align-items:center} body.br-v2 .ts-sheet-in{border-radius:28px} }
  @media (max-width:700px){
    body.br-v2 .ts-collage{height:178px}
    body.br-v2 .ts-collage img{width:108px;height:138px;border-width:4px;border-radius:18px}
    body.br-v2 .ts-tag{font-size:16.5px}
    body.br-v2.br-title .br-title-screen{padding-top:20px;min-height:auto}
  }
  @media (prefers-reduced-motion: reduce){ body.br-v2 .ts-collage img, body.br-v2 .ts-sheet-in{animation:none} }
  /* ================= V3 visual pass / V4: type and color cleanup ================= */
  body.br-v2 h2[tabindex="-1"]:focus, body.br-v2 h3[tabindex="-1"]:focus, body.br-v2 h4[tabindex="-1"]:focus{outline:none}
  body.br-v2.br-play .br-page-wrap, body.br-v2.br-title .br-page-wrap{background:transparent !important}
  body.br-v2 .learn-more .lm-label, body.br-v2 .mode-toggle button, body.br-v2 .ss-eyebrow, body.br-v2 .rs-eyebrow,
  body.br-v2 .br-welcome-label, body.br-v2 .story-row .r-lbl, body.br-v2 .reflection-box .e, body.br-v2 .scorecard .e,
  body.br-v2 .narrative-card .e, body.br-v2 .cc-eyebrow, body.br-v2 .br-resume-eyebrow, body.br-v2 .ln-eyebrow,
  body.br-v2 .bs-eyebrow, body.br-v2 .br-brain-eyebrow, body.br-v2 .reflection-box h4.rf-group, body.br-v2 .why-tag,
  body.br-v2 .sb-ch-label, body.br-v2 .story-section h3 .sb-chn, body.br-v2 .ss-head .ss-eyebrow-top, body.br-v2 .story-banner .e,
  body.br-v2 .br-reflection-eyebrow, body.br-v2 .pick-option .pn{
    text-transform:none !important;letter-spacing:0 !important;font-family:"DM Sans",system-ui,sans-serif !important;font-weight:800 !important;font-size:13px !important;font-style:normal !important}
  body.br-v2 .sb-ch-label, body.br-v2 .story-section h3 .sb-chn{font-size:13.5px !important}
  body.br-v2 .d-skip, body.br-v2 .sc-fine, body.br-v2 .ss-progress, body.br-v2 .lt-desc, body.br-v2 .diff-card p{font-size:13.5px !important}
  body.br-v2 .learn-more a{font-size:13px !important;letter-spacing:0 !important;text-transform:none !important}
  body.br-v2 .mode-toggle button{font-size:12.5px !important}
  /* One accent system: brand pinks for everything that isn't a verdict */
  body.br-v2 .loss-toggle{background:#F7F3F9 !important;border-left:4px solid #B9A6C8 !important}
  body.br-v2 .loss-toggle .lt-title{color:#3E2A4F !important}
  body.br-v2 .reflection-box .e, body.br-v2 .reflection-box h4.rf-group{color:#8A5A10 !important}
  body.br-v2 .story-row .r-lbl .r-num{border-radius:8px}
  body.br-v2 .diff-card h4{font-family:"Bricolage Grotesque",sans-serif !important}
  body.br-v2{
    --mhn-purple-900:#7A1F4B !important; --mhn-purple-700:#B12E69 !important; --mhn-purple-500:#E44587 !important;
    --mhn-purple-300:#F0729F !important; --mhn-purple-200:#F3B5CF !important; --mhn-purple-50:#FCE7EF !important;
    --mhn-font-serif:"Bricolage Grotesque","DM Sans",system-ui,sans-serif !important;
    --mhn-font-sans:"DM Sans",system-ui,sans-serif !important;
    --br-plum:#7A1F4B; --br-wine:#B12E69; --br-pink:#E44587; --br-blush:#FCE7EF; --br-cream:#FFF7EE; --br-ink:#1B2A47; --br-soft:#5A6783; --br-sage:#5C8534; --br-gold:#D4AB2D;
  }
  body.br-v2 .br-stage-head .e{color:var(--br-wine) !important;font-style:normal}
  body.br-v2 .br-stage-head h2{color:var(--br-plum) !important;font-family:"Bricolage Grotesque",sans-serif;font-weight:700;letter-spacing:-0.02em}
  body.br-v2 .br-stage-head p, body.br-v2 .roll-hint, body.br-v2 .d-scene, body.br-v2 .br-roll-card.is-moment .d-scene, body.br-v2 .br-hero p{font-style:normal;font-family:"DM Sans",system-ui,sans-serif}
  body.br-v2 .roll-title, body.br-v2 .br-decision-card h4, body.br-v2 .br-roll-card.is-moment h4{font-family:"Bricolage Grotesque",sans-serif;letter-spacing:-0.015em}
  body.br-v2 .roll-label{color:var(--br-wine) !important}

  /* Journey path (the stepper) */
  body.br-v2 .br-stepper{position:sticky;top:78px;z-index:30;display:flex;align-items:center;gap:0;background:rgba(255,255,255,0.96);backdrop-filter:blur(8px);border:1px solid #F3D2E0;border-radius:999px;padding:8px 14px;box-shadow:0 8px 24px rgba(122,31,75,0.10);margin:14px 0 22px}
  body.br-v2 .br-step{flex:1;display:flex;align-items:center;gap:8px;background:none !important;border:none !important;box-shadow:none !important;padding:4px 6px !important;min-width:0;position:relative;color:#B9A3AE !important;text-align:left}
  body.br-v2 .br-step + .br-step::before{content:"";position:absolute;left:-10px;width:14px;top:50%;height:3px;border-radius:2px;background:repeating-linear-gradient(90deg,#E9C9D6 0 4px,transparent 4px 7px)}
  body.br-v2 .br-step .step-n{flex:none;width:28px;height:28px;margin:0 !important;border-radius:50%;display:grid !important;place-items:center;background:#F6E9EF;color:#B9A3AE;font-family:"DM Sans",sans-serif !important;font-size:13px !important;font-weight:800}
  body.br-v2 .br-step .step-l{font-family:"DM Sans",sans-serif !important;font-size:12px !important;letter-spacing:0.02em !important;text-transform:none !important;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.br-v2 .br-step.done{color:var(--br-sage) !important}
  body.br-v2 .br-step.done .step-n{background:var(--br-sage);color:#fff;font-size:0 !important}
  body.br-v2 .br-step.done .step-n::after{content:"\2713";font-size:14px}
  body.br-v2 .br-step.done + .br-step::before{background:var(--br-sage)}
  body.br-v2 .br-step.active{color:var(--br-plum) !important}
  body.br-v2 .br-step.active .step-n{background:var(--br-pink);color:#fff;box-shadow:0 0 0 5px rgba(228,69,135,0.18)}
  body.br-v2 .br-step[data-step="welcome"]{flex:0 0 auto}
  body.br-v2 .br-step[data-step="welcome"] .step-l{display:none}
  body.br-v2 .br-step[data-step="welcome"] .step-n{font-size:0 !important}
  body.br-v2 .br-step[data-step="welcome"] .step-n::after{content:"\2302";font-size:14px}

  /* Scenes */
  body.br-v2 .br-focus-hide{display:none !important}
  body.br-v2.br-focus .br-nav-row{display:none}
  body.br-v2 [data-roll-host] > .br-roll-card, body.br-v2 [data-roll-host] > .br-decision-card{border-radius:26px;padding:28px 30px;box-shadow:0 18px 44px rgba(122,31,75,0.12);margin:0 0 6px;animation:brSceneIn .35s ease}
  body.br-v2 [data-roll-host] > .br-roll-card:not(.is-moment){background:#fff;border:1.5px solid #F3D2E0}
  body.br-v2 [data-roll-host] > .br-roll-card.is-done:not(.is-moment){background:#fff}
  @keyframes brSceneIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  body.br-v2 .br-pager{display:flex;align-items:center;gap:12px;margin:18px 0 8px}
  body.br-v2 .br-pager .pg-back{background:none;border:1.5px solid #F3D2E0;color:var(--br-plum);font:700 14px "DM Sans",sans-serif;padding:11px 18px;border-radius:999px;cursor:pointer}
  body.br-v2 .br-pager .pg-back:hover{border-color:var(--br-wine)}
  body.br-v2 .br-pager .pg-progress{flex:1;display:flex;flex-direction:column;gap:6px;align-items:center;font:700 12px "DM Sans",sans-serif;color:var(--br-soft)}
  body.br-v2 .br-pager .pg-bar{width:100%;max-width:260px;height:6px;border-radius:999px;background:#F6E9EF;overflow:hidden}
  body.br-v2 .br-pager .pg-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--br-pink),var(--br-gold));border-radius:999px;transition:width .3s}
  body.br-v2 .br-pager .pg-next{background:var(--br-plum);color:#fff;border:none;font:800 15px "DM Sans",sans-serif;padding:13px 24px;border-radius:999px;cursor:pointer;box-shadow:0 8px 20px rgba(122,31,75,0.25);transition:transform .15s, opacity .15s}
  body.br-v2 .br-pager .pg-next:hover:not(:disabled){transform:translateY(-1px)}
  body.br-v2 .br-pager .pg-next:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}
  body.br-v2 .br-pager .pg-next.is-ready{animation:brPulse 1.6s ease 2}
  @keyframes brPulse{0%,100%{box-shadow:0 8px 20px rgba(122,31,75,0.25)}50%{box-shadow:0 0 0 8px rgba(228,69,135,0.18)}}
  @media (max-width:700px){
    body.br-v2 .br-stepper{top:64px;padding:6px 8px;border-radius:18px}
    body.br-v2 .br-step .step-l{display:none}
    body.br-v2 .br-step{justify-content:center}
    body.br-v2 [data-roll-host] > .br-roll-card, body.br-v2 [data-roll-host] > .br-decision-card{padding:20px 18px;border-radius:20px}
    body.br-v2 .br-pager{position:sticky;bottom:0;z-index:20;background:rgba(255,247,238,0.97);backdrop-filter:blur(6px);margin:12px -16px 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #F3D2E0}
    body.br-v2 .br-pager .pg-progress{display:none}
    body.br-v2 .br-pager .pg-next{flex:1}
  }
  /* ================= 12. Flow and feel ================= */
  body.br-v2 .br-recap{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid #F3D2E0;border-left:5px solid var(--br-pink);border-radius:18px;padding:10px 14px;margin:0 0 14px;animation:brVerdictIn .45s cubic-bezier(0.2,1,0.3,1) both}
  body.br-v2 .br-recap .rc-n{flex:none;width:34px;height:34px;border-radius:10px;background:var(--br-plum);color:#fff;display:grid;place-items:center;font:800 17px "Bricolage Grotesque",sans-serif}
  body.br-v2 .br-recap span{font:700 15px/1.35 "DM Sans",sans-serif;color:var(--br-ink)}
  body.br-v2 .br-recap small{display:block;font:700 12.5px "DM Sans",sans-serif;color:var(--br-wine)}
  body.br-v2 .br-odds{margin:2px 0 0;background:#fff;border:1.5px solid #F3D2E0;border-radius:18px;padding:10px 14px}
  body.br-v2 .br-odds summary{cursor:pointer;font:800 14.5px "DM Sans",sans-serif;color:var(--br-plum)}
  body.br-v2 .br-odds ol{list-style:none;margin:10px 0 6px;padding:0;display:grid;gap:6px}
  body.br-v2 .br-odds li{display:flex;gap:10px;align-items:baseline;font:500 14px/1.4 "DM Sans",sans-serif;color:var(--br-ink)}
  body.br-v2 .br-odds li b{flex:none;width:26px;height:22px;border-radius:7px;background:#FCE7EF;color:var(--br-plum);display:grid;place-items:center;font:800 12.5px "DM Sans",sans-serif}
  body.br-v2 .br-odds p{margin:4px 0 0;font:500 13px/1.4 "DM Sans",sans-serif;color:var(--br-soft)}
  body.br-v2 .br-howto{position:fixed;inset:0;z-index:1300;background:rgba(27,42,71,0.42);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;animation:brFade .25s ease}
  body.br-v2 .ht-card{box-sizing:border-box;width:100%;max-width:440px;background:#fff;border-radius:28px;padding:28px 26px 22px;text-align:center;box-shadow:0 30px 70px rgba(27,42,71,0.3);animation:brSheetUp .35s cubic-bezier(0.2,1,0.3,1)}
  body.br-v2 .ht-ico{width:72px;height:72px;margin:0 auto 12px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#FCE7EF 0%,#F6D6E3 60%,#EBC3D5 100%);display:grid;place-items:center;color:var(--br-plum)}
  body.br-v2 .ht-ico .ico{width:34px;height:34px}
  body.br-v2 .ht-step{margin:0 0 4px;font:800 13px "DM Sans",sans-serif;color:var(--br-wine)}
  body.br-v2 .ht-card h3{margin:0 0 8px;font:800 26px "Bricolage Grotesque",sans-serif;color:var(--br-plum)}
  body.br-v2 .ht-p{margin:0 0 16px;font:400 16px/1.55 "DM Sans",sans-serif;color:var(--br-ink)}
  body.br-v2 .ht-dots{display:flex;justify-content:center;gap:6px;margin:0 0 16px}
  body.br-v2 .ht-dots i{width:8px;height:8px;border-radius:50%;background:#F3D2E0}
  body.br-v2 .ht-dots i.on{background:var(--br-pink);width:22px;border-radius:9px}
  body.br-v2 .ht-actions{display:flex;justify-content:space-between;gap:10px}
  body.br-v2 .ht-skip{background:none;border:0;color:var(--br-soft);font:700 15px "DM Sans",sans-serif;cursor:pointer;padding:12px}
  body.br-v2 .ht-next{background:var(--br-plum);color:#fff;border:0;border-radius:999px;padding:13px 28px;font:800 15px "DM Sans",sans-serif;cursor:pointer}
  body.br-v2 .sa-share{background:linear-gradient(135deg,#E44587,#B12E69) !important;color:#fff !important;border:0 !important}
  body.br-v2 .sa-share .sa-sub{color:rgba(255,255,255,0.85) !important}
  body.br-v2 #stage-story .summary-actions{grid-template-columns:repeat(2,1fr)}
  body.br-v2 .ts-sound{display:inline-flex;align-items:center;gap:6px}
  body.br-v2 .ts-sound .ico{width:16px;height:16px}
  @media (max-width:700px){ body.br-v2 #stage-story .summary-actions{grid-template-columns:1fr} body.br-v2 .hud-sound{display:none} }
  /* ================= 13. Game modes: Quick shift ================= */
  body.br-v2 .ts-quick small{font:700 13px "DM Sans",sans-serif;opacity:.7;margin-left:6px}
  body.br-v2 .ts-play.is-secondary{margin-top:2px}
  body.br-v2 .qs-sub{margin:0 0 14px;font:400 15px/1.5 "DM Sans",sans-serif;color:var(--br-soft)}
  body.br-v2 .qs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
  body.br-v2 .qs-card{text-align:left;background:#fff;border:2px solid #EFE3E8;border-radius:20px;padding:14px 16px;cursor:pointer;transition:border-color .2s, transform .2s}
  body.br-v2 .qs-card:hover, body.br-v2 .qs-card:focus-visible{border-color:var(--br-pink);transform:translateY(-2px)}
  body.br-v2 .qs-card b{display:block;font:800 17px "Bricolage Grotesque",sans-serif;color:var(--br-plum);margin-bottom:3px}
  body.br-v2 .qs-card span{font:500 13.5px/1.4 "DM Sans",sans-serif;color:var(--br-soft)}
  body.br-v2 .ts-done.is-ghost{background:#fff;color:var(--br-plum);border:2px solid #F3D2E0}
  body.br-v2 .br-shift-report{position:fixed;inset:0;z-index:1250;background:radial-gradient(900px 500px at 50% 0%,#F9D3E2 0%,#FFF7EE 62%);display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:28px 16px;box-sizing:border-box;animation:brFade .3s ease}
  body.br-v2 .sr-card{box-sizing:border-box;width:100%;max-width:640px;background:#fff;border:1.5px solid #F3D2E0;border-radius:30px;padding:28px 28px 24px;box-shadow:0 24px 60px rgba(122,31,75,0.16);animation:brSheetUp .45s cubic-bezier(0.2,1,0.3,1)}
  body.br-v2 .sr-eyebrow{margin:0 0 4px;font:800 13px "DM Sans",sans-serif;color:var(--br-wine)}
  body.br-v2 .sr-card h2{margin:0 0 16px;font:800 30px/1.1 "Bricolage Grotesque",sans-serif;color:var(--br-plum)}
  body.br-v2 .sr-reflect{margin:16px 0 0;background:#FFF7EE;border:1.5px solid #F0DFA4;border-radius:20px;padding:14px 18px}
  body.br-v2 .sr-reflect p{margin:0 0 6px;font:800 14px "DM Sans",sans-serif;color:#8A5A10}
  body.br-v2 .sr-reflect ul{margin:0;padding-left:18px;font:400 15px/1.55 "DM Sans",sans-serif;color:var(--br-ink)}
  body.br-v2 .sr-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}
  @media (max-width:700px){ body.br-v2 .qs-grid{grid-template-columns:1fr} body.br-v2 .sr-card{padding:22px 18px} body.br-v2 .sr-card h2{font-size:24px} }
  /* ================= 15. One-screen scenes ================= */
  /* Continue becomes a gentle cue after a roll (no auto-advance) */
  body.br-v2 .br-pager .pg-next.is-cue{animation:brPulse 1.8s ease infinite}
  /* Verdict slides up as a sheet lined up with the answers */
  @keyframes brSheetRise{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
  body.br-v2.br-play .d-feedback.br-sheet{position:fixed !important;z-index:30;left:var(--vx,12px);right:auto;width:var(--vw,calc(100vw - 24px));bottom:calc(var(--br-pager-h,72px) + 10px);margin:0 !important;box-sizing:border-box;max-height:calc(100vh - var(--br-pager-h,72px) - 96px);max-height:calc(100dvh - var(--br-pager-h,72px) - 96px);overflow:auto;overscroll-behavior:contain;animation:none;box-shadow:0 -6px 28px rgba(122,31,75,0.10),0 22px 50px rgba(27,42,71,0.20) !important}
  body.br-v2.br-play .d-feedback.br-sheet.br-sheet-in{animation:brSheetRise .45s cubic-bezier(0.2,1,0.3,1) both}
  body.br-v2.br-play .d-feedback.br-sheet .d-rechoose{margin-top:10px !important}
  body.br-v2.br-play.br-drawer-open .d-feedback.br-sheet{z-index:1}
  @media (min-width:701px){
    body.br-v2.br-play .br-hud{margin-bottom:12px}
    body.br-v2.br-play [data-roll-host] > .has-art{grid-template-columns:minmax(0,40%) minmax(0,1fr);column-gap:36px}
    body.br-v2.br-play .br-art{top:76px;height:clamp(300px,calc(100vh - 176px),640px);height:clamp(300px,calc(100dvh - 176px),640px);border-radius:28px}
    body.br-v2.br-play .br-art img{max-width:90%;max-height:90%}
    body.br-v2.br-play .br-client-card{margin-bottom:10px}
    body.br-v2.br-play .br-recap{margin:0 0 10px;padding:8px 12px}
    body.br-v2.br-play .d-eyebrow, body.br-v2.br-play .roll-label{margin:2px 0 8px}
    body.br-v2.br-play .br-decision-card h4, body.br-v2.br-play .br-roll-card.is-moment h4, body.br-v2.br-play .roll-title{font-size:28px !important;margin:0 0 8px !important}
    body.br-v2.br-play .d-scene, body.br-v2.br-play .roll-hint{font-size:16.5px !important;line-height:1.55 !important;margin:0 0 12px !important}
    body.br-v2.br-play .d-question{margin:0 0 10px !important}
    body.br-v2.br-play .d-option, body.br-v2.br-play .decision-option{padding:12px 14px !important;font-size:14px !important}
    body.br-v2.br-play .d-option strong, body.br-v2.br-play .decision-option strong{font-size:16px}
    body.br-v2.br-play .d-skip{margin-top:8px}
    body.br-v2.br-play .br-pager{margin-top:8px;padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
    body.br-v2.br-play .dice-stage{min-height:220px;padding:22px 20px 18px}
  }
  /* Wide screens: answers in a 2 by 2 grid, letter tucked beside the bold line */
  @media (min-width:1000px){
    body.br-v2.br-play .d-options, body.br-v2.br-play .decision-options{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;align-items:stretch}
    body.br-v2.br-play .d-option, body.br-v2.br-play .decision-option{display:block !important;text-align:left;width:100%;box-sizing:border-box}
    body.br-v2.br-play .d-option .dn, body.br-v2.br-play .decision-option::before{float:left;display:inline-flex !important;align-items:center;justify-content:center;width:26px !important;height:26px !important;margin:0 10px 4px 0;border-radius:9px !important;font-size:13px !important}
    body.br-v2.br-play .d-option > span:not(.dn){display:block}
    body.br-v2.br-play .d-option strong, body.br-v2.br-play .decision-option strong{min-height:26px;display:block;padding-top:2px}
    body.br-v2.br-play .d-option:last-child:nth-child(odd), body.br-v2.br-play .decision-option:last-child:nth-child(odd){grid-column:1 / -1}
    body.br-v2.br-play .d-option:not(:disabled):hover, body.br-v2.br-play .decision-option:not(:disabled):hover{transform:translateY(-2px) !important}
  }
  @media (max-width:700px){
    body.br-v2.br-play .br-art{height:170px;margin:0 0 12px}
    body.br-v2.br-play .br-roll-card.mode-roll > .br-art{height:130px}
    body.br-v2.br-play .br-art .art-who{left:10px;bottom:10px;padding:4px 12px 4px 4px}
    body.br-v2.br-play .br-art .art-who .br-av{width:32px;height:32px}
    body.br-v2.br-play .dice-stage{min-height:190px}
    body.br-v2.br-play .d-feedback.br-sheet{left:10px;right:10px;width:auto;bottom:calc(var(--br-pager-h,64px) + 8px);border-radius:22px !important}
  }
  @media (prefers-reduced-motion: reduce){
    body.br-v2 .br-pager .pg-next.is-cue{animation:none}
  }
  @media (max-width:700px){
    body.br-v2.br-play .br-art .art-who small{display:none}
    body.br-v2.br-play .br-art .art-who b{font-size:13.5px}
  }
  /* Once the die has landed, the tray shrinks so the result fits on screen */
  body.br-v2.br-play .br-roll-card.is-done .dice-stage{min-height:0;padding:16px 20px 12px;gap:6px;transition:min-height .4s, padding .4s}
  body.br-v2.br-play .br-roll-card.is-done .dice-scene{transform:scale(.72);margin:-10px 0}
  body.br-v2.br-play .br-roll-card.is-done .br-odds{display:none}
  body.br-v2.br-play .br-roll-card .roll-hint{max-width:none}
  @media (max-width:700px){
    body.br-v2.br-play .br-roll-card.is-done .dice-scene{transform:scale(.62);margin:-18px 0}
  }
  body.br-v2.br-play .br-roll-card.is-done .dice-scene{height:112px;margin:0}
  @media (max-width:700px){ body.br-v2.br-play .br-roll-card.is-done .dice-scene{height:92px;margin:0} }
  /* Title collage: six clients fanned out */
  body.br-v2 .ts-collage{width:min(760px,96%)}
  body.br-v2 .ts-collage img{width:140px;height:178px;right:auto !important}
  body.br-v2 .ts-collage img:nth-child(1){left:0;top:40px;transform:rotate(-9deg);z-index:1}
  body.br-v2 .ts-collage img:nth-child(2){left:calc((100% - 140px) * 0.2);top:14px;transform:rotate(-5deg);z-index:2}
  body.br-v2 .ts-collage img:nth-child(3){left:calc((100% - 140px) * 0.4);top:0;transform:rotate(-1.5deg);z-index:3}
  body.br-v2 .ts-collage img:nth-child(4){left:calc((100% - 140px) * 0.6);top:4px;transform:rotate(2.5deg);z-index:3}
  body.br-v2 .ts-collage img:nth-child(5){left:calc((100% - 140px) * 0.8);top:18px;transform:rotate(6deg);z-index:2;animation-delay:.45s}
  body.br-v2 .ts-collage img:nth-child(6){left:calc(100% - 140px);top:42px;transform:rotate(10deg);z-index:1;animation-delay:.55s}
  @media (max-width:700px){
    body.br-v2 .ts-collage img{width:92px;height:118px}
    body.br-v2 .ts-collage img:nth-child(2){left:calc((100% - 92px) * 0.2)}
    body.br-v2 .ts-collage img:nth-child(3){left:calc((100% - 92px) * 0.4)}
    body.br-v2 .ts-collage img:nth-child(4){left:calc((100% - 92px) * 0.6)}
    body.br-v2 .ts-collage img:nth-child(5){left:calc((100% - 92px) * 0.8)}
    body.br-v2 .ts-collage img:nth-child(6){left:calc(100% - 92px)}
  }