/* Hallmark · pre-emit critique: P4 H5 E5 S5 R5 V4
 * macrostructure: existing-game-intro-compact · component: game-mode · genre: playful · theme: existing Bigstep
 * states: default · hover · focus · active · disabled · loading · error · success
 * contrast: pass · responsive: pass · mobile: pass
 */
.bs-play-mode-caption{display:block;width:min(100%,420px);margin:12px auto 0;color:#aaa6b8;font:800 10px/1.2 inherit;letter-spacing:.09em;text-align:center;text-transform:uppercase}
.bs-play-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:min(100%,420px);margin:5px auto 12px;padding:4px;border:1px solid rgba(181,160,255,.28);border-radius:14px;background:rgba(7,8,24,.72);box-sizing:border-box}
.bs-play-mode [data-play-mode]{all:unset;box-sizing:border-box;min-height:40px;padding:8px 12px;border-radius:10px;color:#aaa6b8;font:800 12px/1.2 inherit;letter-spacing:.035em;text-align:center;cursor:pointer}
.bs-play-mode [data-play-mode][aria-pressed="true"]{color:#fff;background:linear-gradient(135deg,#7553e8,#9b63ef);box-shadow:0 6px 18px rgba(112,76,220,.25)}
.bs-play-mode-note{display:block;margin:5px auto 0;color:#aaa6b8;font-size:11px;line-height:1.35;text-align:center}
@media(max-width:600px){.bs-play-mode-caption{margin-top:9px;font-size:9px}.bs-play-mode{margin:4px auto 9px}.bs-play-mode [data-play-mode]{min-height:36px;padding:7px 8px;font-size:10px}}
/* Gắp Thú: compact briefing lives only in the additive mode layer. */
.bsc-app .bsc-intro .bsc-intro-card{width:min(620px,100%)!important;padding:18px 24px 20px!important}
.bsc-app .bsc-intro .bsc-intro-prizes{margin-bottom:2px!important;font-size:26px!important}
.bsc-app .bsc-intro .bsc-intro-card>span[data-turn-time]{padding:5px 10px!important;font-size:10px!important}
.bsc-app .bsc-intro .bsc-intro-card h2{margin:7px 0 5px!important;font-size:clamp(22px,4.4vw,42px)!important;line-height:1!important;white-space:nowrap!important}
.bsc-app .bsc-intro .bsc-intro-card>p[data-level-intro]{margin-top:8px!important;padding:9px 12px!important;font-size:11px!important;line-height:1.4!important;text-align:center!important}
.bsc-app .bsc-intro .bsc-intro-steps{margin:10px 0 8px!important;padding:8px 0!important}
.bsc-app .bsc-intro .bsc-intro-steps article{padding:3px 12px!important}
.bsc-app .bsc-intro .bsc-intro-note{margin:0 0 7px!important}
.bsc-app .bsc-intro .bs-play-mode-caption{margin-top:6px!important}
.bsc-app .bsc-intro .bs-play-mode{margin:4px auto 6px!important}
.bsc-app .bsc-intro .bsc-intro-card>[data-start]{box-sizing:border-box!important;height:48px!important;min-height:48px!important;margin-top:2px!important}
.bsc-app .bsc-intro .bs-play-mode-note{margin-top:4px!important}
.bsc-app .bs-play-mode-note[hidden]{display:none!important}
.bs-play-mode [data-play-mode]:hover{filter:brightness(1.08)}
.bs-play-mode [data-play-mode]:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.bs-play-mode [data-play-mode]:active{transform:translateY(1px)}
.bs-play-mode [data-play-mode]:disabled{cursor:not-allowed;opacity:.45}
.bs-play-mode[data-state="loading"] [data-play-mode]{cursor:wait;opacity:.65}
.bs-play-mode[data-state="error"]{outline:2px solid currentColor}
.bs-play-mode[data-state="success"]{filter:saturate(1.12)}
@media(max-width:700px){.bsc-app .bsc-intro .bsc-intro-card{padding:14px 12px 16px!important}.bsc-app .bsc-intro .bsc-intro-prizes{font-size:20px!important}.bsc-app .bsc-intro .bsc-intro-card h2{font-size:22px!important}.bsc-app .bsc-intro .bsc-intro-steps{margin:7px 0 6px!important}.bsc-app .bsc-intro .bsc-intro-card>[data-start]{height:44px!important;min-height:44px!important}}
@media(max-width:340px){.bsc-app .bsc-intro .bsc-intro-card h2{font-size:19px!important;letter-spacing:-.02em!important}}
/* Kẹo Nổ: selected mode is explicit; game CTA keeps its original button styling. */
.bcm .bcm-modal .bs-play-mode{border-color:var(--color-rule)!important;background:var(--color-paper)!important}
.bcm .bcm-modal .bs-play-mode [data-play-mode]{display:block!important;width:auto!important;min-width:0!important;margin:0!important;border:1px solid var(--color-rule)!important;border-bottom-color:var(--color-rule)!important;background:transparent!important;color:var(--color-neutral)!important;font-weight:650!important;box-shadow:none!important;text-shadow:none!important;white-space:nowrap!important}
.bcm .bcm-modal [data-play]{white-space:nowrap!important}
.bcm .bcm-modal .bs-play-mode [data-play-mode][aria-pressed="true"]{border-color:var(--color-accent)!important;background:var(--color-accent)!important;color:var(--color-accent-ink)!important;box-shadow:none!important}
@media(hover:hover) and (pointer:fine){.bcm .bcm-modal .bs-play-mode [data-play-mode][aria-pressed="false"]:hover{border-color:var(--color-accent-hover)!important;background:var(--color-paper-3)!important}}
.bcm .bcm-modal .bs-play-mode [data-play-mode]:focus-visible{outline:2px solid var(--color-focus)!important;outline-offset:2px!important}
.bcm .bcm-modal .bs-play-mode [data-play-mode]:active{transform:translateY(1px)!important}
.bcm .bcm-modal .bs-play-mode [data-play-mode]:disabled{cursor:not-allowed!important;opacity:.45!important}
.bcm .bcm-modal .bs-play-mode[data-state="loading"] [data-play-mode]{cursor:wait!important;opacity:.65!important}
.bcm .bcm-modal .bs-play-mode[data-state="error"]{outline:2px solid var(--color-error)!important}
.bcm .bcm-modal .bs-play-mode[data-state="success"]{outline:2px solid var(--color-success)!important}
@media(max-width:420px){.bcm.is-free-play .bcm-modal h2[data-intro-title]{font-size:28px!important;white-space:nowrap!important}.bcm .bcm-modal .bs-play-mode [data-play-mode]{font-size:9px!important}}

/* Graphite Lime CTA — final game layer. */
:root{--color-accent:#c8ff00;--color-accent-hover:#d6ff3d;--color-accent-ink:#080a0b}
.bs-play-mode [data-play-mode]{border:1px solid #3b4648!important;background:#171d1e!important;color:#f5f6f1!important;-webkit-text-fill-color:#f5f6f1!important;box-shadow:none!important}
.bs-play-mode [data-play-mode][aria-pressed="true"]{border-color:#c8ff00!important;background:#c8ff00!important;color:#080a0b!important;-webkit-text-fill-color:#080a0b!important;box-shadow:0 0 0 3px rgba(200,255,0,.08)!important}
:is(.bsa-app,.bsc-app,.bcm,.bsb-app,.bss-app) :is([data-start],[data-play],[data-restart],[data-again],.bsa-result-actions .is-primary){border:1px solid #c8ff00!important;background:#c8ff00!important;background-image:none!important;color:#080a0b!important;-webkit-text-fill-color:#080a0b!important;box-shadow:0 12px 28px rgba(0,0,0,.3),0 0 0 3px rgba(200,255,0,.08)!important;text-shadow:none!important;filter:none!important}
@media(hover:hover) and (pointer:fine){:is(.bsa-app,.bsc-app,.bcm,.bsb-app,.bss-app) :is([data-start],[data-play],[data-restart],[data-again],.bsa-result-actions .is-primary):hover{background:#d6ff3d!important;border-color:#d6ff3d!important;color:#080a0b!important}}