/* A compact optional game. Canvas rendering stays inside its own modal. */
body[data-editorial] .hero { padding-block:38px 30px; }
body[data-editorial] .services { padding-block:38px; }
body[data-editorial] .section-heading { margin-bottom:20px; gap:24px; }
body[data-editorial] .bee-card { padding-bottom:16px; }
body[data-editorial] .bee-card:nth-child(even) { padding-top:25px; }
body[data-editorial] .growing-platform { padding-block:24px; margin-top:26px; }
body[data-editorial] .audiences { padding-bottom:40px; gap:20px; }
body[data-editorial] .audience { padding:30px; }
body[data-editorial] .audience.professional { margin-top:0; }
body[data-editorial] .signup-section { padding-block:40px; gap:42px; }
body[data-editorial] .faq { padding-block:36px 18px; gap:42px; }
body[data-editorial] .faq details { padding-bottom:16px; margin-bottom:16px; }
body[data-editorial] .faq summary { padding-block:12px; }
body[data-editorial] .signup-section { display:block; max-width:820px; margin-inline:auto; }
body[data-editorial] .signup-copy { position:static; top:auto; margin-bottom:24px; max-width:650px; }
body[data-editorial] .signup-copy h2 { font-size:clamp(32px,4vw,46px); }
.game-invite { padding:8px 0 34px; text-align:center; }
.game-page { padding:24px 0 40px; }
#bee-game { width:min(780px,100%); margin-inline:auto; padding:22px; border:1px solid var(--line); background:var(--paper); color:var(--ink); }
.game-header { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; }
.game-header h1 { margin:0; font-size:27px; }
.game-close { background:none; border:1px solid var(--line); color:var(--ink); padding:10px; cursor:pointer; }
.game-layout { display:grid; grid-template-columns:minmax(0,360px) minmax(0,1fr); gap:24px; }
#game-canvas { display:block; width:100%; height:auto; max-height:62dvh; object-fit:contain; background:#adc6f4; border:1px solid var(--line); touch-action:none; cursor:pointer; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color:transparent; }
#bee-game :is(button,select,a) { -webkit-tap-highlight-color:transparent; }
#game-canvas:focus-visible { outline:2px solid var(--red); outline-offset:3px; }
.game-stage { position:relative; }
.game-exit { display:none; }
.game-result[hidden] { display:none; }
.game-result { position:absolute; inset:0; z-index:2; display:flex; align-items:center; justify-content:center; padding:16px; background:#192c4873; overflow:auto; }
.game-result-card { width:min(360px,100%); max-height:100%; overflow:auto; padding:22px; background:var(--paper); color:var(--ink); border:1px solid var(--line); box-shadow:0 12px 36px #0004; }
.game-result-card #game-retry { width:100%; min-height:48px; }
.game-result-card #game-status { margin-top:0; font-size:20px; }
.game-result-card #game-tag-form p { font-size:12px; line-height:1.5; }
.game-result-card #game-tag-form button { width:100%; min-height:44px; }
.game-stage.mobile-fullscreen,.game-stage:fullscreen { position:fixed; inset:0; width:100%; height:100dvh; z-index:1000; display:grid; place-items:center; background:#192c48; }
.game-stage.mobile-fullscreen #game-canvas,.game-stage:fullscreen #game-canvas { width:min(100vw,64.2857dvh); height:min(100dvh,155.5556vw); max-height:none; border:0; object-fit:contain; background:#192c48; outline:none; }
.game-stage.mobile-fullscreen .game-exit,.game-stage:fullscreen .game-exit { display:block; position:absolute; z-index:3; right:max(12px,env(safe-area-inset-right)); top:max(12px,env(safe-area-inset-top)); border:1px solid #f8f3e866; padding:10px 12px; background:#192c48; color:#f8f3e8; cursor:pointer; -webkit-tap-highlight-color:transparent; }
#game-setup { display:grid; gap:9px; margin-bottom:14px; }
#game-setup[hidden], #game-tag-form[hidden], #game-retry[hidden] { display:none; }
#game-setup select, #game-tag { width:100%; padding:11px; background:var(--paper); color:var(--ink); border:1px solid var(--line); }
.game-help, .game-board p { font-size:12px; line-height:1.55; margin-block:12px; }
.game-board h3 { font-size:17px; margin-bottom:14px; }
#game-scores { padding-left:24px; }
#game-scores li { margin-block:12px; overflow-wrap:anywhere; }
#game-status { margin-block:12px; font-weight:700; }
#game-status:empty { display:none; }
#game-tag-form { margin-top:24px; }
#game-tag-form label { display:block; margin-bottom:8px; }
@media(max-width:600px) {
 body[data-editorial] .hero { padding-block:26px 20px; }
 body[data-editorial] .hero-art { min-height:0; }
 body[data-editorial] .audience { padding:24px; }
 body[data-editorial] .signup-section,body[data-editorial] .faq { gap:24px; }
 #bee-game { padding:15px; }
 .game-layout { grid-template-columns:1fr; gap:14px; }
 #game-canvas { max-height:54dvh; }
 .game-header h1 { font-size:24px; }
}

.game-play-overlay { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:84px; height:84px; border-radius:50%; border:2px solid #f7f9fc; background:#192c48; color:#f7f9fc; box-shadow:0 8px 24px #192c4838; cursor:pointer; z-index:2; }
.game-play-overlay[hidden] { display:none; }
.game-play-overlay:focus-visible { outline:3px solid #ee4435; outline-offset:5px; }
.game-play-overlay:disabled { opacity:.6; cursor:wait; }