/* js/games/brands-game.js: the Brand colors round and results screens. */
.bg-page{display:flex;flex-direction:column;min-height:100%}
.bg-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.bg-dots{flex:1;display:flex;gap:4px;overflow:hidden}
.bg-dots i{flex:1;height:4px;border-radius:2px;background:var(--rule-2)}
.bg-dots i.on{background:var(--ink)}
.bg-dots i.now{background:var(--soft)}
.bg-q{font:400 24px/1.2 var(--serif);letter-spacing:-.01em;margin:22px 0 18px;text-align:center}
.bg-hero{display:flex;justify-content:center;margin-bottom:22px}
.bg-hero i{width:100%;max-width:280px;height:180px;border-radius:var(--r-1);background:var(--c)}
.bg-opts{display:grid;gap:10px}
.bg-opt{min-height:58px;padding:0 20px;border:1px solid var(--rule);border-radius:var(--r-1);font:400 19px/1.15 var(--serif);text-align:left;transition:border-color .2s,background .2s}
.bg-opt:active{background:var(--lift)}
.bg-opt.right{border-color:#3FA76B;background:rgba(63,167,107,.12);color:var(--ink)}
.bg-opt.wrong{border-color:#C9503F;background:rgba(201,80,63,.1);opacity:.7}
.bg-opts-sw{grid-template-columns:1fr 1fr;gap:12px}
.bg-opt-sw{min-height:96px;padding:0;overflow:hidden}
.bg-opt-sw i{display:block;width:100%;height:100%;background:var(--c)}
.bg-foot{margin-top:auto;padding-top:22px;animation:bgIn .22s ease both}
@keyframes bgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.bg-fb{font:italic 400 17px/1.4 var(--serif);letter-spacing:0;text-transform:none;color:var(--soft);margin-bottom:14px}
.bg-fb b{color:var(--ink);font-style:normal}
.bg-miss{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.bg-miss-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--rule)}
.bg-miss-row span{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.bg-miss-row i{flex:none;width:44px;height:44px;border-radius:var(--r-1);background:var(--c)}
.bg-miss-row b{font:400 16px/1.2 var(--serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bg-pk-host{margin-top:24px}