/* Publisher instructions – deliberately uses the main site's header, footer and layout. */
.bb-embed-page .bb-embed-hero{max-width:820px;margin-bottom:36px}
.bb-embed-page .bb-embed-hero p{max-width:740px}
.bb-embed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.bb-embed-card{min-width:0;position:relative;padding:clamp(20px,3vw,28px);border:1px solid rgba(132,171,229,.3);border-radius:20px;background:linear-gradient(145deg,rgba(19,34,61,.97),rgba(11,23,44,.96));box-shadow:0 20px 44px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.045)}
.bb-embed-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border:1px solid rgba(105,205,239,.3);border-radius:13px;color:#74e8f1;background:rgba(91,174,228,.12)}
.bb-embed-icon svg{width:22px;height:22px}
.bb-embed-card h2,.bb-embed-rules h2,.bb-embed-preview-heading h2{color:#f3f8ff;font-size:clamp(19px,2vw,25px);font-weight:850;line-height:1.2;letter-spacing:-.02em;margin:0 0 17px}
.bb-embed-field{display:block;width:100%;min-width:0;min-height:115px;resize:vertical;padding:14px;border:1px solid #526b91;border-radius:12px;background:rgba(4,13,30,.8);color:#dceaff;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.bb-embed-url{min-height:78px;resize:none}
.bb-embed-field:focus-visible{outline:2px solid #67e7e8;outline-offset:3px}
.bb-embed-copy-button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;margin-top:14px;padding:11px 20px;border:0;border-radius:12px;background:#63b6ff;color:#071c33;font:800 13px Outfit,system-ui,sans-serif;cursor:pointer;transition:filter .2s,transform .2s}
.bb-embed-copy-button:hover{filter:brightness(1.12);transform:translateY(-1px)}
.bb-embed-copy-button:focus-visible{outline:3px solid #72e5dd;outline-offset:3px}
.bb-embed-helper{margin:13px 0 0;color:#aebfdc;font-size:13px;line-height:1.6}
.bb-embed-copy-status{min-height:24px;margin:12px 0;color:#7cebd6;font-size:13px;font-weight:650}
.bb-embed-rules{margin:30px 0;padding:clamp(20px,3vw,29px);border:1px solid rgba(130,171,221,.28);border-radius:20px;background:linear-gradient(125deg,rgba(20,38,66,.94),rgba(12,25,45,.94))}
.bb-embed-rules h2{margin-bottom:15px}
.bb-embed-rules ul{padding:0 0 0 20px;margin:0}
.bb-embed-rules li{margin:9px 0;color:#bdcbe5;font-size:14px;line-height:1.65}
.bb-embed-preview-section{margin-top:42px}
.bb-embed-preview-heading{margin-bottom:19px}
.bb-embed-preview-heading h2{margin:0 0 10px}
.bb-embed-preview-heading p{margin:0;color:#aebdd8;font-size:15px;line-height:1.7}
.bb-embed-preview{padding:12px;border:1px solid rgba(121,172,232,.3);border-radius:20px;background:rgba(12,26,47,.95);box-shadow:0 17px 42px rgba(0,0,0,.24)}
.bb-embed-preview iframe{display:block;width:100%;aspect-ratio:16 / 9;min-height:420px;border:0;border-radius:12px;background:#081126}
.bb-embed-page .site-footer{margin-top:60px}
@media(max-width:760px){.bb-embed-grid{grid-template-columns:1fr;gap:14px}.bb-embed-page .bb-embed-hero{margin-bottom:28px}.bb-embed-copy-button{width:100%}.bb-embed-preview{padding:6px;border-radius:14px}.bb-embed-preview iframe{min-height:380px;border-radius:10px}.bb-embed-preview-section{margin-top:32px}}
@media(max-width:380px){.bb-embed-card{padding:17px}.bb-embed-preview iframe{min-height:350px}}
html[data-theme="light"] .bb-embed-card,html[data-theme="light"] .bb-embed-rules{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(231,240,251,.98));border-color:rgba(75,113,174,.3);box-shadow:0 16px 40px rgba(35,67,112,.11)}
html[data-theme="light"] .bb-embed-card h2,html[data-theme="light"] .bb-embed-rules h2,html[data-theme="light"] .bb-embed-preview-heading h2{color:#1b3152}
html[data-theme="light"] .bb-embed-helper,html[data-theme="light"] .bb-embed-rules li,html[data-theme="light"] .bb-embed-preview-heading p{color:#506786}
html[data-theme="light"] .bb-embed-field{background:#f4f8ff;border-color:#9bb1d1;color:#152f52}
html[data-theme="light"] .bb-embed-preview{background:#dfebf8;border-color:#8cadd2}
html[data-theme="light"] .bb-embed-icon{background:#e5f5fc;color:#137d96;border-color:#91d7e3}
html[data-theme="light"] .bb-embed-copy-status{color:#086a60}
@media(prefers-reduced-motion:reduce){.bb-embed-copy-button{transition:none}}